@charset "shift_jis";

/* base font style
------------------------- */
body{
background:transparent;
color:#666;
font-family:"���C���I";
font-size:12px;
line-height:1.333;
margin:0;
padding:0;
}

input,textarea,select{
font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
font-size:1em;
}


/* Link style
------------------------- */
a:link{
color:#666;
text-decoration:none;
}
a:visited {
color:#666;
text-decoration:none;
}
a:hover,a:active,a:focus{
color:#666;
text-decoration:underline;
}


/* Browser style reset
------------------------- */
h1,h2,h3,h4,h5,h6{
margin:0;
font-size:1em;
}

p,form,dl,dd{
margin:0;
}

ol,ul{
list-style-type:none;
margin:0;
padding:0;
}

em{
font-style:normal;
}


/* Extra style
------------------------- */
img{
border:0;
vertical-align:top;
}

label{
cursor:pointer;
}

.txtNone {
border: medium none;
color: rgba(0, 0, 0, 0);
font: 0px/0 a;
overflow: hidden;
padding: 0;
text-shadow: none;
}

/* common
------------------------- */
#stampSelect .otherStamp{
width:649px;
height:351px;
padding:13px;
margin:0 auto;
position:relative;
overflow:hidden;
background:url(http://images.hangame.co.jp/hangame/mypage/common/bg_stamp_other.png) no-repeat 0 0;
}
#stampSelect .selfStamp{
width:649px;
height:351px;
padding:13px;
margin:0 auto;
position:relative;
overflow:hidden;
background:url(http://images.hangame.co.jp/hangame/mypage/common/bg_stamp_self.png) no-repeat 0 0;
}
#stampSelect .stampAll{
height:264px;
}
#stampSelect .otherNone p,#stampSelect .selfNone p{
padding-bottom:13px;
}
#stampSelect .selfNone{
height:160px;
padding-top:104px;
text-align:center;
font-family:"MS PGothic";
}
#stampSelect .otherNone{
height:143px;
padding-top:121px;
text-align:center;
font-family:"MS PGothic";
}
#stampSelect h1{
margin:5px 0 0 20px;
width:180px;
height:30px;
display:inline-block;
}
#stampSelect h1.stampsNone img{
display:none;
}
#stampSelect .topClose{
cursor:pointer;
position:absolute;
top:20px;
right:22px;
}
#stampSelect .stampArea{
padding-bottom:15px;
zoom:1;
}
#stampSelect .stampArea:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#stampSelect .stampArea li{
float:left;
width:102px;
line-height:14px;
margin:0 4px 0 20px;
text-align:center;
word-wrap:break-word;
word-break:break-all;/* webkit */
}
#stampSelect .stampArea li .stampPush{
width:102px;
height:26px;
cursor:pointer;
display:inline-block;
margin-top:7px;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_stamp_push.png) no-repeat 0 0;
}
#stampSelect .stampArea li .stampPush:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_stamp_push_on.png) no-repeat 0 0;
}
#stampSelect .stampArea li .stampPushOff{
width:102px;
height:26px;
display:inline-block;
margin-top:7px;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_stamp_push_off.png) no-repeat 0 0;
}
#stampSelect .stampArea li .stampBuy{
width:57px;
height:26px;
cursor:pointer;
display:inline-block;
margin-top:7px;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_buy.png) no-repeat 0 0;
}
#stampSelect .stampArea li .stampBuy:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_buy_on.png) no-repeat 0 0;
}
#stampSelect .stampArea li .stampUsed{
width:102px;
height:26px;
display:inline-block;
margin-top:7px;
background:url(http://images.hangame.co.jp/hangame/mypage/common/img_used.png) no-repeat 0 0;
}

#stampSelect .stampArea li .stampTxt{
height:28px;
overflow:hidden;
padding:5px 0 4px;
}
#stampSelect .stampArea .stamp{
position:relative;
width:102px;
height:102px;
}
#stampSelect .stampArea .stamp .bg{
position:absolute;
top:0;
left:0;
z-index:5;
}
#stampSelect .stampArea .stamp .ava{
position:absolute;
top:0;
left:29px;
z-index:6;
}
#stampSelect .stampArea .stamp .cover{
position:absolute;
top:0;
left:0;
z-index:7;
}
#stampSelect .stampArea .stamp .star{
position:absolute;
top:0;
left:0;
z-index:8;
}
#stampSelect .stampArea .stamp .close{
cursor:pointer;
position:absolute;
top:0;
right:0;
z-index:9;
}
/* pageNavi
------------------------- */
#stampSelect ul.pageNavi{
clear: both;
margin: 0 auto;
text-align: center;
}

#stampSelect ul.pageNavi li{
display: inline;
margin-right: -4px;
border-left: 1px solid #d2d2d2;
font-weight: bold;
line-height: 14px;
}

#stampSelect ul.pageNavi li.first{
border-left: none;
}

#stampSelect ul.pageNavi li.first,
#stampSelect ul.pageNavi li.last{
zoom: 1;
width: 69px;
*margin-right: 0;
}

#stampSelect ul.pageNavi li.prev{
zoom: 1;
width: 53px;
*margin-right: 1px;
}

#stampSelect ul.pageNavi li.next{
zoom: 1;
width: 52px;
*margin-right: 1px;
}

#stampSelect ul.pageNavi li span,
#stampSelect ul.pageNavi li.skate{
padding: 0 10px;
zoom: 1;
color: #676767;
cursor:pointer;
}

#stampSelect ul.pageNavi li span:hover,
#stampSelect ul.pageNavi li.skate:hover{
background-color: #f3f3f3;
text-decoration: none;
}

#stampSelect ul.pageNavi li.now span{
color: #f90;
font-weight: bold;
}

#stampSelect ul.pageNavi li img{
padding: 2px 0;
vertical-align: top;
}

#stampSelect ul.pageNavi li.first img,
#stampSelect ul.pageNavi li.last img{
width: 49px;
margin: 0 9px;
}

#stampSelect ul.pageNavi li.prev img{
width: 33px;
margin: 0 9px;
}

#stampSelect ul.pageNavi li.next img{
width: 32px;
margin: 0 9px;
}

#stampSelect ul.pageNavi li.skate img{
margin: 0;
}
/* avaSelect
------------------------- */
#stampSelect .avaSelect{
height:33px;
position:relative;
}
#stampSelect .avaSelect dl{
padding:6px 0 0;
zoom:1;
}
#stampSelect .avaSelect dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#stampSelect .avaSelect dl dt,#stampSelect .avaSelect dl dd{
float:left;
}
#stampSelect .avaSelect dl dt{
padding:5px 4px 0 19px;
}
#stampSelect .avaSelect dl dd{
padding:0 3px 0 0;
}
#stampSelect .avaSelect dl dd.avaPure{
width:82px;
height:23px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_ava_pure.gif) no-repeat 0 0;
}
#stampSelect .avaSelect dl dd.avaPure01{
width:82px;
height:23px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_ava_pure01.gif) no-repeat 0 0;
}
#stampSelect .avaSelect dl dd.avaCool{
width:82px;
height:23px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_ava_cool.gif) no-repeat 0 0;
}
#stampSelect .avaSelect dl dd.avaCool01{
width:82px;
height:23px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_ava_cool01.gif) no-repeat 0 0;
}
#stampSelect .avaSelect dl dd.avaOn{
width:80px;
height:23px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_ava_on.gif) no-repeat 0 0;
}
#stampSelect .avaSelect dl dd.avaOn01{
width:80px;
height:23px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_ava_on01.gif) no-repeat 0 0;
}
#stampSelect .avaSelect dl dd.avaOff{
width:80px;
height:23px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_ava_off.gif) no-repeat 0 0;
}
#stampSelect .avaSelect dl dd.avaOff01{
width:80px;
height:23px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_ava_off01.gif) no-repeat 0 0;
}
#stampSelect .avaSelect .msClose{
position:absolute;
top:9px;
right:8px;
width:93px;
height:18px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_message.gif) no-repeat 0 0;
}
#stampSelect .avaSelect .messagesCont{
display:none;
}
#stampSelect .avaSelect.messageOpen{
position:relative;
margin-top:-59px;
width:650px;
height:92px;
background:#e6e1e1;
}
#stampSelect .avaSelect.messageOpen .messagesCont{
display:block;
height:54px;
padding-top:6px;
position:relative;
}
#stampSelect .avaSelect.messageOpen .messagesCont dl{
position:absolute;
top:6px;
left:0px;
}
#stampSelect .avaSelect.messageOpen .messagesCont dt{
padding:3px 3px 0 19px;
}
#stampSelect .avaSelect.messageOpen .messagesCont dd{
color:#a19595;
padding:0 4px 0 0;
line-height:20px;
font-family:"MS PGothic";
}
#stampSelect .avaSelect.messageOpen .messagesCont dd input{
width:420px;
height:20px;
padding:0 5px;
color:#999;
border:1px solid #7c5c5e;
line-height:20px;
}
#stampSelect .avaSelect.messageOpen .messagesCont p{
padding:34px 0 0 49px;
}
#stampSelect .avaSelect.messageOpen .msClose{
position:absolute;
top:0px;
right:5px;
width:24px;
height:15px;
cursor:pointer;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_close03.gif) no-repeat 0 0;
}
/* avaMenu
------------------------- */
#stampSelect .avaMenu{
height:53px;
position:relative;
}
#stampSelect .avaMenu ul{
padding-top:7px;
zoom:1;
}
#stampSelect .avaMenu ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#stampSelect .avaMenu li{
float:left;
padding:0 2px 0 4px;
background:url(http://images.hangame.co.jp/hangame/mypage/common/img_line.gif) no-repeat 0 6px;
}
#stampSelect .avaMenu li:first-child{
padding:0 2px 0 9px;
background:none;
}
#stampSelect .avaMenu .goShop{
position:absolute;
top:8px;
right:8px;
}

#stampSelect .avaMenu li .otherMenu01{
width:52px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu01.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu01:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu01_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu01.now{
width:52px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu01_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu02{
width:67px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu02.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu02:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu02_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu02.now{
width:67px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu02_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu03{
width:70px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu03.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu03:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu03_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu03.now{
width:70px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu03_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu04{
width:62px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu04.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu04:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu04_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu04.now{
width:62px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu04_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu05{
width:72px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu05.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu05:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu05_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu05.now{
width:72px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu05_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu06{
width:52px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu06.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu06:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu06_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu06.now{
width:52px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu06_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu07{
width:52px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu07.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu07:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu07_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu07.now{
width:52px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu07_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu08{
width:52px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu08.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu08:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu08_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .otherMenu08.now{
width:52px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_other_menu08_now.png) no-repeat 0 0;
}

#stampSelect .avaMenu li .selfMenu01{
width:52px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu01.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu01:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu01_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu01.now{
width:52px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu01_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu02{
width:67px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu02.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu02:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu02_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu02.now{
width:67px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu02_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu03{
width:70px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu03.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu03:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu03_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu03.now{
width:70px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu03_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu04{
width:62px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu04.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu04:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu04_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu04.now{
width:62px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu04_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu05{
width:72px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu05.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu05:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu05_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu05.now{
width:72px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu05_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu06{
width:52px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu06.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu06:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu06_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu06.now{
width:52px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu06_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu07{
width:52px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu07.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu07:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu07_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu07.now{
width:52px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu07_now.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu08{
width:52px;
height:36px;
cursor:pointer;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu08.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu08:hover{
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu08_on.png) no-repeat 0 0;
}
#stampSelect .avaMenu li .selfMenu08.now{
width:52px;
height:36px;
display:inline-block;
background:url(http://images.hangame.co.jp/hangame/mypage/common/btn_self_menu08_now.png) no-repeat 0 0;
}