@charset "Shift_JIS";
/*-------------------------------------
SITE : http: //zozo.jp/
CREDIT : DESIGN BY STARTTODAY CO.,LTD.
CREATE : 2013.04.03
MODIFIED : 2014.3.25
Var : 1.0

MEMO:����őΉ�
-------------------------------------*/



/*-------------------------------------
	.rankBox
-------------------------------------*/

#rankingResult p.noData { margin:10px 0 0 0; }

.rankBox{ margin:25px 0 0; }
div.rankBox .photo{ width:225px; float:left; }
.rankBox .rankItemset{ float:left; }

.rankingL .rankItemset{ width:555px; }

.rankingM{ float:left; width: 390px; }
.rankingM .rankItemset{ width:160px; }

/* override */
.rankingList .rankingL .rank,
.rankingList .rankingM .rank {position:relative; width:22px; height:22px; }
.rankingList .rankingL .rank .iconSet,
.rankingList .rankingM .rank .iconSet{ width:22px; height:22px; line-height:22px; }

.rankBox .brandName { margin:10px 0 0; font-size:10px; }
.rankBox dl{ margin:4px 0 0; }

.rankingL dt,
.rankingL .price { font-size:15px; font-weight:bold; /*line-height:1.333;*/ }
.rankingM dt,
.rankingM .price { font-size:12px; font-weight:bold; /*line-height:1.333;*/ }

div.rankBox .price { margin:6px 0 0; }
div.rankBox .favCom{ font-size:11px; line-height:1.455; margin: 10px 0 18px; }
div.rankBox .gBtn{ width:120px; }

/**/
ul.rankBox .listInner{ }
ul.rankBox .rank{ left:0; top:0; }
ul.rankBox li{ float: left; width: 194px; border:solid 1px #dadada; margin:-1px 0 0 -1px; position:relative; }
ul.rankBox li div{ padding: 5px 10px 10px; }
ul.rankBox .photo{ width:125px; margin:auto; text-align:center; }

ul.rankBox .brandName,
ul.rankBox dl{ font-size:10px; line-height:1.5; }

ul.rankBox .brandName,
ul.rankBox dl dt{ width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

ul.rankBox .price{ font-size:12px; font-weight:bold; }

#body ul.rankBox .photo img{ background: #f0f0f0 url(/common_2013/img/loader.gif) no-repeat center center; }








#rank_threeList .noData{ float:left; width:360px;margin:0 0 0 61px; }

/*-------------------------------------
	#.sectionHeader
-------------------------------------*/

.lined h1{ margin: 0 15px 0 0; }
#backToRankingIndex{ float: right; margin: 3px 0 0; }
.sectionHeader .att{ font-size:10px; margin: 3px 0 0 10px; line-height:1.5; float:left; }


/*-------------------------------------
	#.rankingHeader
-------------------------------------*/

.rankingHeader { margin: 24px 0 33px 0; }
.rankingHeader h1{  font-size: 22px; line-height:1.357; font-weight:normal; padding: 0 0 3px; }
.lined h1,
.lined h2{ float: left; }
.rankingHeader .narrowList { float:left; margin: 10px 0 0;  }


/*-------------------------------------
	.rankingItem
-------------------------------------*/

.threeColumun #content{ float:right; width:770px; }

.threeColumun #content #rank_threeList{ width:770px;margin:0 0 0 0; }

.threeColumun #content #rank_threeList ul {margin:0 0 0 -62px;padding: 0; /zoom: 1;/* for IE6,7 */}
.threeColumun #content #rank_threeList li {float:left;width:215px;overflow:hidden; margin:0 0 30px 62px;padding: 0 0;list-style: none;}
.threeColumun #content #rank_threeList li .pimg{ width:215px; float:left; display:block; margin:0 0 9px 0; }
.threeColumun #content #rank_threeList li .pimg img{ background: #f0f0f0 url(/common_2013/img/loader.gif) no-repeat center center; }
.threeColumun #content #rank_threeList li .ranktop10 { width:18px; float:left; margin:0 0 0 0; font-size:16px; font-weight:bold; }
.threeColumun #content #rank_threeList li .rank { width:30px; float:left; margin:0 0 0 0; font-size:16px; font-weight:bold; }
.threeColumun #content #rank_threeList li .brandName { margin:4px 0 0 0; font-size:11px; width: 185px; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.threeColumun #content #rank_threeList li dl { float:left; margin:2px 0 0 0; }
.threeColumun #content #rank_threeList li dt { margin:0 0 0 0; font-size:11px; width: 215px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.threeColumun #content #rank_threeList li .price { margin:4px 0 0 0; font-size:11px; font-weight:bold; }
.threeColumun #content #rank_threeList li .discount{color:#cc0000;}
.threeColumun #content #rank_threeList li .favCom { margin:3px 0 0 0; font-size:10px; color: #888; }

#rankingItem .rankingL .off { display:inline; margin:0 0 0 2px; font-weight:bold; font-size:10px; vertical-align:1px; }
#rankingItem .rankingM .off { font-weight:bold; font-size:10px; }
#rankingItem .rankingList .off { display:inline; margin:0 0 0 2px; font-weight:bold; font-size:10px; vertical-align:1px; }



/*-------------------------------------
	#SearchLinkBlock
-------------------------------------*/

#SearchLinkBlock{ margin:40px 0 24px 0;  }
#SearchLinkBlock .btn{ text-align:center; }
#SearchLinkBlock .gBtn{ display:inline-block; _display:inline; padding: 9px 39px 9px 39px; }


/*-------------------------------------
	#recommendItemBanner
-------------------------------------*/

#recommendItemBanner ul{ margin:13px 0 0 -10px; }
#recommendItemBanner li { float:left; margin: 0 0 0 10px;}