@charset "Shift_JIS";

/* -----------------------------------------------
 * 
 *    userarea styles.
 * 
 * -----------------------------------------------
 * #userArea
 * 
 *  #loginPanel
 *     - userName 
 *     - avatarWindow
 *     - userInfo
 *     - newsInfo
 *     - hgwInfo
 *     - bankInfo
 *     - userNavi
 *     - lpPetArea
 * 
 *  #usersLinks
 *     - usersLinksNavi
 *     - playedGameList
 *
 *  add .v4
 * -----------------------------------------------/


/* userArea
------------------------------------------------ */
#userArea{
zoom:1;
padding-top:7px;
font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
line-height: 1.3;
}
#userArea ul,
#userArea ol{
margin:0;
padding:0;
list-style-type:none;
}
#userArea dl,
#userArea dt,
#userArea dd{
margin: 0;
padding: 0;
}
#userArea a{
text-decoration: none;
}
#userArea a:hover{
text-decoration: underline;
}
#userArea h3,
#userArea p,
#userArea form{
margin: 0;
}
#userArea img{
border: none;
}
#userArea a img{
vertical-align: top;
}
/* ==================================================

   loginPanel

================================================== */
#loginPanel{
position: relative;
width:200px;
height:auto!important;
margin:0 auto;
padding:1px 0 5px;
background:url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel.gif) no-repeat center bottom;
color:#676767;
}
#loginPanel:after{ content:""; display:block; height:0; clear:both; visibility:hidden; }
#loginPanel a{
color: #676767;
}
/*-- +.unLogin --*/
#loginPanel.unLogin dl.idPass{
position: relative;
width: 184px;
margin-top:-3px;
padding: 10px 0 0 16px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_unlogin.gif) no-repeat center top;
}
#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;
margin: 0 0 4px;
color: #b15422;
font-weight: bold;
line-height: 18px;
letter-spacing: -1px;
}
#loginPanel.unLogin dl.idPass dd input{
width: 83px;
height: 14px;
line-height: 14px;
}
#loginPanel.unLogin ul.loginNavi{
width: 173px;
margin: 5px 0 5px 11px;
padding-left: 5px;
}
#loginPanel.unLogin ul.loginNavi li{
margin-bottom: -1px;
font-size: 10px;
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;
}
/*-- +.logout --*/
#userArea .logout{
width:204px;
margin:-7px auto 0;
border:3px solid #d9d9d9;
background:#f6f6f6;
}

#userArea .logout .loginBtn img{
cursor:pointer;
}

#userArea .logout ul{
width:188px;
margin:-2px auto 4px;
}
#userArea .logout li{
margin-top:10px;
}
/*-- +.coreLogout --*/
#userArea .coreLogout{
width:200px;
margin:0 auto 0;
padding:1px 0 0 0;
}
#userArea .coreLogout ul.loginNaviArea{
width:200px;
position:relative;
margin-top:-3px;
padding-bottom:10px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_unlogin.gif) 0 0 no-repeat ;
}
#userArea .coreLogout ul.loginNaviArea li{
margin-left:11px;
padding-top:10px;
}
#userArea .coreLogout ul.loginNaviArea .loginBtn img{
width:0 ;
padding-left:178px ;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_login_178x48.gif) 0 0 no-repeat ;
cursor:pointer;
}
#userArea .coreLogout ul.loginNaviArea .memberEntry img{
width:0 ;
padding-left:178px ;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_memberentry_178x38.gif) 0 0 no-repeat ;
}
/*-- +.coreLogout+.black --*/
#userArea .black ul.loginNaviArea{
width:200px;
position:relative;
margin-top:-3px;
padding-bottom:10px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_loginpanel_top.gif) 0 0 no-repeat ;
}
/*-- +.coreLogout+.slim --*/
#userArea .coreLogout.slim{
width:160px;
margin:0 auto 0;
padding:1px 0 0 0;
}
#userArea .coreLogout.slim ul.loginNaviArea .loginBtn img{
width:0 ;
padding-left:146px ;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_login_146x48.gif) 0 0 no-repeat ;
cursor:pointer;
}
#userArea .coreLogout.slim ul.loginNaviArea .memberEntry img{
width:0 ;
padding-left:146px ;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_memberentry_146x38.gif) 0 0 no-repeat ;
}
#userArea .slim.white ul.loginNaviArea{
width:160px;
position:relative;
margin-top:-3px;
padding-bottom:10px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_slim.gif) 0 0 no-repeat !important;
}
#userArea .coreLogout.slim ul.loginNaviArea li{
margin-left:7px;
padding-top:10px;
}
/*-- +.coreLogout+.slim+.black --*/
#userArea .black.slim ul.loginNaviArea{
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_loginpanel_top_slim.gif) 0 0 no-repeat ;
}
/* 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 a{
color: #b15422;
}
#loginPanel.unLogin ul.extraNavi li.passWord{
padding-left: 17px;
background: url(//images.hangame.co.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.hangame.co.jp/hangame/common/userarea/ico_search.gif) no-repeat 1px 1px;
}
#loginPanel.unLogin ul.extraNavi li.memberEntry{
margin: 3px 0 0 -1px;
}
/*-- +.black --*/
#loginPanel.black {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_loginpanel.gif) no-repeat 0 bottom;
}
/*-- +.slim --*/
.slim{
width:160px !important;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_loginpanel_slim.gif) no-repeat 0 bottom !important;
}
/*-- +.white --*/
.white{
width:160px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_slim.gif) no-repeat 0 bottom !important;
}
/*-- +.mainte --*/
#loginPanel.mainte h2{
background:transparent url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_unlogin.gif) no-repeat scroll center top!important;
}
#loginPanel.mainte .mainteInfo{
width:193px;
margin:0 auto 5px;
background:url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_info_btm.gif) no-repeat center bottom;
}
#loginPanel.mainte .mainteInfo p{
width:186px;
padding:7px 0 7px 7px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_info_top.gif) no-repeat center top;
font-size:10px;
color:#C68461;
}
#loginPanel.mainte .logout{
zoom:1;
width:auto;
margin:0 5px 0 0;
border:none;
background:none;
text-align:right;
}
#loginPanel.mainte.slim .mainteInfo{
width:153px;
}
#loginPanel.mainte.slim .mainteInfo p{
width:144px;
padding:3px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_info_top.gif) no-repeat center top;
}
/*-- +.mainte +.black --*/
#loginPanel.mainte.black h2{
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_loginpanel_top.gif) no-repeat 0 0!important;
}
#loginPanel.mainte.black .logout img{
width:0;
padding-left:62px;
background:url(//images.hangame.co.jp/hangame/common/userarea/btn_logout_core_mainte.gif) no-repeat 0 0;
}
#loginPanel.mainte.black h2 a.name{
color:#ff6600;
}
#loginPanel.mainte.black .mainteInfo {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_b_btm.gif) no-repeat center bottom;
}
#loginPanel.mainte.black .mainteInfo p {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_b_top.gif) no-repeat scroll center top transparent;
color: #c68461;
}
/*-- +.unLogin+.black --*/
#loginPanel.black dl.idPass {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_loginpanel_top.gif) no-repeat 0 0;
}
#loginPanel.black dl.idPass dt{
color:#fff;
}
#loginPanel.black dl.idPass dd{
padding-bottom:2px;
}
#loginPanel.black ul.extraNavi li a{
color:#ff6600;
}
#loginPanel.unLogin.black ul.loginNavi{
color:#ccc;
}
/*-- +.unLogin +.slim --*/
#loginPanel.slim dl.idPass {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_loginpanel_top_slim.gif) no-repeat center top ;
margin-top: -3px;
padding: 10px 0 0 5px;
position: relative;
width: 155px;
}
#loginPanel.slim dl.idPass dd input{
width:81px;
}
#loginPanel.slim dl.idPass dt{
width:60px;
padding-top:2px;
margin-right:2px;
font-size:11px;
font-weight:normal;
}
#loginPanel.slim dl.idPass dd input{
margin-bottom:2px;
}
#loginPanel.slim ul.loginNavi li.loginBtn img{
width:146px;
height:27px;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_login_slim.png) no-repeat scroll 0 0 transparent;
padding-left:146px;
width:0;
}
#loginPanel.slim ul.loginNavi li.loginBtn input{
width:146px;
height:27px;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_login_slim.png) no-repeat scroll 0 0 transparent;
padding-left:146px;
width:0;
}
#loginPanel.slim ul.loginNavi{
margin-left:0;
padding-left:7px;
width:153px;
}
#loginPanel.slim ul.extraNavi {
padding:7px 0 0 0;
border-top: 1px dotted #ccc;
margin-left:7px;
width: 143px;
}
#loginPanel.slim ul.extraNavi li{
font-size:10px;
}
#loginPanel.slim ul.extraNavi li.memberEntry img{
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_memberentry_slim.png) no-repeat scroll 0 0 transparent;
padding-left:146px;
width:0;
}
#loginPanel.slim ul.extraNavi li.memberEntry{
margin-left:0;
}
#loginPanel.slim dl.idPass .id{
background: url(//images.hangame.co.jp/hangame/common/userarea/tit_id_black.gif) no-repeat 0 5px;
text-indent:-9999px;
}
#loginPanel.slim dl.idPass .pass{
background: url(//images.hangame.co.jp/hangame/common/userarea/tit_pass_black.gif) no-repeat 0 5px ;
text-indent:-9999px;
}
/*-- +.unLogin+.slim+.white --*/
#loginPanel.white dl.idPass {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_slim.gif) no-repeat scroll center top transparent;
}
/*-- +.mainteWhite --*/
.mainteWhite{
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_slim.gif) no-repeat 0 bottom !important;}
#loginPanel.mainteWhite dl.idPass {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_slim.gif) no-repeat center top;
}
#loginPanel.mainteWhite .logout{
zoom:1;
width:auto;
margin:0 5px 0 0;
border:none;
background:none;
text-align:right;
}
#loginPanel.mainteWhite .mainteInfo{
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_info_btm_slim.gif) no-repeat scroll center bottom;
width:150px;
margin-left:5px;
margin-bottom:3px;
}
#loginPanel.mainteWhite .mainteInfo p{
width:144px;
padding:3px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_info_top_slim.gif) no-repeat center top;
color: #c68461;
font-size: 10px;
}
/*-- +.mainteBlack --*/
#loginPanel.mainteBlack .logout{
zoom:1;
width:auto;
margin:0 5px 0 0;
border:none;
background:none;
text-align:right;
}
#loginPanel.mainteBlack .logout img{
width: 0;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_logout_core_mainte.gif) no-repeat scroll 0 0;
padding-left: 62px;
}
#loginPanel.mainteBlack .mainteInfo{
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_b_btm_slim.gif) no-repeat scroll center bottom;
width:150px;
margin-left:5px;
margin-bottom:3px;
}
#loginPanel.mainteBlack .mainteInfo p{
width:144px;
padding:3px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_mainte_b_top_slim.gif) no-repeat center top;
color: #c68461;
font-size: 10px;
}
#loginPanel.mainteBlack dl.idPass dt {
color:#fff;
}
#loginPanel.mainteBlack ul.loginNavi{
color:#ccc;
}
/*  userName
---------------------------------------- */
#loginPanel.login h2{
position: relative;
width: 190px;
height: 18px;
margin: -3px 0 6px;
padding: 7px 0 0 10px;
border:none;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top.gif) no-repeat 0 0;
color: #666;
font-size: 10px;
font-weight: normal;
text-align:left;
}
#loginPanel.login h2 a{
color: #77c9d1;
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;
}
.hanG #loginPanel.login h2 a.info{
position: absolute;
right: 5px;
top: 5px;
width:42px;
height:16px;
}
.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: #77c9d1;
font-size: 12px;
font-weight: bold;
}
/*-- +.avtrCool --*/
#loginPanel.avtrCool h2{
margin-bottom:2px;
}
/*-- +.black --*/
#loginPanel.black h2 {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_core.gif) no-repeat 0 0;
border-bottom: medium none;
color:#ccc;
}
/*-- +.slim --*/
#loginPanel.slim h2{
width:150px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_loginpanel_top_slim.gif) no-repeat 0 0;
}
.hanG #loginPanel.slim h2 a.class{
left:5px;
}
/*-- +.white --*/
#loginPanel.white h2{
width:150px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_slim.gif) no-repeat 0 0;
}
/*-- +.mainteBlack --*/
#loginPanel.mainteBlack h2 a{
color: #ff6600;
}
/*-- +.mainteWhite --*/
#loginPanel.mainteWhite h2 {
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_slim.gif) no-repeat scroll 0 0 transparent;
}
/*  avatarWindow
---------------------------------------- */
#loginPanel.login #avatarWindow{
display: inline;
float: left;
width: 66px;
margin-left: 5px;
padding: 3px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_avatarwindow.gif) no-repeat 0 0;
}
#loginPanel.login #avatarWindow .btn{
padding:8px 0 0;
text-align:center;
}
/*-- +.avtrCool --*/
#loginPanel.avtrCool #avatarWindow{
width:104px;
padding:3px 0 0;
background:none;
}
#loginPanel.avtrCool #avatarWindow .btn{
padding:5px 0;
}
/*  userInfo
---------------------------------------- */
#loginPanel.login dl#userInfo{
float: right;
width: 124px;
margin: 22px -5px 0 0;
line-height: 14px;
}
#loginPanel.login dl#userInfo dt{
clear: both;
}
#loginPanel.login dl#userInfo .news{
float: left;
margin-bottom: 4px;
padding: 4px 0 3px;
border-bottom: 1px dotted #bebebe;
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.hangame.co.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.hangame.co.jp/hangame/common/userarea/ico_cmnt.gif) no-repeat 0 1px;
*background-position:0 2px;
}
/* minimail (for Fleamarket) */
#loginPanel.login dl#userInfo dt.mm{
width:114px;
margin-bottom:4px;
padding:4px 0 3px;
border-bottom:1px dotted #bebebe;
white-space:nowrap;
}
#loginPanel.login dl#userInfo dd.mm{
display:none;
}
/* minimail */
#loginPanel.login dl#userInfo .miniMail{
float: left;
margin-bottom: 4px;
padding: 4px 0 3px;
border-bottom: 1px dotted #bebebe;
}
#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 img.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{
padding-left: 16px;
background: url(//images.hangame.co.jp/hangame/common/userarea/ico_coin.gif) no-repeat 1px 2px;
color: #4e986e;
font-weight: bold;
}
#loginPanel.login dl#userInfo dd.ticket a{
padding-left: 16px;
background: url(//images.hangame.co.jp/hangame/common/userarea/ico_ticket.gif) no-repeat 1px 1px;
color: #4e986e;
font-weight: bold;
}
/* 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{
zoom:1;
padding-left: 14px;
background: url(//images.hangame.co.jp/hangame/common/userarea/ico_hancoin.gif) no-repeat 0px 0;
color: #4e986e;
font-weight: bold;
}
.hanG #loginPanel.login dl#userInfo dd.hanC a span{font-size:11px;}
.hanG #loginPanel.login dl#userInfo dd.hanG a{
zoom:1;
padding-left: 14px;
background: url(//images.hangame.co.jp/hangame/common/userarea/ico_hang.gif) no-repeat 1px 0;
color: #4e986e;
font-weight: bold;
*background-position:1px 2px;
}
/*-- +.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;
}
/*-- +.avtrCool --*/
#loginPanel.avtrCool dl#userInfo{
position:relative;
width:92px;
margin:30px -5px 0 0;
}
#loginPanel.avtrCool dl#userInfo dt{
white-space:nowrap;
}
#loginPanel.avtrCool dl#userInfo dt img.buyBtn{
margin: 0 0 0 1px;
}
#loginPanel.avtrCool dl#userInfo dt.mm{
width:81px;
margin:0 0 4px;
padding:1px 0 3px;
border-bottom: 1px dotted #bebebe;
white-space:nowrap;
}
#loginPanel.avtrCool dl#userInfo dt.hanC img{
display:block;
top:0;
margin:2px 0 0 0;
}
#loginPanel.avtrCool dl#userInfo dt.news{
float:none;
width:auto;
margin:0 0 0 0;
padding:0;
border:none;
}
#loginPanel.avtrCool dl#userInfo dd{
white-space:nowrap;
_white-space:normal;
}
#loginPanel.avtrCool dl#userInfo dd.mm{
display:none;
}
#loginPanel.avtrCool dl#userInfo dd.news{
width:81px;
padding:3px 0;
}
#loginPanel.avtrCool dl#userInfo dd.news a.mnml{
margin-left:0;
}
/*  newsInfo
---------------------------------------- */
#loginPanel.login dl#newsInfo{
float:right;
width:124px;
margin:22px -5px 0 0;
line-height:14px;
}
#loginPanel.login dl#newsInfo dt{
clear:both;
}
/* miniMail */
#loginPanel.login dl#newsInfo .miniMail{
float:left;
margin-bottom:4px;
padding:4px 0 3px;
border-bottom:1px dotted #bebebe;
}
#loginPanel.login dl#newsInfo dt.miniMail{
width:84px;
margin-right:-4px;
}
#loginPanel.login dl#newsInfo dd.miniMail{
width:34px;
text-align:right;
}
#loginPanel.login dl#newsInfo dd.miniMail a{
color:#f0783d;
font-weight:bold;
}
/* minimail (for Fleamarket) */
#loginPanel.login dl#newsInfo dt.mm{
width:114px;
margin-bottom:4px;
padding:4px 0 3px;
border-bottom:1px dotted #bebebe;
white-space:nowrap;
}
#loginPanel.login dl#newsInfo dd.mm{
display:none;
}
/* news */
#loginPanel.login dl#newsInfo .news{
float:left;
margin-bottom:1px;
padding:4px 0 3px;
border-bottom:1px dotted #bebebe;
white-space:nowrap;
}
#loginPanel.login dl#newsInfo dt.news{
width:29px;
}
#loginPanel.login dl#newsInfo dd.news{
width:84px;
}
#loginPanel.login dl#newsInfo dd.news:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#loginPanel.login dl#newsInfo dd.news span{
float:left;
width:36px;
}
#loginPanel.login dl#newsInfo dd.news span a{
zoom:1;
padding-left:15px;
color:#f0783d;
font-weight:bold;
}
#loginPanel.login dl#newsInfo dd.news span.mnml a{
background:url(//images.hangame.co.jp/hangame/common/userarea/ico_mail.gif) no-repeat 0 1px;
*background-position:0 2px;
}
#loginPanel.login dl#newsInfo dd.news span.cmnt a{
margin-left:5px;
background:url(//images.hangame.co.jp/hangame/common/userarea/ico_cmnt.gif) no-repeat 0 1px;
*background-position:0 2px;
}
/*-- +.avtrCool --*/
#loginPanel.avtrCool dl#newsInfo{
width:87px;
margin:30px 0 0;
}
#loginPanel.avtrCool dl#newsInfo dt.news {
border:medium none;
float:none;
margin:0;
padding:0;
width:auto;
}
#loginPanel.avtrCool dl#newsInfo dd.news{
width:83px;
padding:3px 0;
}
#loginPanel.avtrCool #newsInfo dt.news{
display:none;
}
/*-- +.black --*/
#loginPanel.black dt.news{
color:#ccc;
}
/*-- +.slim --*/
#loginPanel.slim dl#newsInfo {
width: 84px;
}
#loginPanel.slim #newsInfo dt.news{
display:none;
}
#loginPanel.slim dl#newsInfo dd.news {
width:75px;
}
#loginPanel.slim dl#newsInfo .cmnt{
margin-right:-10px;
}
/*  hgwInfo
---------------------------------------- */
#loginPanel.login #hgwInfo{
float:right;
width:113px;
margin-bottom:3px;
margin-right:6px;
border-bottom:1px dotted #bebebe;
overflow:hidden;
padding-bottom:2px;
_display:inline;
}
#loginPanel.login #hgwInfo dl{
padding:4px 5px 4px 5px;
background-color:#fffbec;
min-height:68px;
_height:68px;
}
#loginPanel.login #hgwInfo dd{
border:none;
}
/* hLv */
#loginPanel.login .hLv{
line-height:13px;
}
#loginPanel.login dt.hLv{
margin-right:-10px;
}
#loginPanel.login dd.hLv{
margin-bottom:1px;
word-wrap:break-word;
}
#loginPanel.login dd.hLv a{
color: #f0783d;
font-weight: bold;
}
/* hMedal */
#loginPanel.login .hMedal{
line-height:13px;
}
#loginPanel.login dt.hMedal{
margin-right:-10px;
}
#loginPanel.login dd.hMedal{
margin-bottom:1px;
word-wrap:break-word;
}
#loginPanel.login dd.hMedal a{
color: #f0783d;
font-weight: bold;
}
#loginPanel.login dd.hMedal a span{
margin-left:2px;
font-size:10px;
font-weight:normal;
font-style:normal;
}
/* usHelp */
#loginPanel.login .usHelp{
line-height:0;
font-size:0;
text-align:right;
margin-top:-17px;
margin-right:3px;
}
/* aTrend */
#loginPanel.login #hgwInfo dt.aTrend{
display:none;
}
#loginPanel.login #hgwInfo dd.aTrend{
zoom:1;
margin-top:2px;
padding-bottom:2px;
font-size:0;
line-height:0;
}
#loginPanel.login #hgwInfo dd.aTrend:after{content:"";display:block;height:0;clear:both;visibility:hidden}
#loginPanel.login #hgwInfo dd.aTrend img{
float:left;
margin-right:3px;
}
/*-- +.avtrCool --*/
#loginPanel.avtrCool #hgwInfo{
float:right;
width:83px;
margin-right:4px;
}
#loginPanel.avtrCool #hgwInfo dl{
padding:3px 0;
}
#loginPanel.avtrCool dd.aTrend{
width:81px;
}
/*-- +.black --*/
#loginPanel.black #hgwInfo{
border-bottom: 1px dotted #bebebe;
color:#ccc;
}
#loginPanel.black #hgwInfo dl {
background-color: #3d3c42;
}
/*-- +.slim --*/
#loginPanel.slim #hgwInfo{
width:76px;
margin-bottom:5px;
font-size:11px;
margin-right: 4px;
margin-left:3px;
}
#loginPanel.slim #hgwInfo dl{
margin-bottom: 4px;
padding: 3px 1px 0;
}
#loginPanel.slim #hgwInfo dt{
font-size:10px;
}
/*  bankInfo
---------------------------------------- */
#loginPanel.login dl#bankInfo {
float:right;
margin-right:6px;
_display:inline;
width:113px;
}
/* coin & cicket */
#loginPanel.login dl#bankInfo dt img.buyBtn{
position:relative;
top:-1px;
margin:0 0 0 6px;
cursor:pointer;
vertical-align:middle;
}
#loginPanel.login dl#bankInfo dd.coin,
#loginPanel.login dl#bankInfo dd.ticket{
padding-bottom:3px;
}
#loginPanel.login dl#bankInfo dd.coin a{
padding-left:16px;
background:url(//images.hangame.co.jp/hangame/common/userarea/ico_coin.gif) no-repeat 1px 2px;
color:#4e986e;
font-weight:bold;
}
#loginPanel.login dl#bankInfo dd.ticket a{
padding-left:16px;
background:url(//images.hangame.co.jp/hangame/common/userarea/ico_ticket.gif) no-repeat 1px 1px;
color:#4e986e;
font-weight:bold;
}
/* hanC & hanG */
#loginPanel.login dl#bankInfo dt.hanC img,
#loginPanel.login dl#bankInfo dt.hanG img{
position:relative;
top:-1px;
margin:0 -16px 0 4px;
cursor:pointer;
vertical-align:middle;
}
#loginPanel.login dl#bankInfo dd.hanC,
#loginPanel.login dl#bankInfo dd.hanG{
padding-bottom:3px;
}
#loginPanel.login dl#bankInfo dd.hanC a{
zoom:1;
padding-left:14px;
background:url(//images.hangame.co.jp/hangame/common/userarea/ico_hancoin.gif) no-repeat 0px 0;
color:#4e986e;
font-weight:bold;
}
#loginPanel.login dl#bankInfo dd.hanC a span{font-size:11px;}
#loginPanel.login dl#bankInfo dd.hanG a{
zoom:1;
padding-left:14px;
background:url(//images.hangame.co.jp/hangame/common/userarea/ico_hang.gif) no-repeat 1px 0;
color:#4e986e;
font-weight:bold;
*background-position:1px 2px;
}
/*-- +.avtrCool --*/
#loginPanel.avtrCool dl#bankInfo {
float:right;
position:relative;
width:92px;
margin-right:-5px;
}
#loginPanel.avtrCool dl#bankInfo dt.hanC img{
display:block;
top:0;
margin:2px 0 0 0;
}
#loginPanel.avtrCool dl#bankInfo dd{
white-space:nowrap;
_white-space:normal;
}
/*-- +.black --*/
#loginPanel.black dl#bankInfo{
color:#ccc;
}
#loginPanel.black dl#bankInfo dd.hanC a,
#loginPanel.black dl#bankInfo dd.hanG a{
color:#ffb112;
}
/*-- +.slim --*/
#loginPanel.slim dl#bankInfo {
width: 73px;
font-size:11px;
position:relative;
}
#loginPanel.slim dl#bankInfo dt.hanC,#loginPanel.slim dl#bankInfo dt.hanG{
position:relative;
margin-right:-15px;
}
#loginPanel.slim dl#bankInfo dd.hanC,#loginPanel.slim dl#bankInfo dd.hanG{
min-height:32px;
_height:32px;
line-height:1.2;
}
#loginPanel.slim dl#bankInfo dd.hanC a,#loginPanel.slim dl#bankInfo dd.hanG a{
background-image:none;
padding-left:0;
}
#loginPanel.slim dl#bankInfo dt.hanC img,
#loginPanel.slim dl#bankInfo dt.hanG img{
position:absolute;
display:block;
top:28px;
left:0;
margin:0;
}
/*  userNavi
---------------------------------------- */
#loginPanel.login ul#userNavi{
float: right;
width: 119px;
}
#loginPanel.login ul#userNavi li#btn_goToMyPage{
position: absolute;
left: 81px;
top: 31px;
}
#loginPanel.login ul#userNavi li.linkList{
width: 114px;
padding: 4px 0;
border-top: 1px dotted #bebebe;
}
/*-- +.core (Avatar none) --*/
#loginPanel.login.core ul#userNavi{
float: none;
width: 190px;
margin-left: 5px;
}
#loginPanel.login.core ul#userNavi li#btn_goToMyPage{
position: absolute;
left: 5px;
top: 31px;
}
#loginPanel.login.core ul#userNavi li.linkList{
width: 185px;
padding-left: 5px;
}
/*-- +.avtrCool --*/
#loginPanel.avtrCool ul#userNavi{
width:87px;
}
#loginPanel.avtrCool ul#userNavi li#btn_goToMyPage{
left:113px;
}
#loginPanel.avtrCool ul#userNavi li.linkList{
width:81px;
}
/*-- +.slim --*/
#loginPanel.slim #btn_goToMyPage img{
width:0;
padding-left:72px;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_goto_mypage_slim.png) no-repeat 0 0;
}
/*  lpPetArea
---------------------------------------- */
#lpPetArea{
clear:both;
width:190px;
margin:0 auto;
padding:10px 0 5px;
border-top:1px dotted #bebebe;
}
#lpPetArea:after{content:"";display:block;height:0;clear:both;visibility:hidden}
#lpPetArea .pic{
float:left;
width:80px;
height:80px;
padding:3px;
background:url(//images.hangame.co.jp/hangame/common/userarea/bg_pet.gif) no-repeat 0 0;
}
#lpPetArea .seesBtn{
margin:0 0 7px 90px;
}
#lpPetArea dl{
margin:0 0 0 90px;
font-size:11px;
}
#lpPetArea dd{
font-weight:bold;
color:#f0783d;
}
#lpPetBnr {
clear:both;
width:190px;
margin:0 auto;
padding-top:4px;
border-top:1px dotted #bebebe;
}
/*-- +.black --*/
#loginPanel.black #lpPetArea dl dt{
color:#ccc;
}
/*-- +.slim --*/
#loginPanel.slim #lpPetBnr,#loginPanel.slim #lpPetArea{
width:146px;
}
#loginPanel.slim #lpPetArea dl dt {
margin-right:-10px;
}
#loginPanel.slim #lpPetArea {
padding-top:6px;
padding-bottom:2px;
width: 150px;
}
#loginPanel.slim #lpPetBnr img{
width:0;
height:50px;
padding-left:146px;
background: url(//images.hangame.co.jp/hangame/common/userarea/bnr_lppetarea_slim.gif) no-repeat 0 0;
}
#loginPanel.slim #lpPetArea dl,
#loginPanel.slim #lpPetArea .seesBtn{
margin-left:88px;
zoom:1;
}
#loginPanel.slim .seesBtn img{
width:0;
padding-left:59px;
background: url(//images.hangame.co.jp/hangame/common/userarea/btn_seespet_slim.gif) no-repeat 0 0;
}
#loginPanel.slim #lpPetArea .pic{
background: url(//images.hangame.co.jp/hangame/common/userarea/bg_pet_slim.gif) no-repeat 0 0;
height: 80px;
width: 80px;
padding: 2px;
zoom:1;
}
/*-- +.white --*/
#loginPanel.white #lpPetArea dt{
color:#676767;
}
/* ==================================================

   usersLinks
 
================================================== */
#usersLinks{
position: relative;
width: 198px;
margin: 3px auto;
border: 1px solid #fff;
border-top: none;
background-color: #fff;
color: #666349;
}
#usersLinks ul{font-size:11px;}
#usersLinks a{
color: #666349;
}
#usersLinks a:hover{
text-decoration: underline;
}
#usersLinks #myMenuList,{
border-top: 1px solid #fff;
}
/*-- +.listOpen --*/
#usersLinks.listOpen{
border: 1px solid #bdba99;
border-top: none;
}

/* black用 */
#loginPanel.black + #usersLinks{
background-color: #c0bfc1;
border-color:#666;
color: #444;
}

#loginPanel.black + #usersLinks a{
color: #444;
}

#loginPanel.black + #usersLinks #playedGameList{
border-top: 1px solid #c0bfc1;
}

#loginPanel.black + #usersLinks #myMenuList_edit p.deleteButton{
background:#4f565e;
}

#loginPanel.black + #usersLinks #myMenuList{
border-top: 1px solid #4f565e;
}

#loginPanel.black + #usersLinks #myMenuList_edit ul{
border-bottom: 1px solid #4f565e;
}

/*  usersLinksNavi
---------------------------------------- */
#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;
}

/*  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;
}
#usersLinks #myMenuList_other h4{
position: static;/* JSでabsolute化 */
right: 0;
top: 19px;
}
#usersLinks #myMenuList_edit h4{
margin-bottom: 3px;
}
#usersLinks #myMenuList_edit ul{
padding: 0 0 7px 7px;
border-bottom: 1px solid #bdba99;
}
#usersLinks #myMenuList_edit input{
vertical-align: middle;
}
#usersLinks #myMenuList_edit p.deleteButton{
height: 13px;
padding: 3px 6px;
background: #bdba99;
text-align: right;
}
#usersLinks #myMenuList_edit p.deleteButton img{
cursor: pointer;
}
/*-- +.listClose --*/
#usersLinks.listClose #myMenuList .game,
#usersLinks.listClose #myMenuList .other{
display: none;
}
/*-- +.listOpen --*/
#usersLinks.listOpen #myMenuList{
border-top: 1px solid #bdba99;
}
#usersLinks.listOpen #myMenuList_game,
#usersLinks.listOpen #myMenuList_other{
display: block;
}
/*  playedGameList
---------------------------------------- */
#usersLinks #playedGameList{
border-top: 1px solid #fff;
}
#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;
}
/*-- +.listClose ---*/
#usersLinks.listClose #playedGameList ul{
display: none;
}
/*-- +.listOpen ---*/
#usersLinks.listOpen #playedGameList{
border-top: 1px solid #bdba99;
}
#usersLinks.listOpen #playedGameList ul{
display: block;
}

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

   +.v4

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

/* userArea
------------------------------------------------ */
#userArea.v4{
  position: relative;
  font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}

/*  userName
---------------------------------------- */
/*-- +.v4 --*/
.hanG.v4 #loginPanel.login {
  padding-bottom: 3px;
}
.hanG.v4 #loginPanel.login h2{
  position: relative;
  width: 190px;
  height: 25px;
  margin: -3px 0 0;
  padding: 7px 0 0 10px;
  border: none;
  background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top.png) no-repeat 0 0;
}
.hanG.v4 #loginPanel.login h2 a {
  display: inline-block;
  padding-right: 1px;
  font-size: 12px;
}
.hanG.v4 #loginPanel.login h2 a.info{
  top: 112px;
  left: 82px;
  right: auto;
  color: #666;
}
.hanG.v4 #loginPanel.login h2 a.info img {
  display: none;
}
.hanG.v4 #loginPanel.login h2 a.info:after{
  content: "ID情報";
  font-size: 11px;
  font-weight: normal;
}
/*-- +.v4 .black --*/
.hanG.v4 #loginPanel.login.black h2{
  background: url(//images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_core.png) no-repeat 0 0;
}
.hanG.v4 #loginPanel.login.black h2 a.info{
  color: #ccc;
}
/*-- +.v4 .avtrCool --*/
.hanG.v4 #loginPanel.avtrCool h2{
  margin-bottom: 0;
}
.hanG.v4 #loginPanel.avtrCool h2 a.info{
  top: 109px;
  left: 114px;
}
/*-- +.v4 .slim --*/
.hanG.v4 #loginPanel.login.slim {
  padding-bottom: 0;
}
.hanG.v4 #loginPanel.login.slim h2{
  background: url(http://images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_slim.png) no-repeat 0 0;
}
.hanG.v4 #loginPanel.login.slim h2 a.info{
  top: 109px;
}
/*-- +.v4 .slim.black --*/
.hanG.v4 #loginPanel.login.slim.black h2{
  background: url(http://images.hangame.co.jp/hangame/common/userarea/bg_userpanel_top_core_slim.png) no-repeat 0 0;
}


/*  avatarWindow
---------------------------------------- */
/*-- +.v4 --*/
.v4 #loginPanel.login #avatarWindow{
  background: url(//images.hangame.co.jp/hangame/common/userarea/bg_avatarwindow.png) no-repeat 0 0;
}
.v4 #loginPanel.login #avatarWindow .btn{
  width: 72px;
  height: 16px;
  margin: 8px 0 0 -3px;
  padding: 0;
}
.v4 #loginPanel.login #avatarWindow .btn a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(//images.hangame.co.jp/hangame/common/userarea/btn_change.png) 0 0 no-repeat;
}
.v4 #loginPanel.login #avatarWindow .btn img {
display: none;
}
/*-- +.v4 .avtrCool --*/
.v4 #loginPanel.avtrCool #avatarWindow{
  width: 108px;
  padding: 0 0 4px;
  background: none;
}
.v4 #loginPanel.avtrCool #avatarWindow .btn{
  width: auto;
  margin: 5px 0 0 16px;
  padding: 0;
}

/*  newsInfo
---------------------------------------- */
/*-- +.v4 --*/
.v4 #loginPanel.login dl#newsInfo{
  float: right;
  width: 113px;
  height: 49px;
  padding: 0;
  margin: 0 6px 0 0;
  border-bottom: dotted 1px #e0e0e0; 
}
.v4 #loginPanel.login dl#newsInfo .news{
  margin: 0;
  padding: 0;
  border: none; 
}
.v4 #loginPanel.login dl#newsInfo dt.news{
  display: none;
}
.v4 #loginPanel.login dl#newsInfo dd.news{
  width: 100px;
  padding: 9px 0 0 4px;
}
.v4 #loginPanel.login dl#newsInfo dd.news span {
  width: 48px;
  height: 10px;
  padding: 0 0 9px 0;
  line-height: 1;
}
.v4 #loginPanel.login dl#newsInfo dd.news span a {
  padding: 0 0 0 15px;
  background-position: 0 3px;
  background-repeat: no-repeat;
}
.v4 #loginPanel.login dl#newsInfo dd.news span.mnml a{
  background-image:url(//images.hangame.co.jp/hangame/common/userarea/ico_mail.png);
}
.v4 #loginPanel.login dl#newsInfo dd.news span.cmnt a{
  margin-left: 0;
  background-position: 0 4px;
  background-image:url(//images.hangame.co.jp/hangame/common/userarea/ico_cmnt.png);
}
.v4 #loginPanel.login dl#newsInfo dd.news span.pbox a{
  background-image:url(//images.hangame.co.jp/hangame/common/userarea/ico_pbox.png);
}
.v4 #loginPanel.login dl#newsInfo dd.news span.frnd a{
  background-position: 0 4px;
  background-image:url(//images.hangame.co.jp/hangame/common/userarea/ico_frnd.png);
}
/*-- +.v4 .black --*/
.v4 #loginPanel.black dl#newsInfo{
  border-bottom: dotted 1px #505050;
}
/*-- +.v4 .avtrCool --*/
.v4 #loginPanel.avtrCool dl#newsInfo{
  width: 81px;
  height: 39px;
  padding: 0;
  margin: 7px 6px 0 0;
}
.v4 #loginPanel.avtrCool dl#newsInfo dt.news {
  display: none;
}
.v4 #loginPanel.avtrCool dl#newsInfo dd.news{
  width: 81px;
  padding: 0 0 0 1px;
}
.v4 #loginPanel.avtrCool dl#newsInfo dd.news span {
  width: 40px;
}
.v4 #loginPanel.avtrCool dl#newsInfo dd.news span a {
  padding: 0 0 0 15px;
  background-position: 1px 4px;
}
/*-- +.v4 .slim --*/
.v4 #loginPanel.slim dl#newsInfo{
  width: 73px;
  height: 46px;
}
.v4 #loginPanel.slim dl#newsInfo .cmnt {
  margin: 0;
}
.v4 #loginPanel.login dl#newsInfo dd.news{
  padding: 7px 0 0 2px;
}
.v4 #loginPanel.slim dl#newsInfo dd.news span {
  width: 37px;
  letter-spacing: -0.5px;
}
.v4 #loginPanel.slim dl#newsInfo dd.news span a {
  padding: 0 0 0 14px;
  font-size: 11px;
}

/*  bankInfo
---------------------------------------- */
/*-- +.v4 --*/
.v4 #loginPanel.login dl#bankInfo {
  float: right;
  width: 112px;
  margin: 50px 6px 0 0;
  padding: 14px 0 0 1px;
  border-top: dotted 1px #e0e0e0;
  font-size: 11px;
}
.v4 #loginPanel.login dl#bankInfo dt.hanC {
  height: 18px;
  vertical-align: top;
}
.v4 #loginPanel.login dl#bankInfo dt.hanC img {
  top: 0;
  width: 32px;
  height: 20px;
  margin: -4px 0 0 3px;
}
.v4 #loginPanel.login dl#bankInfo dd.hanC a {
  padding-left: 14px;
  background-position: 0 2px;
  font-size: 12px;
}
/*-- +.v4 .black --*/
.v4 #loginPanel.black dl#bankInfo{
  border-top: dotted 1px #505050;
}
/*-- +.v4 .avtrCool --*/
.v4 #loginPanel.avtrCool dl#bankInfo {
  width: 80px;
  margin: 51px 6px 0 0;
  padding: 10px 0 0 1px;
}
.v4 #loginPanel.avtrCool dl#bankInfo dt.hanC {
  height: 40px;
}
.v4 #loginPanel.avtrCool dl#bankInfo dt.hanC img{
  display: block;
  position: relative;
  top: auto;
  margin: 2px 0 0 -1px;
}
.v4 #loginPanel.avtrCool dl#bankInfo dd{
  display: block;
  white-space: nowrap;
}
/*-- +.v4 .slim --*/
.v4 #loginPanel.login.slim dl#bankInfo {
  width: 73px;
  margin: 51px 6px 0 0;
  padding: 10px 0 0;
  font-size: 10px;
}
.v4 #loginPanel.login.slim dl#bankInfo dt.hanC {
  height: 40px;
}
.v4 #loginPanel.login.slim dl#bankInfo dt.hanC img {
  top: 16px;
  margin: 0;
}
.v4 #loginPanel.login.slim dl#bankInfo dd.hanC a{
background:url(//images.hangame.co.jp/hangame/common/userarea/ico_hancoin.gif) no-repeat 0 2px;
}

/*  userNavi
---------------------------------------- */
/*-- +.v4 --*/
.v4 #loginPanel.login ul#userNavi{
  width: 113px;
}
.v4 #loginPanel.login ul#userNavi li#btn_goToMyPage{
  width: 113px;
  height: auto;
  top: 88px;
  left: 82px;
  line-height: 1;
}
.v4 #loginPanel.login ul#userNavi li#btn_goToMyPage a {
  color: #666;
}
.v4 #loginPanel.login ul#userNavi li#btn_goToMyPage img{
  display: none;
}
.v4 #loginPanel.login ul#userNavi li#btn_goToMyPage a:after {
  content: "マイページ";
  font-size: 11px;
  font-weight: normal;
}
/*-- +.v4 .black --*/
.v4 #loginPanel.login.black ul#userNavi li#btn_goToMyPage a {
  color: #ccc;
}
/*-- +.v4 .avtrCool --*/
.v4 #loginPanel.avtrCool ul#userNavi{
 width: 81px;
}
.v4 #loginPanel.avtrCool ul#userNavi li#btn_goToMyPage{
  top: 85px;
  left: 114px;
}
/*-- +.v4 .slim --*/
.v4 #loginPanel.login.slim ul#userNavi li#btn_goToMyPage{
  top: 86px;
}