@charset hutf-8h; 

/* hn
------------------------------------------- */
h1{
position:absolute;
top:0;
left:0;
}
h2{
position:absolute;
top:0;
left:100px;
}

/* layout
------------------------------- */
#home{
background:url(../images/bg-top.jpg) repeat-x;
}
#home #header{
width:100%;
height:276px;
}
#left-container{
width:630px;
float:left;
padding-top:17px;
}
#right-container{
width:200px;
float:right;
padding-top:17px;
}

/* header
------------------------------- */
#home h1{
position:absolute;
top:9px;
left:0;
}
#home h2{
position:absolute;
top:32px;
right:172px;
text-align:right;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=common/images/top-image.png);
}
#home h2 img{
filter:alpha(opacity=0);
}

/* section
------------------------------- */
.section{
background:url(../images/left-cobg.gif) repeat-y;
}
.s01-top{
width:100%;
background:url(../images/left-cotop.gif) no-repeat;
padding-top:10px;
}
.s01-bottom{
width:100%;
background:url(../images/left-cobottom.gif) no-repeat 0 bottom;
padding-bottom:10px;
}
.section ul{
width:620px;
height:auto;
overflow:hidden;
margin:0 0 0 10px;
background:url(../images/s01-inside.gif) no-repeat 0 bottom;
}
.section ul li{
width:200px;
float:left;
margin-right:5px;
}
.section ul li h4{
padding-bottom:5px;
background:#ffffff;
}
.section ul li ul{
width:100%;
background:url(../images/s01-list-top.gif) no-repeat 0 0;
margin:0;
padding:3px 0;
}
.section ul li ul li{
width:173px;
margin:0 auto;
float:none;
padding:4px 0;
background:url(../images/dot.gif) repeat-x 0 bottom;
}
.section ul li ul li.end{ background:none; }
.section ul li ul li a,
.section ul li ul li strong
{
display:block;
background:url(../images/section-allow.gif) no-repeat 0 2px;
color:#464646;
font-weight:bold;
padding:0 0 0 18px;
line-height:1.4em;
}
.section ul li ul li a:hover{ text-decoration:none; }
.section ul li ul li span{
color:#807433;
font-size:90%;
padding:0 0 0 17px;
line-height:1em;
}
.section ul li ul li.low p{
padding:0 0 0 8px;
background:url(../images/home-allow.gif) no-repeat 0 6px;
}
.section ul li ul li.bottom{
background:none;
}
.section ul li ul li.low{
width:155px;
margin:0 0 0 30px;
}


/* section02
------------------------------- */
#second{
background:url(../images/left-cobg02.gif) repeat-y;
}
#second ul{
background:url(../images/s01-inside02.gif) no-repeat 0 bottom;
}
#second ul li ul{
background:url(../images/s01-list-top02.gif) no-repeat 0 0;
}
#second ul li ul li.end{ background:none; }
.section ul li ul li.low{
width:155px;
margin:0 0 0 30px;
}

/* section03
------------------------------- */
#third{
background:url(../images/left-cobg03.gif) repeat-y;
}
#third ul{
background:url(../images/s01-inside03.gif) no-repeat 0 bottom;
}
#third ul li ul{
background:url(../images/s01-list-top03.gif) no-repeat 0 0;
}
#third ul li ul li.end{ background:none; }


/* news
------------------------------- */
.news{
background:url(../images/news-bg.gif) repeat-y;
border-top:#37649d solid 3px;
margin-bottom:10px;
}
.news .top{
/*background:url(../images/news-top.gif) no-repeat 0 0;*/
padding:10px 0 0 0;
}
.news .bottom{
background:url(../images/news-bottom.gif) no-repeat 0 bottom;
padding:0 0 10px 0;
}
.news ul{
width:598px;
height:400px;
margin:0 auto;
overflow-y:scroll;
}
.news ul li{
width:570px;
height:auto;
overflow:hidden;
background:url(../images/news-line.gif) repeat-x 0 bottom;
padding-bottom:12px;
margin-bottom:7px;
}
.news ul li span{
color:#2b5b97;
font-weight:bold;
float:left;
}
.news ul li p{
width:470px;
float:right;
}
.news ul li p a{
color:#666666;
}

/* content-menu
------------------------------- */
#content-menu{
width:630px;
padding-bottom:14px;
}

#content-menu ul{
width:100%;
overflow:hidden;
background:url(../images/contents-back.jpg) no-repeat;
padding:0;
}

#content-menu ul li{
display:block;
overflow:hidden;
}

#content-menu ul li.myfarmer{
width:630px;
padding-bottom:14px;
_padding-bottom:12px; /*----- IE6 -----*/
}

 /*----- IE7ƒnƒbƒN -----*/
*+html #content-menu ul li.myfarmer{
width:630px;
padding-bottom:13px;
_padding-bottom:12px; /*----- IE6 -----*/
}

#content-menu ul li.owner{
width:308px;
float:left;
margin-right:14px;
_margin-right:11px; /*----- IE6 -----*/
}

#content-menu ul li.hojin{
width:308px;
margin-right:0;
}

#content-menu ul li a{
display:block;
}

#content-menu ul li a:hover{
text-indent:630px;
}

/* main-contents
------------------------------- */
.main-contents{
width:630px;
height:auto;
overflow:hidden;
margin-bottom:10px;
}
.main-contents li{
_height:0;
}
.main-contents h3{ margin-bottom:10px; }
.main-contents .box{
width:310px;
float:left;
}
.main-contents .right{
width:310px;
float:right;
}
.main-contents .box ul{
width:150px;
float:left;
}
.main-contents .box ul.side{
float:right;
}
.main-contents .box2{
width:150px;
float:left;
margin-right:10px;
}

.main-contents a{
background:#4f8a06;
display:block;
_display:inline;
}
.main-contents a:hover img{
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity:0.85;
}

/* banner
------------------------------- */
.banner li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity:0.70;
}


/* footer-banner
------------------------------- */

.under-banner li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity:0.70;
}

.under-banner li {
	float:left;	
	margin-right:10px;
	margin-bottom:8px;
}

.under-banner .u_banner_r{
	margin-right:0px;
	float:right;
}