@charset "utf-8";

@import "reset.css";


#wrap {width:100%;}
#wrap.menu_show {position:fixed;top:0;left:0;z-index:50;min-width:320px;max-width:800px;}

#header {position:relative;top:0;left:0;z-index:1000;width:100%; background-color:#f3f3f3;}
#header .header_wrap {position:relative;width:100%; min-width:320px; max-width:800px;  margin:0 auto; overflow:hidden;}
#header h1.logo {line-height:100%;text-align:left; height:65px;}
#header h1.logo a {color:#fff;  font-size:0.9em; }
#header h1.logo a img{height:55px;}

#header span {position:absolute;top:95%;margin-top:-42px; height:65px;cursor:pointer;}
#header span.right_btn {right:2%; height:65px;}

#gnb {top:0;bottom:0; height:50px;background:#fff;z-index:100; }
#gnb ul{margin:0 auto; }
#gnb ul li{float:left;width:20%; text-align:center; font-size:1.2em; border-top:2px solid #333;}
#gnb ul li a{color:#000; font-weight:600; line-height:50px;}
#gnb ul li.on {border-top:2px solid #00c4ba;}


#sub-title {top:0;bottom:0; height:50px;background-color:#00c4ba; z-index:100;   }
#sub-title ul{margin:0 auto; }
#sub-title ul li{float:left;width:20%; text-align:center; }
#sub-title ul .title-cen{float:left;width:60%; text-align:center; font-size:1.3em; }
#sub-title ul li a{ font-weight:600; line-height:48px; color:#fff;}



#contents {position:relative;width:100%;min-width:320px;max-width:640px;min-height:570px;margin:0 auto; background:url(../images/main/main-bg.jpg); background-size:100%;}
#contents01{position:relative;width:100%;min-width:320px;max-width:640px;min-height:570px;margin:0 auto; }



#footer {position:fixed; bottom:0;width:100%; background:#30343d; height:58px;}
#footer .footer_wrap {width:100%;min-width:320px;max-width:640px;margin:0 auto; overflow:hidden;}
#footer .footer_wrap ul.b-menu{width:100%; height:58px; overflow:hidden;}
#footer .footer_wrap ul.b-menu li{display:inline;}
#footer .footer_wrap ul.b-menu li a .b-btn01{width:33%; }
#footer .footer_wrap ul.b-menu li a .b-btn02{width:33%;}
#footer .footer_wrap ul.b-menu li a .b-btn03{width:32%; }