﻿body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fcfffb url(../image/bg.gif) top center repeat-y;
	_background: url(../image/bg_r1.gif) top center repeat-y center 0; /* IE6 */
	*background: url(../image/bg_r1.gif) top center repeat-y center 0; /* IE7 */
}
html > /**/body, x:-moz-any-link { /* ff */  
    background : url(../image/bg_l1.gif) top center repeat-y center 0;   
}

a {
outline: none;
}

#header {
	background: url(../image/frame_top_bg.png) repeat-x;
	position: relative;
	margin: 0 auto;
	width: 900px;
}

#top_logo {
	float: left;
	background: url(../image/frame_top.png);
	width: 481px;
	height: 99px;
}

#top_logo a {
	display: none;
}

#top_concept {
	clear: both;
	width: 900px;
	height: 27px;
}

#search {
	margin-top: 10px;
	margin-right: 20px;
	text-align: right;
	float: right;
	width: 240px;
}

#search #mini_link {
	font-family: sans-serif;
	font-size: 0.9em;
	text-align: right;
	padding-bottom: 4px;
}

#search_form {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: right;
}

#search_form form {
	margin: 0;
	padding: 0;
}

#search #search_text {
	border: solid 1px #ccc;
	margin-right: 3px;
	width: 120px
}

#search #search_submit {
	border: solid 1px #efefef;
	background-color: #0068f0;
	color: #fff;
}

#head_menu {
	height: 29px;
	text-align: center;
}

#head_menu ul {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	width: 889px;
}

#head_menu li {
	background: url(../image/head_menu.png);
	background-color: #003faa;
	padding: 0;
	margin: 0 auto;
	float: left;
	line-height: 23px;
	width: 127px;
}

#head_menu li a {
	color: #fff;
	display: block;
	padding-top: 2px;
	margin: 2px 0;
	border-left: solid #ddd 1px;
	text-decoration: none;
	font-size: 0.9em;
}

#head_menu li.r a {
	border-right: solid #ddd 1px;
	font-size: 0.9em;
}

#head_menu li.k a {
	/*border-right: solid #ddd 1px;*/
	font-size: 0.9em;
}

#head_menu li a:hover {
	background-color: #005bcf;
	text-decoration: underline;
}

#topic_path {
	width: 880px;
	text-align: left;
	margin: 0 auto;
	margin-top: 6px;
	margin-bottom: 8px;
	color: #c01b8f;
	font-size: 0.9em;
}
#topic_path .tp {
	width: 880px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
.tp li {
	background: url(../image/tp.png) top right no-repeat;
	padding-right: 18px;
	padding-left: 3px;
	float: left;
}
.tp li.current {
	background: none;
}

#wrapper {
	margin: 0 auto;
	margin-top: 8px;
	width: 880px;
}

#top_container {
	float: left;
	width: 677px;
}

/* --- メインコンテナ --- */

#container {
	clear: both;
	text-align: left;
	background: #fff;
}

#main {
	margin-left: 156px;
	text-align: left;
	background: #fff;
/*	margin-right: 4px;*/
}

#news {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	width: 516px;
	float: left;
}

#news h3, #research_news h3, #hzd_news h3, #event_news h3, #nyusatu_news h3 {
	margin: 0;
	background: #c8dbf0 url(../image/news_bg.png);
	padding-left: 16px;
	font-size: 0.9em;
	line-height: 27px;
	font-weight: normal;
	color: #000;

}

#news-long {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	width: 715px;
	float: left;
}

#news-long h3 {
	margin: 0;
	background: #c8dbf0 url(../image/news_bg_long2.png);
	padding-left: 16px;
	font-size: 0.9em;
	line-height: 27px;
	font-weight: normal;
	color: #000;

}

/*
#news span {
	display: none;
}
*/

.news_list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.news_list li {
	padding-left: 3px;
	padding-top: 3px;
	font-size: 0.9em;
	line-height: 1.6em;
	border-bottom: solid 5px #e7e7e7;
}

.news_list span.cat {
	font-size: 0.8em;
}

/*20121218追加*/
.news_list .siryou{
display:block;
width:480px;
margin:0px;
padding:0 0 3px 25px;
text-indent:-10px;
}
/*20121218追加ここまで*/


.news_list li img {
	margin-bottom: -2px;
	margin-top: -3px;
}


.news_date {
	clear: right;
	text-align: right;
	line-height: 1.8em;
	font-size: 0.9em;
	color: #666;
}

#menu {
	width: 150px;
	background: #fff;
	float: left;
}

#menu h3 {
	margin: 0;
	background: #c8dbf0 url(../image/menu.png);
	padding-left: 16px;
/*	font-size: 0.9em; */
	font-size: 0.9em;
	line-height: 27px;
	font-weight: 900;
	text-align:left;
	color: #000;
}

# h3 a {
	color: #000;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.4em;
/*	font-size: 0.8em; */
	font-size: 0.8em;
	border-bottom: solid 1px #f2f2f2;
}

#menu ul li.bottom {
	border: none;
}

#menu a {
	color: #000;
	text-decoration: none;
}
#menu a:visited {
	color: #000;
}
#menu a:hover {
	color: #00f;
	text-decoration: underline;
}

#yokosuka {
	margin: 10px auto;
	text-align: center;
}

#yokosuka img {
	margin: 0 auto;
	text-align: center;
	border: none;
}

/*
#menu a {
	text-decoration: none;
	display: block;
	border-top: solid 1px #aac251;
}
#menu a.last {
	border-bottom: solid 1px #aac251;
}

#menu a:hover {
	background: #f8f1e6;
	text-decoration: underline;
}

#menu a, #menu a:visited {
	color: #444;
}
*/

#menu a span {
	display: block;
	font-size: 0.9em;
	padding: 4px 2px 4px 3px;
	line-height: 1.3em;
}

.box {
	width: 200px;
	background: url(../image/box.png);
	margin-bottom: 5px;
}

.bunner img{
	height:40px;
	width: 200px;
	overflow:hidden;
	margin: 0 0;
	padding: 0 0;
	
	background: url(../image/box.png);
	margin-bottom: 5px;
}

/*20161024変更ここから（高さ80px→auto）*/
#bid{
	display: block;
	background: url(../image/bid.png) no-repeat 10px 15px;
	height: auto;
	border: solid 1px #0199c3;
	text-decoration: none;
	text-align: left;
}
/*20161024変更ここまで*/

#bid a{
	text-decoration: none;
	}

/*20121130変更*/

#bid #title_a{
	display: block;
	font-size:0.9em;
	background: url(../image/bid_arw.gif) no-repeat ;
	background-position: 65px 4px;
	margin-top: 12px;
	padding-left: 78px;
}

#bid #title_b{
	display: block;
	font-size:0.9em;
	background: url(../image/bid_arw.gif) no-repeat;
	background-position: 65px 4px;
	margin-top: 7px;
	padding-left: 78px;
	margin-right: 10px;
}
/*20121130変更ここまで*/

#bid #update {
	font-size: 0.8em;
	margin-right: 27px;
	color: #666;
}


/*20141021各研究分野へのリンク*/
#deplink{
	display:block;
	baclground-color: red;
	border:1px solid #ddd;
	height:auto;
	padding-bottom:5px;
}

#deplink #title{
	display:block;
	background: url("../image/navi.png") no-repeat scroll 7px center rgba(0, 0, 0, 0);
	border-bottom:3px solid #005ad2;
	color: #003366;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.8em;
	padding-left: 28px;
	padding-top: 3px;
	margin-bottom:5px;
}

#deplink .cat{
	background-color: #ddd;
	display:inline-block;
	height:16px;
	color: #000;
	margin:5px 0 5px 0;
}

#deplink span{
	font-size:0.8em;
	padding:3px 3px 3px 3px;
}

#deplink .dep{
	display:block;
	line-height:1.3em;
	color: #356ef1;
	font-size:0.8em;
	padding-left:28px;
}

#deplink .dep a{
	color: #356ef1;
	text-decoration:none;
}


#deplink .dep a:hover{
	text-decoration:underline;
}

/*20141021ここまで*/


.box_zoom {
	width: 200px;
	background: #fff;
	margin-top: 4px;
	margin-left:40px;
}

#zoom {
	display: block;
	background: url(../image/zoom.png) no-repeat 3px 3px;
	height: 38px;
	border: solid 1px #ccc;
	text-decoration: none;
	text-align: left;
	color: #00f;
	padding-left: 40px;
	line-height: 39px;
	font-size: 0.9em;
}

#sub_link {
	display: block;
	background: url(../image/link_href.png) no-repeat 3px 3px;
	background-position: 0px 20px;
	height: 40px;
	border: solid 3px #ccc;
	text-decoration: none;
	text-align: left;
	color: #01f;
	padding-left: 44px;
	line-height: 14px;
	font-size: 1.0em;
	padding-top: 30px;
}


#right_box {
	text-align: left;
	margin-left: 677px;
	background: #fff;
}

#right_menu {
	float: right;
	margin: 0;
	padding: 0;
	width: 200px;
	overflow:hidden;
}
/*2014/10/22　上バナーエリア*/

#banner{
padding-bottom:11px;
}

#banner a{
display:inline-block;
height:auto;
padding:15px 10px 0px 10px;
}


/*2014/10/21　下バナーエリア*/
#banner_area{
	clear: both;
	margin:auto;
	width:850px;
	text-align: center;
	font-size: 0.9em;
	padding: 10px 0 20px 0;
}



#foot_nav {
	text-align: center;
	font-size: 0.9em;
	padding-top: 10px;
}

#footer {
	clear: both;
	margin: 5px auto;
	width: 900px;
	background: #fff;
	position: relative;
	border-top: solid 8px #ddd;
}

#footer .content {
	padding: 20px;
	padding-left: 290px;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: left;
}

#footer .copyright {
	border-top: solid 8px #ddd;
	padding: 2px;
	text-align: right;
	font-size: 0.9em;
	background: #fff;
	color: #555;
}

#footer #nilim_logo {
	width: 90px;
	height: 90px;
	background: url(../image/nilim_logo.png) no-repeat;;
	position: absolute;
	top: 35px;
	left: 180px;
}

.clearfix:after {
	content: url(../image/pixel.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac IE \*//*/
.clearfix { overflow: hidden; }
/* */


#nlm_contents {
	margin: 0;
	padding: 0;
	border: none;
	width: 99%;
}

.dropdown {
  background: #434fea;
  border: 1px solid #FFCCFF;
  visibility: hidden;
  position: absolute;
  top:155px;
  width:150px;
  z-index: 10;
  filter: Alpha(opacity=89);
  opacity: 0.89;
}

/*20120904test*/

#Ver01{
    display: none;
    padding-left: 0px; 
    }    

#Ver02{
    display: none;
    padding-left: 0px; 
    }    

#Ver03{
    display: none;
    padding-left: 0px; 
    }    

#Ver04{
    display: none;
    padding-left: 0px; 
    }

#Ver05{
    display: none;
    padding-left: 0px; 
    }

#Ver06{
    display: none;
    padding-left: 0px; 
    }

/*トップページ　各部へのリンク部分　20121023　*/

.link_dep{
width: 514px;
height:100%;
border:1px #ddd solid;
float: left;
font-size:12px; 
line-height:23px;
text-align: left;
margin-bottom:5px;
background: #fff;
background-image: url(../image/haikei_bu.jpg);
}

.link_dep ul{
margin:5px 0px 20px 10px;

padding:0px;
}

.link_dep li{
height:20px;
float:left;
list-style:none;
text-align: left;
padding:0px 10px 0 0;
margin:0 10px 0 0 ;
line-height:23px;
border-right: 1px #ddd solid;
white-space:nowrap;

}

.link_dep li a{
 text-decoration: none;
 color:#0099ff;
/* display:inline-block;*/
}

.link_dep p{
width:514px;
height:22px;
line-height:25px;
border-bottom:3px #0066cc solid;
font-weight:bold;
margin:0;
padding:0px;
}
.dep_title{
font-size:14px;
/*height:0px;*/
/*margin-bottom:30px;*/
border_:none;
}
.pan{
font-size:12px;
line-height:30px;
margin-top:5px;
padding-top:5px;
}

div#genre-w {
	margin: 0 1px 0 0;
	padding: 0;
	border: solid 1px #ddd;
	background: url(../image/genre-bg.gif) left center repeat-x;
	height: auto;
}

div#genre {
	margin: 0;
	padding: 0;
	background: url(../image/navi.png) 7px center no-repeat;
	border-bottom: solid 3px #005ad2;
}
div#genre h3 {
	margin: 0;
	padding: 3px 0 0 28px;
	font-size: 12pt;
	line-height: 23px;
	font-weight: normal;
}
#genre-c {
	margin: 0;
	padding: 8px;
}
#genre-c ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#genre-c {
	font-size: 12pt;
	line-height: 1.5em;
}
#genre-c a {
	color: #3587f1;
	margin-right: 0.4em;
	text-decoration: none;
}
#genre-c span.divider {
	height: 1.3em;
	margin-left: 0.3em;
	border-right: solid 1px #eee;
}
#genre-a {
	width: 99%;
	height: 3px;
}

#menu {
	font-size: 1em;
}
#menu ul {
	font-size: 1.1em;
}

#main {
	font-size: 1.1em;
}

h3#yokosuka {
	margin: 0;
	background: #c8dbf0 url(../image/menu_right.png);
	padding-left: 16px;
	font-size: 0.9em;
	line-height: 27px;
	font-weight: bold;
	color: #000;
	text-align: left;
}

.nav {
	font-size: 0.8em;margin:0;padding:3px;text-align:left;color:#fff;
	line-height: 23px;
	padding-left: 10px;
}
.nav a {
	color: #fff;
}

#main_wrap {
	width: 715px;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
}

#main_top_wrap {
	width: 516px;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

/*20130814 追加　記事カテゴリ　ここから*/

/*研究活動関係
・研究部・センター・研究室
・研究方針
・プロジェクト研究
・共同研究・委託研究
・災害調査
・国際活動
*/
.lab{
background-color: #D6F2FE;
font-size:0.8em; 
margin:0 5px; 
padding: 2px 8px 2px 8px; 
border: 1px solid #7CD8FE;
}

/*報道・広報関係
・記者発表資料  
・報道・資料等（横須賀の場合）
・講演会情報
・イベント情報
・お知らせ・イベント（横須賀の場合）
・出前講座
・施設見学
*/
.press{
background-color: #ffe1f7;
font-size:0.8em; 
margin:0 5px; 
padding: 2px 8px 2px 8px; 
border: 1px solid #FE85DB;
}

/*広報刊行物関係
・国総研レポート
・国総研メルマガ
・国総研ニューズレター
*/
.pub{
background-color: #FFF99F;
font-size:0.8em; 
margin:0 5px; 
padding: 2px 8px 2px 8px; 
border: 1px solid #FEE456;
}

/*研究成果関係
・研究成果資料
・技術速報
*/
.repo{
background-color: #DFFFA2;
font-size:0.8em; 
margin:0 5px; 
padding: 2px 8px 2px 8px; 
border: 1px solid #C3FF50;
}

/*「国総研について」関係
・研究評価
・採用情報
*/
.cat_a{
background-color: #FEDDC2;
font-size:0.8em; 
margin:0 5px; 
padding: 1px 8px 1px 8px; 
border: 1px solid #FD933D;
}

/*その他*/
.cat_b{
background-color: #EBD8FB;
font-size:0.8em; 
margin:0 5px; 
padding: 1px 8px 1px 8px; 
border: 1px solid #D5A5FE;
}