@charset "utf-8";
/* CSS Document */

.rightRanking {
	background:#ffffff;
	border-top-style:solid;
	border-top-width:4px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:15px 8px;
	margin-top:20px;
}

.rightRanking_ttl {
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 8px;
	padding-left: 8px;
}

.rightRanking_box {
}

.rightRanking_box_in {
	overflow:hidden;
	clear:both;
	padding:10px 0 10px 50px;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

.rightRanking_box_in.rank1 { 
	background:url(/img/common/rank_01.jpg) 2px center no-repeat;
	background-size:auto 28px;
}

.rightRanking_box_in.rank2 { 
	background:url(/img/common/rank_02.jpg) 2px center no-repeat;
	background-size:auto 28px;
}

.rightRanking_box_in.rank3 { 
	background:url(/img/common/rank_03.jpg) 2px center no-repeat;
	background-size:auto 28px;
}

.rightRanking_ph,
.rightRanking_text {
	float:left;
}

.rightRanking_img_outer {
	padding:1px;
	border:1px solid #cccccc;
}

.rightRanking_img,
.rightRanking_img_in {
	width:60px;
}

.rightRanking_img {
	display:table;
	background:#eeeeee;
}

.rightRanking_img_in {
	display:table-cell;
	text-align:center;
}

.rightRanking_img_in img {
	max-width:60px;
	max-height:60px;
	vertical-align:middle;
}

.rightRanking_text {
	width:152px;
	margin-left:10px;
}

.rightRanking_text_ttl {
	font-size:12px;
	margin-bottom:2px;
}

.rightRanking_text_sub {
	font-size:10px;
	color:#858585;
}

.rightRanking_text_ttl a {
	color:#474747;
	font-weight: bold;
}

.rightRanking_more {
	text-align:right;
	margin-top:5px;
}

.rightRanking_more span {
	margin-right:2px;
	font-size:10px;
}

.rightRanking_more a {
	color:#0099ff;
	font-size:12px;
	font-weight: bold;
	margin-right:5px;
}

/* サブテキストなしの場合のみ */

.rightRanking_text_ttl {
	line-height:1.5;
	margin-top:3px;
}



/* 線色 */

.rightRanking.recipe,
.recipe .rightRanking_box_in,
.recipe .rightRanking_ttl {
	border-color:#f68718;
}

.rightRanking.news,
.news .rightRanking_box_in,
.news .rightRanking_ttl {
	border-color:#c03fa3;
}

.rightRanking.specialArticle,
.specialArticle .rightRanking_box_in,
.specialArticle .rightRanking_ttl {
	border-color:#a90a15;
}


/* 文字色 */

.recipe .rightRanking_ttl,
.recipe .rightRanking_more span {
	color:#f68718;
}

.news .rightRanking_ttl,
.news .rightRanking_more span {
	color:#c03fa3;
}

.specialArticle .rightRanking_ttl,
.specialArticle .rightRanking_more span {
	color:#a90a15;
}