@charset "UTF-8";

/* ランキング */
.productranking ul {
    list-style-type: none;
}
.productrank .product_image img{
	padding:8px 10px 5px 2px;
	float:right;
	height:80px;
	width:80px;
}
.productrank .name{
	margin:35px 2px 5px 5px;
	float:left;
	height:50px;
	width:95px;
	background-color:#FFF;
	overflow:hidden;
	font-size:66%;
	line-height:120%;
}

#ranking_page_relate_result{
	clear:both;
}
#ranking_page_relate_result .productranking{
	margin-left:5px;
	width:600px;
	clear:both;
}
#ranking_page_relate_result .productrank{
	float:left;
	margin:0 2px 0px 0;
	width:110px;
	position:relative;
}
.productrank.rank1{/*背景画像指定*/
	padding:2px;
	background:url(../img/ranking/ranking_1.png) no-repeat center 2px;
	border:#FC3 2px dotted;
}
.productrank.rank2{/*背景画像指定*/
	padding:2px;
	background:url(../img/ranking/ranking_2.png) no-repeat center 2px;
	border:#999 2px dotted;
}
.productrank.rank3{/*背景画像指定*/
	padding:2px;
	background:url(../img/ranking/ranking_3.png) no-repeat center 2px;
	border:#cd853f 2px dotted;
}
.productrank.rank4{/*背景画像指定*/
	padding:2px;
	background:url(../img/ranking/ranking_4.png) no-repeat center 10px;
	border:#b0c4de 2px dotted;
}
.productrank.rank5{/*背景画像指定*/
	padding:2px;
	background:url(../img/ranking/ranking_5.png) no-repeat center 10px;
	border:#b0c4de 2px dotted;
}
#ranking_page_relate_result .product_image img{
	padding:25px 13px 13px;
	margin-left:3px;
	height:80px;
	width:80px;
}
#ranking_page_relate_result .name{
	margin-top:0px;
	width:100px;
}
#ranking_page_relate_result .logrecom_title{
	margin:5px 0 3px;
	padding:3px 0 0 10px;
	background-repeat:repeat-x;
	background-position:bottom;
	border-style:solid;
	border-width:1px 1px 1px 3px;
	border-color:#D6D6D6 #D6D6D6 #D6D6D6 #FF6600;
	height:20px;
	width:585px;
	color:#333333;
	font-size:90%;
}
.ranking_to_all{
	float:right;
	text-align:right;
	font-size:80%;
	padding:3px 5px;
}