@charset "utf-8";
/* layout */
body.on { background:url(../images/main/visual/bg.jpg) no-repeat 50% 0; }
#header { width:100%; height:60px; background:url(../images/header/bg.gif); position:absolute; left:0; top:50px; overflow:visible !important; z-index:1000; }
#h_wrap { width:1160px; margin:0 auto; position:relative; }
#container {  }
#footer { background:url(../images/footer/bg.gif); clear:both; }
#f_wrap { width:1160px; margin:0 auto; height:200px; }

/* common */
.fl { float:left; }

/* header */
h1.logo { position:absolute; left:0; top:-50px; z-index:1000; }

	/* gnb */
ul.gnb { position:absolute; right:0; top:0; }
ul.gnb li { float:left; }
ul.gnb li.on { background:url(../images/header/arrow.png) no-repeat 55px 0; }

	/* sm */
div.sm_box { width:1160px; height:0px; position:absolute; left:0; top:60px; overflow:hidden; }

div.sm_box > div.sm { position:absolute; left:0; top:-190px; background:#fff; }

div.sm_box > div.sm h2 { }

div.sm_box ul.sm_list { width:360px; height:150px; padding:20px 0; background-color:#fff; }
div.sm_box ul.sm_list li a { display:block; width:165px; height:30px; float:left; padding-left:15px; }
div.sm_box ul.sm_list li:hover a { background:url(../images/header/list_style.gif) no-repeat 15px 0; }
div.sm_box ul.sm_list li:hover a img { margin-left:0; }

div.sm_box div.sm > a { position:relative; }
div.sm_box div.sm > a span { position:absolute; left:0; top:0; width:220px; height:170px; border:10px solid #a186be; }


/* container */
.main_common { width:1160px; margin:0 auto; padding:40px 0; }



/* footer */