@charset "utf-8";
/* ===================================================================
CSS information

 file name  :sightseeing.css
 author     :Ability Consultant
style info  :観光案内設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/*-----------------------------------------------
	#header
	　ヘッダー
-------------------------------------------------*/
#sightseeing #header h3{
	background: url(../sightseeing/images/tl_page.png) no-repeat left top;
}

#sightseeing #header .top_image{
	background: url(../sightseeing/images/top_image.jpg) no-repeat center top;
}

/*-----------------------------------------------
	#main
	 メイン
-------------------------------------------------*/

/* .intro
-----------------------------------------*/
#sightseeing #main .intro{
	background: url(../sightseeing/images/bg_intro.jpg) no-repeat right 58px;
	padding-bottom: 20px;
}

#sightseeing #main .intro h4{
	background: url(../sightseeing/images/tl_page_sub.gif) no-repeat left top;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
}

#sightseeing #main .intro .title{
	margin: 29px 0 16px 14px;
	background: url(../sightseeing/images/tl_intro.gif) no-repeat left top;
	height: 23px;
	text-indent: -9999px;
	font-size: 0;
}

#sightseeing #main .intro p{
	margin-left: 14px;
	width: 280px;
}

/* .tabmenu
---------------------------------------------*/
#sightseeing #main .tabmenu{
	margin-top: 38px;
}

#sightseeing #main .tabmenu ul{
	background: url(../sightseeing/images/btn_tabmenu.gif) no-repeat left top;
	width: 690px;
	height: 46px;
}

#sightseeing #main .tabmenu ul li{
	float: left;
	height: 46px;
	display: inline;
}

#sightseeing #main .tabmenu ul li a{
	display: block;
	height: 46px;
	text-indent: -9999px;
	overflow: hidden;
}

#sightseeing #main .tabmenu ul li.li_01 a{
	width: 173px;
}

#sightseeing #main .tabmenu ul li.li_01 a:hover,
#sightseeing #main .tabmenu ul li.li_01 a.hover{
	background: url(../sightseeing/images/btn_tabmenu.gif) no-repeat 0 -46px;
}

#sightseeing #main .tabmenu ul li.li_02 a{
	width: 172px;
}

#sightseeing #main .tabmenu ul li.li_02 a:hover,
#sightseeing #main .tabmenu ul li.li_02 a.hover{
	background: url(../sightseeing/images/btn_tabmenu.gif) no-repeat -172px -46px;
}

#sightseeing #main .tabmenu ul li.li_03 a{
	width: 172px;
}

#sightseeing #main .tabmenu ul li.li_03 a:hover,
#sightseeing #main .tabmenu ul li.li_03 a.hover{
	background: url(../sightseeing/images/btn_tabmenu.gif) no-repeat -345px -46px;
}

#sightseeing #main .tabmenu ul li.li_04 a{
	width: 173px;
}

#sightseeing #main .tabmenu ul li.li_04 a:hover,
#sightseeing #main .tabmenu ul li.li_04 a.hover{
	background: url(../sightseeing/images/btn_tabmenu.gif) no-repeat -516px -46px;
}

/* .walk
---------------------------------------------*/
#sightseeing #main .walk{
	margin-top: 24px;
}

#sightseeing #main .walk h5{
	background: url(../sightseeing/images/tl_sight_walk.gif) no-repeat left top;
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
}

#sightseeing #main .walk .walk_txt{
	margin: 23px 0 39px 9px;
}

#sightseeing #main .content_top{
	background: url(../sightseeing/images/bg_content_top.gif) no-repeat left top;
	height: 14px;
}

#sightseeing #main .root{
	margin: 3px 0 0 18px;
}

#sightseeing #main .content{
	margin: 0 auto;
	width: 650px;
}

#sightseeing #main .info,
#sightseeing #main .info a{
	color: #AE7471;
}

#sightseeing #main h6{
	height: 15px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 10px;
}

/* 
	souvenir 
*/
#sightseeing #main .walk .souvenir{
	background: url(../sightseeing/images/bg_content_souvenir_bottom.gif) no-repeat left bottom;
	padding-bottom: 19px;
}

#sightseeing #main .walk .souvenir .content{
	position: relative;
	margin-top: -85px;
}

/* 熱海サンビーチ */
#sightseeing #main .walk .souvenir .content .atami{
	background: url(../sightseeing/images/img_sight_atami_sunbearch02.jpg) no-repeat left bottom;
	padding-left: 337px;
}

#sightseeing #main .walk .souvenir .content .atami h6{
	background: url(../sightseeing/images/tl_sight_atami_sunbearch.gif) no-repeat left top;
}

#sightseeing #main .walk .souvenir .content .atami p{
	width: 260px;
}

#sightseeing #main .walk .souvenir .content .atami p img{
	float: left;
	margin-right: 13px;
}

/*
	omiyanomatu
*/
#sightseeing #main .walk .omiyanomatu{
	margin-top: 29px;
	background: url(../sightseeing/images/bg_content_omiyanomatu_bott.gif) no-repeat left bottom;
	padding-bottom: 19px;
	overflow: hidden;
}

#sightseeing #main .walk .omiyanomatu .img{
	text-align: center;
}

#sightseeing #main .walk .omiyanomatu .content{
	margin-top: 27px;
}

/* 古屋天満宮 */
#sightseeing #main .walk .omiyanomatu .furuyatenmangu{
	background: url(../sightseeing/images/bg_border.gif) repeat-y right top;
	padding-right: 27px;
	width: 130px;
	float: left;
	margin-left: 19px;
	display: inline;
}

#sightseeing #main .walk .omiyanomatu .furuyatenmangu h6{
	background: url(../sightseeing/images/tl_sight_furuyatenmangu.gif) no-repeat left top;
}

#sightseeing #main .walk .omiyanomatu .furuyatenmangu .lnk{
	text-align: right;
	margin-top: 14px;
}

#sightseeing #main .walk .omiyanomatu .furuyatenmangu .lnk a{
	background: url(../sightseeing/images/icn_arrow.gif) no-repeat right center;
	padding-right: 10px;
}

/* 親水公園ムーンテラス */
#sightseeing #main .walk .omiyanomatu .moonterrace{
	float: left;
	width: 195px;
	margin: 0 46px 0 22px;
	display: inline;
	padding-bottom: 10px;
}

#sightseeing #main .walk .omiyanomatu .moonterrace h6{
	background: url(../sightseeing/images/tl_moonterrace.gif) no-repeat left top;
}

#sightseeing #main .walk .omiyanomatu .moonterrace .info{
	margin-bottom: 18px;
}

/* お宮の松 */
#sightseeing #main .walk .omiyanomatu .omiyanomoatu_c{
	width: 195px;
	float: left;
}

#sightseeing #main .walk .omiyanomatu .omiyanomoatu_c h6{
	background: url(../sightseeing/images/tl_omiyanomatu.gif) no-repeat left top;
}

#sightseeing #main .walk .omiyanomatu .omiyanomoatu_c .info{
	margin-bottom: 35px;
}

/* 
	.history
*/
#sightseeing #main .walk .history{
	margin-top: 30px;
	background: url(../sightseeing/images/bg_content_history_bottom.gif) no-repeat left bottom;
	overflow: hidden;
	padding-bottom: 20px;
}

#sightseeing #main .walk .history .content{
	margin-top: 30px;
}

/* 大湯間欠泉 */
#sightseeing #main .walk .history .oyukanketusen{
	background: url(../sightseeing/images/bg_border.gif) repeat-y right top;
	width: 290px;
	float: left;
	display: inline;
	padding-right: 17px;
	margin-left: 9px;
}

#sightseeing #main .walk .history .oyukanketusen h6{
	background: url(../sightseeing/images/tl_oyukanketusen.gif) no-repeat left top;
}

#sightseeing #main .walk .history .oyukanketusen p img{
	float: left;
	margin-right: 10px;
}

/* 湯前神社 */
#sightseeing #main .walk .history .yuzenjinja{
	width: 300px;
	float: left;
	display: inline;
	margin-left: 22px;
}

#sightseeing #main .walk .history .yuzenjinja h6{
	background: url(../sightseeing/images/tl_yuzenjinja.gif) no-repeat left top;
}

#sightseeing #main .walk .history .yuzenjinja p img{
	float: left;
	margin-right: 10px;
}

#sightseeing #main .walk .history .yuzenjinja p.info{
	clear: both;
	margin-top: 14px;
}

/*
	.gourmet
*/
#sightseeing #main .walk .gourmet{
	margin-top: 30px;
	background: url(../sightseeing/images/bg_content_bottom.gif) no-repeat left bottom;
	overflow: hidden;
	padding-bottom: 20px;
}

#sightseeing #main .walk .gourmet .content{
	position: relative;
	margin-top: -10px;
}

/* 釜鶴のひもの */
#sightseeing #main .walk .gourmet .himono{
	width: 245px;
	background: url(../sightseeing/images/bg_border.gif) repeat-y right top;
	padding-right: 20px;
	margin-left: 19px;
	display: inline;
	float: left;
}

#sightseeing #main .walk .gourmet .himono h6{
	background: url(../sightseeing/images/tl_himono.gif) no-repeat left top;
}

#sightseeing #main .walk .gourmet .himono p img{
	float: right;
	margin-left: 5px;
}

#sightseeing #main .walk .gourmet .himono p.info{
	margin-top: 5px;
}

/* あたみやの饅頭 */
#sightseeing #main .walk .gourmet .manju{
	width: 330px;
	float: left;
	margin-left: 26px;
	display: inline;
}

#sightseeing #main .walk .gourmet .manju h6{
	background: url(../sightseeing/images/tl_manju.gif) no-repeat left top;
}

#sightseeing #main .walk .gourmet .manju p img{
	float: left;
	margin-right: 5px;
}

#sightseeing #main .walk .gourmet .manju p.info{
	clear: both;
	margin-top: 5px;
}

#sightseeing #main .walk .gourmet .manju p.info img{
	float: right;
	margin-left: 5px;
}

/*
	.teatime
*/
#sightseeing #main .walk .teatime{
	margin-top: 30px;
	background: url(../sightseeing/images/bg_content_bottom.gif) no-repeat left bottom;
	overflow: hidden;
	padding-bottom: 20px;
}

#sightseeing #main .walk .teatime .content{
	margin-top: 35px;
}

/* カフェ･ド･シェマン */
#sightseeing #main .walk .teatime .cafe h6{
	background: url(../sightseeing/images/tl_cafe.gif) no-repeat left top;
}

#sightseeing #main .walk .teatime .cafe .txt{
	float: left;
	width: 500px;
}

#sightseeing #main .walk .teatime .cafe .txt .info{
	margin-top: 5px;
}

#sightseeing #main .walk .teatime .cafe .img{
	float: right;
}

/* .car
---------------------------------------------*/
#sightseeing #main .car{
	margin-top: 24px;
}

#sightseeing #main .car h5{
	background: url(../sightseeing/images/tl_sight_car.gif) no-repeat left top;
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	position: relative;
	left: -5px;
}

#sightseeing #main .car .car_txt{
	margin: 22px 0 39px 0;
}

#sightseeing #main .car .root{
	float: left;
	margin: 22px 0 0 0;
	display: inline;
}

/*
	.showplace01
*/
#sightseeing #main .car .showplace01{
	background: url(../sightseeing/images/bg_content_bottom2.gif) no-repeat left bottom;
	padding-bottom: 20px;
	overflow: hidden;
}

#sightseeing #main .car .showplace01 .kiunkaku{
	width: 317px;
	float: right;
}

#sightseeing #main .car .showplace01 .kiunkaku h6{
	background: url(../sightseeing/images/tl_kiunkaku.gif) no-repeat left top;
}

#sightseeing #main .car .showplace01 .kiunkaku p img{
	float: right;
	margin-left: 5px;
}

/*
	.showplace02
*/
#sightseeing #main .car .showplace02{
	background: url(../sightseeing/images/bg_content_bottom2.gif) no-repeat left bottom;
	padding-bottom: 20px;
	overflow: hidden;
	margin-top: 30px;
}

#sightseeing #main .car .showplace02 .umeen{
	float: right;
	width: 317px;
}

#sightseeing #main .car .showplace02 .umeen h6{
	background: url(../sightseeing/images/tl_umeen.gif) no-repeat left top;
}

#sightseeing #main .car .showplace02 .umeen p img{
	float: right;
	margin-left: 5px;
}

/*
	.viewpoint01
*/
#sightseeing #main .car .viewpoint01{
	margin-top: 30px;
	background: url(../sightseeing/images/bg_content_bottom2.gif) no-repeat left bottom;
	padding-bottom: 20px;
	overflow: hidden;
}

#sightseeing #main .car .viewpoint01 .root{
	float: none;
	margin: 2px 0 0 17px;
}

#sightseeing #main .car .viewpoint01 .content{
	position: relative;
	margin-top: -173px;
}

/* ＭＯＡ美術館 */
#sightseeing #main .car .viewpoint01 .moa h6{
	background: url(../sightseeing/images/tl_moa.gif) no-repeat left top;
}

#sightseeing #main .car .viewpoint01 .moa h6,
#sightseeing #main .car .viewpoint01 .moa p{
	margin-left: 330px;
}

#sightseeing #main .car .viewpoint01 .moa p.info{
	margin: 60px 0 0 0;
}

#sightseeing #main .car .viewpoint01 .moa p.info img{
	float: right;
	margin: -30px 0 0 5px;
}

/*
	.viewpoint02
*/
#sightseeing #main .car .viewpoint02{
	margin-top: 30px;
	background: url(../sightseeing/images/bg_content_nisikigaura_bott.gif) no-repeat left bottom;
	padding-bottom: 20px;
	overflow: hidden;
}

#sightseeing #main .car .viewpoint02 .root{
	margin-top: 0;
}

/* 熱海城 */
#sightseeing #main .car .viewpoint02 .atamijo{
	float: right;
	width: 240px;
	margin-top: 5px;
}

#sightseeing #main .car .viewpoint02 .atamijo p img{
	float: left;
	margin-right: 10px;
}

#sightseeing #main .car .viewpoint02 .atamijo h6{
	background: url(../sightseeing/images/tl_atamijo.gif) no-repeat 138px top;
}

#sightseeing #main .car .viewpoint02 .atamijo .info{
	margin-top: 20px;
}

/* アカオハーブガーデン */
#sightseeing #main .car .viewpoint02 .herb_garden{
	margin-top: 16px;
	width: 375px;
	float: left;
	background: url(../sightseeing/images/bg_border.gif) repeat-y right top;
	padding-right: 15px;
}

#sightseeing #main .car .viewpoint02 .herb_garden p img{
	float: left;
	margin-right: 10px;
}

#sightseeing #main .car .viewpoint02 .herb_garden h6{
	background: url(../sightseeing/images/tl_herb_garden.gif) no-repeat 138px top;
}

/*
	viewpoint03
*/
#sightseeing #main .car .viewpoint03{
	margin-top: 30px;
	background: url(../sightseeing/images/bg_content_jukkoku_bottom.gif) no-repeat left bottom;
	overflow: hidden;
	padding-bottom: 20px;
}

#sightseeing #main .car .viewpoint03 .root{
	margin-top: 0;
}

/* 十国峠 */
#sightseeing #main .car .viewpoint03 .jukkoku{
	margin-top: 5px;
	float: right;
	width: 245px;
}

#sightseeing #main .car .viewpoint03 .jukkoku p img{
	float: left;
	margin-right: 10px;
}

#sightseeing #main .car .viewpoint03 .jukkoku h6{
	background: url(../sightseeing/images/tl_jukkokutouge.gif) no-repeat 138px top;
}

/* 熱海姫の沢公園 */
#sightseeing #main .car .viewpoint03 .himenosawa{
	margin-top: 16px;
	width: 375px;
	float: left;
	background: url(../sightseeing/images/bg_border.gif) repeat-y right top;
	padding-right: 15px;
}

#sightseeing #main .car .viewpoint03 .himenosawa p img{
	float: left;
	margin-right: 10px;
}

#sightseeing #main .car .viewpoint03 .himenosawa h6{
	background: url(../sightseeing/images/tl_himono.gif) no-repeat 138px top;
}


/* .taxi
----------------------------------------------*/
#sightseeing #main .taxi{
	margin-top: 50px;
}

#sightseeing #main .taxi h5{
	background: url(../sightseeing/images/tl_taxi.gif) no-repeat left top;
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
}

#sightseeing #main .taxi .txt{
	margin: 22px 0 -8px 0;
	position: relative;
}

/* .recomm
----------------------------------------------*/
#sightseeing #main .recomm{
	margin-top: 25px;
}

#sightseeing #main .recomm h5{
	background: url(../sightseeing/images/tl_recomm.gif) no-repeat left top;
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
}

#sightseeing #main .recomm h6{
	width: 89px;
	height: 105px;
	margin: 20px auto 40px auto;
	text-indent: -9999px;
	font-size: 0;
}

#sightseeing #main .recomm .recomm_txt{
	margin-top: 23px;
	text-align: center;
}

#sightseeing #main .recomm .content{
	margin: 0;
	width: 690px;
}

#sightseeing #main .recomm p img{
	float: left;
	margin-right: 10px;
}

#sightseeing #main .recomm .tl{
	text-indent: -9999px;
	height: 19px;
	font-size: 0;
	margin-bottom: 10px;
}

#sightseeing #main .recomm table{
	clear: both;
	border: 1px solid #999;
}

#sightseeing #main .recomm table th{
	background: #E8DCC7;
	color: #32200D;
	border: 1px solid #999;
	font-weight: normal;
}

#sightseeing #main .recomm table td{
	border: 1px solid #999;
	color: #32200D;
	text-align: center;
}

#sightseeing #main .recomm table td.coment{
	text-align: left;
}

#sightseeing #main .recomm table td a{
	color: #32200D;
}

/*
	.play
*/
#sightseeing #main .recomm .play h6{
	background: url(../sightseeing/images/tl_play.gif) no-repeat left top;
}

/* 芸妓見番 */
#sightseeing #main .recomm .geiko{
	width: 325px;
	float: left;
	margin-bottom: 25px;
}

#sightseeing #main .recomm .geiko .tl{
	background: url(../sightseeing/images/tl_geiko.gif) no-repeat 142px top;
}

/* マリンスパ熱海 */
#sightseeing #main .recomm .marinspa{
	width: 325px;
	float: right;
	margin-bottom: 25px;
}

#sightseeing #main .recomm .marinspa .tl{
	background: url(../sightseeing/images/tl_marinspa.gif) no-repeat 142px top;
}

/*
	eat
*/
#sightseeing #main .recomm .eat h6{
	background: url(../sightseeing/images/tl_eat.gif) no-repeat left top;
	margin-bottom: 15px;
}

/*
	buy
*/
#sightseeing #main .recomm .buy h6{
	background: url(../sightseeing/images/tl_buy.gif) no-repeat left top;
	margin-bottom: 15px;
}

/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html .iehack{
	background-position: left top !important;
}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html .iehack{
	background-position: left top !important;
}