@charset "utf-8";
/* CSS Document */

.area_indexecology{
	float:left;
}
.title_indexecology{
	background:url(../images/layout/title_ecology.jpg) no-repeat left top;
	width:198px;
	height:30px;
	position:relative;
}
.content_indexecology{
	border-left:1px solid #feb71b;
	border-right:1px solid #feb71b;
	border-bottom:1px solid #feb71b;
	background:#fff7e5;
	width:194px;
	height:240px;
	padding:4px 0px 0px 2px;
}
.btn_farm_s{
	background:url(../images/layout/btn_farm_s.jpg) no-repeat left top;
	width:192px;
	height:78px;
	padding-bottom:5px;
}
.btn_farm_s a{
	width:192px;
	height:78px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.btn_insect_s{
	background:url(../images/layout/btn_insect_s.jpg) no-repeat left top;
	width:192px;
	height:78px;
	padding-bottom:5px;
}
.btn_insect_s a{
	width:192px;
	height:78px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.btn_frog_s{
	background:url(../images/layout/btn_frog_s.jpg) no-repeat left top;
	width:192px;
	height:78px;
	padding-bottom:0px;
}
.btn_frog_s a{
	width:192px;
	height:78px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.panel_contentright{
	float:right;
	padding-left:10px;
	width:750px;
}
.area_indexnews{
	float:left;
	width:370px;
	height:140px;
}
.title_indexnews{
	background:url(../images/layout/title_news.jpg) no-repeat right top;
	width:370px;
	height:30px;
	position:relative;
}
.content_indexnews{
	padding:2px 10px 2px 20px;
}
.area_indexwork{
	float:right;
	width:370px;
	height:140px;
}
.title_indexwork{
	background:url(../images/layout/title_work.jpg) no-repeat right top;
	width:370px;
	height:30px;
	position:relative;
}
.content_indexwork{
	padding:2px 10px 2px 20px;
}
.content_indexnews ul,.content_indexnews li,.content_indexwork ul,.content_indexwork li{
	list-style-type:none;
	margin:0px auto;
	padding:0px;
	font-size:12px;
}
.content_indexnews li{
	height:17px;
	padding-top:4px;
}
.icon_b{
	float:left;
	background:url(../images/layout/icon_b.jpg) no-repeat left top;
	width:7px;
	height:11px;
	padding-right:5px;
}
.content_indexwork li{
	border-bottom:1px dotted #cecece;
	height:17px;
	padding-top:3px;
}
.content_indexnews a{
	color:#333333;
	text-decoration:none;
}
.content_indexnews li a:hover{
	color:#2572aa;
	text-decoration:none;
	display:block;
}
.icon_g{
	float:left;
	background:url(../images/layout/icon_g.jpg) no-repeat left top;
	width:7px;
	height:11px;
	padding-right:5px;
}
.content_indexwork a{
	color:#45751e;
	text-decoration:none;
}
.content_indexwork li a:hover{
	color:#1c3e00;
	text-decoration:none;
	display:block;
}
.news_date01{
	padding-right:15px;
}






.area_indexclass{
	clear:both;
}
.title_indexclass{
	background:url(../images/layout/title_class.jpg) no-repeat left top;
	width:750px;
	height:30px;
	position:relative;
}
.content_indexclass{
	border-left:1px solid #feb71b;
	border-right:1px solid #feb71b;
	border-bottom:1px solid #feb71b;
	background:#fff7e5;
	width:740px;
	height:96px;
	padding:4px;
}
.pic_01{
	float:left;
	background:url(../images/layout/pic_class01.jpg) no-repeat left top;
	width:115px;
	height:95px;
}
.styleclass01{
	float:right;
	padding-left:4px;
	width:618px;
	font-size:12px;
}
.style_table01{
	background:#eed08f;
	text-align:center;
	color:#654a0f;
	border:1px solid #fff7e5;
}
.style_table02{
	text-align:center;
}
.styleclass01 td{
	border-bottom:1px dashed #eed08f;
	height:15px;
	padding-top:3px;
}
.styleclass01 td a{
	color:#000;
	text-decoration:none;
}
.styleclass01 td a:hover{
	color:#dca123;
	text-decoration:none;
}
.title_indexecology .more01 a{
	background:url(../images/layout/more_01.png) no-repeat left top;
	width:35px;
	height:12px;
	position:absolute;
	top:10px;
	left:158px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.title_indexnews .more01 a{
	background:url(../images/layout/more_01.png) no-repeat left top;
	width:35px;
	height:12px;
	position:absolute;
	top:10px;
	left:330px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.title_indexwork .more01 a{
	background:url(../images/layout/more_01.png) no-repeat left top;
	width:35px;
	height:12px;
	position:absolute;
	top:10px;
	left:330px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.more02 a{
	background:url(../images/layout/more_02.png) no-repeat left top;
	width:80px;
	height:18px;
	position:absolute;
	top:6px;
	left:660px;
	display:block;
	text-indent:-9999px;
	border:none;
	margin:0px;
	_margin-left:0px;
}
.bg_bottom a{
	text-decoration:none;
}