@charset "utf-8";

body{
    background:#fff;
}

.hidden_item{
	position:absolute;
	left:-9999px;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0;
	line-height:0;
}

#onHeader, .onTotalMenuArea, #onMainMenu , .onSubCon, #onSubBanner, #onSubContent, #onNewsMain, #onNewsSubCon, #onExContent2, #onFarmersSubCon, #onSubContentWrap, #onFooter{
	width:960px;
	margin:0 auto;
}
#onHeaderArea{
    background:#e9f3fa;
}

#onTotalMenuNavArea, .onTotalMenuArea{
    background:#e9f3fa;
}

.onMainNav > #onMainMenu{
    padding:10px 0 10px 0;
    background:#e9f3fa;
} 

.onTotalMenuArea{
    position:absolute;
    top:150px;
    left:0;
    width:100%;
    z-index:1000; 
}

.onTotalNavWarp{
    display: none;
}

.onTotalMenu{
    position: relative;
    width:960px;
    margin:0 auto;
}

#onTotalMenuBtn{
    position:absolute;
    top:-50px;
    left:0;
}

#onTotalMenuBtn a{
    width:87px;
    height:25px;
    background:url(../img/common/openB.gif) no-repeat;
    position:absolute;
    top:20px;
    left:30px;
    text-indent:-9999em;
}

#onTotalMenuBtn a.onAct{
    background:url(../img/common/closeB.gif) no-repeat;
}

.onTotalNav{
    float:left;
    margin:20px 30px 20px 50px;
}

.onTotalNav > li{
    padding:8px 20px;
    text-align:center;
    width:100px;
    height:20px;
    line-height:20px;
    font-size:1.2em
}

.onTotalNav > li > a:hover, .onTotalNav > li > a:focus{
    color:#7eba7c;
}

.totalNavFir{
    margin-left:125px;
}

#onMainMenu:after{
    clear:both;
    display:block;
    content:'';
    height:0;
    visibility:hidden;
}

#onMainMenu > li{
	position:relative;
	float:left;
	width:218px;
    z-index:999;
}

#onMainMenu > li:first-child{
    margin-left:87px;
}

#onMainMenu > li > a:link, #onMainMenu > li > a:visited{
	display:block;
	height:45px;
	line-height:45px;
	text-align:center;
    font-weight:bold;
	font-size:1.5em;
	color:#7e7e7e;
}

#onMainMenu > li > a:hover, #onMainMenu > li > a:focus, #onMainMenu > li.selectedNav > a{
	color:#7eba7c;
	text-decoration:none;
}

.onSubNav{
	position:absolute;
	top:45px;	
	left:0;
	width:218px;
    z-index:998;
}

.onSubNav > li > a:link, .onSubNav > li > a:visited{
        display:block;
        background:#e9f3fa;
        border-bottom:1px solid #fff;
        border-top:none;
        height:35px;
        line-height:35px;
        text-align:center;
        text-decoration:none;
        color:#757575;
        font-size:14px;
        font-weight:normal;  
}  

.onSubNav > li > a:hover, .onSubNav > li > a:focus{
        color:#fff;
        background:#7eba7c; 
}

.onSubCon{
    position:relative;
    background:#fff;
    border-bottom:1px solid #cfe2ef;
    margin:0 0 40px 0;
}

.onSubCon > h1{
    font-size:23px;
    margin:40px 0 15px 0;
}

.depth{
    position:absolute;
    top:15px;
    right:30px;
    font-size:1em;
}

.depth strong{
    font-weight:nomal;
    color:#6ea3c8;
}