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





div.contents{
	overflow:hidden;
	width:800px;
	margin:0 auto;
	padding-top:10px;
}

.left_contents{
	width:580px;
	float:left;
}
.right_contents{
	width:200px;
	float:right;
}


.content_title{
	width:580px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	padding-right:10px;
	background:#FFF0F1;
	border-radius:3px;
	margin-bottom:10px;
	orver-flow:hidden;
}
.content_title h2{
	font-size:16px;
	float:left;
}
.content_title p{
	float:right;
	font-size:10px;
	color:#636A77;
}
/*------------- ランキング -------------*/


.top_ranking_contents{
	width:580px;
	padding:0 10px;
}
.top_ranking_contents li{
	width:560px;
	height:120px;
	padding:0 10px;
    border-bottom: 1px solid #FFF0F1;
}
.top_ranking_contents li a{
	width:560px;
	display:block;
}
.top_ranking_contents li a:hover{
	background:#FDF8F8;
}
.ranking_detail{
	width:560px;
	overflow:hidden;
}
.ranking_detail dt{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#636A77;
}
.ranking_detail dd{
	float:right;
	font-size:10px;
	color:#636A77;
}



.top_ranking_content{
	overflow:hidden;
	padding:10px 0;
}
.top_ranking_content .rank{
	width:30px;
	height:100px;
	border-radius:3px 0 0 3px;
	float:left;
}
.top_ranking_content .first_rank{
	background:#BAAE6D;
	color:#ffffff;
	text-align:center;
	padding-top:30px;
	font-weight:bold;
	font-size:25px;
}
.top_ranking_content .second_rank{
	background:#9DA8B4;
	color:#ffffff;
	text-align:center;
	padding-top:30px;
	font-weight:bold;
	font-size:25px;
}
.top_ranking_content .third_rank{
	background:#BAA488;
	color:#ffffff;
	text-align:center;
	padding-top:30px;
	font-weight:bold;
	font-size:25px;
}
.top_ranking_content .rank_list{
	background:#ffffff;
	color:#FA676E;
	text-align:center;
	padding-top:36px;
	font-weight:bold;
	font-size:18px;
	border:1px solid #FA676E;
}
.top_ranking_content .top_rank_box{
	width:525px;
	height:100px;
	float:right;
}
.top_rank_box dl{
	overflow:hidden;
}
.top_rank_box dl dt{
	width:100px;
	height:100px;
	float:left;
}
.top_rank_box dl dd{
	width:415px;
	 height:100px;
	float:right;
	position:relative;
}
.top_rank_box dl dd p.top_rank_shopname{
	font-size:16px;
	font-weight:bold;
	padding-top:30px;
	position:relative;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.top_rank_box dl dd p.parallel::before{
	content:"";
	display:inline-block;
	background:url("../../../images/common/icon_rank_parallel.png") no-repeat;
	width:26px;
	height:26px;
	background-size: contain;
	position:absolute;
	top:0;
	left:0;
}
.top_rank_box dl dd p.up::before{
	content:"";
	display:inline-block;
	background:url("../../../images/common/icon_rank_up.png") no-repeat;
	width:26px;
	height:26px;
	background-size: contain;
	position:absolute;
	top:0;
	left:0;
}
.top_rank_box dl dd p.down::before{
	content:"";
	display:inline-block;
	background:url("../../../images/common/icon_rank_down.png") no-repeat;
	width:26px;
	height:26px;
	background-size: contain;
	position:absolute;
	top:0;
	left:0;
}
.top_rank_box dl:hover dd p.top_rank_shopname{
	text-decoration: underline;
}
.top_rank_box dl dd p.top_rank_area-type{
	font-size:10px;
	color:#636A77;
	position:absolute;
	bottom:0px;

}

/*--------------------------------------------------------------
右カラム
--------------------------------------------------------------*/


.platinumbanner li{
	padding-bottom:20px;
}

.side_title{
	width:200px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
	line-height:40px;
	background:#FFF0F1;
	border-radius:3px;
}
.history,.side_recommendation{
	padding-bottom: 20px;
    padding-top: 10px;
}
.history li,.side_recommendation li{
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:1px solid #E6F1EF;
}

/*--------------------------------------------------------------
 最近見たお店
--------------------------------------------------------------*/
.history li dl{
	width: 200px;
    margin: 0 auto;
}
.history li dl dt{
	width:180px;
	height:auto;
    margin: 0 auto;
	text-align: center;
}
.history li dl dd {
    width: 180px;
    margin: 0 auto;
}
.history_shopname{
	font-size:12px;
	font-weight:bold;
	color:#FA676E;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.history_shopname a{
	color:#FA676E;
}
.history_area-type{
	font-size:10px;
	color:#636A77;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}