/* top */
strong{
	color:#ff710b;
	}

.box{
	background:url(../ranking/image/box_bg.gif) repeat-y;
	width:540px;
	margin:0 0 15px 0;
	}

.box .in{
	margin:0 10px;
	width:521px;
	}

.box .in h4{
	color:#000;
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px 0;
	}

.box .in h4 img{
	vertical-align:middle;
	margin:0 5px 0 0;
	}

.box .in .product{
	background:url(../ranking/image/nam_t01_01.gif) no-repeat left top;
	padding:0 0 0 40px;
	width:127px;
	_width:167px;
	float:left;
	display:inline;
	margin:0 10px 15px 0;
	}

.box .in .product.nam2{background:url(../ranking/image/nam_t01_02.gif) no-repeat left top;}
.box .in .product.nam3{background:url(../ranking/image/nam_t01_03.gif) no-repeat left top;margin-right:0;}

.box .in .product img{
	border:1px solid #d8cbcb;
	}

.box .in .product p{
	margin:0 0 3px 0;
	}

.box .in .more{
	float:right;
	display:inline;
	background:url(../ranking/image/acs02.gif) no-repeat right center;
	padding:0 10px 0 0;
	margin:0 0 30px 0;
	}

.box .in .more a{
	text-decoration:underline ! important;
	}
.box .in .more a:hover{
	text-decoration:none ! important;
	}
	
.box .in .more.end{
	margin-bottom:0;
	}

.box02{
	background:url(../ranking/image/box2_bg.gif) repeat-y;
	width:540px;
	margin:0 0 15px 0;
	}

.box02 h3{
	margin:0 0 5px 0;
	}

.box02 .ex{
	margin:0 0 15px 10px;
	}

.box02 .left{
	float:left;
	display:inline;
	width:265px;
	}

.box02 .right{
	float:right;
	display:inline;
	width:265px;
	}

.box02 .rev{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:0 0 5px 0;
	margin:0 10px 5px 10px;
	}

/* === clearfix ==*/
.box02 .rev:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.box02 .rev{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .box02 .rev{height: 1%;}
.box02 .rev{display: block;}
/* End hide from IE-mac */

.box02 .rev p{
	margin:0 0 3px 0;
	}

.box02 .left .rev .rank{
	float:left;
	display:inline;
	width:33px;
	margin:0 5px 0 0px
	}

.box02 .left .rev .txt{
	float:left;
	display:inline;
	width:207px;
	}

.box02 .left .rev p.name span{
	background:url(../image/icon_kutikomi02.gif) no-repeat left center;
	padding:0 0 0 20px;
	margin:0 0 0 5px;
	font-weight:bold;
	color:#ff710b;
	}
	
	
.box02 .left .rev.top .photo{
	float:left;
	display:inline;
	width:68px;
	}

.box02 .left .rev.top .info{
	float:left;
	display:inline;
	width:139px;
	margin:5px 0 0 0;
	}


.box02 .want{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:0 0 5px 0;
	margin:0 10px 5px 10px;
	}

/* === clearfix ==*/
.box02 .want:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.box02 .want{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .box02 .want{height: 1%;}
.box02 .want{display: block;}
/* End hide from IE-mac */

.box02 .want p{
	margin:0 0 3px 0;
	}

.box02 .right .want .rank{
	float:left;
	display:inline;
	width:30px;
	margin:5px 5px 0 -5px
	}

.box02 .right .want.top .rank{
	float:left;
	display:inline;
	width:21px;
	margin:10px 0px 0 0px
	}

.box02 .right .want .txt{
	float:left;
	display:inline;
	width:210px;
	line-height:16px;
	}

.box02 .right .want.top .txt{
	float:left;
	display:inline;
	width:224px;
	line-height:16px;
	}

.box02 .right .want .txt p{
	margin:0;
	}

.box02 .right .want .txt p.icon{
	background:url(../image/icon_want.gif) no-repeat left center;
	padding:2px 0 2px 15px;
	font-size:10px;
	}

	
.box02 .right .want.top .photo{
	float:left;
	display:inline;
	width:60px;
	}

.box02 .right .want.top .info{
	float:left;
	display:inline;
	width:164px;
	margin:5px 0 0 0;
	padding:0;
	}
.box02 .right .info .name{
	line-height:14px;
}

/* cat */
#tab{
	background:url(../ranking/image/tab_bg.gif) repeat-x left bottom;
	height:32px;
	margin:0 0 15px 0;
	}

#tab li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
 	}
	
#tab li.att{
	color:#df555e;
	font-size:10px;
	line-height:14px;
	margin:10px 0 0 10px;
	}
	
.catBox{
	width:262px;
	}

.catBox.left{
	float:left;
	display:inline;
	}

.catBox.right{
	float:right;
	display:inline;
	}

.catBox .catBoxOne{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:0 0 10px 0;
	margin:0px 0 10px 0;
	}

/* === clearfix ==*/
.catBox .catBoxOne:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.catBox .catBoxOne{
	display: inline-block;
	}

/* Hides from IE-mac ﾂ･*/
* html .catBox .catBoxOneheight: 1%;}
.catBox .catBoxOne{display: block;}
/* End hide from IE-mac */


.catBox p{
	margin:0 0 0 0;
	}

.catBox h3,
h3.p02Title{
	background:url(../ranking/image/line01.gif) repeat-x left bottom;
	padding:0 0 3px 0;
	}

.catBox h3 span,
h3.p02Title span{
	background:url(../ranking/image/icon_rank.gif) no-repeat left 2px;
	padding:2px 0 2px 35px;
	font-size:14px;
	line-height:20px;
	display:block;
	margin:0 0 0 3px;
	font-weight:bold;
	}

h3.p02Title span{
	width:242px;
	_width:277px;
	}

.catBox .p01Rank{
	float:left;
	display:inline;
	width:34px;
	margin:10px 0 0 0;
	}


.catBox .photo{
	float:left;
	display:inline;
	width:60px;
	margin:5px 0 0 0;
	}

.catBox .txt{
	float:left;
	display:inline;
	width:155px;
	margin:0px 0 0 5px;
	}

.catBox .att .txt{
	margin:10px 0 0 5px;
	}

.catBox .txt p{
	margin:0 0 5px 0;
	line-height:16px;
	}

.catBox .txt p.comment{
	background:url(../image/icon_kutikomi02.gif) no-repeat left center;
	padding:1px 0 1px 20px;
	font-size:10px;
	line-height:14px;
	}

.catBox .moreLink{
	background:url(../ranking/image/acs02.gif) no-repeat right center;
	float:right;
	display:inline;
	padding:0 13px 0 0px;
	margin:-5px 0 40px 0;
	}

.catBox .txt .star{
	vertical-align:middle;
	font-weight:bold;
	color:#e73511;
	height:14px;
	margin:0 0 0 0px;
	width:170px;
	}

.catBox .txt .star span{
	font-weight:bold;
	}

.catBox .txt img{
	vertical-align:middle;
	margin:0 0px 0 0;
	}

.rankBtn{
	text-align:right;
	margin:-33px 0 0 0;
	}

/*margin-top p02Product の margin-bottom -3px*/
.rankFooterBtn{
	text-align:right;
	margin: -7px 0 0 0;
}

.p02Product{
	clear:both;
	}

.p02Product{
	background:url(../image/line01.gif) repeat-x left bottom;
	padding:0 0 10px 0;
	margin:15px 0 10px 0;
	}
	
/* === clearfix ==*/
.p02Product:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.p02Product{
	display: inline-block;
	}

/* Hides from IE-mac ﾂ･*/
* html .p02Product{height: 1%;}
.p02Product{display: block;}
/* End hide from IE-mac */


.p02Product .rankIcons{
	float:left;
	display:inline;
	width:45px;
	text-align:center;
	margin:15px 0 0 0px;
	}

.p02Product .photo{
	float:left;
	display:inline;
	width:122px;
	margin:15px 4px 0 0;
	}

.p02Product .txt{
	float:left;
	display:inline;
	width:360px;
	margin:10px 0 0 0;
	}

.p02Product .txt .name{
	font-size:14px;
	margin:10px 0 2px 0;
	}

.p02Product .txt .name a{
	text-decoration:underline;
	}

.p02Product .txt .name a:hover{
	text-decoration:underline;
	}

.p02Product .txt .maker{
	text-align:right;
	font-size:10px;
	line-height:14px;
	margin:0 0 5px 0;
	}

.p02Product .txt .info{
	margin:0 0 5px 0;
	}

.p02Product .txt .star{
	float:left;
	display:inline;
	vertical-align:middle;
	height:14px;
	margin:0 5px 0 0px;
	_margin:3px 0 0 0px;
	}

.p02Product .txt .star em{
	
	}
	
.p02Product .txt .rank{
	background:url(../search/image/mini_icon01.gif) no-repeat left center;
	padding:0 0 0 18px;
	margin:0 5px 10px 5px;
	}
	
.p02Product .txt .kutikomiNam{
	background:url(../search/image/mini_icon02.gif) no-repeat left center;
	padding:0 0 0 18px;
	margin:0 5px 10px 5px;
	}
	
.p02Product .txt .wantNam{
	background:url(../search/image/mini_icon03.gif) no-repeat left center;
	padding:0 0 0 18px;
	margin:0 15px 10px 15px;
	}

.p02Product .txt .star img{
	vertical-align:middle;
	margin:0 0px 0 0;
	}

.p02Product .txt .data{
	font-size:10px;
	line-height:14px;
	color:#666;
	display:block;
	margin:0 5px 10px 0px;
	}



.p02Product .txt .new{
	background:url(../ranking/image/icon_new.gif) no-repeat left center;
	background-position:left 2px;
	padding:0 0 0 30px;
	margin:5px 0 0 0;
	font-size:10px;
	line-height:14px;
	}

.p02Product .txt h3{
	font-size:14px;
	line-height:20px;
	}

.p02Product .txt h3 a,
.p02Product .txt h3 a:hover{
	font-weight:bold;
	}