@c-h-a-r-s-e-t "utf-8";

.wbr{display: block; vertical-align: top; overflow:hidden;}

#slide-container{display: none;}
#header-container .content-header{display: none;}
#content-container{margin: 0 auto; overflow: visible !important; padding-left: 135px; padding-right:0 !important; width: 865px !important;}
#content-container:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background: url(./../../mycodyimages/m_bg.png) repeat 0 0 !important;}


#visualArea{height: 500px; overflow: hidden;}
#visualArea .bx-wrapper .bx-controls{position: absolute; z-index: 60; top: 420px; right: 60px; padding: 0 25px;}
#visualArea .bx-wrapper .bx-controls a{display: block; width: 26px; height: 23px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction a{position: absolute; top: 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left: 0; background-position: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right: 0; background-position: -25px 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active{display: none;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{background-position: -50px 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start{background-position: -75px 0;}

#visualArea .visualText{position: absolute; z-index: 60; top: 200px; right: 60px; text-align: right;}
#visualArea .visualText .item-01{line-height: 48px; font-size: 35px; color: #ffffff;}
#visualArea .visualText .item-01 strong{display: block; color: #fcd500; font-weight: normal;}
#visualArea .visualText .item-02{margin-top: 30px; line-height: 22px; font-size: 13px; color: #ffffff;}

#mainCont{position: relative; z-index: 1; padding: 20px 0 35px 20px;}
#mainCont:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; width: 2000px; background: url(./../../mycodyimages/m_bg_02.png) repeat 0 0;}
#mainCont:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

#mainCont .latest-notice{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 230px; height: 110px; background-color: #ffffff;}


.tab_list{position: relative;}
.tab_list>ul{list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li{float: left; line-height: .9;}
.tab_list>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.tab_list>ul>li>a{float: left; line-height: inherit;}
.tab_list>ul>li>a span{display: block; font-weight: bold; line-height: inherit; letter-spacing: -1px;}
.tab_list>ul>li>ul{position: absolute; left: 0; right: 0; list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li>ul li{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_list>ul>li>ul li a{text-decoration: none;}
.tab_list>ul>li>ul li a:focus,
.tab_list>ul>li>ul li a:hover{text-decoration: underline;}
.tab_list>ul>li>ul li span{position: absolute; right: 0; top: 0;}
.tab_list>ul>li>ul li.more{position: static;}
.tab_list>ul>li>ul li.more a{display: block; position: absolute; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}


.tab_list>ul>li+li:before{content: '/'; float: left; width: 32px; color: inherit; text-align: center; vertical-align: top; color: #999999;}
.tab_list>ul>li>a{font-size: 17px; color: #999999;}
.tab_list>ul>li>a span.over{color: #333333;}
.tab_list>ul>li>ul{top: 36px;}
.tab_list>ul>li>ul li{padding-right: 60px;}
.tab_list>ul>li>ul li a{line-height: 25px; font-size: 13px; color: #707070;}
.tab_list>ul>li>ul li span{line-height: 25px; font-size: 13px; color: #707070;}
.tab_list>ul>li>ul li.more a{top: -36px; right: 0; width: 24px; height: 24px; background-image: url(./../../mycodyimages/m_btn_more.png);}

#mainCont .latest-gallery{float: left; position: relative; margin: 15px 0 0 15px; width: 355px; height: 150px; background-color: #605148;}
#mainCont .latest-gallery h2{position: absolute; z-index: 1; top: 15px; left: 15px; margin: 0; width: 90px; line-height: 24px; font-size: 17px; color: #ffffff;}

.miniBox{position: static !important;}
.miniBox .miniGallery-container.skin_005 h2{display: none;}
.miniBox .miniGallery-container.skin_005 ul{list-style: none; margin: 0; padding: 0; height: auto;}
.miniBox .miniGallery-container.skin_005 ul li{float: none; padding-left: 157px; width: auto; height: auto;}
.miniBox .miniGallery-container.skin_005 ul li .thumb{width: 198px; height: 150px;}
.miniBox .miniGallery-container.skin_005 ul li .thumb a{display: block; position: relative; width: 100%; height: 100%;}
.miniBox .miniGallery-container.skin_005 ul li .thumb a:focus:after,
.miniBox .miniGallery-container.skin_005 ul li .thumb a:hover:after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.miniBox .miniGallery-container.skin_005 ul li .thumb a img{vertical-align: top;}
.miniBox .miniGallery-container.skin_005 ul li .title{position: absolute; left: 15px; top: 90px; width: 130px; line-height: 24px;}
.miniBox .miniGallery-container.skin_005 ul li .date{position: absolute; left: 15px; top: 110px; width: 117px; line-height: 24px; text-align:left; display:block; font-size:13px; color:#ddd;}
.miniBox .miniGallery-container.skin_005 ul li .contents{display:none;}
.miniBox .miniGallery-container.skin_005 ul li .title a{display: block; margin: 0; width: 100%; line-height: inherit; font-size: 13px; color: #ffffff; text-decoration: none; text-align: left; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.miniBox .miniGallery-container.skin_005 ul li .title a:focus,
.miniBox .miniGallery-container.skin_005 ul li .title a:hover{text-decoration: underline;}
.miniBox .miniGallery-container.skin_005 a.more{display: block; position: absolute; top: 20px; right: 20px; width: 24px; height: 24px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;}

#mainCont .nh-banking{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 135px; height: 110px; background: #f06630 url(./../../mycodyimages/m_content_01.png) no-repeat 0 0;}
#mainCont .nh-banking h2{width: 90px; line-height: 24px; font-size: 17px; color: #ffffff;}
#mainCont .nh-banking p{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 13px; color: #ffffff;}
#mainCont .nh-banking p a{color: inherit;}
#mainCont .nh-banking p a:focus,
#mainCont .nh-banking p a:hover{text-decoration: underline;}

#mainCont .partner{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 230px; height: 110px; background: #32a13c url(./../../mycodyimages/m_content_01.png) no-repeat 0 -150px;}
#mainCont .partner h2{line-height: 24px; font-size: 17px; color: #ffffff;}
#mainCont .partner p{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 13px; color: #ffffff;}
#mainCont .partner p a{color: inherit;}
#mainCont .partner p a:focus *,
#mainCont .partner p a:hover *{text-decoration: underline;}

#mainCont .specialties{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 315px; height: 110px; background: url(./../../mycodyimages/m_content_01.png) no-repeat 0 -300px;}
#mainCont .specialties h2{line-height: 24px; font-size: 17px; color: #333333;}
#mainCont .specialties p{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 13px; color: #333333;}
#mainCont .specialties p a{color: inherit;}
#mainCont .specialties p a:focus *,
#mainCont .specialties p a:hover *{text-decoration: underline;}

#mainCont .farm-prices{float: left; position: relative; margin: 15px 0 0 15px; padding: 20px; width: 135px; height: 110px; background: #bfbfbf url(./../../mycodyimages/m_content_01.png) no-repeat 0 -450px;}
#mainCont .farm-prices h2{line-height: 24px; width: 70px; font-size: 17px; color: #333333;}
#mainCont .farm-prices ul{position: absolute; right: 20px; bottom: 20px; left: 20px; font-size: 13px; color: #5d5d5d;}
#mainCont .farm-prices ul li a{color: inherit; font-weight: bold;}
#mainCont .farm-prices ul li a:focus,
#mainCont .farm-prices ul li a:hover{text-decoration: underline;}