@charset 'Shift_JIS';

/* em 
------------------------- */
em{
font-style:normal;
}

/* header
------------------------- */
#headerArea{
width:738px;
position:relative;
}

#headerArea .headerTop{
margin:15px 0;
zoom:1;	
}

#headerArea .headerTop:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.headerTop h1{
float:left;
width:234px;
padding-left:14px;
}

.headerTop #searchArea{
float:right;
padding-top:23px;
}

#searchArea strong{
padding-right:5px;
color:#000;
*position:relative;
*top:-4px;
}

#searchArea input.txt{
width:320px;
height:15px;
border:1px solid #aaa;
padding:4px;
margin-right:8px;
color:#676767;
}

#searchArea input.dflt{
color:#aaa;
}

#headerArea p.pureIco{
position:absolute;
right:0;
top:0;	
}

#headerArea .pankuzu{
background: url(//images.hange.jp/hangame/avatar/illustrate/bg_pankuzu.gif) repeat-x left top;
height:22px;
padding-top:6px;
margin-bottom:15px;
font-size:11px;
}

#headerArea .pankuzu ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#headerArea .pankuzu ul{
padding-left:10px;
}

#headerArea .pankuzu ul li{
float:left;
padding-left:7px;
}

#headerArea .pankuzu ul li{
background: url(//images.hange.jp/hangame/avatar/illustrate/pankuzu_arrow.gif) no-repeat left 1px;
padding:0 10px 0 12px;
color:#333;
}

#headerArea .pankuzu ul li a{
text-decoration:underline;
color:#333;
}

#headerArea .pankuzu ul li.top{
background: url(//images.hange.jp/hangame/avatar/illustrate/ico_top.gif) no-repeat left top;
padding-left:20px;
}

/*titGuide
------------------------- */
#titGuide{
width:498px;
margin-bottom:10px;
border-bottom:1px solid #ccc;
padding-bottom:3px;	
}

#titGuide:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#titGuide h2{
background: url(//images.hange.jp/hangame/avatar/illustrate/arw_brown_s.gif) no-repeat 0 6px;
padding-left:10px;
color:#2d2d2d;
font-size:14px;	
float:left;
}

#titGuide p{
float:right;
font-size:11px;
padding-top:5px;
}

#titGuide p em{
color:#eb5d1f;
}

/* pageTop
------------------------- */
ul.pageNavi.pageTop {
width: 130px;
margin: 0;
padding:7px 0 0 0;
text-align: left;
float:left!important;
}

ul.pageNavi.pageTop li.next {
position: relative;
margin-left:0;
}

ul.pageNavi.pageTop li.prev {
position: relative;
padding: 0 3px 0 0;
margin-right: -3px;
*margin-right: -2px;
}

ul.pageNavi.pageTop li.prev a {
padding: 0;
margin-right: -3px;
*margin-right: -2px;
}

ul.pageNavi.pageTop li.page .pageCount {
padding: 0 2px 0 7px;
}

ul.pageNavi.pageTop li.next img,
ul.pageNavi.pageTop li.next a img,
ul.pageNavi.pageTop li.prev img,
ul.pageNavi.pageTop li.prev a img{
vertical-align:baseline;
}

/* sort
------------------------- */
.sort{
padding-bottom:10px;
text-align:right;
height:18px;
}

.sort:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.sort p{
float:left;
padding-left:5px;
}

.sort ul{
float:right;
}

.sort li{
float:left;	
padding-left:5px;
}

.sort li select{
color:#919191;
}

/* rankSection
------------------------- */
.rankSection{
position:relative;	
}

.rankSection h3{
background:#ab4c4c;
color:#fff;
padding:3px 0 3px 10px;
}

.rankSection p.more{
color:#fff;
position:absolute;
top:5px;
right:10px;
background:url(//images.hange.jp/hangame/shop/auction/common/arw_square_gray.gif) no-repeat right 0;
padding-right:10px;
}

.rankSection p.more a{
color:#fff;
font-size:11px;
}


/* itemList
------------------------- */
.itemList{
padding-bottom:10px;
}

.itemList ul{
margin-left:-2px;
zoom:1;
}

.itemList ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.itemList ul li{
float:left;
position:relative;
width:124px;
height:210px;
background: url(//images.hange.jp/hangame/avatar/illustrate/bg_disp.gif) no-repeat left top;
padding-left:2px;
margin-bottom:2px;
}

.itemList.topRank ul li{
height:240px;
border-top:1px solid #e8e8e8;
background: url(//images.hange.jp/hangame/avatar/illustrate/bg_disp.gif) no-repeat left bottom;
margin-bottom:10px;
}

.itemList ul li p.medal{
height:30px;
text-align:left;
padding-left:3px;
position:relative;
}

.itemList ul li p.medal span.rankTxt{
display:block;
position:absolute;
top:7px;
font-weight:bold;
}

.itemList ul li p.medal em{
display:block;
position:absolute;
top:10px;
left:32px;
}

.itemList ul li .avaItem{
width:122px;
height:151px;
margin-bottom:5px;
}

.avaItem{
position:relative;
}

.avaItem .dispImg{
position: absolute;
bottom:0;
left:0;
width: 100%;
text-align:center;
}

.avaItem .dispImg img{
cursor:pointer;
}

.itemLayer .avaItem .dispImg img{
cursor:default;
}

.itemList ul li p{
text-align:center;	
}

.itemList ul li p.name{
padding-bottom:2px;	
width:110px;
margin:0 auto;
}

.itemList ul li p.have{
position:absolute;
bottom:5px;
right:7px;
}

.itemList ul li p.btnDel{
position:absolute;
bottom:5px;
left:5px;
}

/* pageNavi
------------------------- */
ul.pageNavi {
clear: both;
width: 100%;
height: 11px;
margin: 0 auto 10px;
padding: 0;
text-align: center;
line-height: 11px;
}

ul.pageNavi li {
display: inline;
height: 13px;
margin-left: -1px;
margin-right: -3px;
*margin-right: -2px;
padding: 0;
background: url(//images.hange.jp/hangame/shop/common/bg_pageline.gif) 0 1px no-repeat;
font-size: 11px;
font-family: verdana, 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
text-align: center;
vertical-align: baseline;
*vertical-align: bottom;
line-height: 13px;
}

ul.pageNavi li a {
position: relative;
padding: 0 8px 0 9px;
color: #858585;
zoom: 1;
}

ul.pageNavi li a:hover {
color: #333;
text-decoration: underline;
}

ul.pageNavi li.now a {
color: #333;
font-weight: bold;
}

ul.pageNavi li.first,
ul.pageNavi li.prev {
width: 20px;
padding: 0 4px 0 0;
background: url(//images.hange.jp/hangame/shop/common/bg_pageimg.gif) 0 0 no-repeat;
}

ul.pageNavi li.prev {
position: relative;
padding: 0 10px 0 0;
margin-right: -8px;
}

ul.pageNavi li.next,
ul.pageNavi li.last {
width: 16px;
padding: 0 0 0 8px;
background: none;
}

ul.pageNavi li.next {
position: relative;
margin-left: -5px;
margin-right: -6px;
}

ul.pageNavi li.first a,
ul.pageNavi li.prev a,
ul.pageNavi li.next a,
ul.pageNavi li.last a {
padding: 0;
}

ul.pageNavi li img {
position: relative;
height: 13px;
vertical-align: bottom;
}

/*pageTop*/

ul.pageNavi.pageTop {
width: 130px;
margin: 0;
padding:7px 0 0 0;
text-align: left;
float:left!important;
}

ul.pageNavi.pageTop li.next {
position: relative;
margin-left:0;
}

ul.pageNavi.pageTop li.prev {
position: relative;
padding: 0 3px 0 0;
margin-right: -3px;
*margin-right: -2px;
}

ul.pageNavi.pageTop li.prev a {
padding: 0;
margin-right: -3px;
*margin-right: -2px;
}

ul.pageNavi.pageTop li.page .pageCount {
padding: 0 2px 0 7px;
}

ul.pageNavi.pageTop li.next img,
ul.pageNavi.pageTop li.next a img,
ul.pageNavi.pageTop li.prev img,
ul.pageNavi.pageTop li.prev a img{
vertical-align:baseline;
}

/* goTop
------------------------- */
p.goTop {
text-align: right;
font-size: 11px;
padding-bottom:5px;
}

p.goTop a {
padding-left: 12px;
background: url(//images.hange.jp/hangame/shop/auction/common/ico_pagetop.gif) 0 0 no-repeat;
}


/* icoAbout
------------------------- */
p.icoAbout{
text-align:right;
font-size:11px;	
}

p.icoAbout img{
padding-right:3px;
vertical-align:middle;	
}

/* fitLayer
------------------------- */
.fitLayer{
display:none;	
position:absolute;
padding:10px 17px 13px;
width:67px;
height:189px;
background:#f8f7f5;
z-index:100;
background:url(//images.hange.jp/hangame/avatar/illustrate/bg_fit_layer.png) no-repeat left top;	
}

.fitLayer:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.fitLayer #avatarWindow{
background:#fff;
border:1px solid #dadada;
margin:15px 0 5px;
*margin:5px 0 5px;
width:66px;
text-align:center;
}

.fitLayer .data ul{
text-align:center;
}

.fitLayer .data li{
display:inline;
}

.fitLayer .data li img{
cursor:pointer;
}

.fitLayer p.close,
.itemLayer p.close{
float:right;
cursor: pointer;
}


/* itemLayer
------------------------- */
.itemLayer{
display:none;
position:absolute;
padding:15px;
width:450px;
height:461px;
background:url(//images.hange.jp/hangame/avatar/illustrate/bg_itemlayer.png) no-repeat left top;	
z-index:100;
}

.itemLayer .itemData{
padding-bottom:10px;
zoom:1;	
}

.itemLayer .itemData:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.itemData .avaItem,
.topRankSec .avaItem,
#mvpArea .avaItem{
float:left;		
width:134px;
height:156px;
background:url(//images.hange.jp/hangame/avatar/illustrate/bg_disp_layer.gif) no-repeat left top;		
}

.itemLayer .itemData .avaItem .dispImg,
.topRankSec .avaItem .dispImg,
#dendoItem .avaItem .dispImg,
#mvpArea .avaItem .dispImg {
position:absolute;
bottom:4px;	
}

.itemData .data{
float:left;	
width:280px;
padding-left:24px;
font-size:11px;
position:relative;
}

.itemData .data dl{
padding-top:5px;
}

.itemData .data dl dt,
.itemData .data dl dd{
padding-bottom:7px;
}

.itemData .data dl dt.best,
.itemData .data dl dd.best{
padding-top:10px;
}


.itemData .data dl dt{
float:left;
width:70px;
text-align:right;
}

.itemData .data dl dd{
margin-left:70px;
width:205px;
padding-left:5px;
}

.itemData .data dl dd.txt{
font-size:12px;
font-weight:bold;
}

.itemData .data dl dd.txt a{
text-decoration:underline;
}

.itemData p.btnS{
padding-bottom:10px;	
}

.itemData .favorite:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.itemData .favorite{
padding:7px 5px;
background:url(//images.hange.jp/hangame/avatar/illustrate/line_dot.gif) repeat-x left top;
margin-top:5px;	
position:absolute;
left:28px;
top:125px;
}

.itemData .favorite p.txt{
float:left;
width:160px;
padding:3px 5px 0 0;
}

.itemData .favorite p.btnF{
float:left;
width:101px;
}

.itemLayer .otherShop{
background:url(//images.hange.jp/hangame/avatar/illustrate/bg_othershop.gif) no-repeat left top;
padding-top:5px;
height:276px;
margin-bottom:5px;
}

.itemLayer .shopLink{
zoom:1;	
}

.itemLayer .shopLink:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.itemLayer .shopLink .ioc{
float:left;	
}

.itemLayer .shopLink .ioc{
float:left;
width:60px;
padding-left:10px;	
}

.itemLayer .shopLink p.tit{
margin-left:70px;
padding:2px 0 3px;
font-weight:bold;
}

.itemLayer .shopLink ul.count{
margin-left:70px;	
}

.itemLayer .shopLink ul.count li{
display:inline;
padding-right:15px;
}

.itemLayer .shopLink ul.count li a{
text-decoration:underline;
}

.itemLayer .trade .shopLink {
padding-bottom:3px;	
margin-bottom:10px;
}

.itemLayer .trade p.txt{
font-size:11px;
text-align:center;
padding-bottom:3px;
}

.itemLayer .trade p.txt.not{
padding:80px 0 82px;
}

.trade ul.tradeItem{
zoom:1;
padding:0 0 2px 6px;
margin-bottom:10px;
}

.trade ul.tradeItem:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.trade ul.tradeItem li{
float:left;
padding-left:10px;
position:relative;
width:98px;
}

.trade ul.tradeItem li .avaItem{
position:relative;
border:1px solid #ccc;
padding:2px;
width:88px;
height:112px;
margin-bottom:3px;
}

.trade ul.tradeItem li p.name{
margin-left:23px;
width:75px;
font-size:10px;
line-height:1.2;
height:26px;
}

.trade ul.tradeItem li p.have{
float:left;
width:18px;
}

.otherShop .shopBtm:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.otherShop .flema,
.otherShop .auction{
float:left;
width:224px;
}

.itemLayer p.notice{
font-size:11px;
padding-left:5px;
}

/* フリマクローズ後レイアウト
------------------------------------ */
.otherShop .auction.atSection{
float:none;
width:100%;
}

.auction.atSection .shopLink p.tit{
margin-left: 75px;	
padding-top:12px;
}

.auction.atSection .shopLink ul.count{
margin:-18px 0 0 162px;
}

/* sideArea
------------------------- */
#sideArea{
width:210px;
margin-right:12px;
float:left;
border-top:1px solid #dadada;
padding:6px;
}

#sideArea #nav {
border:1px solid #dadada;
}

#sideArea #nav p{
padding-bottom:5px;
}

#sideArea #nav  p.tit.top{
margin-top:3px;	
}

#sideArea #ctsList {
background:#fff;
}

#sideArea #ctsList ul{
padding:5px 0 0 10px;
}

#sideArea #ctsList ul li {
color: #303040;
line-height: 1.1;
padding-bottom:10px;
}

#sideArea #ctsList ul li a {
color: #303040;
padding-left: 16px;
background: url(//images.hange.jp/hangame/avatar/illustrate/ico_arrow.gif) 0 1px no-repeat;
}
#sideArea #ctsList ul li a.nest00 {
background-image: url(//images.hange.jp/hangame/avatar/illustrate/ico_nest00.gif);
}
#sideArea #ctsList ul li a.nest01 {
background-image: url(//images.hange.jp/hangame/avatar/illustrate/ico_nest01.gif);
}
#sideArea #ctsList .nest01 ul.hide {
display: block;
margin: 0 0 15px 0;
padding-bottom:0;
}

#sideArea #ctsList ul.hide {
padding-top:10px;
}

#sideArea #ctsList ul.hide li{
padding-bottom:5px;
}

#sideArea #ctsList ul.hide li img.ico{
padding-left:5px;
}

#sideArea #ctsList ul.hide li a {
padding-left: 15px;
background-image: url(//images.hange.jp/hangame/avatar/illustrate/ico_ctg.gif);
}

/* favoriteItem
---------------------------------------- */
#favoriteItem {
position: relative;
width: 186px;
margin: 0 auto;
text-align: center;
background:url(//images.hange.jp/hangame/common/extraarea/bg_favorite.gif) no-repeat left top;	
padding:9px 7px;
height:146px;
margin-bottom:10px;
}

#favoriteItem h3 {
width: 186px;
height: 24px;
text-align: left;
}

#favoriteItem .item{
width:186px;
min-height:72px;
_height:72px;/*IE6*/
margin:0 auto 5px;
padding:5px 0;
background:url(//images.hange.jp/hangame/common/extraarea/bg_box02_btm.gif) no-repeat center bottom;
}

#favoriteItem ul {
position: inherit;
width: 180px;
height: 116px;
margin: 0 auto;
padding: 0 0 0 4px;
background: url(//images.hange.jp/hangame/avatar/illustrate/bg_fit-itemlist.gif) center top repeat-y;
text-align: center;
}

#favoriteItem.avaCool ul {
position: inherit;
width: 180px;
height: 116px;
margin: 0 auto;
padding: 0 0 0 4px;
background:none;
text-align: center;
}

#favoriteItem ul li {
position: relative;
float: left;
width: 44px;
height: 56px;
}
#favoriteItem ul li .avatarImg {
position: absolute;
left: 0;
bottom: 1px;
width: 44px;
margin: 0 auto;
text-align: center;
z-index: 1;
}
#favoriteItem ul li .avatarImg img {
cursor: pointer;
}
#favoriteItem ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#favoriteItem p.more {
position: absolute;
right: 12px;
top: 14px;
font-size: 10px;
}

#favoriteItem p.more a {
color: #dadada;
padding-right: 12px;
background: url(//images.hange.jp/hangame/common/extraarea/blt_grey9x9-02.gif) right center no-repeat;
}

#extraArea{
*z-index:-1;	
}