@charset "Shift-JIS";
@import "/css/ranking/init.css";
@import "/css/ranking/global.css";
@import "/css/ranking/common.css";

/*--------------------------------------
file Name:
URI: 
Description: @cosme ranking �R�X������
Version: 1.0
Original: 2009.08.10
Modifier:
Author: 
Author URI: 
--------------------------------------*/


/*--------------------------------------
	.rankingHotTitle
--------------------------------------*/
.rankingHotTitle{
	background: url(/images/ranking/hot/bg_title_dot.gif) no-repeat center top;
	position: relative;
}

.rankingHotTitle h2{
	padding: 10px 12px;
}
.rankingHotTitle p{
	left: 297px;
	position: absolute;
	text-align: center;
	top: 11px;
	width: 160px;
}
.rankingHotTitle p span.date{
	font-size: 12px;
}
.rankingHotTitle p span.dateUp{
	font-size: 12px;
	color: #ff99cc;
	font-weight	: bold;
}
.rankingHotTitle ul{
	border-bottom: #89d3b9 solid 5px;
}

.rankingHotTitle ul li{
	float: left;
	padding-left: 4px;
}

.rankingHotTitle ul li#tabKuchikomi{ background: url(/images/ranking/hot/tab_kuchikomi_on.gif) no-repeat right top;}
.rankingHotTitle ul li#tabAccess{ background: url(/images/ranking/hot/tab_access_on.gif) no-repeat right top;}

.rankingHotTitle ul li.cr img{
	opacity: 0;
	filter: alpha(opacity:0);
}

/*--------------------------------------
.chatchCopy
--------------------------------------*/
.chatchCopy{
	padding: 10px 0 25px;
}


/*--------------------------------------
.hotLeadText
--------------------------------------*/
.hotLeadText{
	color: #6cc5fd;
	font-size: 120%;
	text-align: center;
	padding-top: 12px;
	background: url(/images/ranking/common/border/border_dot_h_9.gif) repeat-x left top;

}
.hotLeadText p,
.hotLeadText h3{
	text-align: center;
}
.hotLeadText h3{
	font-weight: bold;
	margin: 5px 0 20px;
}
/*--------------------------------------
.resultNo
--------------------------------------*/
.resultNo{
	padding: 10px 0;
}
.resultNo.bottom{
	background: url(/images/ranking/common/border/border_dot_h_9.gif) repeat-x left top;
}

.resultNo ul li{
	float: left;
	width: 96px;
	text-align: center;
	background: url(/images/ranking/hot/border_result_no.gif) no-repeat left 2px;
}
.resultNo ul li.first{
	float: left;
	width: 88px;
	background: none;
}
.resultNo ul li.first a{
/*	margin-right:10px;*/
}
.resultNo ul li a{
	padding: 4px 0;
	font-size: 120%;
	display: block;
	text-align: center;
	zoom:1;
}
.resultNo ul li.cr a{
  margin-left:1px;
	font-weight: bold;
	background: #eff8f6;
}
.resultNo.top ul li.cr a{
  margin-left:1px;
	padding: 4px 0 14px;
	background: #eff8f6 url(/images/ranking/hot/bg_list_top.gif) no-repeat center bottom;
}



/*--------------------------------------
.resultList
--------------------------------------*/
.resultList ol li{
	background: url(/images/ranking/common/border/border_dot_h_9.gif) repeat-x left top;
	padding:15px 0 20px;
	zoom:1;
}

.resultList ol li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.resultList ol li { display:inline-block; }
*html .resultList ol li { height:1%; }
.resultList ol li { display:block; }
*:first-child+html .resultList ol li { display:inline-block; }

.resultList .listNo{
	float: left;
	width: 75px;
}
.resultList .listNo p{
	text-align: center;
	padding: 7px 0 8px;
}
.resultList .listNo p.listCrown{
	padding-top: 0;
}

.resultList .listData{
	float: left;
	width: 400px;
	padding-top: 5px;
}
.listData div{
	padding: 10px 0; 12px
	width: 100%;
	clear: both;
}

.resultList h3{
}
.resultList h3 img{
	margin-left: 3px;
	vertical-align: middle;
}

.resultList h3 a,
.resultList h4 a{
	font-size: 120%;
	font-weight: bold;
}
.clip{
	float: right;
	margin-top: -3px;
}
.clip img{
	display: block;
}

.resultList ol li .commonIcons{
	float:left;
}
.resultList ol li .commonIcons li{
	background: none;
	padding:0 5px 0 0;
	display: inline;
	font-size: 12px;
}
.resultList ol li .commonIcons li img{
	vertical-align:middle;
}


.listImg{
	float: left;
	width: 85px;
}
.listTxt{
	float: left;
	width: 315px;
}
.listData dl dt{
	float: left;
	width: 80px;
}
.listData dl dd{
	float: right;
	width: 320px;
	line-height: 1.4;
}
.listData dl dd.ddPrice{
	padding-top: 3px;
}
.listData dl dd.ddStar{
	padding-bottom: 3px;
}

.listData dl dd.ddPrice,
.listData dl dd.ddDate,
.listData dl dd.ddStar{
}

.listTxt p{
	color: #999999;
	line-height: 1.5;
}
.listTxt h4{
	padding: 3px 0 5px;
}




/*--------------------------------------
.resultTerm
--------------------------------------*/
.resultTerm p{
	text-align: center;
	color: #068681;
	padding: 7px 0;
	background: #dbf2ea;
}
.resultTerm ul{
	padding: 20px 50px 30px;
}
.resultTerm ul li{
	float: left;
}

.resultTerm ul li.resultTerm01 {
	background: url(/images/ranking/hot/btn_result_term_01_ov.gif) no-repeat left top;
}
.resultTerm ul li.resultTerm02 {
	background: url(/images/ranking/hot/btn_result_term_02_ov.gif) no-repeat left top;
}
.resultTerm ul li.resultTerm03 {
	background: url(/images/ranking/hot/btn_result_term_03_ov.gif) no-repeat left top;
}

/*--------------------------------------
.statusIcon
--------------------------------------*/
.statusIcon{
	background: url(/images/ranking/hot/bg_status_top.gif) no-repeat left top;
}
.statusIcon ul{
	background: url(/images/ranking/hot/bg_status_bottom.gif) no-repeat left bottom;
	padding: 12px 0 12px 10px;
}

.statusIcon ul li{
	float: left;
	margin-right: 20px;
}

.statusIcon ul li.listEnd{
	margin-right: 0;
}
.statusIcon ul li p{
	_height:33px;
}
.statusIcon ul li img{
	vertical-align: middle;
	margin-right: 5px;
	_display:block;
}

/*--------------------------------------
.topSales
--------------------------------------*/
.topSales{
	margin-bottom: 20px;
}
.topSales ol{
	background: url(/images/ranking/hot/sale_ranking_bg_side.gif) repeat-y center top;
}
.topSales li{
	background: url(/images/ranking/hot/sale_ranking_bg_top.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
.topSales li p{
	background: url(/images/ranking/common/icons/small_icons.gif) no-repeat 0 14px;
	padding: 10px 40px;
}

.topSales .btnMore{
	text-align: right;
	padding: 5px 5px;
	margin-top: -5px;
	background: url(/images/ranking/hot/sale_ranking_bg_bottom.gif) no-repeat center bottom;
}



/*--------------------------------------
.hotShopInfo
--------------------------------------*/
.hotShopInfo{
	margin-bottom: 50px;
	background: url(/images/ranking/common/border/border_dot_h_9.gif) repeat-x left top;
}

.hotShopInfo p{
	padding: 12px 0 12px 12px;
	text-indent: -12px;
	background: url(/images/ranking/common/border/border_dot_h_9.gif) repeat-x left bottom;
	margin-bottom: 12px;
}
.hotShopInfo dt{
	float: left;
	width: 115px;
	font-weight: bold;
	font-size: 12px;
}
.hotShopInfo dd{
	float: right;
	width: 360px;
}
.hotShopInfo dd.shopName{
	font-size: 12px;
	color: #068681;
}
.hotShopInfo dd dl{
	padding-top: 10px;
}
.hotShopInfo dd dt{
	float: left;
	width: 33px;
	clear: both;
	height: 14px;
}
.hotShopInfo dd dt img{
	vertical-align: middle;
}
.hotShopInfo dd dd{
	float: right;
	width: 327px;
	line-height: 14px;
}

/*--------------------------------------
.sectionBlock
--------------------------------------*/

.sectionBlock{
  width:475px;
}