@import url("base.css");

/*++++++++++++++++
	wrapper
++++++++++++++++*/
#blog_ranking{
	padding:0 0 18px;
}
#blog_ranking .ranking_title{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	padding:7px 0;
	color:#FFFFFF;
	text-align:center;
	background: rgb(59,59,59);
background: -moz-linear-gradient(top,  rgb(59,59,59) 28%, rgb(0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgb(59,59,59)), color-stop(100%,rgb(0,0,0)));
background: -webkit-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: -o-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: -ms-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: linear-gradient(to bottom,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000',GradientType=0 );
}
#blog_ranking .list{
	width:320px;
	margin:0 auto;
}
#blog_ranking .list .item{
	padding:0 0 18px;
	color:#998752;
}
#blog_ranking .list .item .item_box{
	display:block;
	color:#998752;
}
#blog_ranking .list .item .title_area{
	font-size:13px;
	line-height:21px;
	height:100%;
	padding:2px 0 2px;
	color:#FFFFFF;
	background:url(../img/index/blog_ranking_line.gif) #333333 left repeat-y;
	background-size: 25px 1px;
	-webkit-background-size: 25px 1px;
	-moz-background-size: 25px 1px;
	-o-background-size: 25px 1px;
	-ms-background-size: 25px 1px;
}
#blog_ranking .list .item .title_area .tno{
	float:left;
	width:25px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
#blog_ranking .list .item .title_area .ttitle{
	padding:0 0 0 6px;
	float:left;
	width:285px;
}
#blog_ranking .list .item_category1 .title_area{ background-color:#F375A5; }
#blog_ranking .list .item_category2 .title_area{ background-color:#427DAF; }
#blog_ranking .list .item_category3 .title_area{ background-color:#82AD00; }
#blog_ranking .list .item_category4 .title_area{ background-color:#E5C200; }
#blog_ranking .list .item_category5 .title_area{ background-color:#F3785D; }
#blog_ranking .list .item_category6 .title_area{ background-color:#2A9D67; }
#blog_ranking .list .item_category7 .title_area{ background-color:#0062CD; }
#blog_ranking .list .item_category8 .title_area{ background-color:#F30077; }
#blog_ranking .list .item_category9 .title_area{ background-color:#F49800; }
#blog_ranking .list .item_category10 .title_area{ background-color:#05A8E9; }
#blog_ranking .list .item_category11 .title_area{ background-color:#F6B379; }
#blog_ranking .list .item_category12 .title_area{ background-color:#96B8EC; }
#blog_ranking .list .item_category13 .title_area{ background-color:#3E7EDC; }
#blog_ranking .list .item_category14 .title_area{ background-color:#1F5DB6; }
#blog_ranking .list .item_category15 .title_area{ background-color:#153F7D; }
#blog_ranking .list .item .text_area{
	padding:9px 8px 0;
}
#blog_ranking .list .item .title{
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	padding:0 0 4px;
}
#blog_ranking .list .item .comment{
	font-size:10px;
	line-height:15px;
	padding:0 0 5px;
}
#blog_ranking .list .item .area{
	font-size:10px;
	line-height:14px;
	padding:0 8px 8px;
}
#blog_ranking .list .item .area a{
	color:#F277B2;
	text-decoration:underline;
}
#blog_ranking .list .item .btn{
	font-size:10px;
	line-height:14px;
	text-align:right;
	padding:0 8px;
}
#blog_ranking .list .item .btn a{
	padding-left:13px;
	color:#B9B6A4;
	background:url(../img/index/blog_ranking_ya.gif) left no-repeat;
	background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	-o-background-size: 10px 10px;
	-ms-background-size: 10px 10px;
}

#top_banner{
	text-align:center;
}
#search_map{
	text-align:center;
	width:270px;
	height:186px;
	margin:15px auto 24px;
	background:url(../img/index/search_map_bg.png) center top no-repeat;
	background-size: 270px 186px;
	-webkit-background-size: 270px 186px;
	-moz-background-size: 270px 186px;
	-o-background-size: 270px 186px;
	-ms-background-size: 270px 186px;
}
#search_map .map{
	padding:0 0 8px;
}
#search_map .btn1{
	float:left;
	padding:17px 0 0 18px;
}
#search_map .btn2{
	float:right;
	padding:17px 18px 0 0;
}
#search_map .title{
	text-align:center;
}

#search_salon{
}
#search_salon .title{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:20px;
	padding:7px 0;
	text-align:center;
	background: rgb(59,59,59);
	background: -moz-linear-gradient(top,  rgb(59,59,59) 28%, rgb(0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgb(59,59,59)), color-stop(100%,rgb(0,0,0)));
	background: -webkit-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
	background: -o-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
	background: linear-gradient(to bottom,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000',GradientType=0 );
}
#search_salon li{
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	background:url(../img/index/search_salon_bg.jpg) #FFF left bottom repeat-x;
	background-size: 5px 40px;
	-webkit-background-size: 5px 40px;
	-moz-background-size: 5px 40px;
	-o-background-size: 5px 40px;
	-ms-background-size: 5px 40px;
}
#search_salon li a{
	color:#A59F5F;
	display:block;
	padding:10px 12px;
	background:url(../img/index/search_ya.png) right no-repeat;
	background-size: 14px 8px;
	-webkit-background-size: 14px 8px;
	-moz-background-size: 14px 8px;
	-o-background-size: 14px 8px;
	-ms-background-size: 14px 8px;
}

#gps_btn{
	text-align:center;
	padding:0 0 30px;
}

#shop_ranking_list{
	padding:0 0 20px;
}
#shop_ranking_list .ranking_title{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	padding:7px 0;
	color:#FFFFFF;
	text-align:center;
	background: rgb(59,59,59);
background: -moz-linear-gradient(top,  rgb(59,59,59) 28%, rgb(0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgb(59,59,59)), color-stop(100%,rgb(0,0,0)));
background: -webkit-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: -o-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: -ms-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: linear-gradient(to bottom,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000',GradientType=0 );
}
#shop_ranking_list .list{
}
#shop_ranking_list .item{
	padding:0 0 10px;
}
#shop_ranking_list .item .item_box{
	display:block;
	color:#998552;
}
#shop_ranking_list .item a{
	color:#998552;
	display:block;
}
#shop_ranking_list .item .title_area{
	font-size:13px;
	line-height:21px;
	height:100%;
	padding:2px 0 2px;
	color:#FFFFFF;
	background:url(../img/index/blog_ranking_line.gif) #F573A5 left repeat-y;
	background-size: 25px 1px;
	-webkit-background-size: 25px 1px;
	-moz-background-size: 25px 1px;
	-o-background-size: 25px 1px;
	-ms-background-size: 25px 1px;
}
#shop_ranking_list .item .title_area .tno{
	float:left;
	width:25px;
	text-align:center;
}
#shop_ranking_list .item .title_area .ttitle{
	padding:0 0 0 6px;
	float:left;
	width:285px;
}
#shop_ranking_list .item .photo{
	float:left;
}
#shop_ranking_list .item .text_area{
	padding:4px 15px 0 0;
	float:right;
	width:176px;
}
#shop_ranking_list .item .comment{
	font-size:10px;
	line-height:13px;
	padding:0 0px 10px;
}
#shop_ranking_list .item .area{
	font-size:10px;
	line-height:12px;
	color:#F277B2;
	text-decoration:underline;
}

#shop_pickup_list{
	padding-bottom:15px;
}
#shop_pickup_list .ranking_title{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	padding:7px 0;
	color:#FFFFFF;
	text-align:center;
	background: rgb(59,59,59);
background: -moz-linear-gradient(top,  rgb(59,59,59) 28%, rgb(0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgb(59,59,59)), color-stop(100%,rgb(0,0,0)));
background: -webkit-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: -o-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: -ms-linear-gradient(top,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
background: linear-gradient(to bottom,  rgb(59,59,59) 28%,rgb(0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000',GradientType=0 );
}
#shop_pickup_list .list{
}
#shop_pickup_list .item{
	padding:15px 0 15px;
	border-bottom:solid 1px #6B6041;
}
#shop_pickup_list .item:last-child{
	border-bottom:none;
}
#shop_pickup_list .item .item_box{
	display:block;
	color:#998552;
}
#shop_pickup_list .item a{
	color:#998552;
	display:block;
}
#shop_pickup_list .item .photo{
	float:left;
}
#shop_pickup_list .item .text_area{
	padding:3px 15px 0 0;
	float:right;
	width:176px;
}
#shop_pickup_list .item .title{
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	padding:0 0px 4px;
}
#shop_pickup_list .item .comment{
	font-size:10px;
	line-height:15px;
	padding:0 0px 10px;
}


#banner_area{
	width:290px;
	padding:25px 15px 20px;
	margin:0 auto;
	text-align:center;
}
#banner_area li{
	padding-bottom:9px;
}
#banner_area li.l{
	float:left;
}
#banner_area li.r{
	float:right;
}
#bottom_banner{
	text-align:center;
	padding:0 0 20px;
}

/*============================
feature
============================*/
.feature_wa{
	width:320px;
	margin:0 auto;
	margin-bottom:25px;
}

.blog-wa{
	width:290px;
	margin:0 auto;
	margin-bottom:30px;
}