@import "very-common_v2.css";

body{
	margin              : 0px;
	font-size           : 12px;
	line-height         : 150%;
	background          : url(/images/common/bg_body.gif) repeat-x 0px 0px;
}
body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


#wrapper{
width                 : 840px;
margin                : 0px auto;
}
a:link{
	color               : #39f;
}
a:visited{
	color               : #09c;
}
a:hover{
	color               : #3ff;
}
p{margin:0px;}
/*==========================================================
############################################################
HEADER
############################################################
==========================================================*/
#header{
	width               : 840px;
	height              : 60px;
}

#header h1#logo, #header p#logo{
	width               : 340px;
	height              : 60px;
	background          : url(/images/common/title_higaeri.png) no-repeat 0px 0px;
	text-indent         : -9999px;
	margin              : 0px;
}
#header h1#logo a, #header p#logo a{
	width               : 340px;
	height              : 60px;
	display             : block;
}


/*========== GENRE NAVI ==========*/
#genre_navi{
	height              : 20px;
	margin              : 0px 0px 0px 400px;
	padding             : 0px;
	position            : absolute;
	top                 : 10px;
}
#genre_navi ul li{
	margin              : 0px 0px 0px 15px;
	padding             : 0px;
	list-style-type     : none;
	float               : left;
	height              : 20px;
	background          : no-repeat 0px 0px;
}

#but_konyoku{
	width               : 45px;
	background-image    : url(/images/common/button_konyoku.gif)
}
#but_noyu{
	width               : 63px;
	background-image    : url(/images/common/button_noyu.gif)
}

#but_kyoudou{
	width               : 63px;
	background-image    : url(/images/common/button_kyoudou.gif)
}
#but_kakenagashi{
	width               : 63px;
	background-image    : url(/images/common/button_kakenagashi.gif)
}

#but_nigoriyu{
	width               : 50px;
	background-image    : url(/images/common/button_nigoriyu.gif)
}
#genre_navi a{
	display             : block;
	text-indent         : -9999px;
	height              : 20px;
}

/*========== GLOBAL NAVI ==========*/
#global_navi{
	width               : 840px;
	height              : 29px;
	padding             : 0px 0px;
	position            : absolute;
	top                 : 60px;
	background-image    : url(/images/common/bg_global_navi.png);
}
#global_navi ul{
	margin              : 0px;
	padding             : 0px;
}
#global_navi ul li{
	margin              : 0px;
	padding             : 0px;
	list-style-type     : none;
	float               : left;
	height              : 29px;
}

#global_navi a{
	height              : 29px;
	display             : block;
	color               : #fff;
	text-indent         : -9999px;
	background-image    : url(/images/common/bg_global_navi.png);
}
/*-----北海道・東北-----*/
#global_navi ul li#but_touhoku{
	width               : 110px;
}
#global_navi ul li#but_touhoku a{
	width               : 110px;
	background-position : 0px 0px;
}
#global_navi ul li#but_touhoku a:hover{
	background-position : 0px 29px;
}

/*-----関東-----*/
#global_navi ul li#but_kantou{
	width               : 80px;
}
#global_navi ul li#but_kantou a{
	width               : 80px;
	background-position : -110px 0px;
}
#global_navi ul li#but_kantou a:hover{
	background-position : -110px 29px;
}

/*-----北陸・甲信越-----*/
#global_navi ul li#but_hokuriku{
	width               : 110px;
}
#global_navi ul li#but_hokuriku a{
	width               : 110px;
	background-position : -190px 0px;
}
#global_navi ul li#but_hokuriku a:hover{
	background-position : -190px 29px;
}

/*-----東海-----*/
#global_navi ul li#but_toukai{
	width               : 80px;
}
#global_navi ul li#but_toukai a{
	width               : 80px;
	background-position : -300px 0px;
}
#global_navi ul li#but_toukai a:hover{
	background-position : -300px 29px;
}

/*-----近畿-----*/
#global_navi ul li#but_kinki{
	width               : 80px;
}
#global_navi ul li#but_kinki a{
	width               : 80px;
	background-position : -380px 0px;
}
#global_navi ul li#but_kinki a:hover{
	background-position : -380px 29px;
}

/*-----中国・四国-----*/
#global_navi ul li#but_shikoku{
	width               : 100px;
}
#global_navi ul li#but_shikoku a{
	width               : 100px;
	background-position : -460px 0px;
}
#global_navi ul li#but_shikoku a:hover{
	background-position : -460px 29px;
}

/*-----九州-----*/
#global_navi ul li#but_kyuushu{
	width               : 100px;
}
#global_navi ul li#but_kyuushu a{
	width               : 100px;
	background-position : -560px 0px;
}
#global_navi ul li#but_kyuushu a:hover{
	background-position : -560px 29px;
}

/*-----ホーム-----*/
#global_navi ul li#but_home{
	width               : 90px;
}
#global_navi ul li#but_home a{
	width               : 90px;
	background-position : -660px 0px;
}
#global_navi ul li#but_home a:hover{
	background-position : -660px 29px;
}

/*-----RSS-----*/
#global_navi ul li#but_rss{
	width               : 90px;
}
#global_navi ul li#but_rss a{
	width               : 90px;
	background-position : -750px 0px;
}
#global_navi ul li#but_rss a:hover{
	background-position : -750px 29px;
}

/*========== LOCAL NAVI ==========*/
#local_navi{
	width               : 840px;
	height              : 36px;
	position            : absolute;
	top                 : 90px;
	background          : url(/images/common/bg_local_navi_top.gif) no-repeat 0px 0px;
}
#local_navi ul{
	width               : 840px;
	height              : 36px;
	margin              : 0px;
	padding             : 0px;
	background          : url(/images/common/bg_local_navi.gif) no-repeat 0px 0px;
}
#local_navi ul li{
	margin              : 3px 0px 0px 30px;
	padding             : 0px 0px 0px 14px;
	list-style-type     : none;
	float               : left;
	height              : 20px;
	background          : url(/images/common/icon_arrow_silver.gif) no-repeat 0px 4px;
}

#local_navi a{
	height              : 20px;
	color               : #069;
	font-weight         : bold;
	text-decoration     : none;
}
#local_navi a:hover{
	color               : #3ff;
}


/*==========================================================
############################################################
CONTENTS
############################################################
==========================================================*/

#contents{
	width               : 840px;
	margin-top          : 190px;
	margin-bottom       :  30px;
}
#pankz{
	text-align          : right;
	margin-bottom       : 10px;
}

#contents h1.pref_title,#contents h1.area_title,#contents h1.genre_title{
	width               : 840px;
	height              : 115px;
	margin              : 0px;
	padding             : 0px;
	background          :  no-repeat 0px 0px;
	text-indent         : -9999px;
}


/*==========================================================
MAIN
==========================================================*/
#contents #main{
	width               : 505px;
	float               : left;
	margin-top          : 10px;
}
#contents #main h1, #contents #main h2.juuyou {
	margin              : 5px 0px;
	padding             : 5px 0px 0px 25px;
	font-size           : 14px;
	color               : #fff;
	font-weight         : bold;
	background          : url(/images/common/title_brown_505.gif) no-repeat 0px 0px;
	width               : 480px;
	height              : 33px;
	letter-spacing      : 2px;
	text-indent         : 0px;
}

.main_inner{
	width               : 480px;
	margin              : 0px auto 0px auto;
}
.main_inner p{
	margin              : 5px 0px;
}

.main_inner h2{
	font-size           : 14px;
	color               : #900;
	margin              : 10px 0px 10px 0px;
	padding             : 2px 0px 2px 13px;
	background          : url(/images/common/icon_circle_orange.gif) no-repeat 0px 0px;
}

.main_inner h3{
	font-size           : 14px;
	color               : #6c0;
	margin              : 10px 0px;
}

/*FLOATER=====================*/
.floater_r{
	float                  : right;
	margin                 : 0px 0px 10px 10px;
}
.floater_l{
	float                  : left;
	margin                 : 0px 10px 10px 0px;
}

/*入湯記(個別ページ)----------------------------------------------*/
.main_inner h2#title_diary{
/*
	padding             : 5px 0px 2px 40px;
	background          : url(/images/common/icon_diary.png) no-repeat center left;
	height              : 35px;
	overflow            : visible;
*/
	padding             : 3px 0px 2px 20px;
	background          : url(/images/common/icon_pencil_02.gif) no-repeat center left;
	border-bottom       :solid 2px #900;
}

.main_inner h3#title_map{
	padding             : 5px 0px 2px 40px;
	background          : url(/images/common/icon_map.png) no-repeat 0px 0px;
	height              : 35px;
	overflow            : visible;
}

.main_inner #recommend ul li {
	border:none;
}
#recommend li a{
	font-weight:bold;
}
/*一覧----------------------------------------------*/
.main_inner ul{
	margin              : 0px 0px 0px 0px;
	padding             : 0px 0px 0px 0px;
}
.main_inner ul li{
	margin              : 5px 0px 0px 0px;
	padding             : 5px 0px 5px 14px;
	list-style-type     : none;
	background          : url(/images/common/icon_arrow_orange.gif) no-repeat 0px 9px;
	border-bottom       : solid 1px #ccc;
}

.main_inner ul li h3{
	font-size:14px;
	margin              : 0px 0px 0px 0px;
	color               : #39f;
}
.main_inner ul li h3 a{
	color               : #39f;
	text-decoration     : none;
}
.main_inner ul li h3 span{
	font-size           : 12px;
	font-weight         : normal;
	color               : #333;
}


.main_inner ul li p{
	margin              : 0px 0px 5px 0px;
	line-height         : 135%;
}

.main_inner ul li .spot_attributes{
	float               : left;
	width               : 300px;
}
.spot_attributes img{
	margin              : 0px 5px 2px 0px;
}
/*行った日：リストの中ではfloat:right、単品ではフロートしない*/
.date_go{
	text-align          : right;
}
.main_inner ul li div.date_go{
	width               : 140px;
	float               : right;
}

/*未入湯のスポットの場合:色を薄くするなどの処置*/
.main_inner ul li.not_go{
	color               : #999;
}
.main_inner ul li.not_go h3{
	color               : #8EC7FF;
}

.main_inner ul li.not_go h3 a{
	color               : #8EC7FF;
}
.main_inner ul li.not_go h3 span{
	color               : #999;
}

.main_inner ul li.not_go .spot_attributes img{
	filter: alpha(style=0, opacity=50);
}
.not_go_description{
	font-size           : 10px;
	line-height         : 110%;
	color:#999;
}

/*==========================================================
SUB
==========================================================*/
#narrow_column{
	width               : 310px;
	float               : right;
}

#narrow_column h1,#narrow_column h2{
	margin              : 15px 0px 5px 0px;
	padding             : 4px 0px 0px 23px;
	width               : 287px;
	height              : 34px;
	font-size           : 14px;
	color               : #fff;
	font-weight         : bold;
	background          : url(/images/common/title_orange_310.gif) no-repeat 0px 0px;
	letter-spacing      : 1px;
}


/*エリア別ページで県別に見る-------------------------------------*/
/*エリア別ページでジャンル別に見る温泉---------------------------*/
/*ジャンル別でエリア別に見る温泉---------------------------------*/
#local_navi_sub, #genre_navi_sub, #global_navi_sub{
	width               : 290px;
	margin              : 0px 0px 30px 20px;
}
#genre_navi_sub{
	margin-top          : 10px;
}

#local_navi_sub ul, #genre_navi_sub ul, #global_navi_sub ul{
	margin              : 0px 0px 0px 0px;
	padding             : 0px;
}
#local_navi_sub ul li, #genre_navi_sub ul li, #global_navi_sub ul li{
	margin              : 0px 0px 5px 0px;
	padding             : 0px 0px 0px 14px;
	font-size           : 14px;
	list-style-type     : none;
	background          : url(/images/common/icon_arrow_silver.gif) no-repeat 0px 4px;
	float:left;
}
#local_navi_sub ul li{
	width               : 76px;
}
#genre_navi_sub ul li{
	width               : 76px;
}
#global_navi_sub ul li{
	width               : 126px;
}

/*左側汎用リスト(銀色)---------------------------------*/
#narrow_column ul.common_list{
	margin              : 0px 0px 0px 10px;
	padding             : 0px;
}
#narrow_column ul.common_list li{
	margin              : 0px 0px 5px 0px;
	padding             : 0px 0px 0px 14px;
	font-size           : 12px;
	list-style-type     : none;
	background          : url(/images/common/icon_arrow_silver.gif) no-repeat 0px 4px;
}

/*クチコミなど目立たせたい枠囲みのもの---------------------------------*/

.narrow_medachi{
	width               : 308px;
	border              : solid 1px #ddd;
	background-color    : #efefef;
	margin              : 15px 0px 20px 0px;
}
.narrow_medachi_inner{
	width               : 298px;
	border              : solid 1px #e0e0e0;
	background-color    : #fff;
	margin              : 4px 4px 4px 4px;
	padding             : 0px 0px 15px 0px;
}
.narrow_medachi_inner div{
	width               : 270px;
	margin              : 0px auto;
}
#narrow_column div.narrow_medachi_inner h1,#narrow_column div.narrow_medachi_inner h2{
	margin-top:0px;
	width               : 275px;
	background          : url(/images/common/title_orange_298.gif) no-repeat 0px 0px;
}
/*クチコミ---------------------------------*/
.narrow_medachi_inner #kuchikomi_outline{
	width               : 230px;
	padding             : 0px 0px 0px 40px;
	background          : url(/images/common/icon_kuchikomi.png) no-repeat 0px 0px;
	height              : 42px;
	overflow            : visible;
}
#kuchikomi_lists{
	width               : 274px;
	margin              : 3px auto;
}
#kuchikomi_lists p{
	margin              : 5px 0px 0px 0px;
	padding             : 5px 0px 5px 21px;
	background          : url(/images/common/icon_megaphone.gif) no-repeat 0px 8px;
	border-top          : solid 1px #ccc;
}

/*==========================================================
サイト利用上の注意
==========================================================*/
#notice{
	width               : 820px;
	padding             : 10px;
	margin-bottom       : 20px;
	color               : #666;
	background-color    : #F0FAFF;
	font-size           : 10px;
	line-height         : 120%;
}

/*==========================================================
FOOTER
==========================================================*/
#footer{
	padding             : 3px 20px 0px 20px;
	width               : 800px;
	height              : 25px;
	text-align          : right;
	background          : url(/images/common/bg_local_navi.gif) no-repeat 0px 0px;
}
#footer address{
	color               : #444;
	font-style          : normal;
}
#footer address a{
	color               : #444;
	text-decoration     : none;
}

/*==========================================================
############################################################
広告
############################################################
==========================================================*/
/*==========================================================
GOOGLE
==========================================================*/
#google_728_90{
	top                 : 140px;
	position            : absolute;
	width               : 728px;
	height              : 90px;
	margin              : 0px 56px;
}

#google_336_280{
	margin-left         : 30px;
}
#ads_ue{
	width               : 480px;
	height              : 60px;
	margin              : 20px 0px;
}

/*==========================================================
じゃらんAPI
==========================================================*/
#jalan_onsen{
	_height             : 150px;
	overflow            : visible;
}
#jalan_onsen .onsenchi{
	margin-top          : 5px;
	padding-top         : 5px;
	border-top          : solid 1px #ccc;

}
#jalan_onsen h3{
	font-size           : 14px;
	margin              : 0px;
	background          : url(/images/common/icon_arrow_orange.gif) no-repeat 0px 4px;
	padding             : 0px 0px 0px 14px;
}
#jalan_onsen h3 span{
	font-size           : 12px;
	font-weight         : normal;
}
#jalan_onsen div.onsen_area_caption{
	margin-left:15px;
}


#jalan_yado{
	_height             : 150px;
	overflow            : visible;
}

#jalan_yado ul{
	margin              : 5px 0px 0px 0px;
	padding             : 0px 0px 0px 0px;
}
#jalan_yado li{
	margin              : 5px 0px;
	padding             : 5px 0px;
	line-height         : 135%;
	list-style-type     : none;
	border-bottom       : solid 1px #ccc;
}
#jalan_yado li h3{
	font-size           : 14px;
	margin              : 0px;
}
/*---目立たせたいイイキーワード---*/
#jalan_yado em{
	font-style          : normal;
	color               : #f60;
}

/*==========================================================
楽天施設表示API：個別ページのみ
==========================================================*/
.main_inner #rakuten_info{
	margin-left         : 10px;
}
.main_inner #rakuten_info h3{
	font-size           : 12px;
	margin              : 0px;
}

#rakuten_info #about_bath{
	padding             : 10px;
	background-color    : #f0f0f0;
	margin-bottom       : 5px;
}

/*---目立たせたいイイキーワード---*/
#rakuten_info em{
	font-style          : normal;
	color               : #f60;
}

/*==========================================================
############################################################
トップページ/ジャンル別トップのみ　上のCSSを上書きするものもある
############################################################
==========================================================*/
/*--------- 上書き ----------*/
#index #google_728_90{
	top                 : 115px;
}
#index #contents{
	margin-top          : 135px;
}
#index #ads_ue{
	margin              : 0px 0px;
}
#genre_index #google_728_90{
	top                 : 115px;
}

#genre_index #contents{
	margin-top          : 155px;
}

/*==========================================================
############################################################
H1 タイトル画像
############################################################
==========================================================*/

#contents h1#title_hokkaido             {background:url(/images/title/title_hokkaido.png);}
#contents h1#title_aomori               {background:url(/images/title/title_aomori.png);}
#contents h1#title_iwate                {background:url(/images/title/title_iwate.png);}
#contents h1#title_miyagi               {background:url(/images/title/title_miyagi.png);}
#contents h1#title_akita                {background:url(/images/title/title_akita.png);}
#contents h1#title_yamagata             {background:url(/images/title/title_yamagata.png);}
#contents h1#title_fukushima            {background:url(/images/title/title_fukushima.png);}
#contents h1#title_ibaraki              {background:url(/images/title/title_ibaraki.png);}
#contents h1#title_tochigi              {background:url(/images/title/title_tochigi.png);}
#contents h1#title_gunma                {background:url(/images/title/title_gunma.png);}
#contents h1#title_saitama              {background:url(/images/title/title_saitama.png);}
#contents h1#title_chiba                {background:url(/images/title/title_chiba.png);}
#contents h1#title_tokyo                {background:url(/images/title/title_tokyo.png);}
#contents h1#title_kanagawa             {background:url(/images/title/title_kanagawa.png);}
#contents h1#title_niigata              {background:url(/images/title/title_niigata.png);}
#contents h1#title_toyama               {background:url(/images/title/title_toyama.png);}
#contents h1#title_ishikawa             {background:url(/images/title/title_ishikawa.png);}
#contents h1#title_fukui                {background:url(/images/title/title_fukui.png);}
#contents h1#title_yamanashi            {background:url(/images/title/title_yamanashi.png);}
#contents h1#title_nagano               {background:url(/images/title/title_nagano.png);}
#contents h1#title_gifu                 {background:url(/images/title/title_gifu.png);}
#contents h1#title_shizuoka             {background:url(/images/title/title_shizuoka.png);}
#contents h1#title_aichi                {background:url(/images/title/title_aichi.png);}
#contents h1#title_mie                  {background:url(/images/title/title_mie.png);}
#contents h1#title_shiga                {background:url(/images/title/title_shiga.png);}
#contents h1#title_kyoto                {background:url(/images/title/title_kyoto.png);}
#contents h1#title_osaka                {background:url(/images/title/title_osaka.png);}
#contents h1#title_hyogo                {background:url(/images/title/title_hyogo.png);}
#contents h1#title_nara                 { background:url(/images/title/title_nara.png);}
#contents h1#title_wakayama             {background:url(/images/title/title_wakayama.png);}
#contents h1#title_tottori              {background:url(/images/title/title_tottori.png);}
#contents h1#title_shimane              {background:url(/images/title/title_shimane.png);}
#contents h1#title_okayama              {background:url(/images/title/title_okayama.png);}
#contents h1#title_hiroshima            {background:url(/images/title/title_hiroshima.png);}
#contents h1#title_yamaguchi            {background:url(/images/title/title_yamaguchi.png);}
#contents h1#title_tokushima            {background:url(/images/title/title_tokushima.png);}
#contents h1#title_kagawa               {background:url(/images/title/title_kagawa.png);}
#contents h1#title_ehime                {background:url(/images/title/title_ehime.png);}
#contents h1#title_kochi                {background:url(/images/title/title_kochi.png);}
#contents h1#title_fukuoka              {background:url(/images/title/title_fukuoka.png);}
#contents h1#title_saga                 {background:url(/images/title/title_saga.png);}
#contents h1#title_nagasaki             {background:url(/images/title/title_nagasaki.png);}
#contents h1#title_kumamoto             {background:url(/images/title/title_kumamoto.png);}
#contents h1#title_oita                 {background:url(/images/title/title_oita.png);}
#contents h1#title_miyazaki             {background:url(/images/title/title_miyazaki.png);}
#contents h1#title_kagoshima            {background:url(/images/title/title_kagoshima.png);}
#contents h1#title_okinawa              {background:url(/images/title/title_okinawa.png);}
/**/
#contents h1#title_touhoku              {background:url(/images/title/title_touhoku.png);}
#contents h1#title_kantou               {background:url(/images/title/title_kantou.png);}
#contents h1#title_hokuriku-koushinetsu {background:url(/images/title/title_hokuriku-koushinetsu.png);}
#contents h1#title_toukai               {background:url(/images/title/title_toukai.png);}
#contents h1#title_kinki                {background:url(/images/title/title_kinki.png);}
#contents h1#title_chuugoku-shikoku     {background:url(/images/title/title_chuugoku-shikoku.png);}
#contents h1#title_kyuushu              {background:url(/images/title/title_kyuushu.png);}
/**/
#contents h1#title_konyoku              {background:url(/images/title/title_konyoku.png);}
#contents h1#title_noyu                 {background:url(/images/title/title_noyu.png);}
#contents h1#title_kakenagashi          {background:url(/images/title/title_kakenagashi.png);}
#contents h1#title_kyoudou              {background:url(/images/title/title_kyoudou.png);}
#contents h1#title_nigoriyu             {background:url(/images/title/title_nigoriyu.png);}