@charset "utf-8";

/* CREST */

body { font-size: 12px; margin: 0px; padding: 0px; text-align: center; color: #666; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
img { border-style: none; }

/*---------------------- */
.clearfix:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}
.clearfix { display: block; *height:100% }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix {	display: block;}
/* */
/*---------------------- */

#header { height: 110px; width: 940px; margin: 0px auto; padding: 0px; position: relative; }
#header p { margin: 0px; text-align: left; }
#header .subCopy { position: absolute; left: 4px; top: 4px; }
#header .headerLogo { position: absolute; left: 3px; top: 58px; }
#header a.btContact { display: block; height: 30px; width: 174px; text-align: left; position: absolute; right: 0px; background-image: url(/~nanobioe/img/bt_contact.gif); text-indent: -9999px; outline-style:none; }
#header a.btContact:hover { background-position: 0px -30px; }
#navi { background-image: url(/~nanobioe/img/bg_navi.gif); height: 50px; }
#navi ul { text-align: left; height: 50px; width: 940px; list-style: none; margin: 0px auto; padding: 0px; }
#navi ul li { float: left; height: 50px; }
#navi ul a { display: block; height: 50px; background-image: url(/~nanobioe/img/navi.gif);text-indent:-9999px; outline-style:none; }
#navi ul #navi01 a { width: 185px; }
#navi ul #navi02 a { width: 268px; background-position: -185px 0px; }
#navi ul #navi03 a { width: 287px; background-position: -453px 0px; }
#navi ul #navi04 a { width: 200px; background-position: -740px 0px; }
#navi ul #navi01 a:hover { background-position: 0px -50px; }
#navi ul #navi02 a:hover { background-position: -185px -50px; }
#navi ul #navi03 a:hover { background-position: -453px -50px; }
#navi ul #navi04 a:hover { background-position: -740px -50px; }
#navi ul #navi01 a.active { background-position: 0px -50px; }
#navi ul #navi02 a.active { background-position: -185px -50px; }
#navi ul #navi03 a.active { background-position: -453px -50px; }
#navi ul #navi04 a.active { background-position: -740px -50px; }
/* Footer */
#footerCopyr { width: 940px; margin-right: auto; margin-left: auto; padding: 6px 0px 4px; text-align: right; }
#footer { background-color: #F5F5F5; clear: both; }
#footer #footerInner { width: 940px; text-align: left; margin: 0px auto; padding: 15px 0px 30px; }
#footer #footerInner ul { list-style: none; margin: 0px 50px 0px 0px; padding: 0px; width: 280px; font-weight: bold; float: left; }
#footer #footerInner ul.cellR {margin: 0px 0px 0px 0px; }
#footer #footerInner ul li { line-height: 115%; border-bottom: 1px solid #CCC; padding: 15px 2px 3px; }
#footer #footerInner ul li a { color: #666; text-decoration: none; }
#footer #footerInner ul li a:hover { text-decoration: underline; }
#footer #footerInner ul li span { font-size: 10px; font-weight: normal; }
#footer #footerInner .fComment { border-style: none; padding-top: 5px; font-size: 10px; font-weight: normal; }
#footer #footerInner .fBanner { border-style: none; }
/* Right Menu */
#menulab { margin: 0px 0px 30px; padding: 0px; list-style: none; border-top: 1px solid #308B89; border-bottom: 1px solid #A7DCDB; }
#menulab li { border-top: 1px solid #A7DCDB; border-bottom: 1px solid #308B89; }
#menulab a { display: block; height: 51px; width: 190px; text-indent: -9999px; outline-style:none; }
#menulab #menulab01 a { background-image: url(/~nanobioe/img/menu01.jpg); height:71px; }
#menulab #menulab02 a { background-image: url(/~nanobioe/img/menu02.gif); }
#menulab #menulab03 a { background-image: url(/~nanobioe/img/menu03.gif); }
#menulab #menulab04 a { background-image: url(/~nanobioe/img/menu04.gif); }
#menulab #menulab05 a { background-image: url(/~nanobioe/img/menu05.gif); }
/* Main Image*/
#homeMainImage h1 { text-align: left; margin: 0px; background-image: url(/~nanobioe/img/home_mainimage.jpg); background-repeat: no-repeat; background-position: center top; height: 283px; text-indent: -9999px; }
.mainImage { background-image: url(/~nanobioe/img/bg_mainimage.jpg); background-repeat: no-repeat; background-position: center top; }
.mainImage h1 { text-align: left; text-indent: -9999px; margin: 0px auto; height: 151px; width: 940px; background-repeat: no-repeat; }
#aboutMainImage h1 { background-image: url(/~nanobioe/img/about_mainimage.jpg); }
#linkMainImage h1 { background-image: url(/~nanobioe/img/link_mainimage.jpg); }
#researchMainImage h1 { background-image: url(/~nanobioe/img/research_mainimage.jpg); }
/* Contents */
#container { width: 940px; margin-right: auto; margin-left: auto; text-align: left; background-image: url(/~nanobioe/img/bg_content.gif); }
#container #containerInner { background-image: url(/~nanobioe/img/menu_bottom.gif); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 10px; }
#container #containerInner #menu { float: right; width: 190px; padding-bottom: 100px; }
#container #containerInner #contents { float: left; width: 710px; padding: 1px 0px; }
.contentsBanner { height: 310px; position: relative; margin-top: 40px; margin-bottom: 20px; }
.contentsBanner img { position: absolute; }
.cBanner01 {  }
.cBanner02 { top:0px; left:410px; }
.cBanner03 { top:105px; left:410px; }
.cBanner04 { top:209px; left:0px;}
#contents h2 { margin-top: 25px; margin-bottom: 25px; }
#contents h2.contentTitle { margin-top: 50px; }
#contents p { line-height: 190%; }
.pagetop { text-align: right; margin-top: 12px; }
.imageBox { text-align: center; margin-top: 40px; margin-bottom: 40px; }

/* Home */
.planList { padding-bottom: 5px; margin-top: 20px; line-height: 160%; }
.planList dt { font-weight: bold; color: #006666; background-color: #EAF4F3; padding: 4px 5px 4px 8px; margin: 0px; }
.planList dd { margin: 0px; padding: 8px 8px 16px; }
.dotLine { background-image: url(/~nanobioe/img/line_dot.gif); background-repeat: repeat-x; background-position: left bottom; }
/* Facility */
.facilityBox { width: 350px; float: left; margin: 30px 0px 10px; }
.facilityBox h3 { margin: 0px 0px 6px; }
.facilityBox .photoBox { border: 1px solid #CCC; padding: 3px 0px 55px; position: relative; height: 380px; }
.facilityBox .photoBox .fPhoto { text-align: center; margin: 0px; height: 300px; }
#contents .facilityBox .photoBox p.fInfo { margin: 0px; padding: 0px 14px; line-height: 160%; }
.facilityBox .photoBox .fButton { height: 34px; width: 324px; position: absolute; left: 12px; bottom: 10px; margin: 0px; }
.fbLeft { margin-right:10px; }
/* Research */
.research h3 { font-weight: bold; color: #FFF; background-color: #349896; line-height: 120%; padding: 7px 8px; margin-top: 30px; font-size: 16px; }
.research p { margin-left: 8px; }
.research h4 { font-size: 14px; font-weight: bold; color: #349896; border-bottom: 1px solid #349896; margin-right: 24px; margin-left: 24px; padding-bottom: 3px; padding-left: 2px; }
/* Link */
.linkList { font-size: 14px; font-weight: bold; margin: 0px 0px 40px; padding: 0px; list-style: none; line-height: 160%; }
.linkList li { background-color: #EAF4F3; margin-bottom: 10px; padding: 5px 10px; }
.linkList li a { color: #666; text-decoration: none; }
.linkList li a:hover { text-decoration: underline; }
.linkList li span { font-size: 10px; color: #006666; }