@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: 400px 0 0 0; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;}


.btn.goto{position: relative; padding-right: 30px; border: 1px solid #e7e7e7;}
.btn.goto span{padding-top: 11px; width: 108px; height: 26px; font-size: 14px; color: #ffffff;}
.btn.goto span:before{content: ''; display: block; position: absolute; top: 11px; right: 23px; width: 1px; height: 15px; background-color: #e7e7e7;}
.btn.goto span:after{content: ''; display: block; position: absolute; top: 18px; right: 16px; width: 15px; height: 1px; background-color: #e7e7e7;}
.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: 400px; overflow: hidden;}

#visualArea .bx-wrapper .bx-controls{position: absolute; z-index: 70; left: 500px; bottom: 34px; width: 1000px; text-align: center;}
#visualArea .bx-wrapper .bx-controls .bx-pager:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#visualArea .bx-wrapper .bx-controls .bx-pager{display: inline-block; vertical-align: top;}
#visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item{display: inline-block; vertical-align: top; margin-top: 6px; margin-bottom: 6px;}
#visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item+.bx-pager-item{margin-left: 4px;}
#visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link{display: block; width: 50px; height: 5px; overflow: hidden; text-indent: -999em; background-color: #ffffff;}
#visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active{background-color: #3f3835;}

#visualArea .bx-wrapper .bx-controls .bx-controls-auto{display: inline-block; margin-left: 5px;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item{}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a{display: block; width: 17px; height: 17px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 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: 0 0;}
#visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start{background-position: -17px 0;}

#visualArea .visualText{position: absolute; z-index: 60; top: 160px; left: 500px; width: 1000px; text-align: center;}
#visualArea .visualText .item-01{font-size: 48px; color: #ffffff; line-height: 68px;}
#visualArea .visualText .item-01 strong{display: block; font-size: 75px; font-weight: normal;}
#visualArea .visualText .item-02{font-size: 20px; color: #ffffff; margin-top: 48px;}
#visualArea .visualText .item-03{font-size: 15px; color: #cecece; margin-top: 16px;}
#visualArea .visualText .button-area{margin-top: 60px;}
#visualArea .visualText .button-area a+a{margin-left: 10px;}


#mainCont{}


#mainCont .latest-posts{padding-top: 45px; height: 225px; width: 1000px; margin: 0 auto;}
#mainCont .latest-posts:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}


#mainCont .latest-posts .latest-posts-notice{float: left; position: relative; width: 300px;}
#mainCont .latest-posts .latest-posts-notice + .latest-posts-notice{margin-left:50px;} 
#mainCont .latest-posts .latest-posts-notice h2{margin: 0 0 20px 0; line-height: 28px; font-size: 18px; color: #3c6096;}
/*
.tab_list{}
.tab_list>ul{list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li>a{display: none;}
.tab_list>ul>li>ul{list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li>ul li{line-height: 25px;}
.tab_list>ul>li>ul li:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.tab_list>ul>li>ul li img{vertical-align: middle;}
.tab_list>ul>li>ul li a{display: inline-block; max-width: 260px; line-height: inherit; font-size: 13px; color: #333333; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.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{float: right; line-height: inherit; font-size: 13px; color: #333333;}
.tab_list>ul>li>ul li.more a{display: block; position: absolute; top: 0; right: 0; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;}
*/


.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: 18px; color: #999999;}
.tab_list>ul>li>a span.over{color: #3c6096;}
.tab_list>ul>li>ul{top: 36px;}
.tab_list>ul>li>ul li{padding-right: 60px; line-height: 25px; font-size: 13px; color: #333333;}
.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: -42px; right: 0; width: 28px; height: 28px; background-image: url(./../../mycodyimages/m_btn_more.png);}


#mainCont .latest-posts .latest-posts-gallery{float: right; position: relative; width: 520px;}
#mainCont .latest-posts .latest-posts-gallery h2{margin: 0 0 20px 0; line-height: .9; font-size: 18px; color: #3c6096;}
.miniBox{}
.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: 160px; height: auto;}
.miniBox .miniGallery-container.skin_005 ul li+li{margin-left: 20px;}
.miniBox .miniGallery-container.skin_005 ul li .thumb{display: block; width: 100%; height: 115px;}
.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: #333333; 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: -42px; right: 0; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;}


#mainCont .specialties{position: relative; height: 570px;}
#mainCont .specialties:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background: url(./../../mycodyimages/m_content_01.png) no-repeat 50% 0;}
#mainCont .specialties .section-head{padding-top: 80px; text-align: center;}
#mainCont .specialties .section-head .title{font-weight: normal; font-size: 40px; color: #333333;}
#mainCont .specialties .section-head .subtitle{margin: 24px 0 0 0; font-size: 15px; color: #666666;}
#mainCont .specialties .section-body{text-align: right; margin: 40px auto 0 auto; width: 1000px;}
#mainCont .specialties .section-body .subject{margin: 0; color: #ffffff; font-size: 19px; font-weight: bold;}
#mainCont .specialties .section-body .summary{margin: 16px 0 0 0; color: #ffffff; font-size: 14px; line-height: 25px;}
#mainCont .specialties .section-body .btn.goto{margin-top: 20px;}


#mainCont .financial-products{position: relative; height: 540px;}
#mainCont .financial-products:before{content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background-color: #fafafa;}
#mainCont .financial-products .section-head{padding-top: 80px; text-align: center;}
#mainCont .financial-products .section-head .title{font-weight: normal; font-size: 40px; color: #333333;}
#mainCont .financial-products .section-head .subtitle{margin: 24px 0 0 0; font-size: 15px; color: #666666;}
#mainCont .financial-products ul{list-style: none; margin: 80px auto 0 auto; padding: 0; width: 1000px;}
#mainCont .financial-products ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .financial-products ul li{float: left;}
#mainCont .financial-products ul li+li{margin-left: 62px;}
#mainCont .financial-products ul li a{display: block; padding-top: 170px; width: 150px; font-weight: bold; font-size: 18px; color: #666666; text-align: center; background-image: url(./../../mycodyimages/m_content_02.png); background-repeat: no-repeat;}
#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-position: 0 0;}
#mainCont .financial-products ul li.item-02 a{background-position: -150px 0;}
#mainCont .financial-products ul li.item-03 a{background-position: -300px 0;}
#mainCont .financial-products ul li.item-04 a{background-position: -450px 0;}
#mainCont .financial-products ul li.item-05 a{background-position: -600px 0;}