@charset "UTF-8";

/*	ショッピング	*/
div.section h2 span.floorName{
	padding-left: 1em;
	font-size: 80%;
	font-weight: normal;
}

div#mainContents div.floorTop{
	overflow: hidden;	/* for Mac IE	*/
}

/*	ショッピングトップ	*/
div#floorList ul{
	width: 100%;
	overflow: hidden;
	margin-left: 0;
	list-style-type: none;
}

div#floorList li{
	width: 260px;
	float: left;
	margin: 0 0 20px 0;
	line-height: 110%;
}

div#floorList li p{
	width: 240px;
	font-size: smaller;
	height: 3em;
}


/*	ブランドリスト	*/
div#mainContents  div#brandList{
	width: 100%;
	margin: 0 0 10px 0;
}

div#mainContents  div#brandList ul{
	list-style-type: none;
	margin: 0 0 10px 0;
}

div#mainContents  div#brandList li{
	display: block;
	width: auto;
	height: 1.2em;
	white-space: nowrap;
	float: left;
	margin: 0 15px 10px 0;
	line-height: 100%;
}

/*	カテゴリーリスト	*/
div#mainContents  div#categoryList{
	width: 100%;
	margin: 0 0 10px 0;
	clear: both;
}

div#mainContents  div#categoryList h4{
	font-size: 110%;
	margin: 5px 0;
	padding: 0 0 0px 20px;
	clear: both;
	background: url(/images/skin/icon/star_green.png) no-repeat left center;
}

div#mainContents  div#categoryList ul{
	width: 540px;
	list-style-type: none;
	margin: 0 0 0 20px;
}

div#mainContents  div#categoryList li{
	display: block;
	width: auto;
	height: 1.2em;
	white-space: nowrap;
	float: left;
	margin: 0 15px 10px 0;
	line-height: 100%;
}


/*	otherFloors	*/
div#mainContents  div#otherFloors{
	width: 100%;
	margin: 0;
	clear: both;
}

div#mainContents  div#otherFloors ul{
	list-style-type: none;
	margin: 0 0 0 20px;
}


/*	items - 商品一覧	*/
div.cycle{
	width: 100%;
	overflow: auto;
	margin:  0 0 10px 0;
}

div.items{
	margin: 0 0px 0 0;
	width: 134px;	/*	for Win IE*/
	padding: 2px;
	float: left;
	line-height: 120%;
	text-align: center;
}

html>body div.items{
	width: 130px;
}

/*
div#mainContents div.items h4{
	margin: 0 0 2px 0;
	font-size: 100%;
	line-height: 100%;
	color: #036;
	background-color: #6bf;
	letter-spacing: -0.1em;
}
*/

div#mainContents div.items h4{
	margin: 0 0 2px 0;
	font-size: 100%;
	line-height: 100%;
	color: #fff;
	background-color: #555;
	letter-spacing: -0.1em;
}


/*
div.items h4 span.brand{
	display: block;
	padding: 4px 0px;
	background-repeat: repeat-y;
	background-position: top left;
	background-image: url(/images/skin/heading/items_h4.gif);
	border: 1px solid #9ef;
	border-bottom-width: 0px;
}
*/

div.items h4 span.brand{
	display: block;
	padding: 4px 0px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/images/skin/heading/items_h4_555.gif);
}


div.items h4.nobrand span.brand{
	display: block;
	padding: 4px 0px;
	background-repeat: repeat-y;
	background-position: top left;
	background-image: none;
	background-color: #fff;
	border: 1px solid #fff;
	border-bottom-width: 0px;
}

/*
div#mainContents  div.items h4 span.category{
	display: block;
	padding: 4px 0px;
	background-repeat: repeat-y;
	background-position: bottom right;
	background-image: url(/images/skin/heading/items_h4.gif);
	border: 1px solid #9ef;
}
*/

div#mainContents  div.items h4 span.category{
	display: block;
	padding: 4px 0px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/images/skin/heading/items_h4_555.gif);
}


div#mainContents div.items ul{
	margin: 0;
	line-height: 120%;
	list-style-type: none;
}



div.items .photo{
	margin: 0 auto 0 auto;
	width: 102px;
	height: 102px;
	line-height: 100%;
	
	/*	<Mac IE 除外> 	\*/
	overflow: hidden;
	/*	</Mac IE 除外>	*/
	
	border: 1px solid #bac;
	border-bottom-width: 0;
}

html>body div.items .photo{
	width: 100px;
	height: 100px;
}

div.items .photo a{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
}

html>body div.items .photo a{
	width: 100px;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
}

div.items li.rank img{
	border: 1px solid #bac;
	border-top-width: 0;
}

div.items li.itemName span.brandName{
	display: block;
}

/*	ピックアップアイテム	*/
div#mainContents div#pickupItems{
	overflow: hidden;	/* for Mac IE	*/
}

div#mainContents div#pickupItems h3{
	margin: 0 0 2px 0;
	padding: 0;
	height: 23px;
	text-indent: -9999px;
	border-width: 0;
	color: #fff;
	/*background: #e06 url(/images/skin/heading/pickup_item.gif) top left no-repeat;*/
	background: #e06 url(/images/skin/heading/pickup_item_gold.gif) top left no-repeat;
}

div#mainContents div.kimono div#pickupItems h3{
	background-image: url(/images/skin/heading/pickup_item_kimono.gif);
}

/*
div#mainContents div#pickupItems div.items h4{
	color: #603;
	background-color: #f79;
}

div#pickupItems div.items h4 span.brand{
	background-image: url(/images/skin/heading/pickup_items_h4.gif);
	border: 1px solid #f9c;
	border-bottom-width: 0px;
}
*/

div#mainContents div#pickupItems div.items h4{
	color: #330;
	background-color: #7a7722;
}

div#pickupItems div.items h4 span.brand{
	border-top: 1px solid #ffc;
	border-left: 1px solid #ffc;
	border-right: 1px solid #550;
	border-bottom: 1px solid #550;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/images/skin/heading/items_h4_gold.gif);
}

div#pickupItems div.items h4.nobrand span.brand{
	display: block;
	padding: 4px 0px;
	background-repeat: repeat-y;
	background-position: top left;
	background-image: none;
	background-color: #fff;
	border: 1px solid #fff;
	border-bottom-width: 0px;
}

/*
div#pickupItems div.items h4 span.category{
	background-image: url(/images/skin/heading/pickup_items_h4.gif);
	border: 1px solid #f9c;
}
*/

div#pickupItems div.items h4 span.category{
	border-top: 1px solid #ffc;
	border-left: 1px solid #ffc;
	border-right: 1px solid #550;
	border-bottom: 1px solid #550;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/images/skin/heading/items_h4_gold.gif);
}

div#pickupItems div.items .photo{
	width: 112px;
	height: 112px;
	/*border: 6px double #f9c;*/
	border: 6px double #7a7722;
	border-bottom-width: 0;
}

html>body div#pickupItems div.items .photo{
	width: 100px;
	height: 100px;
}

div#pickupItems div.items li.rank img{
	/*border: 6px double #f9c;*/
	border: 6px double #7a7722;
	border-top-width: 0;
}

/*	並び順	*/
div.order_select{
	font-size: smaller;
 }
 
div.order_select span{
	padding: 3px 10px;
}

div.order_select span.current{
	color: #556;
	background-color: #ff9;
	border: 1px solid #f00;
}


/*	商品詳細	*/
div#mainContents div#detail{
}


div#detailWrapper{
	width: 100%;
	overflow: hidden;	/*for Mac IE	*/
	margin: 0 0 10px 0;
}

div#detail div#prevPhoto{
	width: 110px;
	float: left;
}

div#detail div#prevPhoto p.photo{
	margin: 0;
	line-height: 100%;
	font-size: 1px;
}

div#detail div#prevPhoto p.photo img{
	border: 1px solid #bac;
	border-bottom-width: 0px;
}

div#detail div#prevPhoto ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#detail div#prevPhoto li{
	margin: 0;
	padding: 0;
}

div#detail div#prevPhoto li.rank img{
	border: 1px solid #bac;
	border-top-width: 0px;
}

div#detail div#spec{
	width: 440px;
	float: left;
}

div#spec dt{
	width: 100px;
	float: left;
	margin: 0;
}

div#spec dd{
	width: 335px;
	float: left;
	margin: 0 0 0 0px;
}

div#spec dd.brand span.en{
	padding-left: 15px;
	color: #999;
	background-color: transparent;
}

div#spec dd.rank em{
	padding: 2px;
	color: #f06;
	background-color: #fde;
}

/*	<商品詳細中 ランクについて>	*/
div#detail div#rankSummary {
	clear: both;
	width: 95%;
	margin: 5px 0;
	padding: 5px;
	border: 2px solid #999;
	overflow: hidden;
	color: inherit;
	background-color: #f6f6f6;
}

div#detail div#rankSummary dl{
	margin: 0;
}

div#detail div#rankSummary dt{
	margin: 0;
	text-indent: 0;
}

div#detail div#rankSummary dd{
	margin: 0 0 10px 0;
	padding: 0;
}

div#detail div#rankSummary p.close{
	text-align: right;
	clear: both;
}

div#detail div#rankSummary p.close a{
	padding: 5px 10px 5px 15px;
	background: transparent url(/images/skin/icon/close_icon.png) no-repeat left center;
}
/*	</商品詳細中 ランクについて>	*/


div#spec dd.stock{
	font-weight: bold;
	color: #f33;
	background-color: transparent;
}

div#spec dd.netprice{
	font-size: 130%;
}

div#detail p.soldout, div#photos p.soldout, div#detail p.keep, div#photos p.keep{
	width: 98%;
	padding: 3px 0;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	color: #f00;
	background-color: #fcc;
}

div.cartin{
	clear: both;	/*for Mac IE*/
	/*	<Mac IE 除外>	\*/
	clear: none;
	/*	</Mac IE 除外>	*/
	margin: 5px 0;
	text-align: center;
}

div#photos{
	text-align: center;
}

div#photos div.photo{
	margin: 10px 0;
}

div#photos div.photo p{
	margin: 0;
}

div#photos div.photo img{
	border-width: 1px;
}

/*	着物フロア 商品一覧 ブランド表示	*/
div.kimono div.items h4.nobrand span.brand{
	display: none;
}
div.kimono div#pickupItems div.items h4.nobrand span.brand{
	display: none;
}


/*==============================*/
/*	<floorLeadBox>	*/
/*==============================*/
/*	フロア紹介	- 商品一覧、詳細ページ等*/
div#mainContents div.floorLeadBox{
	width: auto;
	margin: 0 0 20px 0;
	padding: 5px 10px;
	border: 2px solid #9cf;
	color:  #556;
	background-color: #def;
	line-height: 120%;
}

div#mainContents div.floorLeadBox h3{
	text-align: left;
	margin: 0 0 5px 0;
	color:  #556;
	background-color: transparent;
	border-width: 0px;
	text-indent: 0px;
}

div#mainContents div.floorLeadBox p{
	margin-bottom: 5px;
}

div#mainContents div.floorLeadBox img.logo{
	float: left;
	margin: 0 10px 0 0;
}

div#mainContents div.junk div.floorLeadBox{
	background-color: #fee;
	border-color: #f66;
}
/*==============================*/
/*	</floorLeadBox>	*/
/*==============================*/