@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Default Skin - Start */
/* Site Layout - Body Wrap */
body{background:#fff url(../img/bg.gif) repeat-x left 472px;font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:14px; color:#666}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,fieldset,input,blockquote,th,td{margin:0; padding:0; list-style:none}
img,fieldset{ border:0; margin:0; padding:0;}
img{ vertical-align:middle}
legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
input{vertical-align:middle; border:0px}
a{selector-dummy:expression(this.hideFocus=true); outline: none;}


.Wrap{ position:relative; width:1000px; margin:0 auto; }
.clear{ clear:both}
.fl{float:left}
.fr{float:right}
.arrow_hana{ background:url(../img/arrow_hana.gif) no-repeat left center}



#Top{ position:relative; height:95px;}

#Top h1{position:absolute;top:18px;left:0; font-size:10px; font-weight:normal;}
#Top h2{position:absolute;top:49px;left:20px; z-index:3}
#Top h3{position:absolute; right:0; bottom:3px; width:363px; height:29px; background:url(../img/tyumon.gif) no-repeat left center; text-indent:-9999em; z-index:0}

.guide{ position:absolute; right:0; top:20px;}
.guide li{float:left; padding-left:10px; margin-right:10px; height:10px; line-height:10px;  border-left:1px solid #666}
.guide li.x{ border:none}


#menu{height:54px; margin-top:5px;}
#menu ul{ position:relative;}
#menu ul li{display:inline-block; vertical-align:top; *display:inline; *zoom:1; background:url(../img/menu_var.gif) no-repeat left center; vertical-align:middle;}
#menu ul li.first{ background:none}

#Top_img{background:url(../img/top_img.gif) no-repeat left center; height:374px;}

#menu_location{}
#menu_location li{display:inline-block; vertical-align:top; *display:inline; *zoom:1;}

.title_bar{ position:relative; height:32px; line-height:32px; font-size:14px; letter-spacing:1px;  background:url(../img/title_bg.gif) repeat-x left bottom; color:#666}
.title_bar span{background:url(../img/arrow_hana.gif) no-repeat left center; padding-left:15px;}
.title_bar .more{ position:absolute; top:15px; right:0; display:inline-block; background:url(../img/more.gif) no-repeat left center;width:30px; height:7px; text-indent:-9999em}


.widget_info{ margin-top:15px;}
.widget_info li{background:url(../img/dot_arrow.gif) no-repeat 10px center; padding-left:25px; line-height:30px; height:30px; border-bottom:1px solid #eee}
.widget_info li span{ display: inline-block; color:#c0c0c0;}
.widget_info li span.date{ font-size:11px; margin-right:5px;}
.widget_info li a{ color:#666; text-decoration:none}
.widget_info li a:hover{ color:#ee6622}


#Contents{height:auto; width:auto;  margin:auto; z-index:1; margin-top:30px}

#Contents_left{margin-left:30px; width:642px;position:relative;float:left}
#Contents_right{margin-left:30px; width:297px; position:relative;float:right}
#Contents_right li{ margin-bottom:15px}
#trade_link{ position:relative; background:url(../img/trade_bg.gif) no-repeat left top; height:152px; margin-bottom:15px}
#trade_link ul{position:absolute; left:20px; top:45px;}
#trade_link li{ margin:0; line-height:30px;}
#trade_link li a{color:#cc3300; text-decoration:none}

#foot_top{ position:relative; margin-top:30px; margin-bottom:1px; height:30px; background:url(../img/bottom.gif) no-repeat left bottom;}

#Foot{position:relative; background:url(../img/foot_bg.gif) repeat-x left top; height:66px}


.adr{ position:absolute; left:15px; letter-spacing:1px;  top:10px}
.adr li{ padding-left:20px; font-size:10px; line-height:18px}
.copy{position:absolute; top:130px; left:380px}
.copyright{ position:absolute; font-size:8px; letter-spacing:1px; right:20px; top:20px}
.made a{position:absolute; font-size:12px; letter-spacing:1px; right:20px; top:40px; text-decoration:none; color:#000}