@charset "utf-8";
.design * {  
    margin:0; padding:0;
}  
body {  
    background:#FFF;  
    font-family: Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
    font-size:86%;  
}  
html {  
    overflow-y:scroll;  
}  
h1,h2,h3,h4,h5,h6 {  
}  
div.design p,div.design li,div.design dt,div.design dl {  
    line-height:1.6;  
}  
div.design p {
    margin:0 0 1em 0;  
}
div.design li {  
    list-style-type:none;  
}  
img {  
    border:0;  
}  
address {  
    font-style:normal;  
}  
.clear {  
    margin: 0px;  
    padding: 0px;  
    height: 0px;  
    clear:both;  
} 

/*非表示要素*/
.hide{display:none;}



	div#warp{margin-right: auto; margin-left: auto; width: 850px;   background:#FFF url("/images/bg.png") repeat-x 0 0;}

	div#top{ padding-left: 10px; padding-bottom: 10px; padding-right: 10px; padding-top: 25px; height: 60px; width: 830px; color:#336;}
	div#title_area{float:left; width: 350px; float:left;}
	#title_area h1#main_title{background-image: url(/images/title.gif); height: 40px; width: 160px; font-size: 18px; text-indent: -9000px;}
	#title_area h1#sub_title{color: white; font-size: 18px;}
	
	div#title_link{width: 60px;float:left; display: inline;}
	div#navi_area{ width: 290px; margin:0; float: right; display: inline; margin-top:10px;}
	
	#navi_area div.google{margin-top: 10px; margin-left: 0px; margin-bottom:13px;display: inline;}
	#navi_area div.google h5{color: #336; width: 80px; text-align: right; float:left; margin-top: 7px;display: inline;}
	#navi_area div.google input{margin-left: 5px;}
	#navi_area form{margin: 0px; margin-left: 80px;}
	#navi_area form.google input{margin-left: 5px;}
	#gcetext{ width:140px; }
	#navi_area ul{margin-top: 0px; margin-left: 150px; font-size: 0.9em;}
	#navi_area li{margin-left: 5px; margin-bottom:0px; margin-top:10px; color: #333; float:left; display: inline; padding:0;}
	#navi_area li a{color: #336; text-decoration: none;}
	#navi_area li a:hover{text-decoration: underline; float:left;}

	div#top_image_area{background-position: 0 -38px; height: 120px; width: 850px; background-image: url(/resources/images/top_image.png);}
	
	ul#visitor{ margin-bottom: 20px; height: 36px; margin-top: 8px; padding-right: 15px; padding-left: 15px; width: 850px;}
	#visitor li{float: left; height: 36px; width: 205px;}
	#visitor li a{display: block; height: 36px; width: 205px; background-image: url(/images/visitor_s.png); text-indent: -9000px;}
	#visitor li.examin a{background-position: 0px 0px;}
	#visitor li.student a{background-position: -205px 0px;}
	#visitor li.local a{background-position: -410px 0px;}
	#visitor li.research a{background-position: -615px 0px;}
	
	#visitor li.examin a:hover{background-position: 0 -36px;}
	#visitor li.student a:hover{background-position: -205px -36px;}
	#visitor li.local a:hover{background-position: -410px -36px;}
	#visitor li.research a:hover{background-position: -615px -36px;}
	
	
	div#left_navi_area{width: 200px; float:left;}
	#left_navi_area h3{ padding-left: 5px; margin-bottom: 10px; padding-bottom: 1px; border-bottom-color: #333333; border-bottom-style: solid; border-bottom-width: 1px; color: #333333; font-size: 16px;}
	#left_navi_area h3 a{ color: #333333; text-decoration: none;}
	#left_navi_area h3 a:hover{color: #0099cc;}
	#left_navi_area ul{margin-bottom: 15px;}
	#left_navi_area li{font-size: 15px;}
	#left_navi_area li a{display: block; padding-left: 15px; padding-bottom: 6px; padding-top: 6px; color: #333366; text-decoration: none; display: inline-block;width: 175px;}
	#left_navi_area li a:hover{background-color: #99ccff;}
	
	div#main_area{background-color: #eeeeee; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; width: 428px; float:left; margin-right: 20px; margin-left: 20px;}
	
	div#news{min-height: 240px;}
	#news h2{float: left; padding-left: 3px; border-left-color: #660033; border-left-style: solid; border-left-width: 3px; color: #660033; margin-bottom: 8px; font-size: 14px;}
	#news tr{ padding-bottom: 5px;}
	#news th{margin-right: 5px; font-weight: bold;width: 80px; vertical-align: top;}
	#news td{margin-bottom: 8px; padding: 5px;}
	#news td a{color: #333333; text-decoration: none;}
	#news td a:hover{text-decoration: underline;}
	#news h5{float: right; font-size: 12px; margin-bottom: 2px; width:290px; text-align: right;}
	#news h5 a{color: #666666; text-decoration: underline;}
	#news h5 a:hover{color: #ff6600; text-decoration: underline;}

	div#right_navi_area{width: 160px; float:left;}
	#right_navi_area ul{border-color: #999999; border-top-style: solid; border-top-width: 1px;}
	#right_navi_area li{ border-bottom-color: #999999; border-bottom-style: solid; border-bottom-width: 1px;}
	#right_navi_area li a{padding-left: 3px; padding-bottom: 8px; padding-top: 8px; display: block; color: #333333; font-size: 15px; text-decoration: none;}
	#right_navi_area li a:hover{background-color: #99ccff;}
	
	div#additional_menu_area{ border-color: #006699; border-width: 1px; border-style: solid; padding-left: 5px; margin-bottom: 12px; margin-top: 12px; padding-bottom: 4px; padding-top: 5px; display: inline-block; background-color: #aaccee; width: 663px;}
	#additional_menu_area dl{color: #333366; font-weight: bold; width: 850px;}
	#additional_menu_area dt{float:left;}
	#additional_menu_area dd{float:left; margin-left: 12px;}
	#additional_menu_area dd a{ color: #666699; text-decoration: none;}
	#additional_menu_area dd a:hover{text-decoration: underline;}
	
	div#menu_list_area{padding-bottom: 5px; background-color: #eeeeee; display: inline-block; width: 850px;}
	div.menu_list{width: 170px; float:left;}
	#menu_list_area h2{padding-bottom: 3px; padding-top: 3px; padding-left: 5px; font-size: 16px; color: white; background-color: #6172aa;}
	#menu_list_area li{font-size: 12px; padding-bottom: 3px; padding-top: 3px;}
	#menu_list_area a{ margin-left: 4px; border-left-color: #6172aa; border-left-style: solid; border-left-width: 2px; padding-right: 3px; font-weight: bold; color: #666666; text-decoration: none; display: block; padding-left: 3px;}
	#menu_list_area a:hover{background-color: #cccccc; text-decoration: underline;}
	
	div#footer{padding-top: 10px; border-top-color: #666666; border-top-width: 1px; border-top-style: solid; margin-bottom: 20px; margin-top: 20px;clear:both;}
	div#footer2 {padding-top: 10px; border-top-color: #666666; border-top-width: 1px; border-top-style: solid; margin-bottom: 20px; margin-top: 0px;clear:both;}

	#footer h1, #footer2 h1 { padding-top : 2.0em; text-align: center; font-size : 12px; height: 5.0em; float: left; width: 270px;}
	#footer ul, #footer2 ul { padding-left: 2.0em; float: left; height: 5.0em; border-left-color: #666666; border-left-width: 5px; border-left-style: solid; width: 540px;}
	#footer li, #footer2 li {}
	#footer h6, #footer2 h6 { margin : 0.5em; width: 850px; display: inline-block; padding : 3px; background-color: #666699; color: white; text-align: center;}
	

#title_link { font-size:3px;position: relative;}
#title_link a.miedaitop{
	left:-350px;
	top: 5px;
	position: relative;
	height: 28px;
	width: 160px;
	float: left;
}
#title_link a.biotop{
	left: -350px;
	top: 20px;
	position: relative;
	height: 27px;
	width: 330px;
	float: left;
}
#title_area h1#sub_title a{ color:#333; text-decoration: none;}

#content_title{
	text-align: center;
	font-size: 1.6em;
	letter-spacing: 0.2em;
	color:#666688;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	background-color : #ffffaa;
	border : solid #ffcc99 1px;
}


#tarea {
	font-size: 14px;
	width: 418px;
	height:230px;
	overflow:auto;
	border: 1px solid #CCCCCC; /* widthに加算される！ */
	padding: 5px; /* widthに加算される！ */
	margin: 5px 0px 0px;
	/*background-color: #dddddd;*/
}
#tarea p {
	margin-bottom: 10px;
	color:#666666;
	line-height:125%;
}
#tarea td {
	padding: 3px;
	line-height:125%;
}


div#contents{display: inline-block; width:100%;}
#content{
	min-height: 400px; margin-top: 16px; width:100%; display: inline-block;
}
#content p {
	/*text-indent: 1em;*/
}
#content a {
	/*color: #666666;*/
	text-decoration:none;
}
#content a:hover{
	/*color: #666666;*/
	text-decoration:underline;
}



#parts_next  {margin-top:40px;}
div#prev {margin-top:0px; margin-bottom:6px; display:inline-block;}
div#prev ul li{
	float: left; display: inline;
}
div#prev ul li.prevli{
	margin-left:5px;
}
div#prev ul li.pretop{
	margin-left:260px;
}
#prev a{
 font-weight: normal;
 text-decoration: none;
 color: #0000ff;
}
#prev a:hover{
 color: #ff3333;
 text-decoration: underline;
}


/* Breadcrumbs */
#breadcrumbs_space {
	color: #999999;
	font-size: 10pt;
	text-align: left;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:10px;

}
#breadcrumbs_space a:link {

	color: #666666;
	text-decoration: none;

}
#breadcrumbs_space a:visited {

	color: #666666;
	text-decoration: none;

}
#breadcrumbs_space a:hover {

	color: #0000FF;
	text-decoration: underline;
	background-color: #CCFF66;

}
#breadcrumbs_space a:active{

	color: #FF0000;
	text-decoration: underline;
	background-color: #CCFF66;
}

#cse-search-results { width:650px; margin-left:auto; margin-right:auto; }
#cse-search-results iframe { height:1400px; }