@charset 'Shift_JIS';


/* hide 
------------------------- */

.hide{
display:none;
}

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


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

/*top*/
.top #headerArea .topHead{
position:relative;	
width:738px;
height:77px;
background:url(//images.hange.jp/hangame/shop/auction/top/bg_top_header.v02.gif) no-repeat left top;
padding:20px 0 0 10px;
}

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

.top #headerArea .topHead p{
position:absolute;
top:72px;
left:130px;
}

/*sub*/
.topHeadWarp{
width:738px;
}

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

.sub #headerArea .topHead{
position:relative;
width:207px;
padding-top:15px;
float:left;
}

.sub #headerArea .topHead p{
position:absolute;
top:61px;
left:94px;
}

#headerArea .head{
width:644px;
height:85px;
padding-top:20px;
}

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


/* navigation  */

#headerArea .nav{
width: 729px;
height: 27px;
padding: 3px 0 0 9px;
background: url(//images.hange.jp/hangame/shop/auction/common/bg_navi.gif) 0 0 no-repeat;
position:relative;
}

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

#headerArea .nav li{
float: left;
}

#headerArea .nav p.myMenu{
position:absolute;
right:10px;
top:10px;
}

/* searchArea
------------------------- */
.searchArea{
height:34px;
background:url(//images.hange.jp/hangame/shop/auction/top/bg_header_search.v02.gif) no-repeat 5px top;
padding:6px 0 0 20px;
}

.searchArea ul.avaSelect{
padding-bottom:5px;
overflow:hidden;
margin-left:-5px;
zoom:1;
}

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

.searchArea ul.avaSelect li{
float:left;	
margin-left:-5px;
padding:0 15px 0 10px;
border-left: 1px solid #b6b6b6;
}

.searchArea ul.avaSelect li a{
color:#7f7f7f;	
}

.searchArea ul.avaSelect li a.now{
color:#7f4e23;
font-weight:bold;
}

.searchArea .searchBox{
width:710px;
}

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

.searchBox .searchInner{
float:left;
width:305px;
}

.searchArea .searchBox dl{
float:right;
width:153px;
padding:10px 0 0 0;
}

.searchArea dl{
padding-bottom:8px;	
}

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

.searchArea dt,
.searchArea dd{
float:left;
}

.searchArea dt{
padding:1px 10px 0 0;
}

.searchArea dd{
position:relative;	
}

.searchArea dd strong{
color:#000;
padding-right:3px;
font-weight:normal;
}

.searchArea dd img{
position:relative;
top:1px;
}


.searchArea .searchInner strong{
padding-right:5px;
}

.searchArea .searchInner input{
width:140px;
height:17px;
line-height:17px;
border:1px solid #b0b0b0;
padding:0 1px;
position:relative;
top:-7px;
margin-right:5px;
color:#999;
}

.searchArea .searchInner span a img{
vertical-align:baseline;
}

/*sub*/
.sub #headerArea .searchArea{
float:right;	
width:454px;
height:38px;
background:url(//images.hange.jp/hangame/shop/auction/common/bg_search_sub.v02.gif) no-repeat left top;
padding:10px 10px 0;
margin:26px 3px 0 0;
}

.sub #headerArea .searchArea ul.avaSelect{
margin: 0 -20px 0 270px;
}

.sub #headerArea .searchArea .searchBox{
width:458px;
}

.sub #headerArea .searchArea .searchBox .searchInner{
float:right;
}

.sub #headerArea .searchArea .searchBox dl{
float:left;
padding:8px 0 0 0;
}

/* titArea 
------------------------- */
.titArea{
width:498px;
margin-bottom:10px;
padding:10px 0 5px 5px;
border-bottom:1px solid #ccc;
}

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

.titArea h2{
background: url(//images.hange.jp/hangame/shop/auction/common/arw_brown_s.gif) no-repeat 0 6px;
color:#333;
font-size:14px;
padding-left:10px;	
}

.titArea p{
float:right;
font-size:10px;
padding-top:5px;
text-align:right;
line-height:1.6;
}

.titArea p em{
color:#cc6600;
font-style:normal;
}

.titArea p span.up{
padding:0 2px;
}


/* subTit 
------------------------- */
h2.subTit{
float:left;
}

p.lead01{
margin:0 0 10px 15px;
}

p.lead02{
margin:0 0 0 15px;
}

/* sortArea
------------------------- */
.sortArea{
padding-bottom:5px;
text-align:right;
height:20px;
}

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

/*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', '‚l‚r ‚oƒSƒVƒbƒN';
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;
}
.layerWrap ul.pageNavi li.first {
*padding: 0 7px 0 0;
}

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

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

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;
}

.sortArea ul{
float:right;
}

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

.sortArea li select{
color:#919191;
}

/*avatarChoose*/
.sortArea.avatarChoose ul{
float:left;
}

.sortArea.avatarChoose ul li{
padding:0;
}

/* goTop
------------------------- */
p.goTop {
position: relative;
margin: 0;
text-align: right;
font-size: 11px;
}

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


/* btns
------------------------- */
ul.btns{
padding:10px 0;
text-align:center;
}

ul.btns li{
display:inline;
}


/* timeFrame
------------------------- */
.timeFrame{
position:relative;
width:63px;
height:41px;
padding:1px 0 0;
background:url(//images.hange.jp/hangame/shop/auction/top/bg_remaining02.gif) no-repeat center top;
overflow:hidden;
}

.timeFrame img.filter{
position:absolute;
top:0;
left:0;
z-index:99;
}

.timeFrame img.timeL{
position:absolute;
top:1px;
left:3px;
z-index:1;
background:url(//images.hange.jp/hangame/shop/auction/common/time_frame05.gif) repeat-y left top;
}

.timeFrame img.timeL02{
position:absolute;
top:1px;
left:3px;
z-index:1;
background:url(//images.hange.jp/hangame/shop/auction/common/time_frame09.gif) repeat-y left top;
}

.timeFrame img.timeR{
position:absolute;
top:1px;
left:31px;
z-index:1;
background:url(//images.hange.jp/hangame/shop/auction/common/time_frame09.gif) repeat-y left top;
}

/* popupLayer
------------------------- */

.popupLayer {
position: absolute;
background: url(//images.hange.jp/hangame/shop/auction/exhibit/bg_layer.png) 0 0 no-repeat;
_background: none;
z-index: 999;
}
.layerWrap {
width: 666px;
height: 594px;
padding: 12px 0 0 28px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//images.hange.jp/hangame/shop/auction/exhibit/bg_layer.png", sizingMethod="scale");
}
.popupLayer h2 {
height: 22px;
padding-left: 11px;
background: url(//images.hange.jp/hangame/shop/auction/common/arw_brown_m.gif) 3px 6px no-repeat;
color: #333;
font-size: 14px;
}
.popupLayer #itemSelect {
position: relative;
width: 611px;
height: 62px;
margin: 13px 0 0 18px;
}
.popupLayer #itemSelect h3 {
float: left;
width: 103px;
padding: 4px 0 0 0;
color: #868686;
font-size: 11px;
font-weight: normal;
}
.popupLayer #itemSelect input.txt {
width: 179px;
color: #868686;
vertical-align: top;
}
.popupLayer #itemSelect p {
display: inline;
position: relative;
top: -2px;
padding-left: 1px;
}
.popupLayer #itemSelect .classification {
padding-top: 2px;
}
.popupLayer #itemSelect .classification h3 {
padding-top: 3px;
*padding-top: 2px;
}
.popupLayer #itemSelect select {
margin-top: 2px;
vertical-align: top;
color:#555;
}
.popupLayer .exhibit {
position: relative;
width: 630px;
border-bottom: 1px solid #eaeaea;
overflow: hidden;
zoom: 1;
}
.popupLayer .exhibit ul.itemArea .itemInfo {
position: relative;
min-height: 60px;
_height: 60px;
padding: 13px 0 0;
border: none;
}
.popupLayer ul.itemArea .on .itemInfo {
background: #fbdbdb;
}
.popupLayer .exhibit ul.itemArea .itemInfo .itemSelect {
height: 25px;
color: #a54887;
font-size: 11px;
line-height: 23px;
}
.popupLayer .exhibit ul.itemArea .itemInfo .itemSelect img {
margin-top: 3px;
}
.popupLayer .pageNavi {
margin: 10px auto;
}
.popupLayer p.close {
position: absolute;
top: 9px;
right: 32px;
}


/* itemArea */
.popupLayer ul.itemArea {
position: relative;
margin: 0 0 0 -1px;
padding: 0;
border-top: 1px solid #ccc;
overflow: hidden;
z-index: 0;
zoom: 1;
}
.popupLayer ul.itemArea li.item,
.popupLayer ul.itemArea li.itemCool {
float: left;
width: 125px;
padding: 0 0 0 1px;
background: url(//images.hange.jp/hangame/shop/auction/exhibit/line_dot.gif) 0 0 repeat-y;
text-align: center;
}
.popupLayer ul.itemArea div.avatarItem {
position: relative;
width: 125px;
height: 151px;
background: #fff url(//images.hange.jp/hangame/shop/auction/common/bg_avataritem.gif) left bottom repeat-x;
z-index: 5;
}
.popupLayer div.avatarItem .avatarImg {
position: absolute;
left: 0;
bottom: 0;
_bottom: -1px;
width: 125px;
margin: 0 auto;
overflow: hidden;
z-index: 1;
}
.popupLayer div.avatarItem .avatarImg img {
cursor: pointer;
vertical-align: bottom;
}
.popupLayer ul.itemArea .itemInfo {
position: relative;
width: 125px;
min-height: 87px;
_height: 87px;
padding: 7px 0 0;
background: #f6f6f6;
border-bottom: 1px solid #eaeaea;
text-align: center;
line-height: 1.1;
z-index: 100;
}
.popupLayer ul.itemArea .itemInfo h4 {
width: 125px;
height: 31px;
margin: 0 auto;
text-align: center;
font-size: 12px;
font-weight: normal;
line-height: 1.2;
word-wrap: break-word;
z-index: 10;
}
.popupLayer ul.itemArea .itemInfo ul.itemCount {
color: #868686;
line-height: 1.2;
}
.popupLayer ul.itemArea .itemInfo ul.itemCount strong {
color: #a54887;
font-size: 11px;
font-weight: normal;
}
.popupLayer ul.itemArea .itemInfo ul.itemCount li img {
margin-top: 3px;
}

.popupLayer .exhibit ul.itemArea .itemInfo p.type {
text-align: right;
}
.popupLayer .exhibit div.avatarItem .avatarImg img {
cursor: default;
}
.popupLayer ul.itemArea .itemCheck {
height: 21px;
background: #f6f6f6;
border-bottom: 1px solid #eaeaea;
line-height: 21px;
}
.popupLayer ul.itemArea .itemCheck strong {
color: #ab498a;
font-size: 11px;
}

/* add cool */
.popupLayer li.itemCool div.avatarItem {
background: none;
height: 150px;
border-bottom: 1px solid #666;
}
.popupLayer li.itemCool div.avatarItem .avatarImg {
background: none;
bottom: 8px;
width: 126px;
}
.popupLayer li.itemCool div.avatarItem .avatarImg {
width: 125px;
}
.popupLayer li.itemCool div.avatarItem .avatarImg img {
background: #fff;
border: 1px solid #ccc;
}

.popupLayer li.itemCool div.avatarItem .avatarNoSelect img {
background: #fff;
}


/* goTrade (right col)
------------------------- */

ul#goTrade  {
clear:both;
margin:7px auto 2px;
text-align:center;
width:194px;
}
ul#goTrade li {
height:30px;
padding-bottom:5px;
}


/* sideNav
------------------------- */
.sideNav{
width:223px;
padding-bottom:5px;
background: url(//images.hange.jp/hangame/shop/auction/common/bg_sidenav_btm.v02.gif) no-repeat left bottom;
}

.sideNavInner{
border-left: 3px solid #ddbaa8;
border-right: 3px solid #ddbaa8;
padding:0 5px 2px;
}

.sideNav dl.nav{
padding:12px 0 8px;
color:#333;
}

.sideNav dl.nav dt{
margin-left:10px;
font-weight:bold;
}
.sideNav dl.nav dd a{
margin-left:9px;
padding-left:9px;
background: url(//images.hange.jp/hangame/shop/auction/common/arw_black_s.gif) no-repeat 2px 3px;
line-height:20px;
color:#333;
}

.sideNav dl.nav dd a.now{
background: url(//images.hange.jp/hangame/shop/auction/common/arw_brown_s.gif) no-repeat 2px 3px;
text-decoration:underline;
}

.sideNav .sideNavInner p.btn{
margin: 0 auto 8px;
padding-top:8px;
border-top:1px solid #ccc;
text-align:center;
}

.sideNav ul.counting{
margin: 0 auto;
padding:10px 30px 7px;
background:#f7f7f7;
border-top:1px solid #ccc;
}

.sideNav ul.counting li{
position:relative;
line-height:16px;
color:#868686;
width:146px;
}

.sideNav ul.counting li.dealings{
font-weight:bold;	
}

.sideNav ul.counting li span{
display:block;
position:absolute;
top:0;
right:0;
width:49px;
text-align:right;
color:#333;
}

.sideNav ul.counting .each{
text-indent:-1px;
}