@charset 'Shift_JIS';


/* numberOfLogin
------------------------- */
#extraArea #numberOfLogin{
width:200px;
margin:6px 10px 4px 0;
color:#fff;
text-align:right;
}
#extraArea #numberOfLogin:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#extraArea #numberOfLogin span.number{
float:left;
width:126px;
margin-right:2px;
line-height:18px;
font-weight:bold;
}
#extraArea #numberOfLogin img{
float:left;
}

/* hangameTips
------------------------- */
#extraArea ul#hangameTips{
margin:7px 0;
text-align:center;
}
#extraArea ul#hangameTips li{
margin-top:4px;
}

/* newAcquisition
------------------------- */
#extraArea #newAcquisition{
margin:-3px 0 7px;
text-align:center;
}

/* hangeIntro
------------------------- */
#extraArea #hangeIntro{
width:198px;
margin:20px auto;
}
#extraArea #hangeIntro h2{
margin-bottom:5px;
}

/* playHistory
------------------------- */
#playHistory{
width:200px;
margin:10px auto 23px;
background:url(//images.hange.jp/hangame/jt/extra/bg_history.png) no-repeat 0 bottom;
}
#playHistory h2{
width:200px;
padding-top:2px;
background:url(//images.hange.jp/hangame/jt/extra/bg_history_head.gif) no-repeat 0 0;
color:#ddd;
font-size:10px;
font-weight:normal;
line-height:22px;
text-align:center;
}
#playHistory h2 em{
position:relative;
z-index:1;
color:#fff;
font-size:12px;
font-weight:bold;
}
#playHistory ul{
position:relative;
z-index:0;
margin-top:-1px;
padding:0 3px 3px 3px;
}
#playHistory li{
zoom:1;
border-top:1px solid #4f545b;
}
#playHistory li a{
display:block;
overflow:hidden;
zoom:1;
height:24px;
padding:20px 4px 0 4px;
background:url(//images.hange.jp/hangame/jt/extra/icn_operating.gif) no-repeat 45px 6px;
color:#fff;
font-size:11px;
font-weight:bold;
line-height:12px;
}
#playHistory li.mainte a{
background-image:url(//images.hange.jp/hangame/jt/extra/icn_maintaining.gif);
color:#303030;
}
#playHistory li a:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#playHistory li a img{
display:inline;
float:left;
margin:-16px 5px 0 0;
padding:1px;
border:1px solid #000;
background-color:#fff;
}

/* section
------------------------- */
#extraArea .section{
width:200px;
margin:20px auto;
}
#extraArea .section h2{
margin:0 0 5px;
}
#extraArea .section p.bnr{
text-align:center;
}

/* more */
#extraArea .section p.more{
text-align:right;
}
#extraArea .section p.more a{
zoom:1;
padding-right:15px;
background:url(//images.hange.jp/hangame/jt/cmn/blt_arw11x11gold.gif) no-repeat right center;
color:#aca881;
}

/* notice
------------------------- */
#extraArea div.notice{
}
#extraArea div.notice ul{
margin-top:-4px;
padding:0 5px 3px;
}
#extraArea div.notice li{
zoom:1;
padding:7px 0 6px 2px;
border-bottom:1px dotted #2e2e30;
}
#extraArea div.notice li strong{
display:block;
font-weight:normal;
}

/* mgznBckNmbr
------------------------- */
#mgznBckNmbr h2{
margin:0!important;
}
#mgznBckNmbr .cnt{
position:relative;
zoom:1;
padding:0 8px 13px;
background:url(//images.hange.jp/hangame/jt/extra/bg_manga.gif) no-repeat 0 bottom;
}
#mgznBckNmbr p.this{
padding:7px 0 10px;
line-height:15px;
}
#mgznBckNmbr p.this a{
overflow:hidden;
display:block;
zoom:1;
color:#666349
}
#mgznBckNmbr p.this a:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#mgznBckNmbr p.this a img{
float:left;
padding-right:7px;
}
#mgznBckNmbr h3{
height:19px;
background:url(//images.hange.jp/hangame/jt/extra/bg_mgznbcknmbr.gif) no-repeat 0 0;
color:#888;
text-indent:10px;
font-weight:normal;
line-height:19px;
cursor:pointer;
}
#mgznBckNmbr.listOpen h3{
color:#999;
}
#mgznBckNmbr ul{
display:none;
position:absolute;
left:8px;
width:182px;
overflow-y:auto;
max-height:200px;
margin-top:-1px;
border:1px solid #ccc;
background-color:#fff;
scrollbar-face-color:#fff;
scrollbar-track-color:#eee;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#ccc;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#ccc;
scrollbar-arrow-color:#797979;
}
#mgznBckNmbr.listOpen ul{
display:block;
}
#mgznBckNmbr ul li a{
display:block;
zoom:1;
background:url(//images.hange.jp/hangame/common/ico_2x2_gray.gif) no-repeat 12px 7px;
padding-left:18px;
color:#666;
}
#mgznBckNmbr p.more{
margin-top:4px;
}


/* ==================================================

 userArea

================================================== */
#userArea{
zoom:1;
padding-top:3px;
}
#loginPanel{
position:relative;
width:200px;
height:auto!important;
margin:0 auto;
padding:1px 0 5px;
background:url(//images.hange.jp/hangame/common/userarea/bg_loginpanel.gif) no-repeat 0 bottom;
color:#ccc;
}
#loginPanel:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#loginPanel a{
color:#f60;
text-decoration:none;
}
#loginPanel a:hover{
text-decoration:underline;
}


/* login before
-------------------------------------------------- */
#loginPanel.unLogin dl.idPass{
position:relative;
zoom:1;
margin-top:-3px;
padding:11px 16px 0;
background:url(//images.hange.jp/hangame/common/userarea/bg_loginpanel_top.gif) no-repeat 0 0;
}
#loginPanel.unLogin dl.idPass:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#loginPanel.unLogin dl.idPass dt{
clear:both;
float:left;
width:75px;
color:#fff;
font-weight:bold;
line-height:20px;
letter-spacing:-1px;
}
#loginPanel.unLogin dl.idPass dd{
float:right;
height:20px;
}
#loginPanel.unLogin dl.idPass dd input{
width:86px;
height:14px;
padding:0;
line-height:14px;
}

/* loginNavi
------------------------- */
#loginPanel.unLogin ul.loginNavi{
width:173px;
margin:5px 0 5px 11px;
padding-left:5px;
}
#loginPanel.unLogin ul.loginNavi li{
margin-bottom:-1px;
font-size:11px;
line-height:12px;
}
#loginPanel.unLogin ul.loginNavi li.loginBtn{
margin-bottom:5px;
}
#loginPanel.unLogin ul.loginNavi li.loginBtn img{
cursor:pointer;
}
#loginPanel.unLogin ul.loginNavi li input{
position:relative;
top:-1px;
vertical-align:middle;
}

/* extraNavi
------------------------- */
#loginPanel.unLogin ul.extraNavi{
width:173px;
margin:0 0 5px 11px;
padding:6px 0 0 8px;
border-top:1px dotted #bebebe;
}
#loginPanel.unLogin ul.extraNavi li{
font-size:11px;
line-height:16px;
}
#loginPanel.unLogin ul.extraNavi li.passWord{
padding-left:17px;
background:url(//images.hange.jp/hangame/common/userarea/ico_key.gif) no-repeat 0 1px;
}
#loginPanel.unLogin ul.extraNavi li.passWord{
letter-spacing:-1px;
}
#loginPanel.unLogin ul.extraNavi li.lostPass{
padding-left:17px;
background:url(//images.hange.jp/hangame/common/userarea/ico_search.gif) no-repeat 1px 1px;
}
#loginPanel.unLogin ul.extraNavi li.memberEntry{
margin:3px 0 0 -1px;
}


/* login after
-------------------------------------------------- */

/* User Name
------------------------- */
#loginPanel.login h2{
position:relative;
width:190px;
height:18px;
margin:-3px 0 6px;
padding:7px 0 0 10px;
border-bottom:none;
background:url(//images.hange.jp/hangame/common/userarea/bg_userpanel_top_core.gif) no-repeat 0 0;
font-size:10px;
font-weight:normal;
text-align:left;
}
#loginPanel.login h2 a{
font-size:12px;
font-weight:bold;
}

#loginPanel.login h2 .class{
position:absolute;
right:4px;
bottom:3px;
width:68px;
height:16px;
}

/* hanG */
.hanG #loginPanel.login h2:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.hanG #loginPanel.login h2 a.class{
position:absolute;
left:7px;
top:7px;
bottom:auto;
width:14px;
height:auto;
}

.hanG #loginPanel.login h2 a.name{
zoom:1;
margin-left:14px;
}
.hanG #loginPanel.login h2 a.info{
position: absolute;
right: 5px;
top: 5px;
width:42px;
height:16px;
}

/* mainte */

.hanG #loginPanel.login h2 span.class{
position:absolute;
left:7px;
top:7px;
bottom:auto;
width:14px;
height:auto;
}

.hanG #loginPanel.login h2 span.name{
zoom:1;
margin-left:14px;
color:#FF6600;
font-size: 12px;
font-weight: bold;
}

/* avatarWindow
------------------------- */
#loginPanel.login #avatarWindow{
display:inline;
float:left;
width:66px;
margin-left:5px;
padding:3px;
background:url(//images.hange.jp/hangame/common/userarea/bg_avatarwindow_core.gif) no-repeat 0 0;
}

/* User info
------------------------- */
#loginPanel.login dl#userInfo{
float:right;
width:119px;
margin:22px 0 0 0;
line-height:14px;
}

/* news */
#loginPanel.login dl#userInfo .news{
float: left;
margin-bottom: 4px;
padding: 4px 0 3px;
border-bottom: 1px dotted #555;
white-space:nowrap;
}
#loginPanel.login dl#userInfo dt.news{
width:29px;
}
#loginPanel.login dl#userInfo dd.news{
width:84px;
}
#loginPanel.login dl#userInfo dd.news:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#loginPanel.login dl#userInfo dd.news span{
float:left;
width:36px;
}
#loginPanel.login dl#userInfo dd.news span a{
zoom:1;
padding-left:15px;
color: #f0783d;
font-weight: bold;
}
#loginPanel.login dl#userInfo dd.news span.mnml a{
background: url(//images.hange.jp/hangame/common/userarea/ico_mail.gif) no-repeat 0 1px;
*background-position:0 2px;
}
#loginPanel.login dl#userInfo dd.news span.cmnt a{
margin-left:5px;
background: url(//images.hange.jp/hangame/common/userarea/ico_cmnt.gif) no-repeat 0 1px;
*background-position:0 2px;
}

/* miniMail */
#loginPanel.login dl#userInfo .miniMail{
float:left;
margin-bottom:4px;
padding:4px 0 3px;
border-bottom:1px dotted #555;
}
#loginPanel.login dl#userInfo dt.miniMail{
width:84px;
margin-right:-4px;
}
#loginPanel.login dl#userInfo dd.miniMail{
width:34px;
text-align:right;
}
#loginPanel.login dl#userInfo dd.miniMail a{
color:#f0783d;
font-weight:bold;
}

/* coin & cicket */
#loginPanel.login dl#userInfo dt{
clear:both;
}
#loginPanel.login dl#userInfo .buyBtn{
position:relative;
top:-1px;
margin:0 0 0 6px;
cursor:pointer;
vertical-align:middle;
}
#loginPanel.login dl#userInfo dd.coin,
#loginPanel.login dl#userInfo dd.ticket{
padding-bottom:3px;
}
#loginPanel.login dl#userInfo dd.coin a,
#loginPanel.login dl#userInfo dd.ticket a{
padding-left:16px;
color:#ffb112;
font-weight:bold;
}
#loginPanel.login dl#userInfo dd.coin a{background:url(//images.hange.jp/hangame/common/userarea/ico_coin.gif) no-repeat 1px 2px;}
#loginPanel.login dl#userInfo dd.ticket a{background:url(//images.hange.jp/hangame/common/userarea/ico_ticket.gif) no-repeat 1px 1px;}

/* core (Avatar none) */
#loginPanel.login.core dl#userInfo{
float:none;
width:190px;
margin:30px auto 0;
}
#loginPanel.login.core dl#userInfo dt{
padding-left:5px;
}
#loginPanel.login.core dl#userInfo dt.miniMail{
border:none;
}
#loginPanel.login.core dl#userInfo dd.miniMail{
float:none;
width:auto;
text-align:left;
}
#loginPanel.login.core dl#userInfo dd.coin,
#loginPanel.login.core dl#userInfo dd.ticket{
padding-left:5px;
}


/* hanC & hanG */
.hanG #loginPanel.login dl#userInfo dt.hanC img,
.hanG #loginPanel.login dl#userInfo dt.hanG img{
position: relative;
top: -1px;
margin: 0 0 0 6px;
cursor: pointer;
vertical-align: middle;
}

.hanG #loginPanel.login dl#userInfo dd.hanC,
.hanG #loginPanel.login dl#userInfo dd.hanG{
padding-bottom: 3px;
}

.hanG #loginPanel.login dl#userInfo dd.hanC a,
.hanG #loginPanel.login dl#userInfo dd.hanG a{
zoom:1;
padding-left: 14px;
background-position:0 0;
background-repeat:no-repeat;
color:#ffb112;
font-weight: bold;
white-space:nowrap;
_white-space:normal;
}
.hanG #loginPanel.login dl#userInfo dd.hanC a{background-image:url(//images.hange.jp/hangame/common/userarea/ico_hancoin.gif);}
.hanG #loginPanel.login dl#userInfo dd.hanG a{background-image:url(//images.hange.jp/hangame/common/userarea/ico_hang.gif);}
.hanG #loginPanel.login dl#userInfo dd.hanC a span{font-size:11px;}

/* User navi
------------------------- */
/* myPage */
#loginPanel.login #btn_goToMyPage{
position:absolute;
left:81px;
top:31px;
}

/* linkList */
#loginPanel.login ul{
float:right;
width:119px;
}
#loginPanel.login li.linkList{
width:114px;
padding:4px 0;
border-top:1px dotted #555;
}
#loginPanel.login li.linkList a{
color:#fff;
}

/* avtrCool
------------------------- */
#loginPanel.login.avtrCool{
padding-bottom:3px;
}
#loginPanel.login.avtrCool h2{
margin-bottom:2px;
}
#loginPanel.login.avtrCool #avatarWindow{
width:104px;
margin-left:2px;
background:none;
}
/* userInfo */
#loginPanel.login.avtrCool dl#userInfo{
width:87px;
margin:30px 0 0;
}
#loginPanel.login.avtrCool dl#userInfo dt{
white-space:nowrap;
}
#loginPanel.login.avtrCool dl#userInfo dt img.buyBtn{
margin: 0 0 0 1px;
}
#loginPanel.login.avtrCool dl#userInfo dt.news{
float:none;
width:auto;
margin:0;
padding:0;
border:none;
}
#loginPanel.login.avtrCool dl#userInfo dd.news{
width:81px;
padding:3px 0;
}
#loginPanel.login.avtrCool dl#userInfo dd.news a.mnml{
margin-left:0;
}
/* userNavi */
#loginPanel.login.avtrCool ul#userNavi{
width:87px;
}
#loginPanel.login.avtrCool ul#userNavi li#btn_goToMyPage{
left:113px;
}
#loginPanel.login.avtrCool ul#userNavi li.linkList{
width:81px;
}

/* hanG */
.hanG #loginPanel.login.avtrCool dl#userInfo{
position:relative;
width:92px;
margin-right:-5px;
}
.hanG #loginPanel.login.avtrCool dl#userInfo dd{
white-space:nowrap;
_white-space:normal;
}
.hanG #loginPanel.login.avtrCool dl#userInfo dt.hanC img{
display:block;
top:0;
margin:1px 0 0 0;
}

/* mainte */

#loginPanel.mainte h2{
background:transparent url(//images.hange.jp/hangame/common/userarea/bg_loginpanel_top.gif) no-repeat scroll 0 0;
}

#loginPanel.mainte .mainteInfo{
width:193px;
margin:0 auto 5px;
background: url(//images.hange.jp/hangame/common/userarea/bg_mainte_b_btm.gif) no-repeat center bottom;
}

#loginPanel.mainte .mainteInfo p{
width:186px;
padding:7px 0 7px 7px;
background: url(//images.hange.jp/hangame/common/userarea/bg_mainte_b_top.gif) no-repeat center top;
font-size:10px;
color:#C68461;
}

#loginPanel.mainte .logout{
zoom:1;
margin-right:5px;
text-align:right;
}




/* usersLinks
-------------------------------------------------- */
#usersLinks{
position:relative;
width:198px;
margin:3px auto;
border:1px solid #93979c;
border-top:none;
background-color:#c0bfc1;
color:#404040;
}
#usersLinks ul{font-size:11px;}
#usersLinks a{
color:#404040;
}
#usersLinks a:hover{
text-decoration:underline;
}
#usersLinks #myMenuList,
#usersLinks #playedGameList{
border-top:1px solid #93979c;
}

/* Navigation
------------------------- */
#usersLinks ul#usersLinksNavi{
display:none;/* JS‚Åblock‰» */
position:absolute;
right:0;
top:0;
z-index:1;
width:198px;
}
#usersLinks ul#usersLinksNavi li{
position:absolute;
height:13px;
cursor:pointer;
line-height:13px;
}
#usersLinks ul#usersLinksNavi li.open,
#usersLinks ul#usersLinksNavi li.close{
right:6px;
top:4px;
}
#usersLinks ul#usersLinksNavi li.edit,
#usersLinks ul#usersLinksNavi li.return{
right:52px;
top:4px;
}
#usersLinks ul#usersLinksNavi li img{
}

/* listClose
------------------------- */
#usersLinks.listClose #myMenuList .game,
#usersLinks.listClose #myMenuList .other,
#usersLinks.listClose #playedGameList ul{
display:none;
}

/* listOpen
------------------------- */
#usersLinks.listOpen{
border:1px solid #93979c;
border-top:none;
}
#usersLinks.listOpen #myMenuList,
#usersLinks.listOpen #playedGameList{
border-top:1px solid #93979c;
}
#usersLinks.listOpen #myMenuList_game,
#usersLinks.listOpen #myMenuList_other,
#usersLinks.listOpen #playedGameList ul{
display:block;
}

/* myMenuList
------------------------- */
#usersLinks #myMenuList{
position:relative;
width:198px;
}
#usersLinks #myMenuList h3,
#usersLinks #myMenuList h4{margin:0;}
#usersLinks #myMenuList ul{padding:5px 0 5px 10px;}
#usersLinks #myMenuList li{line-height:16px;}

/* game
------------------------- */

/* other
------------------------- */
#usersLinks #myMenuList_other h4{
position:static;/* JS‚Åabsolute‰» */
right:0;
top:19px;
}

/* edit
-------------------- */
#usersLinks #myMenuList_edit h4{
margin-bottom:3px;
}
#usersLinks #myMenuList_edit ul{
padding:0 0 7px 7px;
border-bottom:1px solid #93979c;
}
#usersLinks #myMenuList_edit input{
position:relative;
top:-1px;
vertical-align:middle;
}
#usersLinks #myMenuList_edit p.deleteButton{
height:13px;
padding:3px 6px;
background-color:#4f565e;
text-align:right;
}
#usersLinks #myMenuList_edit p.deleteButton img{
cursor:pointer;
}

/* playedGameList
------------------------- */
#usersLinks #playedGameList{
}
#usersLinks #playedGameList ul{
padding:5px 0 5px 10px;
}
#usersLinks #playedGameList li{
position:relative;
width:188px;
line-height:18px;
}
#usersLinks #playedGameList li img{
position:absolute;
right:5px;
top:0;
cursor:pointer;
}