@charset "Shift_JIS";

#bodyArea{
background:url(https://images.hange.jp/hangame/common/bg_bodyarea.v02.gif) repeat-y right 0;
}

#extraArea{
width:208px;
border:1px solid #eae7e2;
border-bottom:none;
background-color:#faf9f5;
}

/* extraArea_RTA
------------------------- */
#extraArea_RTA{
position:relative;
z-index:1;
zoom:1;
margin:-1px;
padding:5px;
border:1px solid #CECECE;
border-bottom:none;
background-color:#fff;
}
#extraArea_RTA span{
display:block;
border:1px solid #f6f7f2;
background-color:#fbfaf8;
color:#6f6f6f;
font-size:10px;
text-align:center;
line-height:22px;
}
#extraArea_RTA strong{
color:#f0783d;
font-size:14px;
font-weight:bold;
}

/* userArea
------------------------- */
#userArea{
zoom:1;
margin:-1px -1px 0;
border:1px solid #cecece;
}

/* puchihan
------------------------- */
#extraArea .puchihan{
position:relative;
z-index:1;
zoom:1;
margin:-1px;
padding:7px 0 7px 12px;
border:1px solid #CECECE;
border-top:none;
background-color:#fff;
}
#extraArea .puchihan h2{
margin:0 0 6px;
}

#extraArea .puchihan table{

}
#extraArea .puchihan th{
width:67px;
padding-bottom:4px;
}
#extraArea .puchihan th img{
padding:1px;
border:1px solid #e5e5e5;
}
#extraArea .puchihan td{
width:113px;
padding:0 0 4px 5px;
font-size:11px;
line-height:12px;
}
#extraArea .puchihan td a{
display:block;
color:#7f7f7f;
}
#extraArea .puchihan td a strong{
display:block;
margin-bottom:4px;
color:#5e5e5e;
}
#extraArea .puchihan td a:hover,
#extraArea .puchihan td a:active,
#extraArea .puchihan td a:focus,
#extraArea .puchihan td a:hover strong,
#extraArea .puchihan td a:active strong,
#extraArea .puchihan td a:focus strong{
color:#f60;
}

/* userRcmndArea
------------------------- */
#userRcmndArea{
position:relative;
z-index:1;
zoom:1;
margin:-1px;
padding:0 0 3px 9px;
border:1px solid #CECECE;
border-top:none;
background-color:#fff;
}
#userRcmndArea h2{
margin-bottom:5px;
}
#userRcmndArea ul{
width:190px;
}
#userRcmndArea li{
zoom:1;
margin:5px 0;
color:#aaa;
line-height:13px;
}
#userRcmndArea li:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#userRcmndArea li a:hover,
#userRcmndArea li a:active,
#userRcmndArea li a:focus{
color:#f60;
}
#userRcmndArea li img.thm{
float:left;
margin-right:10px;
padding:1px;
border:1px solid #e3e3e3;
}
#userRcmndArea li img.stt{
margin:0 4px 4px 0;
vertical-align:middle;
}
#userRcmndArea li span{
}

/* hangameTips
------------------------- */
ul#hangameTips{
margin:10px auto;
text-align:center;
}
ul#hangameTips li{
margin:0 0 7px;
}

/* shopList
------------------------- */
#extraArea ul.shopList{
clear:both;
margin-bottom:10px;
text-align:center;
}

#extraArea ul.shopList li{
padding-bottom:5px;
}

/* section
------------------------- */
#extraArea .section{
margin:10px auto;
}
#extraArea .section h2{
zoom:1;
}
#extraArea .section h2 img{
display:block;
}

/* rcmndBnr
------------------------- */
#extraArea .rcmndBnr{
width:194px;
}
#extraArea .rcmndBnr h2{
margin:0 0 5px 2px;
}
#extraArea .rcmndBnr p{
text-align:center;
}

/* bnrs
------------------------- */
#extraArea ul.bnrs{
margin:10px auto;
}
#extraArea ul.bnrs li{
text-align:center;
margin-bottom:10px;
}
#extraArea ul.bnrs li img{
}

/* promotionBnr
---------------------------------------- */
#extraArea .promotionBnr{
margin:0 auto;
text-align:center;
}

#extraArea .promotionBnr h2{
margin:0 0 5px 2px;
text-align:left;
}

#extraArea .promotionBnr p img{
padding-bottom:10px;
}

/* extraBnr
---------------------------------------- */
#extraArea .extraBnr {
margin: 10px auto;
text-align:center;
}


/* communitySearch
---------------------------------------- */
#extraArea #cmntySrchBox{
width:192px;
margin:10px auto;
background-color:#fff;
border:1px solid #e3e4df;
overflow:hidden;
}

/* tabs */
#extraArea #cmntySrchBox ul.tabs{
position:relative;
zoom:1;
margin-left:3px;
padding:6px 0 4px 0;
overflow:hidden;
}
#extraArea #cmntySrchBox ul.tabs:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#extraArea #cmntySrchBox ul.tabs li{
position:relative;
left:-1px;
float:left;
padding:0 6px 0 7px;
background:url(https://images.hange.jp/hangame/htop/vline_gray1x9.gif) no-repeat 0 3px;
letter-spacing:1px;
}
#extraArea #cmntySrchBox ul.tabs li.active{
font-weight:bold;
letter-spacing:0;
}
#extraArea #cmntySrchBox ul.tabs li a{
outline:none;
}

/* display */
#extraArea #cmntySrchBox .display{
zoom:1;
padding:0 0 9px 8px;
}
#extraArea #cmntySrchBox .display:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#extraArea #cmntySrchBox .display input{
float:left;
width:136px;
height:16px;
padding:2px 2px 1px;
border-color:#d3d4cE;
border-style:solid;
border-width:1px 0px 1px 1px;
color:#666;
vertical-align: middle;
}
#extraArea #cmntySrchBox input#srch-blog,
#extraArea #cmntySrchBox input#srch-circle{
background: #fff url(https://images.hange.jp/hangame/htop/extraarea/txt_inputkw.gif) no-repeat 6px center;
}
#extraArea #cmntySrchBox input#srch-mypage{
background: #fff url(https://images.hange.jp/hangame/htop/extraarea/txt_inputid.gif) no-repeat 6px center;
}

/* srchBtn */
#extraArea #cmntySrchBox .display a.srchBtn{
float:left;
}
#extraArea #cmntySrchBox .display a.srchBtn img{
vertical-align:middle;
}

/* JOGA_ISMS
------------------------- */
#extraArea ul.JOGA_ISMS{
width:190px;
}
#extraArea ul.JOGA_ISMS:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#extraArea ul.JOGA_ISMS li{
position:relative;
float:left;
width:95px;
height:37px;
}
#extraArea ul.JOGA_ISMS li a{
display:block;
position:absolute;
left:0;
top:0;
width:95px;
text-align:center;
}

/* avatarPromotion
------------------------- */
#extraArea .avatarPromotion{
text-align:center;
}
#extraArea .avatarPromotion h2 {
margin:0 0 5px 10px;
text-align:left;
}
#extraArea .avatarPromotion ul li{
width:202px;
margin:5px 0 0 3px;
}

/* hangeInfo
------------------------- */
#extraArea .hangeInfo{
text-align:center;
}
#extraArea .hangeInfo h2 {
margin:0 0 5px 10px;
text-align:left;
}
#extraArea .hangeInfo p{
margin:5px 0 0 3px;
}

/* mobileForm
----------------------- */
#mobileForm {
background:url(https://images.hange.jp/hangame/common/extraarea/bg_specialcontents_bottom.gif) no-repeat left bottom #FFFFFF;
margin:10px auto 0;
padding-bottom:10px;
width:194px;
overflow:hidden;
color: #888888;
}
#mobileForm h2 {
background:url(https://images.hange.jp/hangame/easy/easy_common/v2/common/bg_mailform_top.gif) no-repeat 0 0;
line-height:26px;
padding-left:8px;
}
#mobileForm .txt {
padding: 12px 8px 8px;
}
#mobileForm form {
padding: 0 8px;
}
#mobileForm .local {
width: 155px;
height: 14px;
margin-bottom: 6px;
vertical-align: middle;
}
#mobileForm #domain {
width: 122px;
margin-top: 2px;
}
#mobileForm .btn {
vertical-align: top;
}
#mobileForm .hedge {
padding: 10px 8px 6px;
font-size: 10px;
}

/* spnForm
----------------------- */
#spnForm {
background:url(https://images.hange.jp/hangame/common/extraarea/bg_specialcontents_bottom.gif) no-repeat left bottom #FFFFFF;
margin:10px auto 0;
padding-bottom:10px;
width:194px;
overflow:hidden;
color: #888888;
}
#spnForm h2 {
background:url(https://images.hange.jp/hangame/easy/easy_common/v2/common/bg_mailform_top.gif) no-repeat 0 0;
line-height:26px;
padding-left:8px;
}
#spnForm .txt {
padding: 12px 8px 8px;
}
#spnForm form:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#spnForm form {
overflow:hidden;
padding: 0 8px;
}
#spnForm form a{
float:right;
}
#spnForm .local {
width: 173px;
height: 14px;
margin-bottom: 6px;
vertical-align: middle;
}
#spnForm #domain {
width: 122px;
margin-top: 2px;
}
#spnForm .btn {
vertical-align: top;
}
#spnForm .hedge {
padding: 10px 8px 6px;
font-size: 10px;
}