@c-h-a-r-s-e-t "utf-8";
@import url(/Web-home/frame/css/layout_common.css);

#header-container:before{content: ''; display: block; position: absolute; z-index: -1; bottom: 0; left: -500px; width: 2000px; height: 1px; background-color: #dddddd;}
#header-container .content-header{position: absolute; z-index: -1; top: 123px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 130px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan{position: absolute; top: 36px; right: 500px; width: 1000px; text-align: left; padding-left: 230px; box-sizing: border-box;}
#header-container .content-header .slogan .item-01{margin: 0; line-height: 32px; font-size: 24px; color: #ffffff;}
#header-container .content-header .slogan .item-02{margin: 0; line-height: 32px; font-size: 17px; color: #ffffff;}


.lnb .logo{margin: 0;}
.lnb .logo a{height: 88px;}


.lnb .wizard_func_area #menuTopUI #top_div{width: auto !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul{width: auto !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li{position: static !important;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2{left: auto !important; width: auto;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul{font-size: 0; white-space: nowrap; text-align: center;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li{display: inline-block !important; float: none !important;}


.lnb .wizard_func_area #menuTopUI{position: absolute; right: 0; bottom: 15px;}

.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a{}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a:hover,
.lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a.active{}


#mid-container{overflow: visible !important; margin: 0 auto 60px auto;}
#mid-container:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}


#mid-container #left-container .quick-link{margin-top: 20px; width: 190px; background-color: #f3f3f3;}
#mid-container #left-container .quick-link h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mid-container #left-container .quick-link ul{list-style: none; margin: 0; padding: 0 20px;}
#mid-container #left-container .quick-link ul li{vertical-align: top;}
#mid-container #left-container .quick-link ul li+li{border-top: 1px dashed #dadada;}
#mid-container #left-container .quick-link ul li a{display: block; padding-top: 13px; height: 29px; line-height: .9; font-size: 14px; color: #1f5a98; text-decoration: none; background: url(./../../mycodyimages/s_quick_link.png) no-repeat 100% 50%;}


#mid-container #content-container{margin-top: 130px;}
#mid-container #content-container .h2Title{position: relative; margin-bottom: 30px; padding-top: 32px; height: 57px; line-height: .9; font-size: 30px; color: #4b4b4b; font-weight: normal;}
#mid-container #content-container .h2Title:after{content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 52px; height: 3px; background-color: #2dafc5;}
#mid-container #content-container #pageNavi{position: absolute; right: 0; top: 58px;}
#mid-container #content-container #pageNavi{position: absolute; right: 0; top: 20px; font-size:12px;}
#mid-container #content-container #pageNavi strong{color:#38659f;}


#footer .division-03:before{background-image: url(./../../mycodyimages/logo_footer.png);}


#slide-container{top: 253px;}

#footer .division-02 .related-sites .form-item .form-area select{width: 120px;}