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

@import "present.css";

/*------------ 初期設定 ------------*/
p {
	line-height: 1.5;
}

/*------------ 背景（サブページ） ------------*/
body {
	background: url(../../images/var3/sub_main_back.jpg) no-repeat center top #eaf5fe;
	color: #333333;
}

/*------------ 全体 ------------*/
#wrapper {
	width: 950px;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	background-color: #FFF;
	border-left: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
}

/*------------ ヘッダー ------------*/
#header {
	padding:0 0 0 0;
}

#header_box {
	width: 550px;
	float: left;
	padding-top:10px;
}

#header_tab_box{
	width:400px;
	float:right;
}

#header_tab_box li{
	float:left;
	padding-bottom:4px;
}

#header_tab_box li a{
	display:block;
	height:27px;
	background-position:left top;
	text-indent:-5000px;
}

#header_tab_box li#login_tab01{
	width:203px;
	text-align:right;
	padding:4px 10px 0 0;
	font-size:10px;
}

#header_tab_box li#login_tab02 a{
	width:106px;
	background: url(../../images/var3/head_tab04.jpg) no-repeat;
}

#header_tab_box li#login_tab03 a{
	width:81px;
	background: url(../../images/var3/head_tab05.jpg) no-repeat;
}

#header_tab_box li#login_tab04 a{
	margin-left:194px;
	width:88px;
	background: url(../../images/var3/head_tab01.jpg) no-repeat;
}

#header_tab_box li#login_tab05 a{
	width:118px;
	background: url(../../images/var3/head_tab02-2.jpg) no-repeat;
}

#header_tab_box li#login_tab06 a{
	width:138px;
	background: url(../../images/var3/head_tab03.jpg) no-repeat;
}

#header_tab_box li#login_tab02 a:hover,
#header_tab_box li#login_tab03 a:hover,
#header_tab_box li#login_tab04 a:hover,
#header_tab_box li#login_tab05 a:hover,
#header_tab_box li#login_tab06 a:hover{
	background-position:left -27px;
}


/*------------ ヘッダーロゴ ------------*/
#header h1#header_logo a {
	width: 248px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	background: url(../../images/var3/header_logo.jpg) no-repeat left top;
	float: left;
}

/*------------ ヘッダーコメント ------------*/
#header h2 {
	padding: 15px 0 0 20px;
	font-size: 10px;
	font-weight: normal;
	color: #626262;
	float: left;
}

/*------------ 更新情報 ------------*/
#date_box {
	width: 503px;
	padding: 5px;
	letter-spacing: 2px;
	border: #9e9e9e 1px dotted;
	float: left;
}

#date01 {
	padding: 23px 6px 0 0;
	font-size: 10px;
	color: #27bb9a;
	background: url(../../images/var3/header_update.gif) no-repeat left top;
	border-right: #9e9e9e 1px dotted;
	float: left;
}

#date02 {
	padding: 0 6px 0 100px;
	font-size: 11px;
	background: url(../../images/var3/header_touroku.jpg) no-repeat 7px 2px;
	border-right: #9e9e9e 1px dotted;
	float: left;
}

#date02 ul {
	line-height: 1.2;
}

#date03 {
	padding: 10px 0 4px 80px;
	font-size: 11px;
	background: url(../../images/var3/header_kuchi.jpg) no-repeat 7px 2px;
	float: left;
}

#date_box .green {
	color: #019070;
	font-size: 15px;
	font-weight: bold;
}

/*------------ ナビゲーション ------------*/
#nav_box {
	padding: 10px 0;
}

ul#gnav {
	width: 600px;
	float: left;
	text-indent: -9999px;
}

ul#gnav li {
	padding-right: 1px; 
	float: left;
}

ul#gnav li a {
	background-repeat: no-repeat;
	display: block;
}

/*------------ ナビゲーション（マウスOFF） ------------*/
ul#gnav li#home a,
ul#gnav li#about a,
ul#gnav li#sitemap a,
ul#gnav li#athlete a,
ul#gnav li#spojob a {
	height: 28px;
}

ul#gnav li#home a {
	width: 72px;
	background-image: url(../../images/var3/gnav_spo_off.jpg);
}

ul#gnav li#about a {
	width: 94px;
	background-image: url(../../images/var3/gnav_about_off.jpg);
}

ul#gnav li#sitemap a {
	width: 90px;
	background-image: url(../../images/var3/gnav_sitemap_off.jpg);
}

ul#gnav li#athlete a {
	width: 128px;
	background-image: url(../../images/var3/gnav_yell_off.jpg);
}

ul#gnav li#spojob a {
	width: 120px;
	background-image: url(../../images/var3/gnavi_job_off.jpg);
}


/*------------ ナビゲーション（ロールオーバー時） ------------*/
ul#gnav li#home a:hover {
	width: 72px;
	background-image: url(../../images/var3/gnav_spo_on.jpg);
}

ul#gnav li#about a:hover {
	width: 94px;
	background-image: url(../../images/var3/gnav_about_on.jpg);
}

ul#gnav li#sitemap a:hover {
	width: 90px;
	background-image: url(../../images/var3/gnav_sitemap_on.jpg);
}

ul#gnav li#athlete a:hover {
	width: 128px;
	background-image: url(../../images/var3/gnav_yell_on.jpg);
}

ul#gnav li#spojob a:hover {
	width: 120px;
	background-image: url(../../images/var3/gnavi_job_on.jpg);
}

/*------------ 検索ボックス ------------*/
#serch_wp {
	width: 330px;
	float: right;
}

#serch_box {
	width:285px;
	padding: 4px 10px 2px 30px;
	_padding: 1px 10px 1px 30px;
	background: url(../../images/var3/search_icon.jpg) no-repeat 2px center;
	border: #E3E3E3 1px solid;
	float: right;
	height:22px;
}

/*------------ 検索ボタン ------------*/
ul#serch_list01 {
	text-indent: -9999px;
}

ul#serch_list01 li {	
	padding-left: 1px; 
	float: left;
}

ul#serch_list01 li a {
	background-repeat: no-repeat;
	display: block;
}

ul#serch_list01 li#map a,
ul#serch_list01 li#brand01 a {
	height: 28px;
}

ul#serch_list01 li#map a {
	width: 97px;
	background-image: url(../../images/var3/search_map_off.jpg);
}

ul#serch_list01 li#brand01 a {
	width: 113px;
	background-image: url(../../images/var3/search_brand01_off.jpg);
}

ul#serch_list01 li#map a:hover {
	width: 97px;
	background-image: url(../../images/var3/search_map_on.jpg);
}

ul#serch_list01 li#brand01 a:hover {
	width: 113px;
	background-image: url(../../images/var3/search_brand01_on.jpg);
}

.w230 {
	margin-left:9px;
	width:230px;
}

.w230_ath {
	width:230px;
}

/*------------ パンくずリスト ------------*/
#topic_path {
	padding-bottom: 10px;
	font-size: 11px;
	float: left;
}

#topic_path li {
	display: inline;
}

#topic_path li a {
	padding-right: 15px;
	color: #0098b9;
	background: url(../../images/var3/topic_path.gif) no-repeat right center;
}

#toroku_number {
	color: #06b18b;
	float: right;
	font-size: 11px;
}

#toroku_number li {
	padding-left: 15px;
	display: inline;
}


/*------------ 見出し ------------*/
h3.sub_title,
h4.sub_title {
	text-indent: -9999px;
	background: no-repeat left top;
}

h3.sub_title {
	height: 42px;
}

h4.sub_title {
	height: 27px;
}

/*------------ コンテンツ ------------*/
#contents {

}

/*------------ 左コンテンツ ------------*/
#contents #left_contents {
	width: 200px;
	float: left;
}

/*------------ 右コンテンツ ------------*/
#contents #right_contents {
	width: 720px;
	float: right;
}

/*------ リンク色（コンテンツ） ------*/

#top_contents a,
#contents a {
	color: #0098b8;
	text-decoration:underline;
}

#top_contents a:link,
#contents a:link{
	color: #0098b8;
	text-decoration:underline;
}

#top_contents a:visited,
#contents a:visited{
	color: #0098b8;
	text-decoration:underline;
}

#top_contents a:hover,
#contents a:hover{
	color: #00667c;
	text-decoration: none;
}

#top_contents a:active,
#contents a:active{
	color: #00667c;
	text-decoration: none;
}


/*------------ 枠 ------------*/
.gray_frame {
	border: #E3E3E3 1px solid;
}

.orange_frame {
	border: #FEA646 1px solid;
}

/*------------ ページTOP ------------*/
#page_top {
	margin-top: 20px;
	padding: 0 0 1px 0;
}

#page_top a {
	margin-left: auto;
	width: 141px;
	height: 24px;
	text-indent: -9999px;
	display: block;
	background: url(../../images/var3/button_pagetop.jpg) no-repeat left top;
	border: #E3E3E3 1px solid;
}

/*------------ フッター ------------*/
#footer_box {
	width: 948px;
	padding: 20px 0;
	border: #E3E3E3 1px solid;
	text-align: center;
}

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

#footer_box ul.text_nav,
#detail_footer_links ul.text_nav {
	font-size: 11px;
	margin:0;
	padding:0;
}

#footer_box ul.text_nav li,
#detail_footer_links ul.text_nav li {
	padding: 0 30px 0 0;
	display: inline;
	line-height:1.2em;
	margin:0;
}

/*------ アドレス ------*/
#footer address {
	padding-top: 15px;
	color: #06b0a5;
	text-align:center;
}

/*------ リンク色（フッター） ------*/
#footer a,
#detail_footer_links a {
	color: #0098b8;
	text-decoration:underline;
}
#footer a:hover,
#detail_footer_links a:hover {
	color: #00667c;
	text-decoration: none;
}

/*-------- red --------*/
.red {
	color: #e10303;
}

/*-------- green --------*/
.green {
	color: #06b28b;
}

/*-------- top3px --------*/
.top3 {
	margin-top: 3px;
}

/*-------- top --------*/
.top10 {
	padding-top: 10px;
	border-top:1px dashed #999999;
}
.top11 {
	padding-top: 10px;
}
.top20 {
	padding-top: 20px;
}
.top30 {
	padding-top: 30px;
}

/*-------- top・bottom15px --------*/
.tpbt15 {
	padding: 15px 0;
}

/*-------- bottom10px --------*/
.btm10 {
	padding-bottom: 10px;
}

/*-------- bottom20px --------*/
.btm20 {
	padding-bottom: 20px;
}

/*-------- bottom30px --------*/
.btm30 {
	padding-bottom: 30px;
}

/*-------- right20 --------*/
.right20 {
	margin-right: 20px;
}

/*-------- center --------*/
.center {
	text-align: center;
}

/*-------- text right --------*/
.t_right {
	text-align: right;
}

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

/*========================  検索結果  ============================*/

/*-------- 緑フレーム --------*/
.green_frame {
	width: 620px;
	padding: 15px;
	border: #41c4a6 1px solid;
}

/*-------- エリア一覧タイトル --------*/
p#area_title {
	font-size: 18px;
	line-height: 1.0;
}

/*-------- 検索結果一覧 --------*/
dl.area_search_list {
	padding: 10px 0 0 0;
}

dl.area_search_list dt,
dl.area_search_list dd {
	font-size: 12px;
	display: inline;
}

dl.area_search_list dd {
	padding: 0 20px 0 10px;
	color: #06b28b;
}

/*------ リンク色（緑フレーム内） ------*/
#left_contents .green_frame a {
	color: #0098b8;
	text-decoration: underline;
}

#left_contents .green_frame a:hover {
	color: #00667c;
	text-decoration: none;
}


/*------ さらに絞込み検索 ------*/
#more_search {
	width: 620px;
	margin-top: 20px;
	padding: 0 15px 15px 15px;
	border: #e3e3e3 1px solid;
}

dl.area_search_list2 {
	padding: 10px 0 0 0;
}

dl.area_search_list2 dt,
dl.area_search_list2 dd {
	font-size: 12px;
	display: inline;
}

dl.area_search_list2 dt {
	padding: 0 10px 0 0;
	color: #06b28b;
	border-right: #000 1px dashed;
}

dl.area_search_list2 dd {
	padding: 0 0 0 10px;
}

/*------ 検索結果 ------*/
h3#title_search_result {
	margin-top: 20px;
	width: 648px;
	height: 22px;
	background: url(../../images/var3/preflist_search_title.gif) no-repeat left top;
}

#pref_search_result_wp {
	width: 617px;
	padding: 15px 15px 0 15px;
	border: #e3e3e3 1px solid;
}

.pref_search_result_box {
	width: 585px;
	margin-bottom: 15px;
	padding: 15px;
	border: #41c4a6 1px solid;
}

.notice_box {
	border: #ffc962 1px solid;
	background-color: #fdf3d9;
}

.pref_search_result_box h4 {
	padding: 0 0 10px 0;
	font-size: 18px;
	color: #333;
}

#pref_search_result_wp ul.info_list {
	margin: 0 0 5px 0;
	padding: 2px 0 0 0;
	_zoom: 1;
	overflow: hidden;
	float: left;
}

#pref_search_result_wp ul.info_list li {
	padding: 0 10px;
	display: inline;
	margin-left: -7px;
	border-left: #333 1px solid;
}

/*------------ アクセス数 ------------*/
span.icon_access {
	padding-left: 40px;
	background: url(../../images/var3/icon_monitor.gif) no-repeat 20px center;
}

/*------------ 口コミ ------------*/
span.icon_kuchi {
	padding-left: 40px;
	background: url(../../images/var3/icon_kuchi.gif) no-repeat left center;
}

/*------------ 星評価 ------------*/
span.star_cnt {
	margin: 0 25px 0 5px;
	padding: 2px 5px;
	color: #cc9318;
	font-size: 18px;
	font-weight: bold;
	border: #cc9318 1px solid;
	float: left;
	line-height: 1.0;
	background:#ffffff;
}

#pref_search_result_wp h5 {
	font-size: 12px;
	color: #4e4e4e;
}

#pref_search_result_wp div.right {
	width: 470px;
}

dl.info_list2 dt {
	margin: 5px 0;
	padding: 0 10px 0 0;
	float: left;
	width: 60px;
	border-right: #333 1px solid;
	clear: both;
}

dl.info_list2 dd {
	margin-left: 80px;
	padding: 5px 0 15px 0;
	zoom: 1;
}

/*------------ ボタンリスト ------------*/
#pref_search_result_wp ul.button_line {
	float: left;
}

#pref_search_result_wp ul.button_line li {
	padding: 0 5px 0 0;
	float: left;
}

/*========================  リニューアル後  ============================*/
.sportsspot_box{
	margin-bottom:30px;
}

h3.sportsspot_cate_title{
	background: url(../../images/var3/top_subtitile_spo_cate.gif) no-repeat left center;
	width:650px;
	height:44px;
	text-indent:-5000px;
	margin-bottom:5px;
	margin-top:5px;
}

.sportsspot_cate_box ul li{
	float:left;
	width:220px;
	height:49px;
	text-indent:-5000px;
}

.sportsspot_cate_box ul li.cate_003{
	width:210px;
}

.sportsspot_cate_box ul li a{
	display:block;
	width:211px;
	height:49px;
	background-position:left top;
}

.sportsspot_cate_box ul li.cate_001 a{
	background: url(../../images/var3/top_spo_cate_btn01.jpg) no-repeat;
}

.sportsspot_cate_box ul li.cate_002 a{
	background: url(../../images/var3/top_spo_cate_btn02.jpg) no-repeat;
}

.sportsspot_cate_box ul li.cate_003 a{
	background: url(../../images/var3/top_spo_cate_btn03.jpg) no-repeat;
}


.sportsspot_cate_box ul li.cate_001 a:hover,
.sportsspot_cate_box ul li.cate_002 a:hover,
.sportsspot_cate_box ul li.cate_003 a:hover{
	background-position:-211px top;
}

h3.sportsspot_mokuteki_title{
	background: url(../../images/var3/top_subtitile_purpose.gif) no-repeat left center;
	width:650px;
	height:44px;
	text-indent:-5000px;
	margin-bottom:5px;
}

.sportsspot_mokuteki_box ul li{
	float:left;
	width:220px;
	height:49px;
	text-indent:-5000px;
}

.sportsspot_mokuteki_box ul li.cate_003{
	width:210px;
}

.sportsspot_mokuteki_box ul li a{
	display:block;
	width:211px;
	height:49px;
	background-position:left top;
}

.sportsspot_mokuteki_box ul li.mokuteki_taiken a{
	background: url(../../images/var3/top_purpose_btn01.jpg) no-repeat;
}

.sportsspot_mokuteki_box ul li.mokuteki_fitness a{
	background: url(../../images/var3/top_purpose_btn02.jpg) no-repeat;
}

.sportsspot_mokuteki_box ul li.mokuteki_name a{
	background: url(../../images/var3/top_purpose_btn03.jpg) no-repeat;
}

.sportsspot_mokuteki_box ul li.mokuteki_taiken a:hover,
.sportsspot_mokuteki_box ul li.mokuteki_fitness a:hover,
.sportsspot_mokuteki_box ul li.mokuteki_name a:hover{
	background-position:-211px top;
}

h3.sportsspot_pref_title{
	background: url(../../images/var3/top_subtitile_area.gif) no-repeat left center;
	width:650px;
	height:44px;
	text-indent:-5000px;
	margin-bottom:5px;
}


/*------------ エリア検索 ------------*/
.area_serch_box {
	width: 648px;
	padding: 10px 0 0;
	border: #E3E3E3 1px solid;
}

.area_serch_box dl.city_list {
	width:630px;
}

.area_serch_box dl.city_list dt {
	float: left;
	width: 7em;
	padding: 5px 0 5px 10px;
}

.area_serch_box dl.city_list dd {
	margin-left: 8em;
	padding: 5px 0 5px 10px;
	border-left: #000000 1px dotted;
	margin-bottom:10px;
}

.area_serch_box dl.city_list dd a{
	display:block;
	float:left;
	width:9em;
}

/*------------ 新着施設 ------------*/
.pref_new_box {
	width: 315px;
	_width: 313px;
	padding: 0 19px 25px 0;
	color: #0098b8;
	float: left;
}

.pref_new_box .right {
	width: 200px;
	font-size: 10px;
}

p.shop_name {
	font-weight: bold;
	font-size: 11px;
}

p.city_title {
	color: #333;
	font-size: 11px;
	padding-top: 10px;
}

p.detail2 a {
	margin-left: 100px;
	width: 56px;
	height: 24px;
	text-indent: -9999px;
	display: block;
	background: url(../../images/var3/button_syousai.jpg) no-repeat left top;
}