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

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


/* 観光案内
----------------------------------------------------------- */
#sightseeing #main div.pagetitle {
	width: 740px;
	margin: 0 0 5px 0;
	overflow: hidden;
}

#sightseeing #main div.pagetitle h2 {
	background: url(../sightseeing/images/img_titleimage.jpg) no-repeat 0 0;
}

#sightseeing #main div.pagetitle div.sightseeing {
	width: 740px;
	min-height: 135px;
	padding: 20px 0 0 0;
	background: url(../sightseeing/images/bg_sightseeing.png) no-repeat 0 0;
}

#sightseeing #main div.pagetitle div.sightseeing p {
	line-height: 2;
}


/* 地図
----------------------------------------------------------- */
#sightseeing #main div.map_con {
	width: 740px;
	padding: 0 0 40px 0;
	background: url(../sightseeing/images/nami2.gif) 30px bottom no-repeat;
}

#sightseeing #main div.map_con h3 {
	width: 740px;
	height: 30px;
	margin: 0 0 20px 0;
	background: url(../sightseeing/images/st_sightseeing_map.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing #main div.map_con div#map {
	width: 700px;
	height: 350px;
	margin: 0 auto;
	border: 1px #B19F54 solid;
}

#sightseeing #main div.map_con p.map_txt {
	width: 700px;
	height: 16px;
	margin: 0 auto;
	background: url(../sightseeing/images/img_map_txt.gif) no-repeat right 0;
	text-indent: -9999px;
}



/* 周辺スポット
----------------------------------------------------------- */
#sightseeing #main #bg_spot {
	background: url(../sightseeing/images/nami.gif) repeat-y 30px 0;
}


#sightseeing #main div.spot {
	width: 740px;
	margin: 0 0 30px 0;
}

#sightseeing #main div.spot div.spot_list {
	width: 700px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

/* 共通設定 */
#sightseeing #main div.spot div.spot_list div.image {
	margin: 0;
	padding: 0;
	width: 125px;
	float: left;
}

#sightseeing #main div.spot div.spot_list div.txt {
	width: 560px;
	float: right;
}

#sightseeing #main div.spot div.spot_list div.txt h4 {
	width: 350px;
	padding: 0 0 0 40px;
	line-height: 33px;
	float: left;
}

#sightseeing #main div.spot div.spot_list div.txt p.btn_hp {
	width: 75px;
	height: 25px;
	margin: 5px 5px 0 10px;
	line-height: 35px;
	text-indent: -9999px;
	float: left;
}

#sightseeing #main div.spot div.spot_list div.txt .btn_map {
	width: 75px;
	height: 25px;
	margin: 5px 5px 0 0;
	text-indent: -9999px;
	float: right;
}

#sightseeing #main div.spot div.spot_list div.txt .btn_hp a,
#sightseeing #main div.spot div.spot_list div.txt .btn_map a {
	width: 75px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#sightseeing #main div.spot div.spot_list div.txt table {
	width: 560px;
}

#sightseeing #main div.spot div.spot_list div.txt table th {
	width: 15%;
	padding: 10px;
	vertical-align: top;
}

#sightseeing #main div.spot div.spot_list div.txt table td {
	padding: 10px;
}

/* 見出し設定 */
#sightseeing #main div.spot div.spot_list div.txt div.st_spot01 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot01.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot02 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot02.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot03 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot03.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot04 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot04.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot05 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot05.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot06 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot06.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot07 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot07.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot08 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot08.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot09 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot09.gif) no-repeat 0 0;
}

#sightseeing #main div.spot div.spot_list div.txt div.st_spot10 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot10.gif) no-repeat 0 0;
}


#sightseeing #main div.spot div.spot_list div.txt div.st_spot11 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot11.gif) no-repeat 0 0;
}


#sightseeing #main div.spot div.spot_list div.txt div.st_spot12 {
	width: 560px;
	height: 35px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/st_spot12.gif) no-repeat 0 0;
}


/* 朱雀
----------------------------------------------------------- */
#sightseeing #main #suzaku {
	width: 700px;
	margin: 0 0 30px 0;
	padding: 20px;
	background: #efe6d6;
	overflow: hidden;
}
#sightseeing #main #suzaku h4 {
	color: #72631D;
}

#sightseeing #main #suzaku p {
	width: 510px;
	margin: 0 20px 20px 0;
	float: left;
}


#sightseeing #main #suzaku h4 {
	font-size: 14px;
	padding: 0 0 10px 0;
}


/* イベント情報
----------------------------------------------------------- */
#sightseeing #main div.event_con {
	width: 740px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

#sightseeing #main div.event_con h3 {
	width: 740px;
	height: 30px;
	margin: 0 0 20px 0;
	background: url(../sightseeing/images/st_event.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing #main div.event_con div.event_left {
	width: 400px;
	padding: 0 0 0 15px;
	float: left;
}

#sightseeing #main div.event_con div.event_right {
	width: 263px;
	padding: 0 15px 0 0;
	float: right;
}


/* 夜景
----------------------------------------------------------- */
#sightseeing #main div.view_con {
	width: 740px;
	margin: 0 0 60px 0;
	overflow: hidden;
}

#sightseeing #main div.view_con h3 {
	width: 740px;
	height: 30px;
	margin: 0 0 20px 0;
	background: url(../sightseeing/images/st_yakei.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#sightseeing #main div.view_con div.view_left {
	width: 280px;
	padding: 0 0 0 15px;
	float: left;
}

#sightseeing #main div.view_con div.view_right {
	width: 410px;
	padding: 0 15px 0 0;
	float: right;
}

#sightseeing #main div.view_con div.view_right h4 {
	width: 406px;
	height: 33px;
	margin: 0 0 15px 0;
	background: url(../sightseeing/images/st_wakakusa.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* Googlemap設定
----------------------------------------------------------- */
.popup{
	width:400px;
	margin: 0;
	padding:0;
	border:0;
}

.popup h3 {
	width: 200px;
	background: none;
}

.popup img {
	float:left;
	margin: 0;
	padding:0;
	border:0;
}

.popup .popuptext {
	width:300px;
	float:right;
	text-align:left;
	padding:0;
	border:0;
}

.popup .popuptext p {
	font-size: 90%;
	margin:10px 0;
}

.popup .popuptext img {
	float:right;
	margin:0 3px;
}

.popup .popuptext h5 {
	font-size: 110%;
	font-weight: bold;
	border-bottom: #42342C 1px solid;
}

.ac_map {
	width: 200px;
	text-align: center;
}

.text_map {
	width: 200px;
	text-align: left;
}





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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}

/* 高さ調整 */
* html #sightseeing #main div.pagetitle div.sightseeing {height: 135px;}