*{ padding:0; margin:0;}

#wrapper { background:#FFF; }
html { font-family: font-family: "sans-serif";
  font-size:1em; line-height:1.5; background:#e5f4fa;}
img { display: block; 
	max-width: 100%; /*画像を画面幅に合わせて自動で幅を調節*/ 
	height: auto;/*縦横比を保持したまま調節*/ }
ul,li { margin:0; padding:0; list-style:none;}	
h1 { color:#003d55; font-size:1.5em; text-align:center; position: relative; 
	margin:20px 50px; padding: 0; border:1px solid #003d55; }	
h2 { font-size:1.2em; margin:0; padding:0;}
h3 { font-size:1.1em;}
h3:before { content: "\25A0" "\0020"; color: #cf0027; font-size: 50%;}

h4 { color:#003d55; font-size:1em; text-align:center; padding-top:0.25em; } 
#title { font-size:1.3em; text-align:center; margin:0; }
#title .ha23{ font-size:2.3em; font-weight:bold; padding: 0; margin: 0px; }
h5 { font-size:1.5em; padding-left:15px;}
.title {font-size:1.3em; text-align:center; margin-top:10px;}
h6{ border-bottom:1px solid #616371;}
/* ＝＝＝＝＝＝＝＝　MAIN　＝＝＝＝＝＝＝＝＝ */ 
#main { margin: 0; font-size:0.8em; }	
@media screen and (min-width:520px){ 
#main { margin: 0 5px 10px 5px; padding:0; font-size:0.9em;  }
h1 { font-size:1.5em;}
h4 {font-size:1.8em;} 
}	
@media screen and (min-width:960px) {
#wrapper { max-width: 960px; padding: 0; margin: 0px auto; }
#main { padding:0 20px;}
}	
/*.top-cnt { margin:5px 15px 10px 15px; }*/
.cont { padding:5px 5px 20px 5px;}
@media screen and (min-width:520px){ 
.cont { padding:15px 20px 30px 20px;}
}
/*--------------------------------------------*/
/*   パンくずリスト　*/
/*--------------------------------------------*/
#breadcrumb ol{ padding:0; margin-bottom:10px;} 
#breadcrumb li{ display: inline; color: #001e2a; font-size:0.8em;} 
#breadcrumb li:after{ content:'>';} 
#breadcrumb li:last-child:after{ content:none;} 
#breadcrumb  li a { color:  #001e2a; padding-right:5px;}
/*-------------------------------------------*/
/*   更新情報・お知らせ　*/
/*-------------------------------------------*/
#info { padding-bottom:10px;}
#info ul{ padding-left:20px;}
#info li { list-style-image: url(../HARCS2022/img/disc.png); }


/*---------------------------------------*/
/*   プログラム
/*---------------------------------------*/
#program { overflow: hidden; margin:5px 10px 10px 5px;}
#program dl{ border:1px solid #ddd; display: flex; 
	flex-wrap: wrap; margin:15px 10px 20px 10px; }
#program dt { width:5em; border-bottom:1px solid #ddd; 
	border-right:1px solid #ddd; padding:5px;}	
#program dd {width:calc(100% - 5em); padding: 5px;
	border-bottom:1px solid #ddd; }
#program dt:last-of-type { border-bottom:none; }	
#program dd:last-of-type { border:none;}	
#program .back { background: #fffed2;}
/*	
#program { overflow: hidden; margin:5px 10px 10px 5px;}
#program dl{ border:1px solid #ddd; border-bottom:none;}
#program .pro {  display: flex; flex-direction: row; }	
#program .pro dt { width:6em; border-bottom:1px solid #ddd; 
	border-right:1px solid #ddd; padding:5px;}	
#program .pro dd:nth-child(2) { display: flex; flex-wrap: wrap;  
	width:calc(100% - 15em); border-bottom:1px solid #ddd;
	padding: 5px; }
#program .pro dd:nth-child(3) { width:5em; border-left:1px solid #ddd;     	 
	 border-bottom:1px solid #ddd; padding:5px;} 
#program .pro dd:nth-child(4) { width:10em; border-left:1px solid #ddd;     	 
	  padding:5px;} 
#program .pro .bd-btm { border-bottom:1px solid #ddd; }
#program .pro .bd-top { border-top:1px solid #ddd; }
.back { background: #fffed2;}*/
/*----------------------------------------*/
/* 開催概要     */
/*----------------------------------------*/
#about { padding:15px 10px 20px 10px; }
#about dl{ display:flex; flex-wrap: wrap;  
	text-align: left;   }
#about dt{background: #eee; width: 10em; padding: 10px;
    box-sizing: border-box; border: 1px solid #ccc; 
	border-right: none;	border-bottom: none; }
#about dd{margin: 0; padding: 10px 20px 10px 10px; 
	border: 1px solid #ccc; width:calc(100% - 11em);
	box-sizing: border-box; border-bottom: none;}
#about .evt-last { border-bottom:1px solid #ccc;}
#about p { width:100%; padding-left: 1em; text-indent: -1em;
	padding:10px 0 0 50px; line-height:1.5;}
/*--------  事前参加登録   -------*/
#registration {margin:5px 15px;}
@media screen and (min-width:520px){
#info ul{ padding-left:40px;}
#about { margin:10px; }
.cont { margin:5px;}	
#program { margin:10px; }
}
@media screen and (min-width:600px){
#about { margin:10px 20px; }	
#program { margin:10px 20px; }
}
/*---------------　poster　---------------*/
#poster { overflow: hidden; margin:5px 10px 10px 5px;}
#poster dl{ border:1px solid #ddd; border-bottom:none;}
#poster .pos {  display: flex; flex-direction: row; }	
#poster .pos dt { width:6em; border-bottom:1px solid #ddd; 
	border-right:1px solid #ddd; padding:5px;}	
#poster .pos dd:nth-child(2) { width:calc(100% - 10em); padding: 5px; 
	border-bottom:1px solid #ddd; border-bottom:1px solid #ddd;}
#poster .pos dd:nth-child(3) { width:5em; border-left:1px solid #ddd; 
		border-bottom:1px solid #ddd;}

/*----------------------------------------------*/
/* ヘッダー     */
/*----------------------------------------------*/
/*#header-sympo{ width: 100%; margin:0 auto; padding:10px 0 5px 0; 
	text-align:left;	background: #fff; display:block; 
	overflow:auto;  position:relative; color:#001e2a;}
#header-aist-sympo{ font-size:100%; padding:0 0 5px 10px;}
#header-sympo .logo-aist-sympo{float: right; margin-right:30px;} 
#header-sympo .banner{ margin-bottom:0; max-width:1000px; }
#header-sympo .header-harc-eng-sympo { padding-left:10px;  font-size:110%; }
#header-sympo :after { clear:both;}
.side_banner{ float:right; margin-right:350px; margin-top:32px; }
.poster_thumbnail{ float:right; margin-right:30px; margin-top:20px; }
.poster_thumbnail{ float:right; margin:0px 0px 20px 20px; }*/
/*----------------------------------------*/
/*    講演内容*/
/*----------------------------------------*/
#lec-cont{ font-size:100%; margin:10px 15px; padding-bottom:10px;}
#lec-cont ul{  width: 100%;  overflow: hidden;  }
#lec-cont li{  padding: 8px 10px; border-bottom:1px solid #ddd; }
#lec-cont p { padding-left:20px;}
/*-------------------------------------------*/
/*   demo　*/
/*-------------------------------------------*/
.demo { overflow: hidden; }
.demo dl{ display: flex; flex-wrap: wrap;	border:1px solid #ccc; 
	margin:0 10px 20px 10px;}
.demo dt { align-items: left; width:6em;
	padding: 5px 0 5px 5px; border-bottom: 1px dashed #ddd; border-right: dashed 1px #ddd;}
.demo dd { align-items: right; width: calc(100% - 8em); 
	padding: 5px 0 5px 5px; border-bottom:1px  dashed #ddd;}
.demo dd:first-of-type {text-align:center; 
	border-bottom: 1px solid #ddd;}
.demo dt:first-of-type { border-bottom: 1px solid #ddd;}
.demo dt:last-of-type { border-bottom: none;}	
.demo dd:last-of-type { border: none; }
/*-------------------------------------------*/
/*   presentation_slides　*/
/*-------------------------------------------*/
#presen { padding:20px 10px 0 10px;}
#presen  ul { text-indent:-2em;}
#presen  li { margin-left:2em;  padding-bottom:10px; }
#presen p{padding: 10px  10px 0  10px;}
/*-------------------------------------------*/
/*    notice*/
/*-------------------------------------------*/
#notice { padding:10px 20px;}
#notice p{ padding-bottom:10px;}
#notice img { width: 150px; margin: 0 auto;}
.sympo-end {font-size:250%; padding:20px 0 20px 10px; }
.meet-end {font-size:200%; padding:20px 0 20px 10px; }
@media screen and (max-width:520px){
.posters dl { margin: 0;  margin-bottom: 20px;}
#header-sympo .header-harc-eng-sympo { padding-left:10px;  font-size:90%;}
#header-aist-sympo{ font-size:90%;}
#header-sympo .logo-aist-sympo{ margin-right:10px; margin-bottom:5px;} 
#sympo h3{ padding-left: 0;}
.sympo-end {font-size:180%;}
}
/*-------------------------------------------*/
/*  過去のシンポジウム 　*/
/*-------------------------------------------*/
#past-sympo {width:18em; margin:0 auto; display: flex; 
	flex-wrap: wrap; justify-content:space-between; padding-top:10px; }
#past-sympo .pst-syp { padding:0 5px 10px 5px; text-align:center;}
#past-sympo img{ display:none;}
@media screen and (min-width:520px){ 
#past-sympo {width:30em;}
#past-sympo img{ display:block;}
}
@media screen and (min-width:600px){ 
#past-sympo {width:40em;}
}


/*--------------------------------------------*/
/*   上に戻るボタン　*/
/*----------------------------------------------*/
.page_top { position:fixed; bottom:25px; right:20px;
	color:#002d40; font-size:12px;
	text-decoration:none; background:#fff;opacity: 0.7;
	border:1px solid #002d40; 
	border-radius:20%;/*角丸*/ padding:10px;
}
.page_top:hover { color:#d63d00;  border:1px solid #d63d00; opacity: 0.8; border-radius:20%;/*角丸*/ padding:10px;}  
/*-----------------------------------------------*/
#footer{max-width:960px;margin:0 auto; background:#003d55; font-size: 90%;
	color: #e5f4fa;text-align:center;padding:15px 0;border:none;}
@media screen and (max-width:520px){ 
#footer	{font-size: 80%;}
}
/*-----------------------------------------*/
.center {text-align:center;}
.right { text-align:right;}
.pad-l30 { padding-left:30px;}
.pad-l10 { padding-left:10px;}
.pad-b10 { padding-bottom: 10px;}
.pad-b30 { padding-bottom: 30px;}
.pad-b20 { padding-bottom: 20px;}
.pad-t10 { padding-top:10px;}
.pad-t20 { padding-top:20px;}
.mag-b-30 { margin-bottom:30px; }
.mag-l-45 { margin-left:4.5em; }
.bold {font-weight: bold;}
.ft-sz-l { font-size:110%;}
.ft-sz-s { font-size:85%;}
.red{color:red;}
.blue {color:blue; }
.regist {font-weight:bold; padding-bottom:10px;
	padding-left:30px;}