body {
	font-size:12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#5E5E5E;
	margin:0;
	padding:0;
}

#wrapper {
	width:800px;
	margin:5px auto;
	color:#444;
}

#headerContainer {
}

#partsHeader {
	height:40px;
	background:url(../_img/header.jpg) 0 0 no-repeat;
	
}

#logo {
	width:230px;
	height:40px;
	background:url(../_img/logo.jpg) no-repeat;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#logo a {
	width:230px;
	height:40px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}

#contentsContainer{
	width:790px;
	background:url(../_img/cont_bg.jpg) repeat-y;
	margin-left:3px;
}

#contentsHeader{
	height:10px;
	background:url(../_img/cont_header.jpg);
	margin:0 auto;
}

#topImageContainer {
	width:790px;
	height:200px;
	margin-left:3px;
	background:url(../_img/topimage.jpg);
	margin-bottom:5px;
}

#contentsFooter{
	height:10px;
	background:url(../_img/cont_footer.jpg);
	margin:0 auto;
	clear:both;
}

#naviContainer {
	height:40px;
	background:url(../_img/navi_bg.jpg) repeat-x;
}


#naviContainer ul {
	width:800px;
	height:40px;
	margin:0 auto;
	padding:0;
	list-style:none;
	display:block;
	background:url(../_img/nav_bg.jpg);
}

#naviContainer ul li{
	margin:0;
	padding:0;
	float:left;
}

#naviContainer ul li a{
	width:100px;
	height:40px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#navi00 {background:url(../_img/nav00.jpg);}
#navi01 {background:url(../_img/nav01.jpg);}
#navi02 {background:url(../_img/nav02.jpg);}
#navi03 {background:url(../_img/nav03.jpg);}
#navi04 {background:url(../_img/nav04.jpg);}
#navi05 {background:url(../_img/nav05.jpg);}
#navi06 {background:url(../_img/nav06.jpg);}

#navi00:hover,#navi00.hover,
#navi01:hover,#navi01.hover,
#navi02:hover,#navi02.hover,
#navi03:hover,#navi03.hover,
#navi04:hover,#navi04.hover,
#navi05:hover,#navi05.hover,
#navi06:hover,#navi06.hover
{
	background-position:0px 40px;
}

#navi01,
#navi02,
#navi03,
#navi04,
#navi05,
#navi06
{
	background-position:0px 0px;
}

#subNavi {
	list-style:none;
	padding:0;
	margin:10px 0;
}

#subNavi li a{
	width:158px;
	height:30px;
	background:url(../_img/subnavi_bg.png);
	background-position:0px 0px;
	display:block;
	text-indent:25px;
	line-height:30px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
}
#subNavi li a:hover,#subNavi li a.hover
{
	background-position:0px 30px;
}

#subNavi li a:link,
#subNavi li a:visited,
#subNavi li a:active
{
}

#partsMain {
	background:url(../_img/bg.jpg) repeat-y;

}

#route {
	margin:10px 0 30px 0;
}

#leftContainer {
	width:158px;
	margin:0 0 0 1px;
	background:url(../_img/leftcol_bg.jpg) no-repeat;
	float:left;
}

#leftContainer {
	display:none;
}

#rightContainer {
	width:160px;
	margin:0;
	float:right;
}


#mainContainer {
	width:610px;
	margin:0;
	padding:0 10px 20px 10px;
	float:left;
	min-height:300px;
}

#mainContainer h1 {
	border-bottom:2px solid #DDDDCC;
	height:30px;
	margin:20px auto;
	background:url(../_img/chip01.jpg) 0 5px no-repeat;
	font-size:15px;
	text-indent:25px;
	line-height:30px;
	clear:both;
}

h1#titleAbout {
	background:url(../_img/title_about.jpg) 0 0 no-repeat;
	width:610px;
	height:120px;
	text-indent:-9999px;
	padding:0;
	border:0;
}

h1#titleBiology {
	background:url(../_img/title_biology.jpg) 0 0 no-repeat;
	width:610px;
	height:120px;
	text-indent:-9999px;
	padding:0;
	border:0;
}

h1#titleStaff {
	background:url(../_img/title_staff.jpg) 0 0 no-repeat;
	width:610px;
	height:120px;
	text-indent:-9999px;
	padding:0;
	border:0;
}

h1#titleHowTo {
	background:url(../_img/title_howto.jpg) 0 0 no-repeat;
	width:610px;
	height:120px;
	text-indent:-9999px;
	padding:0;
	border:0;
}

h1#titleCollection {
	background:url(../_img/title_collection.jpg) 0 0 no-repeat;
	width:610px;
	height:120px;
	text-indent:-9999px;
	padding:0;
	border:0;
}

#mainContainer h2 {
	border-bottom:2px solid #DDDDCC;
	height:30px;
	margin:5px 30px;
	background:url(../_img/chip01.jpg) 0 5px no-repeat;
	font-size:15px;
	text-indent:25px;
	line-height:30px;
	clear:both;
	color:black;
}

#mainContainer h3 {
	border-bottom:1px dotted #DDDDCC;
	border-left:5px dotted #999;
	height:25px;
	margin:10px 40px;
	font-size:15px;
	padding:0;
	clear:both;
	color:black;
	text-indent:10px;
}


#mainContainer p {
	padding:10px 50px;
	line-height:200%;
}

#mainContainer ol {
	margin:20px 50px;
	line-height:200%;
}

#mainContainer img.left{
	margin:0 15px 15px 0;
	float:left;
}

#mainContainer img.right{
	margin:0 0 15px 15px;
	float:right;
}

#mainContainer img.center{
	margin:10px auto;
}
/*
ニュースリストここから
*/


	#mainContainer ul.news {
		list-style:none;
		padding:0;
		margin:0 20px;
	}
	
	#mainContainer ul.news li{
		list-style:none;
		padding:0;
		margin:0;
		text-indent:20px;
		clear:both;
	}
	
	#mainContainer ul.news li a,
	#mainContainer ul.news li a:link,
	#mainContainer ul.news li a:hover,
	#mainContainer ul.news li a:visited,
	#mainContainer ul.news li a:active
	{
		display:block;
		width:95%;
		height:25px;
		text-decoration:none;
		line-height:26px;
		font-size:12px;
		border-bottom:1px silver dotted;
		background:url(../_img/list_chip01.gif) 2px 5px no-repeat #FFFFFF;
		margin:0 auto;
		color:blue;
	}

	#mainContainer ul.news li a:hover,#mainContainer ul.news li a.hover
	{
		background:url(../_img/list_chip01_o.gif) 2px 5px no-repeat #FFAA00;
	}

	#mainContainer ul.news li.odd a,
	#mainContainer ul.news li.odd a:link,
	#mainContainer ul.news li.odd a:hover,
	#mainContainer ul.news li.odd a:visited,
	#mainContainer ul.news li.odd a:active 
	{
		background:url(../_img/list_chip01.gif) 2px 5px no-repeat #F5F4EB;
	}
	
	#mainContainer ul.news li.odd a:hover,#mainContainer ul.news li.odd a.hover
	{
		background:url(../_img/list_chip01_o.gif) 2px 5px no-repeat #FFAA00;
	}

	#mainContainer ul.news li span.date{
		width:30%;
		display:block;
		float:left;
	}
	
	#mainContainer ul.news li span.title{
		width:70%;
		display:block;
		float:left;
	}

/*
ニュースリストここまで
*/


#footerContainer {
	padding:5px 10px;
	text-align:center;
	color:#FFF;
	font-size:10px;
}

#copyright {
	font-size:10px;
	width:280px;
	height:30px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../_img/copyright.jpg) no-repeat;
	float:right;
}

#partsFooter {	
	clear:both;
	height:10px;
	background:url(../_img/footer.jpg) no-repeat;	
}



/********************

	Banner

********************/

#rightContainer #bannerContainer ul {
	list-style:none;
	margin:0;
	padding:0 10px;
}

#rightContainer #bannerContainer ul li{
	padding:5px 0;
}

.inviteBanner a{
	text-indent:-9999px;
	width:160px;
	height:150px;
	background:url(../_img/bnr_invite.jpg) 0 0 no-repeat;
	display:block;
	overflow:hidden;
}

.inviteBanner a:hover,.inviteBanner a.hover {
	background:url(../_img/bnr_invite.jpg) -158px 0 no-repeat;
}