@charset "Shift_JIS";

/*
-----------------------------------------------------------------------------------------
バイオ学園　バイオ学園都市
-------------------------------------------------------------------------------------- */
body{
	width:719px;
	background:url(../images/BodyBg.png) repeat-y;
	margin:0px;
	padding:0px;
	font-family: \FF2D\FF33\20\30B4\30B7\30C3\30AF, Osaka-mono, Courier, monaco, monospace;
}
body#BioTree{
	background:url(../images/BodyBgTree.png) repeat-y;
}
#content {
  width:719px;
  margin:0px;
  padding:0px;
}
#Print{
  display:none;
}

/* 左カラム
-------------------------------------------------------------------------------------- */
#LeftContainer {
	width:123px;
	float:left;
	padding:10px 21px;
}

/* ナビゲーション
-------------------------------------------------------------------------------------- */
#Navi{
	margin:0px;
	padding:0px;
	width:123px;
}
#Navi ul {
	width:123px;
	margin:0px;
	padding:0px;
	list-style:none;
}
#Navi ul li{
	margin:0px;
	padding:0px;
	display:inline;
}
#Navi li a{
	width:123px;
	height:0px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	padding-top:20px;
	margin-bottom:5px;
}

#BioTop a,#BioTop a:hover{padding-top:76px !important; margin-bottom:10px !important;}
#CityTop a,#CityTop a:hover{padding-top:89px !important;}
#BioTop a,#BioTop a:hover{background:url(../images/Bnr01.png);}
#CityTop a,#CityTop a:hover{background:url(../images/Bnr02.png);}

#Navi00 a{background:url(../images/Btn00.png);}
#Navi00.Selected a,#Navi00 a:hover{background:url(../images/Btn00_.png);}
#Navi01 a{background:url(../images/Btn01.png);}
#Navi01.Selected a,#Navi01 a:hover{background:url(../images/Btn01_.png);}
#Navi02 a{background:url(../images/Btn02.png);}
#Navi02.Selected a,#Navi02 a:hover{background:url(../images/Btn02_.png);}
#Navi03 a{background:url(../images/Btn03.png);}
#Navi03.Selected a,#Navi03 a:hover{background:url(../images/Btn03_.png);}
#Navi04 a{background:url(../images/Btn04.png);}
#Navi04.Selected a,#Navi04 a:hover{background:url(../images/Btn04_.png);}
#Navi05 a{background:url(../images/Btn05.png);}
#Navi05.Selected a,#Navi05 a:hover{background:url(../images/Btn05_.png);}
#Navi06 a{background:url(../images/Btn06.png);}
#Navi06.Selected a,#Navi06 a:hover{background:url(../images/Btn06_.png);}
#Navi07 a{background:url(../images/Btn07.png);}
#Navi07.Selected a,#Navi07 a:hover{background:url(../images/Btn07_.png);}
#Navi08 a{background:url(../images/Btn08.png);}
#Navi08.Selected a,#Navi08 a:hover{background:url(../images/Btn08_.png);}
#Navi09 a{background:url(../images/Btn09.png);}
#Navi09.Selected a,#Navi09 a:hover{background:url(../images/Btn09_.png);}
#Navi10 a{background:url(../images/Btn10.png);}
#Navi10.Selected a,#Navi10 a:hover{background:url(../images/Btn10_.png);}
#Navi11 a{background:url(../images/Btn11.png);}
#Navi11.Selected a,#Navi11 a:hover{background:url(../images/Btn11_.png);}
#Navi12 a{background:url(../images/Btn12.png);}
#Navi12.Selected a,#Navi12 a:hover{background:url(../images/Btn12_.png);}
#Navi13 a{background:url(../images/Btn13.png);}
#Navi13.Selected a,#Navi13 a:hover{background:url(../images/Btn13_.png);}
#Navi14 a{background:url(../images/Btn14.png);}
#Navi14.Selected a,#Navi14 a:hover{background:url(../images/Btn14_.png);}
#Navi15 a{background:url(../images/Btn15.png);}
#Navi15.Selected a,#Navi15 a:hover{background:url(../images/Btn15_.png);}
#Navi16 a{background:url(../images/Btn16.png);}
#Navi16.Selected a,#Navi16 a:hover{background:url(../images/Btn16_.png);}
#Navi17 a{background:url(../images/Btn17.png);}
#Navi17.Selected a,#Navi17 a:hover{background:url(../images/Btn17_.png);}
#Navi18 a{background:url(../images/Btn18.png);}
#Navi18.Selected a,#Navi18 a:hover{background:url(../images/Btn18_.png);}
#Navi19 a{background:url(../images/Btn19.png);}
#Navi19.Selected a,#Navi19 a:hover{background:url(../images/Btn19_.png);}
#Navi20 a{background:url(../images/Btn20.png);}
#Navi20.Selected a,#Navi20 a:hover{background:url(../images/Btn20_.png);}
#Navi21 a{background:url(../images/Btn21.png);}
#Navi21.Selected a,#Navi21 a:hover{background:url(../images/Btn21_.png);}
#Navi22 a{background:url(../images/Btn22.png);}
#Navi22.Selected a,#Navi22 a:hover{background:url(../images/Btn22_.png);}
#Navi23 a{background:url(../images/Btn23.png);}
#Navi23.Selected a,#Navi23 a:hover{background:url(../images/Btn23_.png);}
#Navi24 a{background:url(../images/Btn24.png);}
#Navi24.Selected a,#Navi24 a:hover{background:url(../images/Btn24_.png);}
#Navi25 a{background:url(../images/Btn25.png);}
#Navi25.Selected a,#Navi25 a:hover{background:url(../images/Btn25_.png);}


/* 右カラム
-------------------------------------------------------------------------------------- */
#MainContents{
	width:554px;
	float:right;
}
#MainContents object{
	vertical-align:bottom;
}

/* バイオツリー
-------------------------------------------------------------------------------------- */
body#BioTree #MainContents{
	width:554px;
	height:843px;
	background:url(../images/BioTree.png) no-repeat;
}
body#BioTree #MainContents img{
	float:right;
	margin:34px;
}

/* 詳細ページ
-------------------------------------------------------------------------------------- */
#Details{
	width:498px;
	margin:28px;
	padding-bottom:12px;
	background:#FFF;
}
#DetailsTitle{
	width:498px;
	height:178px;
}
#DetailsTitle h1{
	height:0px;
	display:none;
}
#DetailsTitle img{
	float:right;
	margin:6px;
}
.TitleImage01{background:url(../images/CityTitle01.png);}
.TitleImage02{background:url(../images/CityTitle02.png);}
.TitleImage03{background:url(../images/CityTitle03.png);}
.TitleImage04{background:url(../images/CityTitle04.png);}
.TitleImage05{background:url(../images/CityTitle05.png);}
.TitleImage06{background:url(../images/CityTitle06.png);}
.TitleImage07{background:url(../images/CityTitle07.png);}
.TitleImage08{background:url(../images/CityTitle08.png);}
.TitleImage09{background:url(../images/CityTitle09.png);}
.TitleImage10{background:url(../images/CityTitle10.png);}
.TitleImage11{background:url(../images/CityTitle11.png);}
.TitleImage12{background:url(../images/CityTitle12.png);}
.TitleImage13{background:url(../images/CityTitle13.png);}
.TitleImage14{background:url(../images/CityTitle14.png);}
.TitleImage15{background:url(../images/CityTitle15.png);}
.TitleImage16{background:url(../images/CityTitle16.png);}
.TitleImage17{background:url(../images/CityTitle17.png);}
.TitleImage18{background:url(../images/CityTitle18.png);}
.TitleImage19{background:url(../images/CityTitle19.png);}
.TitleImage20{background:url(../images/CityTitle20.png);}
.TitleImage21{background:url(../images/CityTitle21.png);}
.TitleImage22{background:url(../images/CityTitle22.png);}
.TitleImage23{background:url(../images/CityTitle23.png);}
.TitleImage24{background:url(../images/CityTitle24.png);}
.TitleImage25{background:url(../images/CityTitle25.png);}

.DetailsBloc{
	width:425px;
	padding:12px 36px 15px 37px;
	background:url(../images/Line.png) top center no-repeat;
}
.DetailsBloc h2.Green{
	background:url(../images/ListMarkGreen.png) left 14px no-repeat;
	font-size:16px;
	height:16px;
	padding:12px 0px 12px 20px;
	margin: 0px;
	display:block;
}
.DetailsBloc h2.Short{
	width:275px;
}
.DetailsBloc h2 span{
	font-size:10px;
	line-height:16px;
	vertical-align:middle;
}
.DetailsBloc h2.Blue{
	background:url(../images/ListMarkBlue.png) left 11px no-repeat;
	font-size:10px;
	padding:12px 0px 0px 20px;
	margin:0px;
	color:#00609D;
	line-height:13px;
}
.DetailsBloc h3{
	color:#00609D;
	font-size:16px;
	padding:0px 0px 0px 20px;
	margin:3px 0px 8px 0px;
}
.DetailsBloc h4{
	margin:0px;
	padding:0px 0px 0px 33px;
	font-size:8pt;
	font-weight:normal;
	line-height:140%;
}
.DetailsBloc p{
	margin:0px;
	padding:0px 0px 0px 33px;
	font-size:8pt;
	line-height:140%;
	text-indent:1em;
}
.DetailsBloc p.WithIllust{
	width:267px;
}
.DetailsBloc p.Blue{
	color:#00609D;
	padding-right:33px;
}
.DetailsBloc ul{
	font-size:8pt;
	line-height:150%;
	padding:8px 0px 0px 33px;
	margin:0px;
}
.DetailsBloc ul li{
	margin-bottom:6px;
	line-height:130%;
}
.DetailsBloc img{
	float:right;
	clear:both;
}
.DetailsBloc a:hover{
	color:#F00;
}
.DetailsBloc RT{
	font-size:8px;
}


/* DetailsBloc clearfix */
div.DetailsBloc:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div.DetailsBloc{
  display: inline-block;
}
/* Hides from IE-mac \*/
* html div.DetailsBloc{
  height: 1%;
}
div.DetailsBloc{
  display: block;
}
/* End hide from IE-mac */