@charset "utf-8";

#slide-container{display: none;}
#header-container .content-header{display: none;}
#content-container{margin: 0 auto; padding: 445px 0 0 0; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;}

.btn.goto{position: relative; border: 1px solid #a67c52; border-radius: 3px;}
.btn.goto span{padding: 7px 20px 0 15px; height: 20px; width: 85px; font-size: 13px; color: #a46b45; font-weight: bold; text-align: left;}
.btn.goto span:after{content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 28px; background: url(./../../mycodyimages/m_btn_goto.png) no-repeat 50% 50%;}
.btn.goto:focus,
.btn.goto:hover span{text-decoration: underline;}


#visualArea{position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 445px; overflow: hidden;}
#visualArea .bx-wrapper .bx-controls{position: absolute; z-index: 60; top: 83px; left: 550px; padding: 0 26px;}
#visualArea .bx-wrapper .bx-controls a{display: block; width: 25px; 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: 120px; left: 550px; width: 1000px;}
#visualArea .visualText .item-01{font-size: 16px; color: #787878; font-weight: bold;}
#visualArea .visualText .item-02{font-size: 36px; color: #0054a7; font-weight: bold; margin-top: 8px;}
#visualArea .visualText .item-02 strong{color: #271d5c;}
#visualArea .visualText .item-03{font-size: 14px; color: #454545; margin-top: 8px;}
#visualArea .visualText .button-area{margin-top: 60px;}
#visualArea .visualText .button-area a+a{margin-left: 10px;}


#content-container{}
#content-container:before{content: ''; display: block; position: absolute; z-index: -1; bottom: 0; left: -500px; width: 2000px; height: 600px; background: url(./../../mycodyimages/m_content_01.png) no-repeat 50% 100%;}

#mainCont{margin: 0 auto; padding: 50px 0 30px 0; width: 1000px;}
#mainCont:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}


#mainCont .latest-posts{float: left; width: 450px; height: 450px;}


#mainCont .latest-posts .latest-posts-normal{position: relative; padding: 24px 0 0 0; height: 184px;}
#mainCont .latest-posts .latest-posts-normal:before{content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; height: 4px; border-left: 60px solid #1164b0; background-color: #212121;}


.tab_list{position: relative;}
.tab_list>ul{list-style: none; margin: 0; padding: 0;}
.tab_list>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.tab_list>ul>li{float: left; line-height: .9;}
.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:before{content: '- '}
.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; line-height: 0;}
.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{margin-left: 16px;}
.tab_list>ul>li>a{font-size: 16px; color: #7f7f7f;}
.tab_list>ul>li>a span.over{color: #1164b0;}
.tab_list>ul>li>ul{top: 31px;}
.tab_list>ul>li>ul li{padding-right: 60px; line-height: 29px; font-size: 13px; color: #666666;}
.tab_list>ul>li>ul li+li{border-top: 1px solid #e0e0e0;}
.tab_list>ul>li>ul li a{line-height: inherit; font-size: inherit; color: inherit;}
.tab_list>ul>li>ul li span{line-height: inherit; font-size: inherit; color: inherit;}
.tab_list>ul>li>ul li.more a{top: -35px; right: 0; width: 24px; height: 24px; background-image: url(./../../mycodyimages/m_btn_more.png);}


#mainCont .latest-posts .latest-posts-gallery{position: relative; margin-top: 52px; padding-top: 24px;}
#mainCont .latest-posts .latest-posts-gallery:before{content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; height: 4px; border-left: 60px solid #1164b0; background-color: #212121;}
#mainCont .latest-posts .latest-posts-gallery h2{margin: 0 0 32px 0; line-height: .9; font-size: 16px; font-weight: bold; color: #1164b0;}


.miniBox{position: static !important;}
.miniBox .miniGallery-container.skin_005{}
.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:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.miniBox .miniGallery-container.skin_005 ul li{float: left; width: 140px; height: auto;}
.miniBox .miniGallery-container.skin_005 ul li+li{margin-left: 15px;}
.miniBox .miniGallery-container.skin_005 ul li .thumb{display: block; width: 100%; height: 95px;}
.miniBox .miniGallery-container.skin_005 ul li .thumb a{display: block; width: 100%; height: 100%;}
.miniBox .miniGallery-container.skin_005 ul li .thumb a img{vertical-align: top;}
.miniBox .miniGallery-container.skin_005 ul li .title{display: block; margin-top: 4px; line-height: 24px;}
.miniBox .miniGallery-container.skin_005 ul li .title a{display: block; margin: 0; width: 100%; line-height: inherit; font-size: 13px; color: #666666; text-decoration: none; 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: 0; width: 24px; height: 24px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;}


#mainCont .popup-zone{float: right; width: 450px; height: 210px;}
#mainCont .popup-zone .popupWrap{position: relative;}
#mainCont .popup-zone .popupWrap ul{margin: 0;}
#mainCont .popup-zone .popupWrap ul li a img{vertical-align: top;}
#mainCont .popup-zone .popupWrap .pop_btnAll{display: none;}
#mainCont .popup-zone .popupWrap .pop_btn{position: absolute; top: 20px; right: 20px;}
#mainCont .popup-zone .popupWrap .pop_btn a{display: block; width: 20px; height: 20px; text-indent: -999em; overflow: hidden; background-image: url(./../../mycodyimages/m_popupzone_panel.png); background-repeat: no-repeat;}
#mainCont .popup-zone .popupWrap .pop_btn a.pre{float: left; margin-left: -1px; background-position: 0 0;}
#mainCont .popup-zone .popupWrap .pop_btn a.next{float: left; margin-left: -1px; background-position: -20px 0;}
#mainCont .popup-zone .popupWrap .pop_btn #popupStopView{float: left; margin-left: -1px;}
#mainCont .popup-zone .popupWrap .pop_btn #popupStopView a{background-position: -40px 0;}
#mainCont .popup-zone .popupWrap .pop_btn #popupStartView{float: left; margin-left: -1px;}
#mainCont .popup-zone .popupWrap .pop_btn #popupStartView a{background-position: -60px 0;}

#mainCont .posts-shortcut{float: right; margin-top: 50px;}
#mainCont .posts-shortcut h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .posts-shortcut ul{list-style: none; margin: 0; padding: 0;}
#mainCont .posts-shortcut ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .posts-shortcut ul li{float: left;}
#mainCont .posts-shortcut ul li a{display: block; padding-top: 135px; width: 150px; height: 55px; font-weight: bold; font-size: 14px; text-align: center; background-image: url(./../../mycodyimages/m_content_02.png); background-repeat: no-repeat;}
#mainCont .posts-shortcut ul li a:focus,
#mainCont .posts-shortcut ul li a:hover{text-decoration: underline;}
#mainCont .posts-shortcut ul li.item-01 a{color: #484e5a; background-color: #e5e5e5; background-position: 0 0;}
#mainCont .posts-shortcut ul li.item-02 a{color: #484e5a; background-color: #8ac9d7; background-position: -150px 0;}
#mainCont .posts-shortcut ul li.item-03 a{color: #ffffff; background-color: #484e5a; background-position: -300px 0;}


#mainCont .financial-products{float: left; margin: 40px 0;}
#mainCont .financial-products h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .financial-products ul{list-style: none; margin: 0; padding: 0;}
#mainCont .financial-products ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .financial-products ul li{float: left; width: 250px;}
#mainCont .financial-products ul li a{display: block; padding: 20px 0 0 116px; height: 70px; background-image: url(./../../mycodyimages/m_content_03.png); background-repeat: no-repeat;}
#mainCont .financial-products ul li a strong{display: block; line-height: 26px; font-size: 15px; color: #ffffff;}
#mainCont .financial-products ul li a span{display: block; line-height: 26px; font-size: 13px;}
#mainCont .financial-products ul li a:focus *,
#mainCont .financial-products ul li a:hover *{text-decoration: underline;}

#mainCont .financial-products ul li.item-01 a{background-color: #404d89; background-position: 0 0;}
#mainCont .financial-products ul li.item-01 a span{color: #a2aedc;}
#mainCont .financial-products ul li.item-02 a{background-color: #5369bf; background-position: -250px 0;}
#mainCont .financial-products ul li.item-02 a span{color: #c1d7e6;}
#mainCont .financial-products ul li.item-03 a{background-color: #458dbf; background-position: -500px 0;}
#mainCont .financial-products ul li.item-03 a span{color: #b9eef4;}
#mainCont .financial-products ul li.item-04 a{background-color: #45b2bf; background-position: -750px 0;}
#mainCont .financial-products ul li.item-04 a span{color: #bee9df;}

#mainCont .coop-infomation{float: left; position: relative;}
#mainCont .coop-infomation:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}


#mainCont .event-calendar{float: left; padding: 20px 30px 0 30px; width: 270px; height: 240px; background-color: #ffffff;}
#mainCont .event-calendar h2{margin: 0; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; color: #484e5a;}
#mainCont .event-calendar #flonttimetable-container #date{position: absolute; top: 0; right: 0;}


#mainCont .weather-info{float: left; margin-left: 5px; padding: 20px 30px 0 30px; width: 270px; height: 175px; background-color: #ffffff;}
#mainCont .weather-info h3{margin: 0; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; color: #484e5a;}


#mainCont .price-guide{float: right; margin-left: 5px; width: 330px;background: #fff;}
#mainCont .price-guide h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .price-guide ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .price-guide ul li{position:relative;float: left; width: 50%;}
#mainCont .price-guide ul li + li:after{content:"";display:block;position: absolute;left:0;top:50px;width:1px;background:#9ec2dc;height:154px;}
#mainCont .price-guide ul li a{display: block; padding-top: 166px; height: 94px; line-height: 20px; color: #0f324b; text-align: center;background-color: transparent;background: url(./../../mycodyimages/a-icon.png) no-repeat}
#mainCont .price-guide ul li a span{display: block; font-size: 12px; text-decoration: inherit;}
#mainCont .price-guide ul li a strong{display: block; font-size: 15px; text-decoration: inherit;}
#mainCont .price-guide ul li a:focus,
#mainCont .price-guide ul li a:hover{text-decoration: underline;}
#mainCont .price-guide ul li.item-01 a{background-position: 42px 60px;} 
#mainCont .price-guide ul li.item-02 a{background-position: -123px 58px;}



#mainCont .crop-guide{float: right; position: relative; margin-left: 5px; padding: 20px 180px 0 30px; width: 120px; height: 240px; background: #ffffff url(./../../mycodyimages/m_content_04.png) no-repeat 0 0;}
#mainCont .crop-guide h3{margin: 0; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; color: #484e5a;}
#mainCont .crop-guide p{margin: 20px 0 0 0; font-size: 13px; color: #666666;}
#mainCont .crop-guide .btn{position: absolute; bottom: 30px; left: 30px;}