/* ランキング
   2020/10/26 土井更新
   レシピ詳細（seach/require/ranking.tmp.html）と
   TOP（dt/ranking.tmp.html）のリクワイヤファイル統一のため
   index02.cssよりランキング部分を個別cssファイル化
*/

.osusume_top{
	width:948px;
	margin:20px 0 0;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	position:relative;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.osusume_top .left_btn{
	position:absolute;
	top:123px;
	left:0;
}

.osusume_top .right_btn{
	position:absolute;
	top:123px;
	right:0;
}

.osusume_top .date02{
	position:absolute;
	color:#fff;
	top:12px;
	right:13px;
	font-weight:bold;
}

.osusume_top dd{
	width:948px;
	margin:0;
}

.osusume_top ul {
	padding: 0 0 0 47px;
}

.osusume_top ul li {
	width:138px;
	float:left;
	padding: 20px 40px 20px 0;
}

.osusume_top ul li div{
	border:solid 1px #ccc;
	margin-bottom:8px;

}

.osusume_top ul li div img{
	border:solid 1px #fff;
	width:134px;
	height:84px;
	vertical-align: bottom;
}
/* ?????????? 6?????? 
.osusume_top ul.other_recipe {
	padding: 0 0 0 57px;
} */
/* ?????????? 3???? */
.osusume_top ul.other_recipe {
	padding: 0 0 0 239px;
}

.osusume_top ul.other_recipe li {
	width:113px;
	float:left;
	padding: 20px 65px 20px 0;
}

.osusume_top ul.other_recipe li div{
	border:none;
	margin-bottom:8px;
}

.osusume_top ul.other_recipe li img{
	border:none;
	width:113px;
	height:113px;
}

.osusume_top ul li .rankname{
	height:40px;
}
.osusume_top ul li .btn_oisiso{
	border:none;
	margin:8px 0 0;
	position:relative;
    width: auto;
    float: none;
}

.osusume_top ul li .btn_oisiso img.btn_o{
	border:none;
	width:84px;
	height:28px;
}

.osusume_top ul li .btn_oisiso img.count{
	border:none;
	width:6px;
	left:112px;
	top:11px;
	height:6px;
	position:absolute;
	z-index:100;
}

.osusume_top ul li .btn_oisiso .count_o{
	border:1px solid #9298a4;
	background-color:#fff;
	line-height:20px;
	position:absolute;
	top: 0px;
	left:116px;
	font-size:12px;
	line-height:12px;
	padding:3px 2px;
	color:#242424;
	z-index:50;
}

.osusume_top ul li .rank{
	border:none;
	margin:0 0 4px;
	width:56px;
}

.osusume_top ul li .rank img{
	border:none;
	width:54px;
	height:14px;
}

.osusume_top ul li div p {
	margin:4px 0;
	text-align:center;
}

.osusume_top ul li p a{
	text-decoration:none;
	line-height:1.5em;
	padding:0 0 2px;
	background:url(../images/index02/btm_line.gif) repeat-x bottom left;
}


/* 2015年6月29日追記 */

.osusume_top dl dd .clearFix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
}