@charset "utf-8";
/* common */
.hidden{position:absolute;left:-9999px;top:-9999px}
.wrap{width:980px;margin:auto}
.aft a:after{content:"|";margin:0 5px}

/* SkipMenu */
.SkipMenu{overflow:hidden;position:absolute;width:300px;z-index:10;top:0;}
.SkipMenu a{display:block;font-size:0;height:1px;line-height:0;margin:0 -1px -1px 0;overflow:hidden;text-align:center;width:1px;}
.SkipMenu a:focus,.SkipMenu a:active,.SkipMenu a:hover{font-size:15px;width:100%;height:50px;line-height:50px;background:rgba(0,0,0,0.5);color:#fff;font-weight:bold;}

/* header */
h1{background:url(../images/logo.gif) no-repeat;text-indent:-9999px;width:320px;margin:auto}
h1 a{display:block;height:134px}
header{border-top:4px solid #b20811;border-bottom:1px solid #583b3f}

.top_wrap{width:980px;margin:auto;position:relative;background:#ccc}
#TopMenu{width:285px;position:absolute;top:-150px;right:0px;height:40px;clear:both}
#TopMenu li{float:left}
#TopMenu li a{font-size:14px;color:#261a1c}
.franch{margin-left:10px;background:url(../images/topMenu5_bg.png) no-repeat;width:62px;line-height:20px}
.franch a{text-align:center;margin-left:4px}
#TopMenu .franch a{font-size:12px;color:#fff;width:62px}
.search_form{position:absolute;top:-120px;right:50px;background:url(../images/search_bg.gif) no-repeat;width:212px;height:25px}
#search_txt{width:160px;height:14px;margin:7px 0 0 6px;border:0 none;outline:0 none}
.search_btn{background:url(../images/search_btn.gif) no-repeat;border:0 none;text-indent:-9999px;cursor:pointer;width:17px;line-height:20px;margin-left:5px}

.sns{width:250px;position:absolute;top:-150px;left:0px}
.sns li{float:left}
.sns1{margin-right:20px;text-indent:-9999px;background:url(../images/sns1.gif) no-repeat;width:33px}
.sns2{margin-right:20px;text-indent:-9999px;background:url(../images/sns2.gif) no-repeat;width:33px}
.sns3{text-indent:-9999px;background:url(../images/sns3.gif) no-repeat;width:33px}
.sns1 a,.sns2 a,.sns3 a{display:block;height:33px}

#gnb{background:#fff;height:50px}
#gnb>ul{width:980px;margin:auto;text-align:center;height:50px}
#gnb ul ul{position:absolute;z-index:100;text-align:center;text-indent:0px;margin-top:20px;height:185px}
#gnb>ul>li{float:left;display:block}
.gnb_brd{border-top:1px solid #dfd9d9}
.g1{background:url(../images/gnb_01.gif) no-repeat;text-indent:-9999px;width:159px;height:45px}
.g1:hover{background:url(../images/gnb_01_r.gif) no-repeat}
.g1>ul{width:159px}
.g2{background:url(../images/gnb_02.gif) no-repeat;text-indent:-9999px;width:167px;height:45px}
.g2:hover{background:url(../images/gnb_02_r.gif) no-repeat}
.g2>ul{width:167px}
.g3{background:url(../images/gnb_03.gif) no-repeat;text-indent:-9999px;width:222px;height:45px}
.g3:hover{background:url(../images/gnb_03_r.gif) no-repeat}
.g3>ul{width:222px}
.g4{background:url(../images/gnb_04.gif) no-repeat;text-indent:-9999px;width:187px;height:45px}
.g4:hover{background:url(../images/gnb_04_r.gif) no-repeat}
.g4>ul{width:187px}
.g5{background:url(../images/gnb_05.gif) no-repeat;text-indent:-9999px;width:113px;height:45px}
.g5:hover{background:url(../images/gnb_05_r.gif) no-repeat}
.g5>ul{width:113px}
.g6{background:url(../images/gnb_06.gif) no-repeat;text-indent:-9999px;width:132px;height:45px}
.g6:hover{background:url(../images/gnb_06_r.gif) no-repeat}
.g6>ul{width:132px}

#gnb li li a{color:#999;font-size:14px;line-height:30px;}
#gnb li li a:hover{color:#666}
.gnb_bg{width:100%; height:180px; background:#fff; position: absolute; z-index: 50; border-bottom:1px solid #583b3f;/* display:none; */}