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

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


#visualArea{position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 474px; overflow: hidden;}
#visualArea .bx-wrapper .bx-controls{position: absolute; z-index: 60; top: 60px; left: 500px; 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: 100px; left: 500px; width: 1000px;}
#visualArea .visualText .item-01{font-size: 35px; color: #37396b;}
#visualArea .visualText .item-02{line-height: 22px; font-size: 15px; color: #333333; margin-top: 20px;}
#visualArea .visualText .button-area{margin-top: 60px;}
#visualArea .visualText .button-area a+a{margin-left: 10px;}


#mainCont{}

.container-01{position: relative; height: 60px; padding: 25px;}
.container-01:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background: url(./../../mycodyimages/m_content_01.png) repeat-x 0 0;}
.container-01 ul{list-style: none; margin: 0 auto; padding: 0; width: 1000px;}
.container-01 ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.container-01 ul li{float: left; width: 230px; margin-right: 20px;}
.container-01 ul li a{display: block; vertical-align: top; padding-left: 80px; height: 60px; background-image: url(./../../mycodyimages/m_content_02.png); background-repeat: no-repeat;}
.container-01 ul li a:focus *,
.container-01 ul li a:hover *{text-decoration: underline;}
.container-01 ul li a .title{display: block; font-size: 14px; line-height: 28px; color: #333333;}
.container-01 ul li a .summary{display: block; font-size: 12px; line-height: 14px; color: #666666;}
.container-01 ul li a .summary .wbr{display: inline-block; vertical-align: top;}
.container-01 ul li.item-01 a{background-position: 0 0;}
.container-01 ul li.item-02 a{background-position: 0 -60px;}
.container-01 ul li.item-03 a{background-position: 0 -120px;}
.container-01 ul li.item-04 a{background-position: 0 -180px;}

.container-02{width: 1000px; margin: 30px auto 0 auto;}
.container-02:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.container-02 .latest-posts{float: left; padding: 18px 30px ; width: 440px; height: 194px; background-color: #f2f2f2;}


.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{margin-right: 38px; border-bottom: 1px solid #bababa;}
.tab_list>ul>li{margin-bottom: -1px;}
.tab_list>ul>li+li{margin-left: 28px;}
.tab_list>ul>li>a{font-size: 18px; color: #666666;}
.tab_list>ul>li>a span{height: 27px; border-bottom: 3px solid transparent;}
.tab_list>ul>li>a span.over{color: #3c6096; border-bottom-color: #3c6096;}
.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: 25px; font-size: 13px; color: #333333;}
.tab_list>ul>li>ul li span{line-height: 25px; font-size: 13px; color: #333333;}
.tab_list>ul>li>ul li.more{border: 0 none;}
.tab_list>ul>li>ul li.more a{top: -48px; right: 0; width: 28px; height: 28px; background-image: url(./../../mycodyimages/m_btn_more.png);}

.container-02 .container-03{float: right;}
.container-02 .container-03 ul li{float: left; width: 250px;}
.container-02 .container-03 ul li a{display: block; padding-top: 160px; height: 70px; text-align: center; background-image: url(./../../mycodyimages/m_content_03.png); background-repeat: no-repeat;}
.container-02 .container-03 ul li a:focus,
.container-02 .container-03 ul li a:hover{text-decoration: underline;}
.container-02 .container-03 ul li.item-01 a{font-size: 17px; color: #333333; font-weight: bold; background-position: 0 0;}
.container-02 .container-03 ul li.item-02 a{font-size: 17px; color: #ffffff; font-weight: bold; background-position: 0 -230px;}

.container-04{float: left; width: 1000px; margin: 0 auto;}
.container-04:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.container-04 ul li{float: left; width: 250px;}
.container-04 ul li .wrap{display: block; text-align: center; background-image: url(./../../mycodyimages/m_content_03.png); background-repeat: no-repeat;}
.container-04 ul li a{color: inherit;}
.container-04 ul li a:focus,
.container-04 ul li a:hover{text-decoration: underline;}
.container-04 ul li a *{text-decoration: inherit;}
.container-04 ul li .title{display: block; font-size: 16px; color: #ffffff;}
.container-04 ul li .summary{display: block; margin-top: 8px; font-size: 12px; line-height: 18px; color: #ffffff;}
.container-04 ul li .summary .wbr{display: block;}
.container-04 ul li.item-01 .wrap{padding: 130px 30px 0 30px; height: 100px; background-position: 0 -460px;}
.container-04 ul li.item-02 .wrap{height: 230px; line-height: 230px; font-size: 18px; color: #333333; font-weight: bold; background-position: 0 -690px;}
.container-04 ul li.item-03 .wrap{padding: 130px 30px 0 30px; height: 100px; background-position: 0 -920px;}
.container-04 ul li.item-04 .wrap{padding: 130px 30px 0 30px; height: 100px; background-position: 0 -1150px;}


#mainCont .photo-gallery{float: left; position: relative; width: 250px; height: 230px;}
#mainCont .photo-gallery h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .miniBox{position: static !important;}
#mainCont .miniBox .miniGallery-container h2{display: none; height:230px; overflow:hidden;}
#mainCont .miniBox .miniGallery-container ul{list-style: none; margin: 0; padding: 0; height: auto;}
#mainCont .miniBox .miniGallery-container ul li{float: none; width: 250px; height: 230px; position:relative;}
#mainCont .miniBox .miniGallery-container ul li .thumb{width: 250px; height: 230px;}
#mainCont .miniBox .miniGallery-container ul li .thumb a{display: block; position: relative; width: 100%; height: 100%; padding-top:0;}
#mainCont .miniBox .miniGallery-container ul li .thumb a img{vertical-align: top;}
#mainCont .miniBox .miniGallery-container ul li .title{position: absolute; right: 10px; bottom: 10px; left: 10px; width: auto; text-align: left; background-color: rgba(0,0,0,0.8)}
#mainCont .miniBox .miniGallery-container ul li .title a{display: block; background-image:url(''); text-align:left; margin: 0; padding: 10px 0 0 8px; height: 26px; line-height: .9; font-size: 14px; color: #fff; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainCont .miniBox .miniGallery-container ul li .title a:focus,
#mainCont .miniBox .miniGallery-container ul li .title a:hover{text-decoration: underline;}
#mainCont .miniBox .miniGallery-container a.more{display: block; padding-top:0; position: absolute; top: auto; bottom: 10px; right: 10px; width: 36px; height: 36px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more_gallery.png) no-repeat 0 0;}