@charset 'Shift_JIS';


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

 Basic style 

================================================== */
body { color: #555; }
select { color: #555; }
a:link { color: #555; }
a:visited { color: #555; }
a:hover, a:active, a:focus { color: #555; }

table {
border-collapse: collapse;
border: 0;
}

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

 Common Layout style 

================================================== */
#contentsArea {
position: relative;
padding-bottom: 10px;
}
#contentsArea .contents {
position: relative;
width: 644px;
margin: 10px auto 0;
padding: 0;
}
#contentsArea .contents h2 {
height: 22px;
padding-left: 15px;
background: url(//images.hange.jp/hangame/shop/itemtrade/common/ico_arrow.gif) 4px 6px no-repeat;
border-bottom: 1px solid #ccc;
color: #333;
font-size: 14px;
}
#contentsArea .contents p.lead {
min-height: 16px;
_height: 16px;
padding: 8px 5px 12px;
}

/* etc */
.count {
padding: 0 3px;
}
.time {
padding-left: 5px;
font-size: 11px;
}
.none {
border: none;
background: none;
}
p.more {
clear: both;
font-size: 11px;
text-align: right;
}
	p.more a {
	padding-right: 12px;
	background: url(//images.hange.jp/hangame/common/ico_arrowbox_more.gif) right center no-repeat;
	}
p.back {
margin: 0 auto;
padding: 10px 0;
text-align: center;
}
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/market/common/ico_pagetop.gif) 0 0 no-repeat;
	}



/* header
================================================== */
#header {
position: relative;
min-height: 118px;
_height: 118px;
background: url(//images.hange.jp/hangame/shop/itemtrade/common/bg_title.png) 0 0 no-repeat;
}
	.tradeTop #header {
	height: 195px;
	background: url(//images.hange.jp/hangame/shop/itemtrade/top/bg_title.png) 0 0 no-repeat;
	}
#header h1 {
height: 78px;
}
	.tradeTop #header h1 {
	height: 165px;
	}
	#header h1 span {
	display: none;
	}
	#header h1 a {
	display: block;
	position: absolute;
	top: 5px;
	left: 8px;
	width: 200px;
	height: 65px;
	}
		.tradeTop #header h1 a {
		top: 15px;
		left: 18px;
		width: 230px;
		}
#header #counter {
position: absolute;
top: 54px;
right: 2px;
height: 14px;
padding: 1px 13px 0 0;
background: url(//images.hange.jp/hangame/shop/itemtrade/common/bg_counter.gif) right top no-repeat;
text-align: right;
}
	.tradeTop #header #counter {
	top: 141px;
	right: 14px;
	background: url(//images.hange.jp/hangame/shop/itemtrade/top/bg_counter.gif) right top no-repeat;
	}
	#header #counter .count {
	position: relative;
	display: inline-block;
	min-width: 40px;
	_width: 40px;
	padding: 0 2px 0 5px;
	text-align: right;
	vertical-align: 2px;
	zoom:1;
	}

/* nav */
.nav {
position:relative;
width: 638px;
height: 25px;
padding: 5px 0 0 6px;
background: url(//images.hange.jp/hangame/shop/itemtrade/common/bg_nav.jpg) 0 0 no-repeat;
}
.nav ul:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }
	.nav li {
	float: left;
	}
	.nav p.myMenu {
	position:absolute;
	top: 5px;
	right: 11px;
	}

/* topSearch */
.topSearch {
width: 510px;
height: 51px;
margin: 10px 0 0 67px;
padding: 13px 0 0 13px;
background: url(//images.hange.jp/hangame/shop/itemtrade/common/bg_top-search.png) 0 0 no-repeat;
}
	.tradeTop .topSearch {
	position: absolute;
	top: 118px;
	left: 21px;
	margin: 0;
	padding: 0;
	background: none;
	}
.topSearch ul.selectType {
position: relative;
left: 0;
line-height: 1.1;
height: 19px;
overflow: hidden;
}
.topSearch ul.selectType:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }
.topSearch ul.selectType li {
float: left;
margin-left:-5px;
padding:0 15px 0 0;
background: url(//images.hange.jp/hangame/shop/itemtrade/top/selectType_border.gif) 0 -1px no-repeat;
}
.topSearch ul.selectType li a {
padding-left: 10px;
}
.topSearch ul.selectType li a.now {
color: #a54887;
font-weight: bold;
}
.topSearch select {
clear: both;
margin-top: 1px;
vertical-align: top;
}
.topSearch input.txt {
width: 179px;
height: 14px;
color: #868686;
vertical-align: top;
}

	.tradeTop .topSearch input.txt {
  width: 138px;
	}
.topSearch p {
display: inline;
position: relative;
top: -2px;
padding-left: 1px;
}
	.tradeTop .topSearch p {
	top: -1px;
	}



/* #selectArea / #sortArea
================================================== */
#selectArea,
#sortArea {
position: relative;
height: 30px;
border-bottom: 1px solid #e2e2e2;
}
	#sortArea {
	border-bottom: none;
	}
#selectArea:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }
#selectArea ul.selectTab {
position: relative;
top: 1px;
/*width: 190px;*/
/* width: 266px; */
z-index: 10;
}
	#selectArea ul.selectTab li {
	float: left;
	}



/* #catalog .itemArea
================================================== */

/* catalog */
#catalog,
#catalog_ready,
#catalog_complete {
position: relative;
width: 503px;
margin: 0 auto;
text-align: center;
overflow: hidden;
}

/* itemArea */
ul.itemArea {
position: relative;
margin: 0 0 0 -1px;
padding: 0;
border-top: 1px solid #ccc;
overflow: hidden;
z-index: 0;
zoom: 1;
}
	ul.itemArea li.item,
	ul.itemArea li.itemCool {
	float: left;
	width: 125px;
	padding: 0 0 0 1px;
	background: url(//images.hange.jp/hangame/shop/common/pic_dotline.gif) 0 0 repeat-y;
	text-align: center;
	}
ul.itemArea div.avatarItem {
position: relative;
width: 125px;
height: 151px;
background: #fff url(//images.hange.jp/hangame/shop/common/bg_avataritem.gif) left bottom repeat-x;
z-index: 5;
}
	div.avatarItem .avatarImg{
	position: absolute;
	left: 0;
	bottom: 0;
	_bottom: -1px;
	width: 125px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 1;
	}
		div.avatarItem .avatarImg img {
		vertical-align: bottom;
		}
ul.itemArea .itemInfo {
position: relative;
width: 125px;
min-height: 95px;
_height: 95px;
padding: 6px 0 3px;
background: #f6f6f6;
border-bottom: 1px solid #eaeaea;
text-align: center;
line-height: 1.1;
z-index: 100;
}
	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;
	}
	ul.itemArea .itemInfo ul.itemCount {
	color: #868686;
	}
	ul.itemArea .itemInfo ul.itemCount strong {
	color: #a54887;
	font-size: 11px;
	font-weight: normal;
	}
	ul.itemArea .itemInfo ul.itemCount li.shopSearch{
        margin:1px 0;
        }
	ul.itemArea .itemInfo ul.itemCount li.shopSearch a{
	font-size: 11px;
        color: #a56d93;
        padding-left:7px;
        margin-top:2px;
        background: url(//images.hange.jp/hangame/shop/itemtrade/top/ico_shop.gif) no-repeat 0 2px;
        text-decoration: none;
        }
	ul.itemArea .itemInfo ul.itemCount li.shopSearch a:hover{
        text-decoration:underline;
        }
	ul.itemArea .itemInfo ul.itemCount li img {
	margin-top: 3px;
	}
.exhibit ul.itemArea .itemInfo {
min-height: 46px;
_height: 46px;
padding: 0;
}
	.exhibit ul.itemArea .itemInfo p.type {
	text-align: right;
	}

ul.itemArea .itemCheck {
height: 21px;
background: #f6f6f6;
border-bottom: 1px solid #eaeaea;
line-height: 21px;
}
	ul.itemArea .itemCheck strong {
	color: #ab498a;
	font-size: 11px;
	}

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


/* pageNavi
================================================== */
ul.pageNavi {
clear: both;
width: 100%;
height: 11px;
margin: 20px 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;
	}
.contents ul.pageTop {
width: 130px;
margin: 0;
padding: 0;
text-align: left;
}
	ul.pageTop li.next {
	position: relative;
	}
	ul.pageTop li.prev {
	position: relative;
	padding: 0 3px 0 0;
	margin-right: -3px;
	*margin-right: -2px;
	}
	ul.pageTop li.prev a {
	padding: 0;
	margin-right: -3px;
	*margin-right: -2px;
	}
	ul.pageTop li.page .pageCount {
	padding: 0 2px 0 7px;
	}
	ul.pageTop li.next img,
	ul.pageTop li.next a img,
	ul.pageTop li.prev img,
	ul.pageTop li.prev a img{
	vertical-align:baseline;
	}



/* extraArea 
================================================== */
#tradeInfo {
position: relative;
width: 197px;
height: 181px;
margin: 0 auto 10px;
padding: 7px 0 0 3px;
background: url(//images.hange.jp/hangame/shop/itemtrade/common/bg_trade-info.gif) 0 0 no-repeat;
}
#tradeInfo h3 {
padding-bottom: 3px;
}
#tradeInfo h4 {
padding: 10px 0 3px;
}
#tradeInfo ul li {
position: relative;
padding-left: 14px;
background: url(//images.hange.jp/hangame/common/ico_2x2_d-gray.gif) 8px 7px no-repeat;
line-height: 1.5;
}
	#tradeInfo ul li a {
	cursor: pointer;
	}
	#tradeInfo ul li .count {
	position: absolute;
	top: -1px;
	*top: -3px;
	right: 3px;
	width: 65px;
	padding: 0;
	}
		#tradeInfo ul li .count strong {
		position: relative;
		display: inline-block;
		width: 40px;
		padding: 0 4px 0 0;
		color: #a54887;
		text-align: right;
		zoom: 1;
		}
		#tradeInfo ul li .count strong a {
                color: #a54887;    
                }
#tradeInfo ul.goTo {
width: 190px;
margin: 0;
padding: 17px 0 0 5px;
}
	#tradeInfo ul.goTo li {
	float: left;
	padding: 0;
	margin-right: 4px;
	background: none;
	line-height: 1.1;
	}
#tradeInfo .more {
position: absolute;
top: 8px;
*top: 7px;
right: 8px;
}
	#tradeInfo .more a {
	padding-right: 11px;
	background-position: right top;
	}
p#linkBtn {
margin: 0 auto 10px;
text-align: center;
}

/* goTrade (right col)
================================================== */

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


/* lboxGuidance 
================================================== */
#lboxGuidance{
display:none;
width:457px;
color:#333;
}
#lboxGuidance .wrap_out{
zoom:1;
padding-top:6px;
background: url(//images.hange.jp/hangame/common/parts/lbox_guidance/bg_top.png) no-repeat center top;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//images.hange.jp/hangame/common/parts/lbox_guidance/bg_top.png", sizingMethod="crop");
}
#lboxGuidance .wrap_in{
position:relative;
_position:static;
padding-bottom:15px;
background: url(//images.hange.jp/hangame/common/parts/lbox_guidance/bg_btm.png) no-repeat center bottom;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//images.hange.jp/hangame/common/parts/lbox_guidance/bg_btm_ie6.png", sizingMethod="crop");
zoom:1;
}
* html #lboxGuidance .flip-v{
zoom:1;
filter:flipv();
}
* html #lboxGuidance .return{
position:relative;
}
#lboxGuidance p.close{
position:absolute;
right:21px;
top:9px;
z-index:1;
zoom:1;
font-size:11px;
line-height:13px;
}
#lboxGuidance p.close a{
display:block;
padding:0 15px 0 0;
background:url(//images.hange.jp/hangame/common/btn_x.gif) no-repeat right 0;
color:#666;
text-decoration:none;
}
#lboxGuidance div.cts{
position:relative;
z-index:0;
zoom:1;
padding:39px 32px 20px 25px;
background: url(//images.hange.jp/hangame/common/parts/lbox_guidance/bg_mdl.png) repeat-y center top;
_background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//images.hange.jp/hangame/common/parts/lbox_guidance/bg_mdl.png", sizingMethod="scale");
}
#lboxGuidance div.cts.ex{
padding:15px 32px 0 25px;
}
#lboxGuidance div.cts p{
zoom:1;
padding:15px 8px;
text-align:center;
}
#lboxGuidance div.cts p.lead{
color:#A74787;
font-size:14px;
font-weight:bold;
}
#lboxGuidance div.cts.ex p.lead{
border-bottom:1px solid #BCBCBC;
}
#lboxGuidance div.cts.ex p.txt{
border-top:1px solid #EFEFEF;
}
#lboxGuidance ul.btns{
padding-bottom:20px;
margin:0 auto;
text-align:center;
}
#lboxGuidance ul.btns li{
display:inline;
}
#lboxGuidance ul.btns li a{
display:inline-block;
*position:relative;
*zoom:1;
width:123px;
height:22px;
*height:23px;
padding-top:4px;
*padding-top:3px;
background: url(//images.hange.jp/hangame/common/parts/lbox_guidance/btn.gif) no-repeat center top;
color:#666;
font-weight:bold;
text-decoration:none;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  .topSearch select {
  margin-top: 2px;
  }
  .topSearch input.txt {
  width: 167px;
  height: 16px;
  }

}