@charset "utf-8";
/* ===================================================================
CSS information

 file name  :sightseeing.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*ページタイトル*/
#sightseeing h2{
	width: 720px;
	height: 55px;
	margin: 25px 0;
	text-indent:-9999px;
	background: url(../sightseeing/images/title.gif) left top no-repeat;
}

/*メインコピー*/
#sightseeing p.copy_main{
	width: 720px;
	height: 15px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../sightseeing/images/main_copy.gif) left top no-repeat;
}

/*キャッチイメージ*/
#sightseeing .catch{
	width: 400px;
	padding: 0 0 80px 320px;
	text-indent: -9999px;
	background: url(../sightseeing/images/img_sightseeing_catch.jpg) left top no-repeat;
}

#sightseeing .catch h4{
	width: 400px;
	height: 95px;
}

/* GoogleMap
----------------------------------------------------------- */
#sightseeing #map{
	width: 718px;
	height: 323px;
	margin: 0 0 10px;
	border: 1px solid #d5c4a5;
}

#sightseeing p.map_caption{
	width: 720px;
	margin: 0 0 30px;
	font-size: 80%;
	text-align: right;
}

/*フキダシ設定*/
#sightseeing .gmap_balloon{
	width: 300px;
	text-align:left;
	clear: both;
	overflow: hidden;
	letter-spacing: 0;
}

#sightseeing .gmap_balloon_point{
	width: 300px;
	height: 100px;
	text-align:left;
	clear: both;
	overflow: hidden;
	letter-spacing: 0;
}

/*フキダシ内写真*/
#sightseeing .gmap_balloon img{
	widht: 100px;
	height: 89px;
	margin: 0 0 10px;
	float: left;
	border: 1px solid #CAC2B3;
}

#sightseeing .gmap_balloon_point span{
	float: left;
}

#sightseeing .gmap_balloon_point span img{
	widht: 130px;
	height: 91px;
}

/*スポットタイトル*/
#sightseeing .gmap_balloon h6{ 
	margin: 0 0 5px 110px;
	color: #1C160E;
}

/*スポットテキスト*/
#sightseeing .gmap_balloon p{
	margin: 0 0 5px 110px;
	line-height: 1.5em;
	font-size: 90%;
	color: #5E5953;
}

#sightseeing .gmap_balloon_point p{
	margin: 0 0 5px 140px;
	line-height: 1.5em;
	font-size: 90%;
	color: #5E5953;
}


/* 観光スポット（メインスポット）
----------------------------------------------------------- */

/*タイトル：パワースポット*/
#sightseeing h3#st_powerspot{
	width: 720px;
	height: 30px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../sightseeing/images/st_powerspot.gif) left top no-repeat;
	clear: both;
}

#sightseeing .spot_main{
	width: 678px;
	padding: 20px;
	margin: 0 0 50px;
	/*border: 1px solid #dbc196;*/
	/*background: #eddbbd;*/
	background: url(../sightseeing/images/bg_main_spot.jpg) left top no-repeat;
	clear: both;
	overflow: hidden;
}

#sightseeing img.margin{
	margin: 0 0 15px;
}


#sightseeing .spot_main p.spot_img{
	width: 228px;
	float: left;
	margin: 0 20px 20px 0;
}

#sightseeing .spot_main .spot_left{
	width :228px;
	float: left;
	margin: 0 20px 0 0;
}

#sightseeing .spot_main .spot_detail{
	width :430px;
	float: left;
	margin: 0 0 20px 0;
}

/*メインスポットタイトル指定*/
#sightseeing .spot_main h4{
	width: 430px;
	height: 20px;
	text-indent: -9999px;
	margin: 0 0 15px;
}

/*相差かまどおぜごさん*/
#sightseeing .spot_main h4#sst_ozego{
	background: url(../sightseeing/images/sst_ozego.gif) left top no-repeat;
}

/*伊勢神宮*/
#sightseeing .spot_main h4#sst_isejingu{
	background: url(../sightseeing/images/sst_isejingu.gif) left top no-repeat;
}

/*石神さん*/
#sightseeing .spot_main h4#sst_isigami{
	background: url(../sightseeing/images/sst_isigami.gif) left top no-repeat;
}

/*天の岩戸*/
#sightseeing .spot_main h4#sst_amanoiwato{
	background: url(../sightseeing/images/sst_amanoiwato.gif) left top no-repeat;
}


#sightseeing .spot_main p.text{
	margin: 0 0 20px;
}

#sightseeing .spot_main p.text span{
	color: #b84900;
}


/*リゾートヒルズ豊浜から○分*/
#sightseeing .spot_main p.time{
	margin: 0 0 5px;
	color: #b84900;
}

/*電話番号*/
#sightseeing .spot_main p.tel{
	padding: 0 0 0 25px;
	margin: 0 0 20px;
	background: url(../sightseeing/images/ico_tel.gif) left 2px no-repeat;
}

/*WEB・MAPへボタン*/
#sightseeing .spot_main ul{
	width :228px;
	margin: 0 0 0 450px;
	clear: both;
	overflow: hidden;
	text-indent: -9999px;
}

#sightseeing .spot_main ul.short{
	width :228px;
	margin: 0;
	clear: both;
	overflow: hidden;
	text-indent: -9999px;
}

#sightseeing .spot_main ul li{
	width: 104px;
	height: 30px;
	text-indent: -9999px;
	float: left;
}

#sightseeing .spot_main ul li.margin{
	width: 104px;
	height: 30px;
	margin: 0 10px 0 0;
	text-indent: -9999px;
	float: left;
}

#sightseeing .spot_main ul li a{
	width: 104px;
	height: 30px;
	overflow: hidden;
	display: block;
}

#sightseeing .spot_main ul li.bt_toweb{
	background: url(../sightseeing/images/bt_toweb.gif) left top no-repeat;
}

#sightseeing .spot_main ul li.bt_tomap{
	background: url(../sightseeing/images/bt_tomap.gif) left top no-repeat;
}


/* 観周辺の観光スポット（サブスポット）
----------------------------------------------------------- */
#sightseeing #cont_otherspot{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
	overflow: hidden;
}

#sightseeing #cont_otherspot h3#st_otherspot{
	width: 720px;
	height: 30px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../sightseeing/images/st_sightseeing_spot.gif) left top no-repeat;
	clear: both;
}

#sightseeing #cont_otherspot .spot_sub,
#sightseeing #cont_event .spot_event{
	width: 330px;
	padding: 10px;
	margin: 0 0 30px;
	/*background-color: #fbf7ef;*/
	background: url(../sightseeing/images/bg_spot.jpg) left top no-repeat;
	overflow: hidden;
	float :left;
}

#sightseeing #cont_otherspot div.margin,
#sightseeing #cont_event div.margin{
	margin: 0 20px 0 0;
}


#sightseeing .spot_sub .spot_detail,
#sightseeing .spot_event .spot_detail{
	width: 220px;
	float: left;
}

#sightseeing .spot_sub p.spot_img,
#sightseeing .spot_event p.spot_img{
	width: 92px;
	height: 92px;
	margin: 0 10px 0 0;
	border: 4px solid #e1d2b9;
	float: left;
}

#sightseeing .spot_sub h5,
#sightseeing .spot_event h5{
	font-weight: bold;
	font-size: 120%;
	margin: 15px 0;
	padding: 0 0 0 10px;
}

#sightseeing .spot_sub h5.sst_event,
#sightseeing .spot_event h5.sst_event{
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 5px;
	padding: 0;
}

#sightseeing .spot_sub p.text,
#sightseeing .spot_event p.text{
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 1px dashed #9f9f9f;
	font-size: 90%;
}

#sightseeing .spot_sub p.data,
#sightseeing .spot_event p.data{
	font-size: 90%;
}


/*WEB・MAPへボタン*/
#sightseeing .spot_sub ul,
#sightseeing .spot_event ul{
	width :220px;
	clear: both;
	overflow: hidden;
	text-indent: -9999px;
}

#sightseeing .spot_sub ul li,
#sightseeing .spot_event ul li{
	width: 104px;
	height: 30px;
	text-indent: -9999px;
	float: left;
}

#sightseeing .spot_sub ul li.margin,
#sightseeing .spot_event ul li.margin{
	width: 104px;
	height: 30px;
	margin: 0 10px 0 0;
	text-indent: -9999px;
	float: left;
}

#sightseeing .spot_sub ul li a,
#sightseeing .spot_event ul li a{
	width: 104px;
	height: 30px;
	overflow: hidden;
	display: block;
}

#sightseeing .spot_sub ul li.bt_toweb,
#sightseeing .spot_event ul li.bt_toweb{
	background: url(../sightseeing/images/bt_toweb.gif) left top no-repeat;
}

#sightseeing .spot_sub ul li.bt_tomap,
#sightseeing .spot_event ul li.bt_tomap{
	background: url(../sightseeing/images/bt_tomap.gif) left top no-repeat;
}

/*周辺イベント*/

#sightseeing #cont_event{
	width: 720px;
	margin: 0 0 50px;
	clear: both;
	overflow: hidden;
}

#sightseeing #cont_event h3#st_event{
	width: 720px;
	height: 30px;
	margin: 0 0 30px;
	text-indent: -9999px;
	background: url(../sightseeing/images/st_event.gif) left top no-repeat;
	clear: both;
}




/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}


