body{
  width: 100%;
  background-repeat: repeat;
  background-position: left top;
  font-family: Verdana, Helvetica, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic", Osaka, "MS PƒSƒVƒbƒN", sans-serif;
  text-align: center;
  line-height: 1.4;
}

html,body {overflow-x:hidden;}

h4{
  text-align: center;
  border-bottom: solid 2px navy;
}

p{
  text-align: left;
  margin-left: 5px;
  font-size: 90%;
}
p.s{
  font-size: 85%;
}
p.ss{
  font-size: 75%;
}

p.l{
  font-size: 110%;
}
p.lb{
  display: block;
  font-size: 105%;
  font-weight: bold;
  padding: 5px 0 0 0;
}
p.r{
  text-align: right;
  font-size: 85%;
}
p.clear{
  clear: both;
}
p.midashi{
  margin-bottom: 0px;
}

span.small{
  font-size: 80%;
}
span.middle{
  font-size: 90%;
}
span.b{
  font-weight: bold;
}
span.l{
  font-size: 110%;
}
span.sb{
  font-weight: normal;
  font-size: 80%;
  text-align: left;
}
span.lb{
  font-size: 100%;
  font-weight: bold;
}
span.underline{
  text-decoration: underline;
  font-weight: bold;
}
span.italic{
  font-style: italic;
}
span.fixed_font{
  font-family:  "Osaka�|“™•�", "Osaka-Mono", "MS ƒSƒVƒbƒN", sans-serif;
}
span.blue, span.pink, span.gray{
  background-repeat: repeat-x;
  background-position: left bottom;
}
span.blue{ background-image: url("../img/line_blue.gif"); }
span.pink{ background-image: url("../img/line_pink.gif"); }
span.gray{ background-image: url("../img/line_gray.gif"); }


a{
  text-decoration: none;
}

a:link{color: #006699;}
a:visited{color: #006699;}
a:hover{color: #fbcf00;}
a:active{color: #fbcf00;}

a img{
  border-style: none;
}

li a[href$=".pdf"]{
  background-image: url("../img/icon_pdf.gif");
}
li a[href$=".doc"]{
  background-image: url("../img/icon_doc.gif");
}
li a[href$=".xls"]{
  background-image: url("../img/icon_xls.gif");
}

dl{
  text-align: left;
}

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

ul{
  padding-left: 0px;
  margin-left: 0px;
}

ul li{
  list-style-type: none;
  font-size: 100%;
  line-height: 1.8;
  text-align: left;
}

ul.s li{
  list-style-type: none;
  font-size: 100%;
  line-height: 1.2;
  margin: 5px 0 5px 0;
  padding: 10px 2px 5px 5px;
}

ol.paper_list{
  list-style-type: decimal;
  font-size: 80%;
  text-align: left;
  margin-left: 25px;
}

ul.border{
  margin: 5px 0 5px 0;
  padding: 5px 0 5px 5px;
  border-left: solid 5px orange; 
}
li.border_sg{
  list-style-type: none;
  margin: 2px 0 2px 0;
  padding: 2px 0 5px 2px;
  border-left: solid 5px green;
}
li.border_sr{
  list-style-type: none;
  margin: 2px 0 2px 0;
  padding: 2px 0 5px 2px;
  border-left: solid 5px red;
}
li.border_sb{
  list-style-type: none;
  margin: 2px 0 2px 0;
  padding: 2px 0 5px 2px;
  border-left: solid 5px blue;
}

table{
  clear: both;
}
table.solid_table{
  border-collapse: collapse;
}
table.solid_table th, table.solid_table td{
  border: solid 1px gray;
  padding: 5px;
}

td.width100{
	width: 100px;
}
td.width250{
	width: 250px;
}

table.solid_table td{
  text-align: left;
}
table.solid_table td.right{
  text-align: right;
}
table.solid_table td.center{
  text-align: center;
}
table.solid_table td.midashi{
  width: 80px;
  text-align: right;
  font-weight: bold;
}

table.noline_table td{
  padding: 3px;
  text-align: left;
}
table.noline_table td.midashi{
  width: 80px;
  text-align: right;
  font-weight: bold;
}
table.noline_table#detail{
  font-size: 90%;
}
table.noline_table#detail tr{
  line-height: 1.2em;
}

table#table_profile td.large{
  width: 250px;
  text-align: right;
  padding-right: 80px;
}
table#table_profile td.right{
  width: 130px;
  font-size: 90%;
  background-color: #CCC;
}
table#table_profile td#bumon{
  width: 30px;
  font-size: 90%;
  text-align: center;
  background-color: #CCC;
}

div#container{
	display: inline-block;
	background-image: url("../img/background.gif");
	background-repeat: repeat-y;
	background-position: center top;
	width: 960px;
}


.right{
  text-align: right;
}

.clear{
  clear: both;
}

.document li a{
  padding: 0 22px 0 0;
  background-repeat: no-repeat;
  background-position: right;
  line-height: 1.5;
  font-size: 120%;
}

.mail{
  vertical-align:middle;
}

/********** HEADER **********/
div#header{
  position: relative;
  margin-bottom: 2px;
}

.lang_selector{
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-align: left;
	color: #fbcf00;
}

.lang_selector a:link{color: #fbcf00;}
.lang_selector a:visited{color: #fbcf00;}
.lang_selector a:hover{color: #ffffff;}
.lang_selector a:active{color: #ffffff;}


/********** LEFT AREA **********/
/****************************************/
div#leftArea{
  float:left;
  width:200px;
  background-color: #dcd88e; 
  text-align: left;
}

ul#menu_top{
  margin: 0px;
}
ul#menu_top li a{
  display: inline-block;
  vertical-align: bottom;
  background-image: url("../img/menu_top.gif");
  background-repeat: no-repeat;
  background-position: left top;
  height: 38px;
  width: 200px;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
}
ul#menu_top li a:hover{
  background-position: left bottom;
}
/* IE7 */
*:first-child+html ul#menu_top li a{
  text-indent: 0px;
}

ul#menu_gaiyou{
  margin: 0 0 0 0;
}
ul#menu_gaiyou li a{
	display: inline-block;
	vertical-align: bottom;
	background-image: url(../img/menu_gaiyou.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	width: 200px;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
}
ul#menu_gaiyou li a:hover{
  background-position: left bottom;
}
/* IE7 */
*:first-child+html ul#menu_gaiyou li a{
  text-indent: 0px;
}

ul#download li{
  text-align: left;
}

ul#download li a{
  padding: 0 22px 0 0;
  background-repeat: no-repeat;
  background-position: right;
  line-height: 1;
  font-size: 120%;
}

ul#menu_divisions img{
  float: right;
  margin-bottom:1px;
}

div#menu_bunya ul{
  margin: 0 0 1px 0;
}
div#menu_bunya ul li a{
  display: inline-block;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: left top;
  height: 40px;
  width: 200px;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
}
/* IE7 */
*:first-child+html div#menu_bunya ul li a{
  text-indent: 0px;
}
ul#byougenkinou li a{
  background-image: url("../img/menu_bunya_byougenkinou.gif");
}
ul#kansenmeneki li a{
  background-image: url("../img/menu_bunya_kansenmeneki.gif");
}
ul#rinsyoukansensyou li a{
  background-image: url("../img/menu_bunya_rinsyoukansensyou.gif");
}
ul#biseibutsushigen li a{
  background-image: url("../img/menu_bunya_biseibutsushigen.gif");
}
ul#bioresource li a{
  background-image: url("../img/menu_bioresource_kanrishitsu.gif");
}

div#menu_bunya ul li a:hover{
  background-position: left bottom;
}

ul#profile{
  margin: 10px 0 1px 0;
}
ul#profile li a{
  display: inline-block;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("../img/menu_profile.gif");
  height: 70px;
  width: 200px;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
}
ul#profile li a:hover{
  background-position: left bottom;
}
/* IE7 */
*:first-child+html ul#profile li a{
  text-indent: 0px;
}

ul#menu_access{
  margin: 10px 0 1px 0;
}
ul#menu_access li a{
  display: inline-block;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("../img/menu_access.gif");
  height: 70px;
  width: 200px;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
}
ul#menu_access li a:hover{
  background-position: left bottom;
}
/* IE7 */
*:first-child+html ul#menu_access li a{
  text-indent: 0px;
}

/********** MAIN AREA **********/
/****************************************/
div#mainArea{
	width:586px;
	margin: 0 2px;
	float: left;
	background-color: #FFF;
}

div#film img{
  margin: 0 0 2px 0;
}

span#white_bar{
  background-image: url("../img/white_bar.gif");
  background-repeat: repeat-x;
}

div#lastupdate{
  background-color: #8cc63f;
  text-align: right;
  padding: 0 35px;
  font-size: 80%;
}

div#news img{
  float: left;
  margin-left: 5px;
}

div#news ul li{
  clear: both;
  margin-left: 15px;
  padding: 0 0 0 25px;
  background-repeat: no-repeat;
  background-position: left;
  text-align: left;
  background-image: url("../img/icon_kin1.png");
  font-size: 90%;
}

div#news ul li a{
  background-repeat: no-repeat;
  background-position: right;
}

div#medemiru_top img{
  float: left;
  margin:0 0 0 5px;
}


div#medemiru_tbl table{
	clear: left;
	float: left;
	width: 580px;
}

div#medemiru_tbl td{
  border: 1px solid #b41e1e;
  width: 187px;
  padding: 5px;
}

div#medemiru_tbl img{
  margin: 2px 3px 3px 2px; 
  float: left;
  position: relative;
  left: -3px;
  top: -3px;
  padding: 5px; 
  background: #ffffff;
  border: 1px solid #999999;
}

div#medemiru_tbl a{
  line-height: 1.2;
  text-align: left;
  font-size: 110%;
}

div#medemiru_tbl li{
  clear: both;
  line-height: 1.2;
  text-align: left;
  font-size: 90%;
  list-style: none;
}

div#medemiru_tbl td{
	margin: 5px 2px 2px 2px;
	line-height: 1.2;
	text-align: left;
	font-size: 80%;
	width: 180px;
}

  /* clearfix */
div#medemiru_tbl:after{
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}

div#medemiru_tbl{
  display: inline-block;
}

div#gallery_top{
  margin-top: 10px;
}

div#gallery_top table{
	float: left;
    width: 580px;
}
div#gallery_top ul{
  margin-left: 0;
}
div#gallery_top li a{
  display: inline-block;
  vertical-align: bottom;
  list-style: none;
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("../img/gallery.png");
  float: left;
  height: 92px;
  width: 188px;
  margin:5px 0 5px 3px;
  text-indent: -9999px;
  overflow: hidden;
}
div#gallery_top li a:hover{
  background-position: left bottom;
}

div#gallery_top a{
	float: left;
	margin: 20px 5px 5px 5px;
	text-align: left;
}

div#nbrp img{
  float: left;
  margin: 20px 0 2px 5px;
  border: 1px solid gray;
}

div#nbrp span{
  float: left;
  margin: 2px 0 0 10px;
  font-size: 90%;
  line-height: 1.2;
  color: #3a6c75;
}

/********** OTHER PAGES MAIN AREA **********/
div.default{
  clear: both;
  padding: 0 10px 10px 10px;
}

div.default ul{
  margin:  -10px 0 20px 20px;
}

div.default ul li{
  list-style-type: none;
  line-height: 0.8;
  font-size: 90%;
  padding: 5px 3px 2px 17px;
  margin: 2px 0 5px 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/ya_1.png");
}



div#midashi_1{
  display: block;
  clear: both;
  background-color: #8cc63f;
  background-repeat: repeat-x;
  background-position: left bottom;
  background-image: url("../img/midashi_under.gif");
  padding: 5px 0 10px 0;
  text-align: center;
  font-size: 270%;
  height: 50px;
  font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","‚l‚r ‚o–¾’©", �×–¾’©, ƒŠƒ…ƒEƒ~ƒ“L,"‚l‚r –¾’©";
  color: white;
}
div#midashi_2{
  display: block;
  clear: both;
  background-color: #8cc63f;
  background-repeat: repeat-x;
  background-position: left bottom;
  background-image: url("../img/midashi_under.gif");
  padding: 5px 0 10px 0;
  text-align: center;
  font-size: 230%;
  height: 50px;
  font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","‚l‚r ‚o–¾’©", �×–¾’©, ƒŠƒ…ƒEƒ~ƒ“L,"‚l‚r –¾’©";
  color: white;
}
div#midashi_3{
  display: block;
  clear: both;
  background-color: #8cc63f;
  background-repeat: repeat-x;
  background-position: left bottom;
  background-image: url("../img/midashi_under.gif");
  padding: 5px 0 10px 0;
  text-align: center;
  font-size: 200%;
  height: 50px;
  font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro","‚l‚r ‚o–¾’©", �×–¾’©, ƒŠƒ…ƒEƒ~ƒ“L,"‚l‚r –¾’©";
  color: white;
}


div#midashi_pi{
  clear: both;
  display: block;
  margin: 10px 5px 10px 5px;
  padding: 0 5px;
  float: left;
  font-size: 110%;
  line-height: 1.8;
  color: #ffffff;
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url("../img/midashi_pi.gif");
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic", Osaka, "MS PƒSƒVƒbƒN", sans-serif;
  text-align: left;
}

.img_pi{
  clear: both;
  float: left;
  margin: 5px 5px 5px 5px;
  position: relative;
  left: -3px;
  top: -3px;
  padding: 5px; 
  background: #ffffff;
  border: 1px solid #999999;
}
.img_right{
  clear: both;
  float: right;
  margin: 5px 5px 5px 5px;
  position: relative;
  left: -3px;
  top: -3px;
  padding: 5px; 
  background: #ffffff;
  border: 1px solid #999999;
}

span#bunya_midashi{
  display: block;
  text-align: left;
  padding-top: 20px;
}
div.bunya_honbun{
  clear: both;
  padding: 5px 10px 5px 10px;
}

.table_bunya{
  clear: both;
}

table#member{
  margin: 15px;
  width: 95%;
}
table#member th{
  text-align: center;
  background-color:#CCC;
}
table#member td.name{
  width: 100px;
  text-align: center;
}
table#member td.theme{
  font-size: 90%;
  padding: 0 5px 0 5px;
}


ul.ya{
  padding-left: 0px;
  margin-left:  0px;
}
ul.ya#solo{
  padding-left: 0px;
  margin-left:  10px;
}

ul.ya li{
  list-style-type: none;
  line-height: 1.2;
  padding: 5px 3px 5px 17px;
  margin: 5px 0 5px 0;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/ya_1.png");
}
ul.ya#solo li{
  margin:  0;
  padding: 0 0 0 17px;
  font-weight: bold;
  font-size: 120%;
}


td.td_pi{
  clear: left;
  vertical-align: top;
  padding: 8px;
  text-align: left;
}


div#map img{
  float: left;
  margin-left: 5px;
}

div#chiikirenkei img{
  float: left;
  margin-left: 2px;
}

div#syakaikatsudou td{
  text-align: left;
  font-size: 75%;
}

th.date{
  width:80px;
  font-size: 80%;
}
th.media{
  width:310px;
  font-size: 80%;
}
th.staff{
  width:200px;
  font-size: 80%;
}

div#jimubu{
  clear: both;
  padding: 0 5px 5px 5px;
}
div#jimubu img{
  clear: left;
  float: right;
}
div#jimubu table{
  margin: 5px;
  padding: 5px;
}
div#jimubu li{
  list-style-type: decimal;
  font-size: 80%;
  text-align: left;
  margin-left: 20px;
}
div#links li{
  clear: both;
  list-style: none;
  text-align: left;
  margin-left: 10px;
  font-size: 80%;
}
div#gallery li{
  clear: both;
  list-style: none;
  background-repeat: no-repeat;
  float: left;
  margin:2px 0 2px 5px;
  padding-left: 25px;
}
div#gallery p.r, div#gallery p.lb{
  clear: both;
}

div#gallery li.fungi{
  background-image: url("../img/fungi.gif");
}
div#gallery li.actino{
  background-image: url("../img/actino.gif");
}
li.fungi, li.actino{
  width: 95%;
  text-align: left;
}
li.fungi a, li.actino a{
  font-style: italic;
}


div#gallery span#index{
  font-weight: bold;
  font-size: 160%;
  line-height: 1em ;
}

div#center_news{
  padding-left: 20px;	
}
div#center_news ul#download li{
  margin-top:20px;
}
div#yunyushinkinsyoukanjya{
  clear:both;
  padding: 0 5px 5px 5px;
}
div#yunyushinkinsyoukanjya table{
  margin: 5px 5px 0 10px;
}
div#yunyushinkinsyoukanjya table th{
  border-bottom: solid 1px gray;
}
div#yunyushinkinsyoukanjya table th#shikkan{
  width:300px;
}
div#yunyushinkinsyoukanjya table th#shinkikanjya{
  width:125px;
}
div#yunyushinkinsyoukanjya table th#soukei{
  width:125px;
}
div#yunyushinkinsyoukanjya table td{
  text-align: center;
}
div#yunyushinkinsyoukanjya table td.right{
  text-align: right;
}
div#yunyushinkinsyoukanjya table tr.bottom td{
  border-bottom: solid 1px gray;
}
div#shinryou_guide{
  clear: both;
  padding: 5px;
}
table.attention{
  width: 100%;
  background-color:#FF9;
  border: solid 1px orange;
  margin: 10px 0 10px 0;
}
table.attention td{
  padding: 3px;
  text-align: left;
}
table.attention_right{
  margin-left: auto;
  margin-right: 0;
  width: 70%;
  background-color:#FF9;
  border: solid 1px orange;
}
table.attention_right td{
  padding: 10px 3px 10px 3px;
  text-align: left;
}
div#shinryou_guide table.attention{
  background-color:#FF9;
  border: solid 1px orange;
  margin: 0 0 10px 0;
}
div#gallery table.attention{
  width: 90%;
  background-color: white;
  border: solid 1px gray;
  margin: 0 5px 10px 5px;
}


div#shinryou_guide ol{
  list-style-type: decimal;
  padding-left: 20px;
  margin-left: 10px;
  text-align: left;
}
div#shinryou_guide ol li{
  font-size: 80%;
  line-height: 1.2;
}

div.fig_free{
  float: right;
  margin:-5px 10px 10px 10px;
  font-size: 80%;
  color:gray;
}
img.img_free{
  border:solid 1px gray;
}

div.fig_ss{
  float: right;
  margin:-5px 10px 10px 10px;
  width:150px;
  font-size: 80%;
  text-align: left;
  color:gray;
}
img.img_ss{
  border:solid 1px gray;
  width:150px;
}
div.fig_s{
  float: right;
  margin:-5px 10px 10px 10px;
  width:200px;
  font-size: 80%;
  text-align: left;
  color:gray;
}
img.img_s{
  border:solid 1px gray;
  width:200px;
}
div.fig_m{
  float: right;
  margin:-5px 10px 10px 10px;
  font-size: 80%;
  text-align: center;
  color:gray;
}
img.img_m{
  border:solid 1px gray;
}
div.fig_l{
  float:none;
  margin:-5px 10px 10px 10px;
  font-size: 80%;
  text-align: left;
  color:gray;
}
img.img_l{
  border:solid 1px gray;
}
div.fig_absolute{
  position:absolute;
  top:255px;
  margin:-5px 10px 10px 10px;
  font-size: 80%;
  text-align: left;
  font-weight: bold;
}
div.fig_left{
  float:left;
  margin:10px 10px 10px 10px;
  font-size: 80%;
  text-align: left;
  font-weight: bold;
}

/********** RIGHT AREA **********/
/****************************************/
div#rightArea{
  float:right;
  width:170px;
  background-color: #dcd88e;
  text-align: left;
  font-size: 80%;
}

span#medemiru_png{
  display: inline-block;
  vertical-align: bottom;
  background-image: url("../img/medemiru_right.png");
  background-repeat: no-repeat;
  background-position: left top;
  height: 26px;
  width: 164px;
  margin: 0 0 0 0;
  overflow: hidden;
} 

div#medemiru_right table{
  float: left;
  width: 166px;
  margin: 0 0 10px 2px;
  border-collapse: collapse;
}

div#medemiru_right table thead th{
  padding: 0px;
  border: 1px solid #7ac943;
  background-color: #7ac943;
}

div#medemiru_right table td{
  padding: 2px;
  border: 1px solid #7ac943;
  background-color: #ffffff;
}

dl#medemiru_list{
  margin: 0 2px 0 4px;
  height: 160px;
  overflow: auto;
}
dl#medemiru_list dd{
  margin-left: 20px;
}

ul#gallery_right{
  margin: 1px;
}
ul#gallery_right li a{
  display: inline-block;
  vertical-align: bottom;
  background-image: url("../img/gallery_right.png");
  background-repeat: no-repeat;
  background-position: left top;
  height: 76px;
  width: 166px;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
}
ul#gallery_right li a:hover{
  background-position: left bottom;
}
/* IE7 */
*:first-child+html ul#gallery_right li a{
  text-indent: 0px;
}

/********** FOOTER **********/
/****************************************/
div#footer{
  clear: both;
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: solid 1px white;
  width: 960px;
  color: gray;
}
div#footer p{
  text-align: right;
  margin-right: 15px;
}


/********** PRINT **********/
/****************************************/

@media  print{
div#container{width: 100%; float:none;}
div#header{display:none;}
div#leftArea{display:none;}
div#rightArea{display:none;}
div#footer{display:none;}
}