@charset "utf-8";

.m_container{background:url("/images/08_agr/main/main_bg.jpg") no-repeat center 0;background-size:cover;padding:0px 0 160px 0;}

.mvisual{padding:0 0 30px 0}
.mvisual p{color:#362f2d;font-size:20px;text-align:center;line-height:1.25em}
.mvisual em{font-style:normal;font-weight:bold;color:#a0410d}
.mvisual strong{display:block;color:#006521;font-size:30px;line-height:1.5em}

.bbs{position:relative;background:url("/images/08_agr/main/bbs_bg.gif");overflow:hidden;height:280px}
.bbs h2{font-size:15px;float:left;font-weight:normal;text-align:center;padding:0 0 0 15px;margin:0 0 0 15px;background:url("/images/08_agr/main/bbs_line.png") no-repeat 0 center}
.bbs h2:first-child{background:none;padding:0}
.bbs h2.on{font-weight:bold;position:relative}
.bbs h2 a{display:block;color:#fff;padding:10px 0 0 0;height:50px}
.bbs h2.on a:after{content:"";width:100%;height:3px;background:#fff;position:absolute;bottom:7px;left:0}
.bbs h2 span{display:block}
.bbs div{display:none;position:absolute;top:60px;left:0;background:#f7f3ee;width:100%;height:220px;padding:35px 0}
.bbs div.on{display:block}
.bbs ul{margin:0 25px}
.bbs li{background:url("/images/08_agr/main/bbs_dot.gif") no-repeat 0 8px;padding:0 0 0 10px;margin:15px 0 0 0;line-height:1.25em}
.bbs li:first-child{margin:0}
.bbs li a{width:100%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#585858}
.bbs li a:hover{text-decoration:underline;color:#000}
.bbs li span{display:none;float:right;color:#585858}
.bbs p{position:absolute;top:-60px;right:0}
.bbs p a{display:block;width:60px;height:0;padding:60px 0 0 0;overflow:hidden;background:url("/images/08_agr/main/main_ico.png") no-repeat}

.fservice{color:#fff;background:url("/images/08_agr/main/fservice_bg.jpg") no-repeat;background-size:cover;padding:30px}
.fservice h2{font-size:20px;margin:0 0 20px 0}
.fservice p{font-size:16px;margin:0 0 10px 0}
.fservice li{margin:10px 0 0 0}
.fservice li a{display:block;padding:10px;border:1px solid #fff;background:url("/images/08_agr/main/main_ico.png") no-repeat right -60px;color:#fff}
.fservice li a:hover{background-color:#fff;color:#006521;background-position:right -100px}

.nuinfo{background:url("/images/08_agr/main/nuinfo_bg.jpg") no-repeat;background-size:cover;padding:30px}
.nuinfo h2{color:#fff;font-size:20px;margin: 0 0 14px 0;}
.nuinfo li{margin:0 0 2px 0}
.nuinfo li a{display:block;padding:7px 15px;color:#fff;border-radius:30px;background:url("/images/08_agr/main/main_ico.png") no-repeat 1000px -104px}
.nuinfo li a:hover{background-position:right -104px;background-color:rgba(255, 255, 255, .8);color:#000;font-weight:bold}

.infozone{background:#000}
.infozone p{background:#362f2d;position:relative;height:25px;padding:5px 0 0 10px}
.infozone p span{color:#fff}
.infozone button{position:absolute;top:0;width:30px;height:0;padding:30px 0 0 0;overflow:hidden;background:url("/images/08_agr/main/main_ico.png") no-repeat;border-left:1px solid #9b9796}
.infozone button.stop{right:60px;background-position:-60px 0}
.infozone button.play{right:30px;background-position:-90px 0}
.infozone button.prev{right:30px;background-position:-120px 0}
.infozone button.next{right:0;background-position:-150px 0}
.infozone li{display:none;text-align:center}
.infozone li.on{display:block}
.infozone li img{width:100%}

.menu_position .top_search p a{background:#01a83e}
.top_st h1 span{color:#01a83e}
#nav ul li a.on span{background:url("/images/08_agr/main/m_on_arr.png") no-repeat center bottom}
.s_content .s_left h2{background:#01a83e}

/* Tablet */
@media all and (min-width:768px) {
section#content>div{overflow:hidden}
.m_container>div{padding:0 3.90625%}
.mvisual{background:url("/images/08_agr/main/visual.png") no-repeat right bottom;background-size:300px;padding: 0 0 50px 0;}
.mvisual p{text-align:left;font-size:40px}
.mvisual strong{font-size:50px}

.bbs{float:left;width:50%}

.fservice{float:left;width:47.39583333333334%;height:250px;padding:30px 0 0 2.604166666666667%;position:relative}
.fservice h2{margin:0}
.fservice p{position:absolute;top:65px;left:5%}
.fservice p span{display:block}
.fservice ul{overflow:hidden}
.fservice li{float:left;width:45%;margin-right:5%}
.fservice li.lm{margin-left:50%}

.nuinfo{float:left;width:42.1875%;height:220px;padding:30px 3.90625%}

.infozone{float:left;width:50%;height:280px}
.infozone li img{width:auto;max-width:100%;height:100%}
}

/* Desktop */
@media all and (min-width:1023px) {
.m_container{min-width:1400px}
.m_container>div{width:1400px;padding:0;margin:0 auto}

.weather{height:140px}

.mleft{float:left;width:1000px}
.mvisual{height:180px;background-size:auto;padding:160px 0 70px 0;}

#nav ul li div ul{position:absolute;top:0}
#nav .menu3 div ul{left:250px}
#nav .menu4 div ul{right:10%}
#nav .menu5 div ul{right:10%}
#nav .menu6 div ul{right:0}

.bbs{width:560px}
.bbs h2{background-position:0 20px}
.bbs h2 a{padding:15px 0 0 0;height:45px}
.bbs h2 span{display:none}
.bbs h2.on a:after{bottom:15px}
.bbs li a{width:80%}
.bbs li span{display:block}

.fservice{width:410px;padding:30px 0 0 30px}
.fservice p{left:30px}

.mright{float:right;width:400px;margin:130px 0 0 0;}

.nuinfo{float:none;width:auto;padding:30px}

.infozone{float:none;width:100%}
}