@charset "UTF-8";

/*list.css*/
/* =========================================================
■list-page main-contents
========================================================= */
/* tab */
.tab-list ul{
	width:420px;
	height:34px;
	clear:both;
}
.tab-list li{
	float:left;
	list-style:none;
}

.tab-area-on a{
	width:208px;
	height:34px;
	background:url(/img/list/btn_area_on.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
.tab-line-on a{
	width:208px;
	height:34px;
	background:url(/img/list/btn_line_on.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.tab-area-off a,
.tab-area-off span{
	width:208px;
	height:34px;
	background:url(/img/list/btn_area_off.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
.tab-line-off a,
.tab-line-off span{
	width:208px;
	height:34px;
	background:url(/img/list/btn_line_off.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
.box-top-pref-on{
	background: url(/img/list/box_top_pref_on.gif) bottom center no-repeat;
	height:5px;
	_height:0px;
	width:880px;
	padding:0;
	_margin-top:-7px;
	clear:both;
}
.box-top-area-on{
	background: url(/img/list/box_top_area_on.gif) bottom center no-repeat;
	height:5px;
	_height:0px;
	width:880px;
	padding:0;
	_margin-top:-7px;
	clear:both;
}
.box-top-line-on{
	background: url(/img/list/box_top_line_on.gif) bottom center no-repeat;
	height:5px;
	_height:0px;
	width:880px;
	padding:0;
	_margin-top:-7px;
	clear:both;
}
/* /tab */


.list-page .txt-select{
	font-size:16px;
	font-weight:bold;
	float:left;
	width:820px;
}

.list-page .attention{
	font-size:12px;
	font-weight:bold;
	text-align: right;
	color:#ff0000;
	margin-left: 10px;
}

.list-page .attention img {
	vertical-align: middle;
	margin-left: 200px;

}

dl.area{
	clear:both;
	display:block;
}
dl.area dt.tit-sub{
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dotted #999;
	clear:both;
	margin-bottom:5px;
	padding-top:10px;
}
.list-page dl.area dd{
	width:206px;
	float:left;
	line-height:180%;
	font-size:14px;
}
/* btn-select */
.list-page .box-select{
	height:37px;
	width:500px;
	padding-bottom:20px;
	clear:both;
	margin: 0 0 0 350px;
}
.list-page .btn-select{
	margin:20px 0 0 0;
	width:192px;
	height:37px;
	overflow:hidden;
}

/* btn-select */
.list-page .btn-select-station a{
	margin:20px 0 0 340px;
	width:193px;
	height:37px;
	background: url(/img/list/btn_select_station_off.gif) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.list-page .btn-select-station a:hover{
	background: url(/img/list/btn_select_station_on.gif) no-repeat;
	overflow:hidden;
}

/* ranking-top */

.tit-mainrk {
	background:url(/img/brand/tit_main_rk.gif) no-repeat;
	width:880px;
	height:27px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	padding: 8px 0 0 10px;
	text-indent: 30px;

}

.tit-rank0802 {
	background:url(/img/brand/tit-rank0802.gif) no-repeat;
	width: 830px;
	height: 33px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	text-indent: 50px;
	line-height: 33px;
}

.box-search-name-bottom0802 {
	background:url(/img/brand/box_map_search_rank0802.gif) bottom left no-repeat;
	width:800px;
	padding:10px 20px;
	margin-bottom:15px;
}

.box-search-name-bottom{
	background:url(/img/map/box_map_search.gif) bottom left no-repeat;
	width:820px;
	padding:10px 30px;
	margin-bottom:15px;
}

h2.titrank { background:url(../img/brand/rankttl_bar.gif) no-repeat; width: 814px; height: 31px;
	font-size:14px;
	font-weight:700;
	line-height:31px;
	margin-left:8px;
	padding-left:30px;
}

.rk-box{
	margin-bottom: 10px;
}

.rk-box table {
	width: 830px;
	border-left: 1px solid #ddd;
}

.rk-box table th {
	background-color: #abc2d4;
	border-top:1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 14px;
	padding-left: 15px;
	color: #333333;
	height: 30px;
}

.rk-box table th.rk-1 {
	width: 6%;
}

.rk-box table th.rk-2 {
	width: 38%;

}

.rk-box table th.rk-3 {
	width: 20%;
}

.rk-box table th.rk-4 {
	width: 10%;
}
.rk-box table th.rk-5 {
	width: 16%;
}


.rk-box table td {
	border-bottom:1px solid #ddd;
	border-right: 1px solid #ddd;
	height: 28px;
}

.rk-box table td.rktx-1 {
	text-align: center;
}

.rk-box table td.rktx-2 {
	padding-left: 15px;
}

.rk-box table td.rktx-2 span a {
	font-weight: 700;
}

.rk-box table td.rktx-3 {
	padding: 0 5px 0 5px;
}

.rk-box table td.rktx-4 {
	text-align: center;
	font-size:10px;
}

.rk-box table td.rktx-4 a {
	text-align: center;
	text-indent: -9999px;
	background: url(../img/list/ranksaosai-btnnw.gif) no-repeat;
	width: 89px;
	height: 24px;
	display: block;
	overflow: hidden;
	margin-left: 5px;
	_margin-left: 3px;
	margin-right: 2px;
}

.rk-box table td.rktx-4 a:hover {
	background-position: 0 -24px;

}
.rk-box table td.rktx-5 a {
	text-align: center;
	text-indent: -9999px;
	background: url(/img/list/bt_012.gif) no-repeat;
	width: 133px;
	height: 24px;
	display: block;
	overflow: hidden;
	margin-left: 5px;
	_margin-left: 3px;
	margin-right: 2px;
}

.rk-box table td.rktx-5 a:hover {
	background-position: 0 -24px;

}

.rk-box table td.rktx-3 span {
	height: 15px;
}

.nb100 {
	width: 160px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb90 {
	width: 144px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb80 {
	width: 128px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb70 {
	width: 112px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb60 {
	width: 96px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb50 {
	width: 80px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb40 {
	width: 64px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb30 {
	width: 48px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb20 {
	width: 32px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb10 {
	width: 16px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}

.nb0 {
	width: 2px;
	background: url(../img/bg_001.gif) repeat-x;
	display:block;
}


#rkbtn {
	margin: 0 0 30px 285px;
	font-size: 16px;
	font-weight: 700;
	width: 280px;
	height: 30px;
	color:#333333;
	text-decoration: none;
}

#rkbtn a {
	margin: 0 0 30px 285px;
	background: url(/img/brand/rkbtn_bg.gif) no-repeat;
	display: block;
	font-size: 16px;
	font-weight: 700;
	width: 280px;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	color:#333333;
	text-decoration: none;
}

#rkbtn a:hover {
	background: url(/img/brand/rkbtn_bg.gif) no-repeat;
	background-position: 0 -40px;
}

#rkbtn-1 {
	clear:both;
	color:#333333;
	font-size:16px;
	font-weight:700;
	height:30px;
	margin: 30px 0 30px 285px;
	text-decoration:none;
	width:280px;
}

#rkbtn-1 a {
	background: url(/img/brand/rkbtn_bg.gif) no-repeat;
	display: block;
	font-size: 16px;
	font-weight: 700;
	width: 280px;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	color:#333333;
	text-decoration: none;
}

#rkbtn-1 a:hover {
	background: url(/img/brand/rkbtn_bg.gif) no-repeat;
	background-position: 0 -40px;
}


#area-selectrank{
    margin-left: 15px;
	width:560px;
	margin-bottom: 50px;
}

#area-selectrank dl{
	clear:both;
	padding: 7px;
	_padding: 3px;
}

#area-selectrank dt{
	 font-weight:bold;
	 float:left;
	 width:110px;
}
#area-selectrank dd{
	float:left;
}

.ranktoptex {
	font-size:14px;
	margin: 10px 0px 0px 18px;
	clear: both;
}

.rankbox-jumlist {
	margin: 10px 10px;
	width: 813px;
	height: 51px;
	background: url(../img/list/rankjump_listbg.gif) no-repeat;
	clear: both;

}

.rankttltx-waku {
	float:left;
	clear:both;
	margin: 15px 0 0 0px;
}

.rankttltx {
	font-size: 16px;
	color:#004b91;
	font-weight: 700;
	padding-left: 25px;
}

.rankbox-jumlist select {
	width: 190px;
	margin-left: 10px;
	clear: both;
}

.kuchikomi-point {
	font-size: 12px;
	font-weight: 700;
	color:#FF0000;
}

.totalbar {
	margin: 10px 0px;
}
.totalbar_s {
	margin: 10px 0px;
	background: url(../img/list/totalrank_ttlbar_s.gif) no-repeat;
	width: 830px;
	height: 31px;
	display: block;
	font-size: 14px;
	font-weight: 700;
}

.totalbar_s span {
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	padding-left: 15px;
}

/* 他のランキングへの遷移 */
.rank-link{
margin:0 0 0 8px;
width:772px;/*814*/
padding: 13px 20px 10px;
border: 1px solid #DDDDDD;
}
.rank-link dt{
font-weight:bold;
}
.rank-link dt a{
background: url(/img/icon_pink.gif) no-repeat left center;
padding: 0 0 0 10px;
}
.rank-link dd{
padding:0 0 5px 10px;
}



/* 市区町村選択リニューアル */

.search-city{
padding: 10px 15px 0;
color: #333;
line-height: 100%;
}
.search-city-txt{
margin:0 0 20px;
font-weight: bold;
font-size: 14px;
}
.search-city-passnavi{
padding:0 0 15px;
text-align: right;
}
.search-city-bt{
margin:0 0 15px;
padding:10px 10px 10px;
background: #eee;
text-align: center;
}
.search-city-area{
font-size: 14px;
}
.search-city-area dl{
margin:0 0 15px;
border: 1px solid #ccc;
}
.search-city-area dt{
padding:7px 13px;
font-weight:bold;
background:#eee;
border: 1px solid #fff;
}
.search-city-area dt input{
padding: 0;
margin: 0 3px 0 0;
vertical-align: bottom;
}
* html .search-city-area dt input{
vertical-align:  middle;/*ie6*/
}
*:first-child+html .search-city-area dt input{
vertical-align:  middle;/*ie7*/
}
.search-city-area dd{
padding:10px 13px 5px;
border-top: 1px solid #ccc;
}
.search-city-area dd ul{
list-style: none;
}
.search-city-area dd li{
padding:0 0 10px;
width: 200px;
float: left;
line-height: 1.3em;
}
.search-city-zero{
color: #b2b2b2;
}
.search-city-area dd li input{
padding: 0;
margin: 0 4px 0 0;
vertical-align: middle;
}
.search-city-area dd li span{
font-size: 12px;
}

/* 都道府県を選ぶ */
.search-city-pref{
font-size: 14px;
}
.search-city-pref dl.search-city-prefList{
margin:0 0 15px;
border: 1px solid #ccc;
}
.search-city-pref dt.search-city-prefTitle{
padding:7px 13px;
font-weight:bold;
background:#eee;
border: 1px solid #fff;
}
.search-city-pref dd.search-city-prefCont{
padding:15px 13px 5px;
border-top: 1px solid #ccc;
}
.search-city-pref dd ul{
list-style: none;
}
.search-city-pref dd li{
padding:0 0 0;
width: 70px;
float: left;
line-height: 1.1em;
}

.search-city-pref dl.search-city-prefList2{
padding:0 0 15px;
}
.search-city-pref dl.search-city-prefList2 dt{
line-height: 1.1em;
float:left;
font-weight:bold;
width: 100px;
}
.search-city-pref dl.search-city-prefList2 dd{
float:right;
width: 680px;
}










.search-city-area dd ul:after,
.search-city-pref dd ul:after,
.search-city-pref dl.search-city-prefList2:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .search-city-area dd ul,
* html .search-city-pref dd ul,
* html .search-city-pref dl.search-city-prefList2{
	zoom: 1;/* IE6 */
}
*:first-child+html .search-city-area dd ul,
*:first-child+html .search-city-pref dd ul,
*:first-child+html .search-city-pref dl.search-city-prefList2{
	zoom: 1;/* IE7 */
}

/* 口コミ6位以降 */
.morelink{
	margin:0 auto 20px;
	padding:8px 0;
	width:180px;
	text-align: center;
	background: #eeeeee;
}