@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; bottom: 0; width: 100%; height: 1px; background-color: #dddddd;}
#header-container .content-header{position: absolute; z-index: -1; top: 125px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 240px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;}
#header-container .content-header .slogan{position: absolute; top: 64px; right: 500px; width: 1000px; text-align: right; box-sizing: border-box;}
#header-container .content-header .slogan .slogan-01{margin: 0; line-height: .9; font-size: 24px; color: #ffffff;}
#header-container .content-header .slogan .slogan-01 strong{display: block; margin: 8px 0 0 0; line-height: .9; font-size: 49px; font-weight: normal;}
#header-container .content-header .slogan .slogan-02{margin: 24px 0 0 0; line-height: .9; font-size: 17px; color: #ffffff;}


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


.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{position: absolute; right: 0; bottom: 20px;}
.lnb .wizard_func_area #menuTopUI #top_div>ul>li+li{}
.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{font-weight: bold;}


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


#left-container .quick-link{margin-top: 30px; width: 190px;}
#left-container .quick-link h3{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#left-container .quick-link ul{list-style: none; margin: 0; padding: 0;}
#left-container .quick-link ul li{vertical-align: top;}
#left-container .quick-link ul li+li{margin-top: 3px;}
#left-container .quick-link ul li a{display: block; padding: 8px 0 0 35px; height: 22px; line-height: .9; font-size: 14px; color: #ffffff; text-decoration: none; background-image: url(./../../mycodyimages/s_quick_link.png); background-repeat: no-repeat;}


#content-container{height: auto !important;}
#content-container .h2Title{position: relative; padding-top: 45px; height: 55px; line-height: .9; font-weight: normal; font-size: 30px; color: #4b4b4b;}
#content-container #pageNavi{position: absolute; right: 0; top: 58px;font-size:12px;}

#footer .division-03{padding: 20px 0 16px 250px !important;width: 750px !important;}
#footer .division-03:before{background-image: url(./../../mycodyimages/logo_footer.png);}
#footer .division-03:before{width:250px !important}

#slide-container{top: 365px;}


.content-header iframe{height:100 !important;}
#footer .division-02 .policy ul li+li {
    position: relative;
    margin-left: 4px;
    padding-left: 5px;
}

#footer .division-02 .related-sites .form-item .form-area select{width:120px}	
					
#header .posts ul li.item-02 a{padding:0 !important;border:0 !important}