*{ padding:0; margin:0;}
/*----------------------------------------------*/
/* ヘッダー     */
/*----------------------------------------------*/
#header-sympo{ width: 860px; margin:0 auto; padding:0; text-align:left;	background: #fff; 
	display:block; padding:10px 0 0 40px; overflow:auto;  position:relative;
	color:#001e2a;}
#header-aist-sympo{ font-size:90%; padding-bottom:5px;}
/*#header-sympo .logo-aist-sympo{ float:right; position:absolute; right:40px; bottom:10px;}*/
#header-sympo .logo-aist-sympo{ float:right;margin-right:40px; bottom:265px;}
#header-sympo .banner{  margin-left:-40px;margin-bottom:0}
#header-sympo .header-harc-eng-sympo { float:left; font-size:120%;}
#header-sympo :after { clear:both;}
#sympo-title{ margin:30px 20px 30px 20px; padding:0; font-size:150%;
	font-weight:bold; color:#002d40; border-bottom:1px solid #002d40;}
.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; }

.cnt { font-size:200%; padding:30px 0 20px 20px;}
/*----------------------------------------------*/
#sympo h1{ font-size:130%; color:#002d40; margin:10px 10px 10px 10px; }
#sympo h2{ font-size:110%; color:#002d40; margin:10px 10px 10px 10px; border-bottom:1px solid #002d40; }

#sympo .update{ margin:10px 20px 20px 20px;}
#sympo .mrg-100 {margin-left:100px;}
/*----------------------------------------------*/
#about-sympo{ font-size:100%; padding-left:10px;}
#about-sympo dl{  width: 100%;  overflow: hidden;}
#about-sympo dt{  width: 5em;  float: left; clear: left; padding: 5px 10px;  }
#about-sympo dd{  padding: 0.5em 0 0.5em 5.5em;}
/*#about-sympo dt{  width: 9%;  float: left;  padding: 5px 10px;  }*/
/*#about-sympo dd{  padding: 5px 10px;}*/
/*#about-sympo dd:after{  display: block;  content: "";  clear: both;}*/
#about-sympo a:link { color: #33C; }
#about-sympo a:visited{ color: #33C;  }
#about-sympo a:hover{ color: #33C;}
/*----------------------------------------------*/
#registration { padding:0 0 0 20px;}
#registration a:link { color: #33C; }
#registration a:visited{ color: #33C;  }
#registration a:hover{ color: #33C;}
/*----------------------------------------------*/
.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; }
/*.demo div,dl{  width: 100%;  overflow: hidden; padding: 10px; }
.demo dl:after{  display: block;  content: "";  clear: both;}
.demo a:link { color: #33C; }
.demo a:visited{ color: #33C;  }
.demo a:hover{ color: #33C;}*/
/*----------------------------------------------*/
div.posters { overflow: hidden;}
.posters{ font-size:100%; padding-left:10px; }
a.posters { text-decoration: none; }
.posters dt{  margin-top: 15px; }
li.posters {  padding-left:0px; margin-bottom: 10px; }
.posters dd{  margin-left: 20px; }
/*.posters div{  width: 39%;  float: left; padding: 5px 10px; }*/

/*----------------------------------------------*/
.table_style{ font-size:100%; margin:10px 15px; }
.table_style dl{  width: 70%;  overflow: hidden;  border:1px solid #666; border-bottom:none;}
.table_style dt{  width: 20%;  float: left;  padding:10px; border-right:1px solid #666; font-weight:bold;}
.table_style dd{  padding-top:10px;  text-indent:10px; border-bottom:1px solid #666;}
.table_style dd:after{  display: block;  content: "";  clear: both;}



/*-------for participant ------------------------*/
/*dd.announce {  margin-left: 50px;}*/

/*-------demo&poster tab ------------------------*/
table{
  border-collapse: collapse;
  border-spacing: 0;
}
.table_program th,td{ padding:1px 5px 1px 5px; border:1px solid #002d40;
}
.table_program th{ text-align:left; padding:5px 10px; }
.table_head { padding:1px 5px 1px 5px; border:1px solid #002d40; background: #e5f4fa; margin-bottom: 30px}

/*-------demo&poster tab ------------------------*/
.ChangeElem_Panel{
  height: 280px;
}
.ChangeElem_Btn{
  margin: 10px; 0px; 0px; 0px;
  padding: 0px;
  height: 30px; width: 100px;
  text-align: left;
  font-size:120%;
}
.button {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  font-size     : 100%;        /* 文字サイズ */
}
.btn-3d {
  border-bottom: solid 3px gray;
  border-radius: 3px;
}

.kakomi-box1 {
  margin: 10px; 0px; 0px; 0px;
  padding-left: 10px;
  height: 30px; width: 100px;
  /*text-align: center;*/
  font-size:120%;
 background-color: #fff; /* 背景色 */
 border: 2px solid #cccccc; /* 枠線 */
}
/*----------------------------------------------*/
#program{ font-size:100%; margin:10px 15px; padding-bottom:10px;}
#program dl{  width: 100%;  overflow: hidden;  border:1px solid #666; border-bottom:none;}
#program dt{  width: 15%;  float: left;  padding: 5px 10px; }
#program dd{  padding: 5px 10px; border-bottom:1px solid #666;}
#program dd:after{  display: block;  content: "";  clear: both;}
#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;}
/*-----------------------------------------------*/
#footer-sympo {clear:both; margin:0 auto; background:#003d55; color: #e5f4fa;
	 text-align:center;	padding:15px 0; border:none; font-size: 14px; min-width:900px;}
#footer-sympo a:link { color: #e5f4fa; }
#footer-sympo a:visited{ color: #e5f4fa;  }
#footer-sympo a: