@charset "UTF-8";

#ecology {

	width: 820px;

	padding: 40px 40px 20px;

}

#ecology h1 {

	margin: 0px 0px 20px;

}

#ecology h2 {

	

}

#ecology #mode #mode_txt {

	width: 280px;

	float: left;

}

#ecology #mode img {

	float: left;

	margin: 0px 0px 0px 10px;

}

#ecology h3 {

	margin: 0px 0px 12px;

}

#ecology h4 {

	margin: 18px 0px;

}

#ecology .gas_mark {

	background: #F4F4F4;

	padding: 6px 9px 6px 5px;

	margin: 20px 0px 10px;

}

#ecology .gas_mark img {

	float: left;

	margin: 0px 5px 0px 0px;

}

#ecology .gas_mark h4 {

	margin: 0px;

}

#ecology .gas_mark p {

	font-size: 80%;

}

#ecology .gas_mark .gas_mark_txt {

	width: 282px;

	float: right;

}



.activity {

	border-top:2px solid #66B821;

	border-bottom:2px solid #66B821;

	width: 820px;

	margin: 0px 0px 20px;

}



#ecology .activity h3 {

	margin: 20px 0px 0px 0px;

}

.activity_col_left {

	float:left;

	width:260px;

	margin-right:20px;

}



.activity_col_right {

	width: 260px;

	float: left;

	display: block;

}

.activity_end {

	text-align: right;

	margin: 0px 0px 15px;

	clear: both;

}

.txt_size_small {

	font-size: 50%;

}

#ecology_title {

	padding: 0px auto 20px;

	width: 820px;

	margin: 0px 0px 10px 0px;

}

#ecology_link h5 {

	padding: 0px 10px 10px 0px;

	float: left;

}

#ecology_link p {

	font-size: 70%;

	padding: 5px 0px 0px;

}

.caption_nenpi{
	float:left;
	width:210px;
	font-size:75%;
	line-height: 1.5;
}

.nenpi_bold {
	font-weight:bold;
}