@charset "utf-8";

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

#visualArea{position: relative; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 340px; overflow: hidden;}
#visualArea .visualText{display:none;position: absolute; z-index: 60; top: 0; bottom: 0; left: 500px; padding: 45px 40px 0 40px; width: 260px; background-color: #000000; background-color: rgba(0,0,0,0.7);}
#visualArea .visualText .item-01{position: relative; padding-top: 50px; color: #ffffff;}
#visualArea .visualText .item-01:after{content: ''; position: absolute; top: 0; left: 0; display: block; width: 52px; height: 4px; background-color: #ffffff;}
#visualArea .visualText .item-01 span{display: block; line-height: 28px; font-size: 18px;}
#visualArea .visualText .item-01 strong{display: block; line-height: 42px; font-size: 28px; font-weight: normal;}
#visualArea .visualText .item-02{margin-top: 16px; font-size: 13px; line-height: 20px; color: #ffffff; color: rgba(255,255,255,0.7);}

#visualArea .bx-wrapper .bx-controls{position: absolute; z-index: 60; bottom: 45px; left: 540px; 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;}

#mainCont:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .event-calendar{float: left; padding: 0; width: 500px; height: 260px;}
#mainCont .event-calendar:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .event-calendar h2{float: left; padding-top: 170px; width: 200px; height: 90px; line-height: .9; font-size: 16px; color: #ffffff; text-align: center; background: url(./../../mycodyimages/m_content_01.png) no-repeat 0 0;}
#mainCont .event-calendar .wizard_func_area{float: right; padding-top: 28px; width: 270px;}

#mainCont .main-list{float:left;width:433px;padding:34px 33px;border-left:1px solid #eee;}
#mainCont .main-list li{float:left;}
#mainCont .main-list li a{display: block;width:106px;padding-top:58px; line-height: 18px; height: 18px; font-size:13px;color:#333;text-align:center;background:url("./../../mycodyimages/bg_icon.png") no-repeat;background-position:0 0;}
#mainCont .main-list li a:focus,
#mainCont .main-list li a:hover{text-decoration: underline;}
#mainCont .main-list li.bg_icon a{background-position:22px -6px;margin-bottom:30px}
#mainCont .main-list li.bg_icon01 a{background-position:-99px -6px;margin-bottom:30px}
#mainCont .main-list li.bg_icon02 a{background-position:-210px -6px;}
#mainCont .main-list li.bg_icon03 a{background-position:-331px -9px;margin-bottom:30px}
#mainCont .main-list li.bg_icon04 a{background-position:22px -120px}
#mainCont .main-list li.bg_icon05 a{background-position:-99px -120px}
#mainCont .main-list li.bg_icon06 a{background-position:-210px -120px;margin-bottom:30px}
#mainCont .main-list li.bg_icon07 a{background-position:-331px -120px}

#mainCont .NHbank-notic{float:left;width:190px;height:190px;background:#ff8600;padding:30px;}
#mainCont .NHbank-notic h3{position:relative;font-size:24px;color:#fff;font-weight:normal;line-height:28px;padding-top:15px}
#mainCont .NHbank-notic h3:before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 25px; height: 3px; background-color: #ffffff;}
#mainCont .NHbank-notic ul{padding:15px 0 0 20px;}
#mainCont .NHbank-notic ul li{list-style: square;color:#fff;line-height:26px;color:rgba(255,255,255,0.8)}
#mainCont .NHbank-notic ul li a{font-size:14px;color:rgba(255,255,255,0.8)}
#mainCont .NHbank-notic ul li a:hover{text-decoration: underline;}

#mainCont .main-sh{position: relative; float: left; width: 250px; height: 250px;}
#mainCont .main-sh .item-display .item{position: relative; width: 250px; height: 250px;}
#mainCont .main-sh .item-display .item .thumbnail{margin: 0 auto; width: 250px; height: 250px; overflow: hidden;}
#mainCont .main-sh .item-display .item .thumbnail .images{display: block; width: 100%; height: 100%;}
#mainCont .main-sh .item-display .item .thumbnail .images img{border: 0 none; vertical-align: top; width: 100%; height: 100%;}
#mainCont .main-sh .item-display .item .item-body{position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; padding: 12px 10px; text-indent:-9999px;}
#mainCont .main-sh .item-display .item .item-body:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .main-sh .item-display .item .item-body .data-head{float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffffff; width: 150px;}
#mainCont .main-sh .item-display .item .item-body .data-head .title{height: 24px; line-height: 24px; font-size: 14px; color: inherit; text-decoration: none;}
#mainCont .main-sh .item-display .item .item-body .data-head .title:focus,
#mainCont .main-sh .item-display .item .item-body .data-head .title:hover{text-decoration: underline;}
#mainCont .main-sh .item-display .item .item-body .data-body{display: none;}
#mainCont .main-sh .item-display .item .item-body .data-foot{float: right; width: 80px; text-align: right;}
#mainCont .main-sh .item-display .item .item-body .data-foot .price{height: 24px; line-height: 24px; font-size: 14px; color: #fec500;}
#mainCont .main-sh .item-display .item .item-body .data-foot .price .selling-price{line-height: inherit;}
#mainCont .main-sh .item-display .item .item-body .data-foot .price-selling{display:none;;}
#mainCont .main-sh .item-display .item .item-body .data-foot .price .head{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .main-sh .no-data{display: table; width: 100%; height: 100%; background-color: #f2f2f2;}
#mainCont .main-sh .no-data p{display: table-cell; margin: 0; padding: 0; font-size: 16px; color: #999999; vertical-align: middle; text-align: center;}

#mainCont .main-service{float:left;width:190px;height:190px;padding:30px;background:#ffb400}
#mainCont .main-service h3{position: relative; font-size:24px;color:#fff;font-weight:normal;line-height:28px;padding-top:15px}
#mainCont .main-service h3:before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 25px; height: 3px; background-color: #ffffff;}
#mainCont .main-service ul{padding:72px 0 0 20px;}
#mainCont .main-service ul li{list-style: square;color:#fff;line-height:26px;color:#fff}
#mainCont .main-service ul li a{font-size:14px;color:#fff}
#mainCont .main-service ul li a:hover{text-decoration: underline;}

#mainCont .main-call{float:left;width:250px;height: 250px;text-align:center;background:#2d9e37 url(./../../mycodyimages/m_call.png) no-repeat;}
#mainCont .main-call h4{position:relative;font-size:18px;line-height:25px;letter-spacing:-1px;left:103px;top:15px;text-align:left;color:#fff;font-weight:bold}
#mainCont .main-call ul{margin-top:48px}
#mainCont .main-call ul li{}
#mainCont .main-call ul li .head{display:block;font-size:15px; color:#e7ff1f;letter-spacing:-2px;line-height:.9;padding-bottom:11px;font-weight:bold;text-align:center}
#mainCont .main-call ul li .tell{display:block;font-size:14px; color:#ffffff;letter-spacing:-1px;line-height:18px;text-align:left;}
#mainCont .main-call ul li{float:left;width:125px;height:71px}
#mainCont .main-call ul .item-01 .tell,
#mainCont .main-call ul .item-02 .tell,
#mainCont .main-call ul .item-04 .tell{padding-left:32px;background:url(./../../mycodyimages/m-call-icon.png) no-repeat 15px 4px;}
#mainCont .main-call ul .item-03 .tell{padding-left:9px;}
#mainCont .main-call .wbr{display:block}



#mainCont .main-tab{float: left; width:432px; height:190px; padding: 29px 33px; border:1px solid #eeeeee;}
.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{border-bottom: 1px solid #dddddd;}
.tab_list>ul>li{margin-bottom: -1px;}
.tab_list>ul>li+li{margin-left: 32px;}
.tab_list>ul>li>a{font-size: 16px; color: #666666;}
.tab_list>ul>li>a span{height: 27px; border-bottom: 3px solid transparent;}
.tab_list>ul>li>a span.over{color: #277dc0; border-bottom-color: #277dc0;}
.tab_list>ul>li>ul{top: 50px;}
.tab_list>ul>li>ul li{padding-right: 60px; padding-left: 8px;}
.tab_list>ul>li>ul li:before{content: ''; display: block; position: absolute; top: 14px; left: 0; width: 3px; height: 3px; background-color: #4f4e4d}
.tab_list>ul>li>ul li a{line-height: 28px; font-size: 13px; color: #555555;}
.tab_list>ul>li>ul li span{line-height: 28px; font-size: 13px; color: #999999;}
.tab_list>ul>li>ul li.more{border: 0 none;}
.tab_list>ul>li>ul li.more a{top: -56px; right: 0; width: 26px; height: 26px; background-image: url(./../../mycodyimages/m_btn_more.png);}

.schedule{float: left;width: 250px;padding: 26px 23px;background: #FBD46D;}
.schedule h2{font-size:0;width:0;height:0;line-height:0;display:block;overflow:hidden}
#flonttimetable-container #date{font-size: 18px;color: #6D4F04;font-weight: bold;}