@charset "utf-8";
* {  
    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;}
	
	div#top{ margin-top: 10px; padding: 10px; background-color: #6172aa; height: 65px; width: 830px;}
	div#title_area{float:left; width: 400px; float:left;}
	#title_area h1#main_title{background-image: url(http://www.bio.mie-u.ac.jp/en/resources/images/title.png); height: 40px; width: 160px; font-size: 18px; text-indent: -9000px;}
	#title_area h1#sub_title{color: white; font-size: 18px;}
	#navi_area form{margin-top: 10px; margin-left: 110px;}
	#navi_area form.google h5{color: white; width: 80px; text-align: right; float:left; margin-top: 8px;}
	#navi_area form.google input{margin-left: 5px;}
	div#navi_area{ width: 400px; float: right;}
	#navi_area ul{margin-top: 12px; margin-left: 250px;}
	#navi_area li{margin-left: 5px; color: white; float:left;}
	#navi_area li a{color: white; 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(http://www.bio.mie-u.ac.jp/en/resources/images/top_image.png);}
	
	div#visitor{margin-bottom: 25px; display: inline-block; padding: 5px; background-color: #6172aa; height: 20px; width: 840px;}
	#visitor h3{ margin-right: 10px; text-align: center; width:100px; margin-left: 730px;height: 20px; font-size: 15px;}
	#visitor h3 a{display: block; color: white; width: 100px; height: 20px; }
	#visitor h3 a:hover{background-color: #333366;}
	
	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: 14px;}
	#left_navi_area li a{display: block; padding-left: 15px; padding-bottom: 4px; padding-top: 4px; color: #333366; text-decoration: none;}
	#left_navi_area li a:hover{background-color: #99ccff;}
	
	div#main_area{padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 3px; border-right-color: #666666; border-left-color: #666666; border-right-width: 1px; border-right-style: dotted; border-left-style: dotted; border-left-width: 1px; width: 428px; float:left; margin-right: 20px; margin-left: 20px;}
	
	div#news{min-height: 240px;}
	#news h2{ 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;}
	#news td a{color: #333333; text-decoration: none;}
	#news td a:hover{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: white; width: 663px;}
	#additional_menu_area dl{color: #333366; font-weight: bold; width: 665px;}
	#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: 14px; color: white; background-color: #003366;}
	#menu_list_area li{font-size: 11px; padding-bottom: 3px; padding-top: 3px;}
	#menu_list_area a{ margin-left: 4px; border-left-color: #0099cc; 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: 15px; border-top-color: #333333; border-top-style: solid; border-top-width: 1px; display: inline-block; margin-bottom: 20px; margin-top: 20px; width: 850px; clear:both;}
	#footer h6{color: #666666; text-align: center;}
	#footer h6 a{color: #666666; text-decoration: none;}


	div#title_area{float:left; width: 400px;}

div#title_link{float:left; width: 80px;}

#title_link { font-size:3px;position: relative;}
#title_link a.miedaitop{
	left:-400px;
	top: 5px;
	position: relative;
	height: 28px;
	width: 120px;
	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: white; text-decoration: none;}

div#contents{display: inline-block;}
#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;
}


#content{
	min-height: 400px;
	
}


#tarea {
	font-size: 14px;
	width: 420px;
	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%;
}

#content {
	margin-top: 16px;
	/*font-size: 86%;*/
}
#content p {
	/*text-indent: 1em;*/
}
#content a {
	/*color: #666666;*/
	text-decoration:none;
}
#content a:hover{
	/*color: #666666;*/
	text-decoration:underline;
}
#content ul,
#content dl {
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:40px;
}
#content dd {
	padding-left:40px;
}

#content li {
	/*list-style-type:disc;*/
}
#prev a{
 font-weight: normal;
 text-decoration: none;
 color: #0000ff;
}
#prev a:hover{
 color: #ff3333;
 text-decoration: underline;
}
#gcetext{ width:140px;
}


#parts_next  {margin-top:20px;}
div#prev {margin-top:3px; margin-bottom:-10px; display:inline-block;}
div#prev ul li.prevli{
	margin-left:5px;float: left; display: inline;
}
div#prev ul li.pretop{
	margin-left:260px;float: left; display: inline;
}
#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;
}