@charset "Shift_JIS";

/* base layout style
---------------------------------------------------------------------- */
body{
margin:0;
padding:0;
background-color:#fff;
}

#container{
position:relative;
width:860px;
margin:0 auto;
}

/* bodyArea
---------------------------------------------------------------------- */
#bodyArea{
position:relative;/* for DW */
clear:both;
z-index:0;
width:860px;
margin:10px auto 10px;
background:url(http://images.hangame.co.jp/hangame/common/bg_bodyarea.gif) repeat-y right top;
}

#bodyArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


/* contentsArea
---------------------------------------------------------------------- */
#contentsArea{
float:left;
width:644px;
}

/* urgentNotice */
#urgentNotice{
margin:6px 0;
padding:10px;
border:2px solid #7f7f7c;
background-color:#EFEFE9;
color:#b15422;
}

#urgentNotice h2{
margin-bottom:6px;
}

#urgentNotice p{
margin-top:6px;
}



/* extraArea
---------------------------------------------------------------------- */
#extraArea{
float:right;
width:210px;
padding-bottom:10px;
background-color:#eaeae0;
color:#666349;
position:relative;
}

#extraArea a{
color:#666349;
}



/* footerArea
------------------------------------------------------------------- */
#hgFooter{
clear:both;
width:860px!important;
margin:0 auto;
}



/* maintenanceNotice
------------------------------------------------------------------- */
.maintenanceNotice{
margin:6px 0;
padding:10px;
border:2px solid #7f7f7c;
background-color:#EFEFE9;
color:#b15422;
text-align:center;
}


/* ieNotice
------------------------------------------------------------------- */
#ieNotice{
position:absolute;
left:-125px;
top:85px;
z-index:200;
width:120px;
min-height:171px;
_height:171px;
background:url(http://images.hangame.co.jp/hangame/common/other_ie/bg_ie_notice.png) no-repeat center bottom;
font-size:11px;
}

.mac #ieNotice{
letter-spacing:-1px;
}

#ieNotice input{
position:relative;
top:-1px;
margin-left:2px;
vertical-align:middle;
}

html>/**/body #ieNotice input{
margin-left:6px;
}
