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


/* --------------もくじ--------------------------------- */

/* ①おでかけ用ヘッダー */
/* ②テキスト類*/
/* ③H1H2タイトル*/
/* ④コンテンツ*/


/* ---------------------------------------------------------
①おでかけ用ヘッダー
--------------------------------------------------------- */

#header .header_b ul.menu li.m_landmark a{
color:#cc0000;
background:url(/images/japan_img/header_b_landmark_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_landmark a:hover{
color:#cc0000;
background:url(/images/japan_img/header_b_landmark_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_gourmet a{
background:url(/images/japan_img/header_b_gourmet.gif) no-repeat;
}

#header .header_b ul.menu li.m_gourmet a:hover{
color:#cc0000;
background:url(/images/japan_img/header_b_gourmet_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_hotel a{
background:url(/images/japan_img/header_b_hotel.gif) no-repeat;
}

#header .header_b ul.menu li.m_hotel a:hover{
color:#cc0000;
background:url(/images/japan_img/header_b_hotel_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_onsen a{
background:url(/images/japan_img/header_b_onsen.gif) no-repeat;
}

#header .header_b ul.menu li.m_onsen a:hover{
color:#cc0000;
background:url(/images/japan_img/header_b_onsen_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_tour a{
background:url(/images/japan_img/header_b_tour.gif) no-repeat;
}

#header .header_b ul.menu li.m_tour a:hover{
color:#cc0000;
background:url(/images/japan_img/header_b_tour_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_bus a{
background:url(/images/japan_img/header_b_bus.gif) no-repeat;
}

#header .header_b ul.menu li.m_bus a:hover{
color:#cc0000;
background:url(/images/japan_img/header_b_bus_on.gif) no-repeat;
}

#header .header_b ul.menu li.m_events a{
background:url(/images/japan_img/header_b_events.gif) no-repeat;
}

#header .header_b ul.menu li.m_events a:hover{
color:#cc0000;
background:url(/images/japan_img/header_b_events_on.gif) no-repeat;
}

/* /////////////②テキスト類//////////////////////////////////////// */

p.area {
	font-size: 12px;
	margin:0 0 5px 5px;
	padding:0;
	line-height:130%;
}

p.area a:link { color:#cc0000; text-decoration: underline }
p.area a:hover { color:#FFFFFF; text-decoration: none ; background-color:#cc0000;}


/* /////////////③H1タグ//////////////////////////////////////// */

/* ---------------------------------------------------------
H1H2タグ
--------------------------------------------------------- */

/* おでかけトップ用H1 */

h1.top_title {
	font-size: 16px;
	width: 420px;
	height:73px;
	line-height: 95px;
	color:#FFFFFF;
	background:url(/images/landmark/landmark_t.jpg) no-repeat;
	margin:0;
	padding:0 0 0 50px;
}

/* おでかけ用H1 */

h1.top2_title {
	font-size: 14px;
	width: 420px;
	height:30px;
	color:#FFFFFF;
	line-height:30px;
	background:url(/images/landmark/h_t_landmark.gif) no-repeat;
	margin:0;
	padding:0 0 0 50px;
}

/* トップH2　都道府県から探す */
h2.top_title_search2 {
	font-size: 14px;
	width: 420px;
	height:30px;
	color:#333333;
	line-height:30px;
	background:url(/images/hotel/h_t_hotel_search2.gif) no-repeat;
	margin:0;
	padding:0 0 0 50px;
}

/* /////////////④コンテンツ//////////////////////////////////////// */

/* ---------------------------------------------------------
都道府県・その他のコンテンツへのリンク
--------------------------------------------------------- */

.landmark_link {
	width:400px;
	height:auto;
	padding:10px;
	margin:20px 20px 10px 20px;
	border:1px #CCCCCC solid;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
}

.landmark_link a:link { color:#cc0000; text-decoration: underline }
.landmark_link a:visited { color: #ff6600; text-decoration: underline }
.landmark_link a:active { color:#FFFFFF; text-decoration: none ; background-color:#cc0000; }
.landmark_link a:hover { color:#FFFFFF; text-decoration: none ; background-color:#cc0000;}

/* ---------------------------------------------------------
おでかけスポットページ	guide_list大枠はcommonにあるよ
--------------------------------------------------------- */
.guide_list p.photo_spot{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	border:1px solid #CCCCCC;
	}

.guide_list td{
	border:1px solid #CCCCCC;
	width:225px;
}


.spotimg img{
	width:225px;
	height:auto;

	}
	
.guide_list p.text_spot{
	float:left;
	width:240px;
	height:auto;
	margin:0 5px 0 0;
	padding:0;
	}

.category_list{
	float:left;
	margin:0 0 5px 0;
	padding:0;
	width:230px;
}


#googlemap{
	float:left;
	text-align:right;
}

/* ---------------------------------------------------------
おでかけ情報
--------------------------------------------------------- */
.odekake_list{
	margin:0 0 5px 5px;
	padding:0;
	font-size:14px;
}

/*.odekake_list h3{
	line-height:27px;
	padding:0;
	margin:0;
	font-size:14px;
	}*/

.odekake_list h3 img{
	float:left;
	padding:0;
	margin:0;
	font-size:14px;
	}
	
.odekake_list h3 a{
	padding:5px;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	}
	
.odekake_list a:link { color:#cc0000; text-decoration: underline }
.odekake_list a:hover { color:#FFFFFF; text-decoration: none ; background-color:#cc0000;}	


/* ---------------------------------------------------------
2011 プール特集
--------------------------------------------------------- */
.summer{
	width:790px;
	margin:15px 0 20px 0;
	padding:0;
}
.summer .catch{
	width:790px;
	height:245px;
	margin:0px;
	padding:0px;
}
.summer .pool{
	background:url(/images/landmark/pool_ttimg_2011.jpg) no-repeat;
}
.summer .beach{
	background:url(/images/landmark/beach_ttimg_2011.jpg) no-repeat;
}

.summer .catch h1{
	margin:0px;
	padding:177px 0px 0px 20px;
	font-size:15px;
	clear: both;
}
.summer .catch p{
	margin:5px 0 0 20px;
	font-size:15px;
	color: #FFFFFF;
	line-height: 130%;
	clear: both;
}
.summer .beach p{
	margin:5px 0 0 20px;
	font-size:15px;
	color: #000000;
	line-height: 130%;
	clear: both;
}
.summer .pool h1{
	color:#ffffff;
}

.summer .beach h1{
	color:#000000;
}

.summer .area{
    width:790px;
    margin:0px;
    padding:0px;
}
.summer .area h2{
	height:35px;
	margin:10px 0;
	font-weight:bold;
	font-size:16px;
	line-height:35px;
}
.summer .area h2.pool{
	background:url(/images/landmark/pool_ttbg_2011.gif) no-repeat;
	padding:0 40px;
	color:#3366cc;
}
.summer .area h2.beach{
	background:url(/images/landmark/beach_ttbg_2011.jpg) no-repeat;
	padding:0 40px;
	color:#3366cc;
}

.summer .spot{
    float: left;
    width:245px;
    height:66px;
    margin:0px 0px 5px 5px;
    padding:5px;
    border:1px solid #dddddd;
    font-size:12px;
}
.summer .spot img{
    float: left;
    width:60px;
    height:60px;
    margin:0 5px 0 0;
}
.summer a{
	line-height:15px;
	margin:0;
	padding:0;
}
.summer a:link{ color:#3366cc; text-decoration:underline}
.summer a:visited{ color:#3366cc; text-decoration:underline}
.summer a:hover{ color:#bad0e3; text-decoration:none}

/*メニュータブ*/	
.tab {
	margin:8px 0 0 0;
	height:55px;
	width:400px;
	float:left;
	}

.tab a.summer_a{
	display:block;
	margin:0 0 0 1px;
	padding:0;
	width:65px;
	height:26px;
	line-height:26px;
	float:left;
	text-align:center;
	font-weight:bold;
	background:url(/images/landmark/pool_tab.jpg) no-repeat;
	font-size:16px;
	color:#FFFFFF;
	}

.tab a.summer_a:link{ color:#FFFFFF; text-decoration:none;}
.tab a.summer_a:visited{ color:#FFFFFF; text-decoration:none;}
.tab a.summer_a:hover{ color:#3366cc; text-decoration:none;}

.summer .sm_link{
	margin:8px 0 0 420px;
	height:55px;
	width:328px;
	text-align:right;
}

/*2011追記*/	

.tab1 {
	margin:10px 0 10px 30px;
	width:730px;
	}

.tab1 a.summer_a{
	display:block;
	margin:0 0 0 1px;
	padding:0;
	width:65px;
	height:26px;
	line-height:26px;
	float:left;
	text-align:center;
	font-weight:bold;
	background:url(/images/landmark/pool_tab.jpg) no-repeat;
	font-size:16px;
	color:#FFFFFF;
	}

.tab1 a.summer_a:link{ color:#FFFFFF; text-decoration:none;}
.tab1 a.summer_a:visited{ color:#FFFFFF; text-decoration:none;}
.tab1 a.summer_a:hover{ color:#3366cc; text-decoration:none;}



/* ---------------------------------------------------------
リンク
--------------------------------------------------------- */
p.top{
	margin:0 0 5px 5px;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

/* ---------------------------------------------------------
このエリアの温泉を探す
--------------------------------------------------------- */
.onsen_search{
	width:728px;
	background-color:#FFF2CF;
	margin:0 auto 0 auto;
	padding:4px 4px 0 4px;
	border:1px solid #FE9500;
	border-top:none;
}


dl.tr_t_theme{

	margin: 0px;

	padding-top: 6px;

	padding-bottom: 6px;

	padding-left: 10px;

}



.tr_t_theme dd{

	color: #999999;

	margin: 0px;

	padding: 2px 0px 0px;

	font-size: 12px;

	line-height: 16px;

}



.tr_t_theme dt{

	background: url(/images/japan_img/onsen_icon.gif) no-repeat;

	font-size: 12px;

	line-height: 22px;

	font-weight: normal;

	text-indent: 40px;

	color: #333333;

}



.tr_t_theme a:link{	color: #663300;}

.tr_t_theme a:hover{

	color: #ff9900;

	text-decoration: none;

}

.tr_t_theme a:visited{	color: #cc6600;}



#onsen_i_title {

	width: 728px;

	font-weight:bold;

	color:#FFFFFF;

	padding:4px 4px 0 4px;

	margin:20px auto 0 auto;

	height: 21px;

	background-color:#FFF2CF;
	border:1px solid #FE9500;
	border-bottom:none;

}



#onsen_i_title h3{
	width: 728px;

	background:url(/images/japan_img/onsen_mark.gif) no-repeat 4px center #FE9500;

	font-weight: bold;

	color: #FFFFFF;

	text-indent: 28px;

	margin: 0px 0px 3px 0px;

	padding:2px 0px;

	font-size: 14px;

	line-height: 18px;

}



#cojp_i_bottom  {

	width: 718px;

	height: 8px;

	background:url(/images/com_img/s/cojp_l_bottom.gif) no-repeat;

	margin:0px 0 3px 0;

	padding:0;

}



#cojp_i_main  {

	width: 718px;

	height: auto;

	padding-left: 5px;

	padding-right: 5px;

	font-size:12px;

	background:url(/images/com_img/s/cojp_l_bg.gif) repeat-y;

	margin:0;

	line-height:150%;

	color:#994422;

}