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

 file name  :style.css
 author     :sato (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
 
=================================================================== */



/*----------------------------------------------------
	#contents(#main-nav,#main-img,#main)
----------------------------------------------------*/
#contents-top {
	width:100%;
	background:url(../img/top/main-bg.jpg) repeat-x left top;
}

#topmain {
	width:900px;
	margin:0 auto;		
}

#main-img{
	clear:both;
	width:1232px;
	height: 277px;
	margin:0 auto 23px;
}
/*----------------------------------------------------
	#main-contents
----------------------------------------------------*/


#contents-top #main-topcontents{
	float:left;
	width:680px;
	margin:0 auto;
	padding-bottom:40px;
}

/*----- エコポンプと魚道シリーズ　-----*/

#h2-box {
	margin: 0 0 0 10px;
}

*html #h2-box {
	margin: 0 0 0 5px;
}

#contents-top {
	background: url(../img/top/main-bg.jpg) repeat-x center top;
}

#contents-top #main-box{
	margin-bottom:10px;
	background:url(../img/top/main-table.jpg) no-repeat top left;
	padding:0 5px;
}

#contents-top #main-box h3{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:20px 0 10px 15px;
	text-align:left;
	color:#999999;
	font-size:1.5em;
}

#contents-top #main-box h2{
	margin-left:7px;
	height:200px;
	padding:0 0 0 0px;
}

#contents-top #main-box h2 a{
	display:block;
	width:322px;
	height:197px;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}


#eco-pomp{
	float:left;
	background:url(../img/top/toph2-01.jpg) no-repeat top left;
}


#gyodo{
	float:left;
	background:url(../img/top/toph2-02.jpg) no-repeat top left;
}

/*----- トピックス　-----*/

#topics-box{
	width:650px;
	text-align:left;
	color:#666666;
}

#topics-box p{
	margin:0 0 10px 20px;
}
#topics-box dl{
	margin:0 0 10px 20px;
}
#topics-box dd{
	clear:both;
	float:left;
	width:110px;
	padding:3px 0px 3px 20px;
	border-bottom:#DDD 1px solid;
}

*html #topics-box dd{/*IE6ずれ防止*/
	padding-bottom:6px
}


#topics-box dt{
	float:right;
	width:500px;
	padding:3px 0 3px 0;
	background:url(../img/top/topics-icon.gif) no-repeat center right;
	border-bottom:#DDD 1px solid;
}




/*----------------------------------------------------
	#sub-contents
----------------------------------------------------*/

#contents-top #sub-contents{
	float:right;
	width:210px;
	margin:0 auto 20px auto;
}

#contents-top h4{
	margin-bottom:5px;
	padding:0;
}

#contents-top #sub-contents li{
	margin-bottom: 0;
}

/* IE8 hack */
html>/**/body #contents-top #sub-contents li{
	margin-bottom /*\**/: 5px\9;
}

#contents-top #sub-contents dl{
	border:#DDD 1px solid;
}

#contents-top #sub-contents dt {
	margin-top: 2px;
}

#contents-top #sub-contents dd{
	margin:5px;
	padding: 2px 0 4px 15px;
	border-bottom:#DDD 1px solid;
	text-align: left;
}
#contents-top #sub-contents dd.end {
	margin:5px;
	padding: 2px 0 3px 15px;
	border: none;
	text-align: left;
}

#contents-top .hyousyou{
	font-size:0.9em;
}