*{ padding:0; margin:0;}
body { background:#e5f4fa;} 
#wrapper { background:#FFF; /*min-width:455px; max-width: 1000px;*/}
html { -ms-text-size-adjust: 100%;  /*IE on Windows Phone用デバイスの向きを変えた後にユーザーの文字サイズ調整を防ぐ??*/
  -webkit-text-size-adjust: 100%;  /*iOS用デバイスの向きを変えた後にユーザーの文字サイズ調整を防ぐ??*/
  font-family: font-family: "sans-serif";
  font-size:1em; line-height:1.5;}
img { display: block; 
	max-width: 100%; /*画像を画面幅に合わせて自動で幅を調節*/ 
	height: auto;/*縦横比を保持したまま調節*/ }
ul,li { margin:0; padding:0; list-style:none;}	



h1 { color:#003d55; font-size:3em; text-align:center;
	position: relative;  padding: 0; }	

h1:after {  content: "";  display: block;  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(0, 61, 85), transparent);
  background: linear-gradient(to right, rgb(0, 61, 85), transparent);
}
h2{ font-size:1.5em; color:#003d55; margin:10px 10px 10px 10px; border-bottom:1px solid #002d40; }
h4 { color:#003d55; font-size:1.5em; 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; }
.title {font-size:1.3em; text-align:center; margin-top:10px;}
/* ＝＝＝＝＝＝＝＝　MAIN　＝＝＝＝＝＝＝＝＝ */ 	
#main { margin: 0 5px 10px 5px; padding:0; font-size:0.9em;  }
@media screen and (max-width:520px){ 
#main { margin: 0; font-size:0.8em; }
h1 { font-size:1.5em;}
h2 { font-size:1.2em;}
h3 { font-size:1.1em;}
h4 {font-size:1em;} 
}	
@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 { margin:5px 15px;}
/*--------------------------------------------*/
/*   パンくずリスト　*/
/*--------------------------------------------*/
#breadcrumb ol{ padding:0; }
#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:40px;}
#info li { list-style-image: url(../HARCS2022/img/disc.png); }

.schedule {font-size:1.5em; font-weight:bold; padding: 8px 0;  }
/*-------------------------------------------*/
/*  過去のシンポジウム 　*/
/*-------------------------------------------*/
#past-sympo {width:36em; margin:0 auto; display: flex; 
	flex-wrap: wrap; justify-content:space-between; }
#past-sympo .pst-syp { padding:0 5px 10px 5px;}
@media screen and (max-width:520px){ 
#past-sympo {width:18em;}
}
/*---------------------------------------*/
/*  video 
/*---------------------------------------*/
video { width: 100%; max-width: 500px; /* 最大でも500px以下に */}
/*---------------------------------------*/
/*   プログラム
/*---------------------------------------*/
#program{ font-size:100%; margin:10px 15px; padding-bottom:10px;}
#program dl{  width: 100%;  overflow: hidden;  border:1px solid #666; }
#program dt{  width:4.5em;  float: left;  padding: 5px 10px; }
#program dd{  padding: 5px 10px 5px 5em; border-bottom:1px solid #666; }
#program dd:after{  display: block;  content: "";  clear: both;}
#program ul { text-indent:-1em; }
#program li { margin-left:1em;}
/*---#program ul{  margin-top: 20px;}
#program li{  margin-left: 50px;} --*/
#program .tit{  margin-left: 100px; margin-bottom: 10px; font-weight:bold; font-size:larger}
#program .back { background: #fffed2;}
#program .prog-font-col { color:#33C;}
/*----------------------------------------*/
/*    講演内容*/
/*----------------------------------------*/
#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;}

/*----------------------------------------*/
/* 開催概要     */
/*----------------------------------------*/
#about { margin:5px 25px; }
/* #about{ font-size:100%; padding-left:10px;} */
#about dl{  width: 100%;  overflow: hidden;}
#about dt{  width: 4.5em;  float: left; clear: left; padding: 0 0 0.5em 0;  }
#about dd{  padding: 0 0 0.5em 5em;}
/*--------  事前参加登録   -------*/
#registration {margin:5px 15px;}
@media screen and (max-width:520px){
#info ul{ padding-left:20px;}
#about { margin:5px 5px 5px 15px; }
.cont { margin:5px;}	
}
/*----------------------------------------------*/
/* ヘッダー     */
/*----------------------------------------------*/
#header-sympo{ width: /*860px*/ 100%; margin:0 auto; padding:10px 0 5px 0; text-align:left;	background: #fff; 
	display:block; overflow:auto;  position:relative;
	color:#001e2a; border-bottom:3px solid #003d55;}
#header-aist-sympo{ font-size:100%; padding:0 0 5px 10px;}
#header-sympo .logo-aist-sympo{float: right; margin-right:30px; /*bottom:265px;*/} 
#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; }
/*----------------------------------------------*/
#sympo .update{ margin:10px 20px 0px 20px;}
/*-------------------------------------*/
.demo{ font-size:100%; padding-left:10px;}
.demo div{  width: 39%;  float: left; padding: 5px 10px; }
.demo dt{  margin-top: 15px; margin-bottom: 5px;}
a.demo { text-decoration: none; }
p.discription{  width: 59%;  height: 280px;  float: right;  padding: 3px 10px 10px 10px; border-left:1px solid #002d40; }
/*---------------　poster　---------------*/
div.posters { overflow: hidden;}
.posters{ font-size:100%; padding:10px; padding-bottom: 0; }
a.posters { text-decoration: none; }
.posters dl {border:1px solid #ccc; border-bottom:none; margin-bottom: 20px; margin-top: 5px; } 
.posters dt{ /* width:16.5em; */width:5em; float: left;  padding: 5px 10px; font-size:90%;}
.posters dd{  padding: 5px 10px 5px /* 17em*/ 5.5em; border-bottom:1px solid #ccc;}
.posters dd:after{  display: block;  content: "";  clear: both;}
/*----- poster pdf ムービー -----------*/
/* div.posters2 { overflow: hidden;} */
.posters2{ font-size:100%; padding:10px; padding-bottom: 0; }
a.posters2 { text-decoration: none; }
.posters2 dl {border:1px solid #ccc; border-bottom:none; margin-bottom: 20px; margin-top: 5px; } 
.posters2 dt{ width:11em; float: left;  padding: 5px 10px; font-size:90%;}
.posters2 dd{  padding: 5px 10px 5px 11.5em; border-bottom:1px solid #ccc;}
.posters2 dd:after{  display: block;  content: "";  clear: both;}
/*----- poster　pdf -----------*/
.posters3{ font-size:100%; padding:10px; padding-bottom: 0; }
a.posters3 { text-decoration: none; }
.posters3 dl {border:1px solid #ccc; border-bottom:none; margin-bottom: 20px; margin-top: 5px; } 
.posters3 dt{ width:10em; float: left;  padding: 5px 10px; font-size:90%;}
.posters3 dd{  padding: 5px 10px 5px 10.5em; border-bottom:1px solid #ccc;}
.posters3 dd:after{  display: block;  content: "";  clear: both;}
/*-------------------------------------------*/
/*   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:300%; 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; } 
#sympo h3{ padding-left: 0;}
.sympo-end {font-size:180%;}
.posters2{ font-size:90%; padding:10px 0; padding-bottom: 0; }
.posters2 dt{ width:10em; padding: 5px; font-size:100%; }
.posters2 dd{  padding: 5px 10px 5px 10.5em;}
}
/*   カウンター　*/
.count { width: 300px; margin: 0 auto; padding: 0;  }
/*--------------------------------------------*/
/*   上に戻るボタン　*/
/*----------------------------------------------*/
.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-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;}