@charset "UTF-8";

@import url("SpryMenuBarHorizontal.css");  

/*********************************************************/
/*  */
/*********************************************************/
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style:  inherit;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
	line-height: 1.5;
	/*color: #333333;*/
}
a img, :link img, :visited img {border: 0;}
table {	border-collapse: collapse;	border-spacing: 0;}
ul {list-style: none;}
strong{ font-weight: bold;}

div,
h1, h2, h3, h4, h5, h6, p, 
dd, dl, dt, li, ol, ul, form, label, legend,
table, caption, tr, th, td {
	color: #333333;
}

/*********************************************************/
/* 汎用設定 common */
/*********************************************************/

#main { font-size: 87.5%;}/* font-size:14px */

#main h1 {
	font-size:22px;
	font-weight: bold;
	color: #003366;
	border-bottom: 1px dashed #cccccc;
}
#main h1.secondaryTitle{
	font-size: 24px;
	font-weight: bold; 
	color: #003366; 
	border-bottom: 1px dashed #cccccc;
}

#main h2 {
	font-size: 16px; 
	font-weight: bold; 
	color: #003366; 
	margin: 20px 0 7px 0; 
	padding-left: 22px; 
	/*border-bottom: 1px solid #003366;*/
	background:url(../images/h2_marker.gif) no-repeat 0 5px;
}

h3, h4, h5, h6 { font-size:15px; color:#003366; margin-bottom: 0.25em; }

.level_h3 { font-size:15px; color:#003366; margin-bottom: 0.25em!important; font-weight: bold;}

#main p { margin-bottom: 1em; }

/* ============ link ============ */
a:link { text-decoration: none;}
a:hover { text-decoration: underline;}

#main a:link { text-decoration:  underline; color:#0033CC;}
#main a:visited { text-decoration:  underline;  color:#3399FF;}
#main a:active { text-decoration:  underline;}
#main a:hover { text-decoration: none !important;}

/* ============ list ============ */
ul.listArrow li{
	padding: 2px 0 2px 17px; 
	background: url(../images/arrow_right.gif) no-repeat 0 10px;
}

ul.normal_list{ list-style: none; background: none;}

ol{ padding-left: 25px;}
ol.listmg_05 li{ margin-bottom:0.5em;}

#main ul, #main ol, #main dl{ margin-bottom: 0.5em;}

p.listArrow, span.listArrow{
	padding-left: 17px; 
	background: url(../images/arrow_right.gif) no-repeat 0 6px;
}

p.list_p{
	border-bottom: 1px dotted #ababab;
	padding-bottom: 10px;
	padding-left: 17px; 
	background: url(../images/arrow_right.gif) no-repeat 0 6px;
}

/* ============ clear ============ */
.clear{
	clear: both; 
	zoom: 1; 
	height: 1px; 
	font-size: 1px; 
	line-height: 1px;
}
.clearfix { min-height: 1px; zoom: 1; }
.clear:after,
.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.hidden{visibility: hidden;}

/* ============ table style ============ */

#main table{
	width: 100%;
	margin-bottom:0.5em;
	vertical-align: top;
}
#main table.normalTable{
	border-top: 1px solid #adadad;
	border-left: 1px solid #adadad;
}

table th, table td{
	padding: 5px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
#main table.normalTable th, #main table.normalTable td{
	border-right: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
}

tr.dark_gray{ background: #cccccc;}
tr.light_gray{ background: #eeeeee;}
tr.sky_blue { background: #99ccff;}

table.thinTable th, table.thinTable td{ padding:1px 5px;}

table.sympo_formTable{ width: 620px!important;}
table.sympo_formTable td{ padding-top: 3px; padding-bottom: 3px;}

/* ============ text style ============ */
.title01{
	font-size:130% !important;
	color: #ff6600 !important;
	line-height:1.2;
	font-weight: bo;
	border: none !important;
	margin-bottom: 30px;
	padding-left: 0!important;
	background: none !important;
}
.title01 span.small{ font-size: 60%;}

.title02{
	font-size:130% !important;
	color:#003366 !important;
	line-height:1.2;
	font-weight: bo;
	border: none !important;
	margin-bottom: 30px;
	padding-left: 0!important;
	background: none !important;
}

.small { font-size: 90%;}
.small_s { font-size: 80%; }
.caption { font-size: 87.5%; padding: 11px; }
.large {font-size:150% }

.bold { font-weight: bold;}
.normal { font-weight: normal; }

.blue { color: #3a8eff;}
.dark_blue { color: #003366;}
.red {color:#cc0000;}
.orange { color:#ff6600;}

.aling_center{ text-align: center;}
.aling_right{ text-align: right;}
.aling_left{ text-align: left;}

.align_center{ text-align: center;}
.align_right{ text-align: right;}
.align_left{ text-align: left;}

.fc_normal{ color:#333!important;}


/* ============ float ============ */
.floatL{ float: left;}
.floatR{ float: right;}

/* ============ vartical align ============ */
.vTop{ vertical-align: top;}
.vMiddle{ vertical-align: middle;}
.vBottom{ vertical-align: bottom;}

/* ============ line ============ */
.line_dotted { border-bottom: 1px dotted #ababab;}
.line_dotted_top { border-top: 1px dotted #ababab;}
.line_solid{ border-bottom: 1px solid #ababab;}
.first{ border: none !important;}

hr.line_dotted  {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dotted ; /* 線種 */
   border-color: #ababab; /* 線色 */
   height: 1px; /* 高さ */
}

/* ============ background and border ============ */
.border01 { border: 1px solid #cccccc;}
.bg01 { background: #c7d3e1; padding: 10px;}
.bg02 { background: #e2ecf6; padding: 10px;}
.border02 { border: 1px solid #3E93E4; padding: 10px; margin-bottom: 10px;}
.bottomLine{ border-bottom: 1px dotted #ababab; padding-bottom:10px;}

/* ============ margin ============ */
.m0{ margin: 0 !important;}
.m10{ margin: 10px !important;}
.m20{ margin: 20px !important;}
.m30{ margin: 30px !important;}

.mt0{ margin-top: 0 !important;}
.mt10{ margin-top: 10px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}

.mb0{ margin-bottom: 0 !important;}
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}

.ml0{ margin-left: 0 !important;}
.ml10{ margin-left: 10px !important;}
.ml20{ margin-left: 20px !important;}
.ml30{ margin-left: 30px !important;}

.mr0{ margin-right: 0 !important;}
.mr10{ margin-right: 10px !important;}
.mr20{ margin-right: 20px !important;}
.mr30{ margin-right: 30px !important;}

/* ============ padding ============ */
.p0{ padding: 0 !important;}
.p5{ padding: 5px !important;}
.p10{ padding: 10px !important;}
.p20{ padding: 20px !important;}

.pt0{ padding-top: 0 !important;}
.pt5{ padding-top: 5px !important;}
.pt10{ padding-top: 10px !important;}
.pt20{ padding-top: 20px !important;}

.pb0{ padding-bottom: 0 !important;}
.pb5{ padding-bottom: 5px !important;}
.pb10{ padding-bottom: 10px !important;}
.pb20{ padding-bottom: 20px !important;}

.pl0{ padding-left: 0 !important;}
.pl5{ padding-left: 5px !important;}
.pl10{ padding-left: 10px !important;}
.pl20{ padding-left: 20px !important;}

.pr0{ padding-right: 0 !important;}
.pr5{ padding-right: 5px !important;}
.pr10{ padding-right: 10px !important;}
.pr20{ padding-right: 20px !important;}

/* ============ dl表組み ============ */
dl.indent1 dt{ width: 1em; float:left; }
dl.indent1 dd{ margin-left: 1em; }

dl.indent1_5 dt{ width: 1.5em; float:left; }
dl.indent1_5 dd{ margin-left: 1.5em; }


dl.indent2 dt{ width: 2em; float:left; }
dl.indent2 dd{ margin-left: 2em; }

dl.indent3 dt{ width: 3em; float:left; }
dl.indent3 dd{ margin-left: 3em; }

dl.indent4 dt{ width: 4em; float:left; }
dl.indent4 dd{ margin-left: 4em; }

dl.indent5 dt{ width: 5em; float:left; }
dl.indent5 dd{ margin-left: 5em; }

dl.indent6 dt{ width: 6em; float:left; }
dl.indent6 dd{ margin-left: 6em; }

dl.indent7 dt{ width: 7em; float:left; }
dl.indent7 dd{ margin-left: 7em; }

/* End: 共通設定 common */

/* ------------------------------------------------------
 body #WRAPPER レイアウト設定 layout setting
---------------------------------------------------------*/

html, body { 
	height: 100%; 
	width: 100%; 
	margin: 0; padding: 0; 
	text-align:center;
	background: url(../images/bg.gif) repeat-x 0 0 #fafaf8;
}

#WRAPPER {
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	width: 100%; 
	margin:0 auto -50px;/*フッターを最下部に配置するための-50px */
}

/* ------------------------------------------------------
 ヘッダー設定
---------------------------------------------------------*/
/* ============ #headerContainer ============ */

div#headContainer{
	text-align:center; 
	background: url(../images/headerContainer_bg.gif) no-repeat top center;
	height:125px;
}

/* ============ #header ============ */
div#header {
	position:relative;
	margin:0 auto;
	text-align:left;
	width: 760px;
	height: 77px;
}

#logo {
	text-align:left;
	height: 43px;
	width: 382px;
	margin:0;
	padding:0;
	position: relative;
	top: 18px;
	left: 0;
	z-index:9999999;
}

/* dearch form */
#form{
	position: absolute;
	top:10px;
	left:97px;
	width: 180px;
	height: 25px;
	font-size: 14px;
}

#form input.text{
	position: absolute;
	bottom:0;
	left:0;
	border: 1px solid #6699cc;
	background:#ffffff;
	height:19px;
	width: 140px;
	line-height: 20px;
	color: #666;
	text-indent: 3px;
}
#form input.serchBtn{
	position: absolute;
	bottom: 2px;
	left: 150px;
	height:21px;
	/*padding-left: 2px;*/
}

/* fontSwitcher */
#fontSwitcher {
	position: absolute;
	top: 3px;
	right: 3px;
	height: 40px;
	font-size:11px;
	font-weight: bold;
	width: 77px;
}
#fontSwitcher p { color: #ffffff;}
#fontSwitcher li { float: left;}
#fontSwitcher li a{
	display: block;
	width: 17px;
	height: 17px;
	text-decoration: none;
}
#fontSwitcher li a:hover{ text-decoration: none;}
#font_s a{ background: url(../images/btn_font_s.gif) 0 0 no-repeat; margin-right: 4px;}
#font_m a{ background: url(../images/btn_font_m.gif) 0 0 no-repeat; margin-right: 4px;}
#font_l a{ background: url(../images/btn_font_l.gif) 0 0 no-repeat; margin-right: 0;}


/* header link */
#headerLinkArea{
	position: absolute;
	top:0;
	right:0;
	height: 75px;
	width: 365px; 
}

#headerLink{
	position: absolute;
	top: 50px;
	right: 0;
	margin: 0;
	height: 20px;
	width: 365px;
}

#headerLink ul{ float: right;}

#headerLink li{ float:left; display: lnline;}

#headerLink li a{
	display: block;
 	text-decoration: none;
	font-size: 11px;
	height:20px;
	overflow: hidden;
}
#headlink_home a { width:87px; background: url(../images/headlink_home.gif) no-repeat; background-position: 0 0;}
#headlink_01 a { width:52px; background: url(../images/headlink_01.gif) no-repeat; background-position: 0 0;}
#headlink_02 a { width:86px; background: url(../images/headlink_02.gif) no-repeat; background-position: 0 0;}
#headlink_03 a { width:51px; background: url(../images/headlink_03.gif) no-repeat; background-position: 0 0;}
#headlink_04 a { width:95px; background: url(../images/headlink_04.gif) no-repeat; background-position: 0 0;}
#headlink_05 a { width:80px; background: url(../images/headlink_05.gif) no-repeat; background-position: 0 0;}

/* ------------------------------------------------------
　ヘッダーナビゲーション設定
---------------------------------------------------------*/

#headnavi { width: 760px; margin: 0 auto;}
#headnavi ul { height: 40px; background:url(../images/headnavi_right.gif) no-repeat right;}
#headnavi ul li{ float: left; display: block; /*width:126px;*/ height:40px; text-decoration: none; /*overflow: hidden;*/}

#headnavi li a { display: block; width:126px; height:40px; text-decoration: none; overflow: hidden;}

#navi01 a { background: url(../images/headnavi_01.gif) no-repeat; background-position: 0 0;}
#navi02 a { background: url(../images/headnavi_02.gif) no-repeat; background-position: 0 0;}
#navi03 a { background: url(../images/headnavi_03.gif) no-repeat; background-position: 0 0;}
#navi04 a { background: url(../images/headnavi_04.gif) no-repeat; background-position: 0 0;}
#navi05 a { background: url(../images/headnavi_05.gif) no-repeat; background-position: 0 0;}
#navi06 a { background: url(../images/headnavi_06.gif) no-repeat; background-position: 0 0;}

#navi01 a:hover { background: url(../images/headnavi_01.gif) no-repeat; background-position: 0 -80px !important;}
#navi02 a:hover { background: url(../images/headnavi_02.gif) no-repeat; background-position: 0 -80px !important;}
#navi03 a:hover { background: url(../images/headnavi_03.gif) no-repeat; background-position: 0 -80px !important;}
#navi04 a:hover { background: url(../images/headnavi_04.gif) no-repeat; background-position: 0 -80px !important;}
#navi05 a:hover { background: url(../images/headnavi_05.gif) no-repeat; background-position: 0 -80px !important;}
#navi06 a:hover { background: url(../images/headnavi_06.gif) no-repeat; background-position: 0 -80px !important;}

#navi01 a.headnaviOn { background: url(../images/headnavi_01.gif) no-repeat; background-position: 0 -40px;}
#navi02 a.headnaviOn { background: url(../images/headnavi_02.gif) no-repeat; background-position: 0 -40px;}
#navi03 a.headnaviOn { background: url(../images/headnavi_03.gif) no-repeat; background-position: 0 -40px;}
#navi04 a.headnaviOn { background: url(../images/headnavi_04.gif) no-repeat; background-position: 0 -40px;}
#navi05 a.headnaviOn { background: url(../images/headnavi_05.gif) no-repeat; background-position: 0 -40px;}
#navi06 a.headnaviOn { background: url(../images/headnavi_06.gif) no-repeat; background-position: 0 -40px;}

#headnavi ul li ul.subnavi{
background:none !important;
border-top:1px solid #989795;
}
#headnavi ul li ul.subnavi li{
height:auto  !important;
border-left:1px solid #989795;
border-right:1px solid #989795;
border-bottom:1px solid #989795;
float:none;
}
#headnavi ul li ul.subnavi li a{
background:#eef0f5 url("../images/arrow_right.gif") no-repeat 6px center !important;
height:auto;
width:7.4em;
padding-left:20px;
overflow:visible;
}
#headnavi ul li ul.subnavi li a:hover{
	background:#FFF url("../images/arrow_right.gif") no-repeat 6px center !important;
	/*text-decoration:underline;*/
}
#headnavi ul li#navi01 ul.subnavi li a{
	width:8.5em;
}
#headnavi ul li#navi04 ul.subnavi li a{
	width:10.5em;
}
#headnavi ul li#navi05 ul.subnavi li a{
	width:14.2em;
}
#headnavi ul li#navi06 ul.subnavi li a{
	width:10em;
}

/* ------------------------------------------------------
　フッター設定
---------------------------------------------------------*/
#footer {
	position: absolute;
	bottom:-1px;
	left:0;
	height:50px;
	width: 100%;
	clear:both;
	background:#c7d3e1;
	padding:10px 0;
	text-align: center;
}

#footer div, #footer p{
	display: block; 
	margin: 0 auto; 
	width: 760px;
	font-size: 14px;
	font-weight: bold;
}

#footer p.copyright{ 
	font-size: 12px;
	font-weight:normal;
}

/* ------------------------------------------------------
 コンテンツボックス設定 
---------------------------------------------------------*/
/* ============ #contentsContainer ============ */

div#contentsContainer { 
	width: 760px; 
	text-align:left; 
	margin: 0 auto; 
	padding-bottom: 75px; /*フッターを最下部に配置するための75px */
}

/* ============ topicPath (bread crumb) ============ */
div#topicPath{ 
	width: 760px;
	margin: 5px auto;
	text-align:left;
	font-size: 12px;
	color: #959595;
	padding-top: 0px;
	font-weight: bold;
}
div#topicPath a{ font-weight: normal; text-decoration: none !important; color:#333333;}
div#topicPath a:hover{ font-weight: normal; text-decoration: underline !important;}

#topicPath span {
	color: #959595;
	margin-left: 8px;
	margin-right: 8px;
	font-weight: normal;
}

.pageTop{
	text-align: right;
}
.pageTop a{
	width: 735px;
	font-size: 95%;
	line-height: 100%;
	padding: 5px 0 5px 20px;
	background: url(../images/button_top.gif) left center no-repeat;
}
.pageTop a:visited{ color:#003366 !important;}

/* ------------------------------------------------------
　#main　メインボックス設定
---------------------------------------------------------*/
div#main{
	margin-bottom: 40px; 
}
* html div#main{ margin-top: -4px; }
*:first-child+html div#main{ margin-top: -4px; }

/* ------------------------------------------------------
　第二階層：目次ページ設定　Secondary style setting 
---------------------------------------------------------*/
div.tableOfContents{ margin-top:35px; }
div.tableOfContents img{ flat:left;}
div.toContentsL{ float:left; margin-bottom: 17px;}
div.toContentsR{ float:right; margin-bottom: 17px; }

/* ------------------------------------------------------
　第三階層以降：ページ設定 Tertiary page style setting
---------------------------------------------------------*/
div#contentsBox{ 
	float:left; 
	width: 508px;
}

div#sideMenu{ 
	float:right; 
	width: 192px;
	margin-left:60px;
}

div#sideMenuTitle{
	width:192px;
	height:27px;
	text-align:center;
	font-weight:bold;
	font-size: 16px;
	color:#ffffff;
	background: url(../images/sidemenu_title_bg.gif) 0 0 no-repeat;
}

div#sideMenuTitle a{
	color:#ffffff !important; 
	text-decoration: none !important;	
	line-height:27px;
}

ul.sideMenuList { 
	list-style:none;
	background: url(../images/sidemenu_bg.gif) 0 0 repeat-y; 
	margin-bottom:0!important;
}

.sideMenuList li{
	width:188px;
	border-top: 1px dotted #adadad;
	padding:0;
	margin: 0 0 0 1px;
	background: url(../images/arrow_left.gif) center right no-repeat;
}

* html .sideMenuList li.on{ border-bottom:none !important;}/* ie6 */

#main .sideMenuList li a{
	display: block;
	zoom: 1;
	padding: 7px 5px;
	border: 2px solid #fff;
	text-decoration: none!important;
	color: #333333!important;
}
* html .sideMenuList li a{ border-bottom:none;}/* ie6 */

#main .sideMenuList li.on{
	background: #e1ecf7;
	border-top: 1px dotted #adadad;
}

#main .sideMenuList li.on a{
	background: url(../images/arrow_left_w.gif) center right no-repeat #e1ecf7;*/
	color: #003366!important;
	border: none;
	border: 2px solid #fff;
}

#main .sideMenuList li a:hover{
	background: url(../images/arrow_left_w.gif) center right no-repeat #e1ecf7;
	/*color: #003366!important;*/
}

/* サイドメニューのサブメニュー展開*/

#main .sideMenuList li.on ul { margin-bottom: 0;} 
#main .sideMenuList li.on li {
	margin-left: 0;
	border-top: none;
	font-size: 87.5%;
}

#main .sideMenuList li.on li.on a{ background: #e1ecf7;}

#main .sideMenuList li.on li a{
	padding: 0 5px 0 20px;
	border: none;
	background: #ffffff;
}

#main .sideMenuList li.on li a:hover{
	background: #e1ecf7;
}

#main .pagetitle{
	height: 22px;
	color: #ffffff;
	font-weight: bold;
	background:url(../images/title_bg.gif) 0 0 no-repeat #3e8bda;
	text-align: right;
	padding-right: 10px;
	margin-bottom:20px;
}


/* ------------------------------------------------------
　ホットニュースページ設定 
---------------------------------------------------------*/
.newsTable2 td.date, .newsTable2 td.newsTitle {
	padding: 3px 0 3px 0; 
	border: none;
	border-bottom: 1px dotted #ababab;
}

.newsTable2 td.date{
	width: 95px; 
	padding-left: 20px; 
	background: url(../images/arrow_right.gif) no-repeat 0 11px; 
	color: #3a8eff;
}
.newsTable2 td.newsTitle{
	width: auto;
}

.newsTable2 a:link { text-decoration:  underline; color:#333333!important;}
.newsTable2 a:visited { text-decoration:  underline;  color:#333333!important;}
.newsTable2 a:active { text-decoration:  underline; color:#333333!important;}
.newsTable2 a:hover { text-decoration: none !important; color:#333333!important;}

/* ------------------------------------------------------
　サイトマップページ設定 　２カラム
---------------------------------------------------------*/
div.contents_left{
	width: 360px;
	float: left;
}
div.contents_right{
	width: 360px;
	float: right;
}

.maplist li{
	padding-left: 20px;
	background: url(../images/arrow_02.gif) 0 4px no-repeat!important;
	margin-bottom: 0.2em;
}

div.sitemap h2{
	background: none !important;
	padding-left: 0 !important;
	border-bottom: 1px dotted #ababab;
}

#main div.sitemap a:link { text-decoration:  none; color:#0033CC;}
#main div.sitemap a:visited { text-decoration:  none;  color:#3399FF;}
#main div.sitemap a:active { text-decoration:  none;}
#main div.sitemap a:hover { text-decoration: underline !important;}

.newmark{ display: block; width: 2em; font-size: 12px; margin:0; padding: 0 4px; background: #F60; color: #fff;}

/* ------------------------------------------------------
　広報誌（バイオバンク通信）ページ設定
---------------------------------------------------------*/
.news_letter h2{ margin-top: 10px !important;}

/*********************************************************/
/* 印刷設定　*/
/*********************************************************/
@media print {
	html, body { 
		background: none !important;
	}
	#headContainer {
		background: url(../images/headerContainer_bg.gif) no-repeat top center !important;
	}
	#footer {
		position: relative;
	}
}