*{ padding:0; margin:0;}
body{ background-color:#e5f4fa; margin:0px auto;	padding:0px;
	font-family: font-family: "sans-serif";
	color: #000f15; line-height:1.5;}
/* コンテンツ */
#container{ margin:0 auto; padding:0; width:900px; background:#fff; font-size:100%;  
	overflow:auto; }

/*--- メイン部分の設定 ---*/
#main{ margin:0 auto; width:840px; padding:0 20px; }

.cont{  margin:0 30px; padding-bottom:10px;}

/*----------------------------------------------*/
/* ヘッダー     */
/*----------------------------------------------*/
#header{ width: 900px; margin:0 auto; padding:0; text-align:left;	background: #fff; position:relative; 
	display:block; padding-top:10px; padding-bottom:5px; overflow:auto; }
#header h1{ color:#001e2a;	text-decoration:none;}
#header ul{ list-style:none;}
#logo{ padding-left:40px;}
#logo-aist{ position:absolute; right:20px; bottom:50px;}
#header-harc-eng{ float:left; width:55%; padding: 5px 0 0 40px; font-size:125%; position:absolute; bottom:5px; }

#header-r{ float:right; width:35%; padding-right:20px;  text-align:right; }
#header-r li{ text-align:center; display:inline-block; font-size:90%;  color:#000f15;}
#header-r a {display:block; padding:5px 3px; color:#000f15;}
#header-aist{ padding-left:40px; padding-bottom:10px;}

/*----------------------------------------------*/
@media screen and (max-width: 480px) {p { font-size : 12px ; }}
img {max-width : 100% ;height : auto ;}
iframe { width : 100% ; }
@media screen and (max-width: 480px) {img { float : none ; }} 
@media screen and (max-width: 480px) {
h2 {font-size : 75% ;margin : 0 ; }} 
@media screen and (max-width: 480px) {
p {width : 100% ;　font-size : 65% ;　margin : 0 0 1.8em 0 ;
line-height : 1.7 ; }} 
/*----------------------------------------------*/
/* メニュー     */
/*----------------------------------------------*/

/*----------------- navi  Japanese --------------------------*/
#top-nav{ height:41px; background:#003d55; position:relative; clear:both; min-width:900px;  z-index:10;}
#nav {  overflow: hidden;  width: 800px;
  margin: 0 auto;  padding: 0;  display: flex;}
#nav .nav-left{ border-left: 1px solid #eee;  }  
#nav li {  list-style: none; font-size:90%; }
#nav li a {  display: block;  width: 155px; padding:9px 0;  
  	text-align: center;  color: #e5f4fa;
    background: #003d55;   text-decoration: none;
 	border-right: 1px solid #eee;  box-sizing: border-box; }
	
#nav > li:hover > a {color: #f7edbf; font-weight:bold; background: #0099d6;}
#nav li ul { display: none;  position: absolute;}
#nav > li li:hover > a { display: block; font-weight:bold; background: #0099d6;}
#nav li ul li a {  border-top: 1px solid #eee;
	text-align:left; padding-left:10px;width: 220px;}

/*----------------- navi  English --------------------------*/
#top-nav-en{ clear:both; height:41px; background:#003d55; position:relative; min-width:900px;  z-index:10;}
#nav-en {  overflow: hidden;  width: 800px; border-left:1px solid #eee;
  margin: 0 auto;  padding: 0;  display: flex;}
#nav-en ul{ }  
#nav-en li {  list-style: none; font-size:90%; 
		/*height: 40px; line-height: 2.8; */  }
#nav-en li a {  display: block;  width: 200px; padding:9px 0;  
  text-align: center;  color: #e5f4fa;
    background: #003d55;   text-decoration: none;
    border-right: 1px solid #eee;  box-sizing: border-box;}
#nav-en > li:hover > a {  color: #f7edbf; font-style:italic; 
	font-weight:bold; background: #0099d6;} 
#nav-en li ul { display: none;  /*margin-left: -40px; */
  position: absolute;}
 
#nav-en > li li:hover > a {/*layer-2*/ 
	font-style:italic; font-weight:bold; background: #0099d6;}
#nav-en li ul li a { display:block; border-top: 1px solid #eee;
	text-align:left; padding-left:10px;width: 220px;}
.nav-left{ border-left: 1px solid #eee;}
	
/*--------------------------------------------*/
/*   パンくずリスト　*/
/*----------------------------------------------*/
#breadcrumbs ol{ clear: both;  margin-bottom:5px; padding: 5px; 
	text-align:left;  }
#breadcrumbs li{ display: inline; padding:0;  color: #001e2a; font-size: 90%; } 
#breadcrumbs li:after{ content:'>';} 
#breadcrumbs li:last-child:after{ content:none;} 
#breadcrumbs li:first-child { padding-left:10px;}
#breadcrumbs  li a { color:  #001e2a; padding-right:5px;}
/*----------------------------------------------*/
/*  TOPページ  */
/*----------------------------------------------*/
#director a:link { color: #000f15; }
#director a:visited{ color: #000f15;  }
#director a:hover{ color: #005b80; text-decoration:none;}

/*---- What's New   border-left:double 3px #000f15; ----*/
#News { margin:10px 0 10px 10px; text-align:left;/*  border-bottom: 1px solid #002d40; */} 
#News .nendo { font-size:110%; font-weight:bold; border-left:3px double #000f15; padding-left:8px;width:70px; margin-bottom:10px; }
#News dl { width:750px; border-bottom: 1px solid #002d40; margin-bottom:30px;}
#News dt{/*-- border-bottom:1px dashed #002d40; */ border-bottom:1px dashed #002d40; border-bottom:solid 1px #ccc;}
/*-- #paper li { padding:1em; text-align:left; border-bottom:solid 1px #999;} */
#News dd{ display:inline-block; padding:10px 0 10px 10px; vertical-align:middle; }
#News .news-date{ width:90px;}
#News .news-cont{ width:610px;}
  /*---- 写真 掲載  ----*/
#News .news-cont2{ width:500px; }
#News .news-fig{ width:110px;}
#News .line-none{ border:none;}
/*----------------------------------------------*/
/*  センターについて  */
/*----------------------------------------------*/
#about li{ list-style:url(img/common/disc.png);  padding:3px 0; margin-left:25px; }
#about a:link { color: #000f15; }
#about a:visited{ color: #000f15;  }
#about a:hover{ color: #005b80; text-decoration:none;}

/*----------------------------------------------*/
/*  組織  */
/*----------------------------------------------*/
#org { font-size:110%;}
#org dl{  width: 100%;  overflow: hidden; }
#org dt{  width: 20%;  float: left;  padding: 5px 10px; font-weight:bold; }
#org dd{  margin-left: 20%;  padding: 5px 10px;}
#org dd:after{  display: block;  content: "";  clear: both;}

#org ol,ul,p{ margin:0; padding:0; 	list-style:none;}
#org li{ padding:0 0 15px 10px; }
#org a:link { color: #000f15; }
#org a:visited{ color: #000f15; }
#org a:hover{ color: #005b80; text-decoration:none;}

#org-eng { font-size:110%;}
#org-eng dl{  width: 100%;  overflow: hidden; }
#org-eng dt{  width: 30%;  float: left;  padding: 5px 10px; font-weight:bold; }
#org-eng dd{  margin-left: 30%;  padding: 5px 10px;}
#org-eng dd:after{  display: block;  content: "";  clear: both;}

#org-eng ol,ul,p{ margin:0; padding:0; 	list-style:none;}
#org-eng li{ padding:0 0 15px 10px; }
#org-eng a:link { color: #000f15; }
#org-eng a:visited{ color: #000f15; }
#org-eng a:hover { color: #005b80; text-decoration:none;}
/*----------------------------------------------*/
/* 研究グループ  */
/*----------------------------------------------*/
#group { }
#group h5{ font-size:100%; margin:5px 10px 0 20px;  color:#002d40;  }
#group ul{ margin:0; padding:0 20px 10px 20px; }
/* * html body dl.list dd div{ display:inline-block;}*/
/*----  float  ----*/
.wrap:after{display:block;clear:both;content:""; }
.float-left80 { float:left;  width:80%;}
.float-right20 { float:right;  width:20%;}

.float-right25 { float:right;  width:25%;}
.float-right30 { float:right;  width:30%;}
.float-left40 { float:left;  width:40%;}
.float-right60 { float:right;  width:60%;}
.float-left65 { float:left;  width:65%;}
.float-left70 { float:left;  width:70%;}
.float-left50 { float:left;  width:50%;}
.float-right50 { float:right;  width:50%;}

.ccprt-fig  { text-align:center; padding:0 0 5px 0;}
.ccprt li{ list-style:url(img/common/disc.png);  padding:3px 0; margin-left:25px;  }
/*----------------------------------------------*/
#team-navi {  }
#team-navi ul{ border:1px solid #00628a; text-align:center; margin:0 100px;}
#team-navi li{ width:8em; text-align:center; display:inline; font-size:90%; padding:3px; color:#000f15;}
#team-navi a{ color:#000f15;}
/*#team-navi a { text-decoration:none; } */
/*----------------------------------------------*/
.member{clear:both; text-align:left;  border:solid 1px #ddd;  margin-top:10px;}
.member dl{}
.member dt{ border-bottom: solid 1px #ddd; }
.member dd{ display:inline-block;  padding:5px 5px 5px 10px;/* line-height:40px; */
vertical-align:middle;}
.member .name{ width:300px;border-right:dashed 1px #ddd;}
.member .field{ width:420px; }
.member .border-none { border:none;}
/*----------------------------------------------*/
/* 採用情報　*/
/*----------------------------------------------*/
#recruit  { margin: 40px 30px; }
/*#recruit  h3 { margin: 0 0 0 0; padding: 0 8px 13px 8px; border-bottom: 1px solid #333; color: #333; font-size: 30px; font-size: 1.875rem; font-weight: bold; }*/
#recruit p { margin: 38px 0; padding: 0 24px; color: #000; font-size: 110%;  line-height: 1.5; }
#recruit .kubun{ padding-left:5px; font-size:130%; border-bottom:1px solid #002d40;
	font-weight:bold;}
#recruit .update { margin: 30px 0 0 0; text-align: right; }
#recruit dl { margin: 43px 0 0 0; padding: 0 24px; color: #000; font-size: 20px; font-size: 110%; line-height: 35px; }
#recruit  dl dt { float: left; width: 6em; }
#recruit  dl dd { overflow: hidden; }
#recruit  .btnDtl { width: 280px; margin: 30px auto 80px auto; padding: 11px 0px 11px 0px; 
	background: #004c6b; color:#fff; text-align: center; }
#recruit .btnDtl a { color: #fff; text-decoration: underline; }
#recruit .btnDtl a:hover{ color: #e5f4fa; text-decoration:none; }
/* 契約職員の区分　*/
/*----------------------------------------------*/
#kubun{ margin:10px 0 10px 0; padding-bottom:10px; border:1px solid #002d40;}
#kubun dl{ margin:0 10px; padding-left:10px;}
#kubun dt{ float:left; width: 7em; padding: 10px 0 0 0;}
#kubun dt.ra{ float: none; width: auto;}
#kubun dd{ padding: 10px 0 0 7em; }
#kubun dd.ra{ padding: 0 0 0 7em; }
#kubun dd.ra-cont{ padding: 0 0 0 10em; }
#kubun h5{border-bottom:1px solid #002d40; margin-top:10px; font-size:110%;}
#kubun h4{ border:none; margin-top:10px; font-size:110%;}
/*----------------------------------------------*/
/* アクセス */
/*----------------------------------------------*/
.map{ text-align:center;}
.access-map { text-align:center;}
.access-map a{ width:200px;background: #004c6b; text-decoration: none;
	text-align: center; padding:5px 10px; font-size:100%; color:#fff;}
.access-map a:hover { color: #e5f4fa; text-decoration: underline; }

/*----------------------------------------------*/
/*  問い合わせ　　　*/
/*----------------------------------------------*/
#inquiry{}
#inquiry .inq-title{margin:10px 20px 0 20px; padding:0; font-size:130%; 
	font-weight:bold; color:#002d40; border-bottom:1px solid #002d40;}
#inquiry .inq-cont { margin:0 0 20px 50px;}
/*------------------------------*/
.gr-color-blue{ color:}

/*----------------------------------------------*/
/*  sitemap
/*----------------------------------------------*/
#sitemap{ display: block;  list-style:none; padding:0 50px; color:#001e2a; }

#sitemap li a{  text-decoration:none; color: #001e2a; }
#sitemap li.s-map1 {
	background-image: url(img/sitemap/s-tri2.png) ;
	background-repeat:no-repeat;
	margin: 20px 10px 0 0;	padding: 0 0 20px 13px;
	border-bottom: 1px dotted #808080;
	text-indent: 0;	line-height: 100%;}
	
#sitemap ul ul li { background:url(img/sitemap/s-sub2.png) no-repeat;
	line-height: 100%;	border:0;
	padding: 10px 0 10px 30px;	margin-top: 0 0 0 20px;	}
#sitemap ul ul li.last{
	background-image: url(img/sitemap/s-last.png);}
#sitemap a:visited {color: #001e2a;  }
#sitemap a:hover { text-decoration:underline;}
/*-------------------- 上に戻るボタン -------------------------*/
.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;}

/*----------------------------------------------*/	
/*     タイトル部分の設定*/
/*----------------------------------------------*/
.title_head { margin:30px 0px -10px 10px; }

/*----------------------------------------------*/	
/*     事前登録部分の設定*/
/*----------------------------------------------*/
#registration p{ margin-bottom:20px; }
.note { margin-left:50px;margin-top:-20px; }

/*----------------------------------------------*/	
/*     フッター部分の設定*/
/*----------------------------------------------*/
#footer{ clear:both; margin:0 auto; background:#003d55; color: #e5f4fa;
	 text-align:center;	padding:15px 0; border:none; font-size: 14px; min-width:900px;}

/*----------------------------------------------*/
.hide { color: #FFF; line-height: 0em; font-size: 0.1em; margin: 0em; }

h1{	color:#FFF;	text-decoration:none; font-size:250%;}
h2{ font-size:160%; color:#002d40;}
h3{ font-size:150%; margin:0 10px 20px 10px; color:#002d40; 
	border:1px solid #002d40; padding:10px 0; text-align:center; }
h4{ margin:10px 10px 10px 10px;  color:#002d40; 
	border-left: double #002d40; padding-left:8px;  }
.sub-title{ margin:10px 20px 20px 20px; padding:0; font-size:130%; 
	font-weight:bold; color:#002d40; border-bottom:1px solid #002d40;}
	
img { border: none;}
.fig { text-align:center; padding:20px 0 5px 0;}
.fig-border{ border:1px solid  #CCC;}
.topimg{ display: block;	margin-left: auto;}
.clear-both { clear:both}
.center{ text-align:center;}
.right { text-align:right;}
.clearfix:after{ content: ""; clear: both; display: block;}

.font-col-bl{ color:#0070c0;}
.list-choco { list-style-image:url(img/circle-choco.png);}
.list-none { list-style:none;}
.li-bor-btm li{border-bottom:1px dashed #999;}

.clear-both{ clear:both;}
.font-80{ font-size:80%;}
.pad-left10{ padding-left:10px;}
.pad-left30{ padding-left:30px;}
.pad-left100{ padding-left:100px;}
.pad-left120{ padding-left:120px;}
.pad-left150{ padding-left:150px;}
.pad-rgt30{ padding-right:30px;}
.pad-top10{ padding-top:10px;}
.pad-top20{ padding-top:20px;}
.pad-top30{ padding-top:30px;}
.pad-top50{ padding-top:50px;}
.pad-top60{ padding-top:60px;}
.pad-top100{ padding-top:100px;}
.pad-lr30 { padding:0 30px;}
.pad-lr50 { padding:0 50px;}
.pad-btm10 { padding-bottom:10px;}
.pad-btm20 { padding-bottom:20px;}
.pad-btm50 { padding-bottom:50px;}
.pad-btm60 { padding-bottom:60px;}
.pad-btm100 { padding-bottom:100px;}
.pad-bt-top10{ padding-bottom:10px; padding-top:10px;}
.border { border:1px solid #F0C;}
.border-g { border:1px solid #060;;}

.bold{ font-weight:bold; }