@charset "UTF-8";

/*============================================================
//
//  目次---------------------
//  　・サンプリング
//  　・ランキング
//  　・都道府県別オススメをもっと見る
//  　・提供元一覧 2010.09.02 add
//
//==========================================================*/


.ranking{
	margin-bottom:20px;
}


/*======サンプリング======*/
.sampling {
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.sampling table{
	width:627px;
	border-collapse: collapse;
	border-spacing: 0;
	border-left: 1px solid #ff6600;
	border-top: 1px solid #ff6600;
}
.sampling table th{
	width:80px;
	text-align:left;
	background-color:#fff5cc;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	font-weight:normal;
}
.sampling table td{
	width:547px;
	text-align:left;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
}
.sampling table th p, 
.sampling table td p{
	font-size:100%;
	padding:4px 9px;
}
.sampling table td .selected{
	color:#ff3300;
	font-weight:bold;
}

/*======ランキング======*/
#rank{
	width:100%;
	margin-bottom:20px;
}

#rank h2{
	font-size:135%;
	color:#ff6600;
	font-weight:bold;
	margin-bottom:25px;
	padding-top:12px;
	padding-bottom:5px;
	border-bottom:1px solid #fe3501;
}

#rank ul {
	width:100%;
	list-style:none;
}

#rank ul:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#rank li{
	font-size:100%;
	padding-top:15px;
	padding-bottom:15px;
}

#rank li.even{
	background-color:#ffffcb;
}

#rank li .inner{
	width:615px;
	margin-left:10px;
	margin-right:5px;
}

#rank li:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#rank .crown{
	width:34px;
	margin-right:6px;
	font-size:135%;
	color:#ff3300;
	font-weight:bold;
	text-align:center;
}
#rank .icon-ph{
	width:50px;
	margin-right:10px;
}

#rank .icon-ph2{
	width:65px;
	margin-right:10px;
	margin-left:9px;
}

#rank .product{
	width:415px;
}
#rank .btn{
	width:92px;
}
#rank li .btn{
	text-indent:-9999px;
	font-size:10px;
	width:92px;
	height:32px;
	background:url(../img/ranking/btn_detail-a.jpg) no-repeat left top;
	margin-top:9px;
}
#rank li .btn_2{
	text-indent:-9999px;
	font-size:10px;
	width:92px;
	height:32px;
	background:url(../img/ranking/btn_detail-a_2.jpg) no-repeat left top;
	margin-top:9px;
}
#rank li.even .btn{
	text-indent:-9999px;
	font-size:10px;
	width:92px;
	height:32px;
	background:url(../img/ranking/btn_detail-b.jpg) no-repeat left top;
}
#rank li.even .btn_2{
	text-indent:-9999px;
	font-size:10px;
	width:92px;
	height:32px;
	background:url(../img/ranking/btn_detail-b_2.jpg) no-repeat left top;
}
#rank .btn a{
	display:block;
	text-decoration:none;
	width:92px;
	height:32px;
}
#rank .btn_2 a{
	display:block;
	text-decoration:none;
	width:92px;
	height:32px;
}
#rank p.item{
	font-size:115%;
	color:#ff3300;
	font-weight:bold;
}
#rank p.txt{
	font-size:100%;
}
#rank p.shop{
	font-size:100%;
}


#rank p.ramen_shop{
	font-size:115%;
	color:#ff3300;
	font-weight:bold;
}

#rank p.ramen_address{
	font-size:100%;
}

#rank p.ramen_shop a{
	color:#ff6600;
}

#rank p.ramen_shop a:hover{
	color:#ff9900;
}

#rank .rank_ttl{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	line-height:140%;
	padding-top:3px;
	padding-bottom:3px;
}


#rank li .inner2{
	width:200px;
	margin-left:10px;
	margin-right:5px;

	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px dashed #333333;
}

#rank li .inner3{
	width:190px;
	margin-right:5px;
margin-left:10px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px dashed #333333;
}

#rank .product2{
	width:130px;

}

#main .other_ranking{
	float:right;
	border-style:none;
	font-size:100%;
}

#main .other_ranking a{
	color:#ff6600;
}

#main .other_ranking a:hover{
	color:#ff9900;
}


/*======都道府県別オススメをもっと見る（reco）======*/
#rank .other_reco_top{
	float:right;
	border-style:none;
	font-size:12px;
	font-weight:normal;
}

#rank .other_reco_top a{
	color:#ff6600;
}

#rank .other_reco_top a:hover{
	color:#ff9900;
}

#rank .other_reco_bottom{
	float:right;
	border-style:none;
	font-size:12px;
}

#rank .other_reco_bottom a{
	color:#ff6600;
}

#rank .other_reco_bottom a:hover{
	color:#ff9900;
}





/*======提供元一覧 2010.09.02 add======*/
#providers{
	width:620px;
	margin-bottom:20px;
}

#providers .sp{
	text-align:left;
	clear:both;
	width:620px;
	height:auto;
	margin-bottom:20px;
	background:url(/img/jimp/area-bg.jpg) no-repeat 0 50px;
}
#providers .sp h2{
	width:620px;
	height:50px;
}
#providers .sp p{
	font-size:100%;
	padding:0 20px;
}

#providers .providers_info
	width:100%;
}

#providers .providers_info .box {
	width:100%;
}
#providers .providers_info .box:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#providers .providers_info .box .left{
	width: 280px;
	margin-left:10px;
	margin-bottom:35px;
}

#providers .providers_info .box .right{
	width: 280px;
	margin-right:10px;
	margin-bottom:35px;
}

#providers .providers_info .box h3{
	font-size:135%;
	color:#ff6600;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ff6600;
}
#providers .providers_info .box p{
	font-size:115%;
	margin-bottom:15px;
}
#providers .providers_info .box p.link{
	font-size:100%;
	margin-bottom:5px;
}