@charset "UTF-8";

@import url("reset.css");
@import url("base.css");

#ecology{
	padding:0 8px 0 8px;
	margin:20px 0 0 0;
}

#ecology h2{
	font-weight:bold;
	font-size:1.2em;
	clear:both;
	background-image: url(../img/transition/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:600px;
	line-height:42px;
	padding:0 0 0 34px;
	margin:30px 0 10px 0;
}

#ecology h3{
	color:#0052AD;
	font-weight:bold;
	clear:both;
	width:630px;
	margin:30px 0 10px 0;
	padding:0px;
}

#ecology h4{
	color:#0052AD;
	clear:both;
	font-weight:bold;
	line-height:150%;
 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0052ad;
	padding:40px 0 0 0;
}

#ecology h4.first{
	padding:0 0 0 0;
}

#ecology h5{
	color:#0052AD;
	font-weight:bold;
}

#ecology .tBox{
	width:630px;
	clear:both;
	padding:20px 0 0 0;
}

#ecology .tImg{
	width:250px;
	float:left;
}

#ecology .tBox h5
,#ecology .tBox p{
	width:380px;
	float:left;
}

#ecology #table01
,#ecology #table02
,#ecology #table03{
	width:590px;
	padding:20px;
}

#ecology table{
	width:590px;
}

#ecology table
,#ecology tr
,#ecology td{
	font-size:12px;
	border: 1px solid #666;
}

#ecology td{
	padding:2px 5px;
	vertical-align: middle;
}


#ecology #table02 td{
	padding:10px 5px;
}

#ecology td.yl{
	text-align:left;
 	background-color: #FAFFDB;
}

#ecology td.yr{
	text-align:right;
 	background-color: #FAFFDB;
}

#ecology td.yc{
	text-align:center;
 	background-color: #FAFFDB;
}


#ecology td.bc
,#ecology #table02 td.bc{
	text-align:center;
 	background-color: #DDFEFE;
	padding:2px;
}

#ecology #area4{
}

#ecology #area4 p.p02{
	margin-top:25px;
}

#ecology #area4 h3{
	color:#0052AD;
	clear:both;
	font-weight:bold;
	line-height:150%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	padding:25px 0 0 0;
}


#ecology #area4 h4#list01{
	color:#000000;
	font-weight:bold;
	border:none;
	background-image: url(../img/ecology/icon4_no1_s1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 25px;
}

#ecology #area4 #box4_01{
	background-image: url(../img/ecology/image4_01_s1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:300px;
	min-height:200px;
	_height:200px;
	padding:0 334px 0 0;
}

#ecology #area4 #box4_01 #list01Box{
	background-position: right top;
	width:280px;
	padding:5px 10px;
	border: 1px dashed #008C8C;
	margin:10px 0 0 0;
}

#ecology #area4 #box4_01 #list01Box #list01BoxL{
	width:80px;
	float:left;
}

#ecology #area4 #box4_01 #list01Box #list01BoxR{
	width:200px;
	float:left;
}

#ecology #area4 h4#list02{
	color:#000000;
	font-weight:bold;
	border:none;
	background-image: url(../img/ecology/icon4_no2_s1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 25px;
}

#ecology #area4 #box4_02{
	background-image: url(../img/ecology/image4_02_s1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width:300px;
	min-height:200px;
	_height:200px;
	padding:0 334px 0 0;
}

#ecology #area4 h4#list03{
	color:#000000;
	font-weight:bold;
	border:none;
	background-image: url(../img/ecology/icon4_no3_s1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 25px;
}

#ecology #area4 #box4_03{
	width:380px;
	padding:0 254px 0 0;
}

#ecology #area4 h4.maru{
	color:#008C8C;
	font-weight:normal;
	border:none;
	background-image: url(../img/ecology/icon4_maru_s1.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding:0 0 0 20px;
	margin-top:1em;
}

#ecology #area4 p.kome{
	color:#000000;
	font-weight:normal;
	border:none;
	background-image: url(../img/ecology/icon4_kome_s1.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 20px;
	margin:10px 0 0 20px;
}

#ecology #area4 h5{
	color:#000000;
	font-weight:normal;
	border:none;
	background-image: url(../img/ecology/image4_03_s1.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding:0 0 0 20px;
	margin:0 0 0 20px;
}


#ecology #area4 p.p03{
	margin:0 0 0 3em;
}

#ecology #area4 p.p04{
	margin:25px 0 0 3em;
}

#ecology #area4 p span.aka{
	color:#F00;
}




