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

 file name  :sight.css
 author     :Ability Consultant
style info  :観光案内ページ設定　ハックは最下部に記述
 1. index.php 一覧
 2. details.php 詳細
=================================================================== */


/*----------------------------------------------------
	index.php 一覧
----------------------------------------------------*/

/* con_map 地図
-----------------------------------------------*/
#sight .con_map {
	width: 710px;
	margin: 0 0 20px 0;
}

#sight .con_map h3,
#sight .con_map h4 {
	margin: 0 0 15px 0;
}

/* Googlemap */
#sight .con_map #map {
	width: 700px;
	height: 440px;
	border: 5px #f0e5b8 solid;
}

/* menu_nav ナビゲーション
-----------------------------------------------*/
#sight .menu_nav {
	width: 710px;
	height: 40px;
	margin: 0 0 5px 0;
	background: url(../sightseeing/images/menu_category.gif) no-repeat 0 0;
	text-indent: -9998px;
}

#sight .menu_nav li {
	height: 40px;
	float: left;
}

#sight .menu_nav li a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}

/* スポット01 ※名称変更の可能性があるため数字表記 */
#sight .menu_nav .spot01 a {
	width: 178px;
}

#sight .menu_nav .spot01 a:hover {
	background: url(../sightseeing/images/menu_category.gif) no-repeat 0 -40px;
}

/* スポット02 */
#sight .menu_nav .spot02 a {
	width: 178px;
}

#sight .menu_nav .spot02 a:hover {
	background: url(../sightseeing/images/menu_category.gif) no-repeat -178px -40px;
}

/* スポット03 */
#sight .menu_nav .spot03 a {
	width: 178px;
}

#sight .menu_nav .spot03 a:hover {
	background: url(../sightseeing/images/menu_category.gif) no-repeat -356px -40px;
}

/* スポット04 */
#sight .menu_nav .spot04 a {
	width: 175px;
}

#sight .menu_nav .spot04 a:hover {
	background: url(../sightseeing/images/menu_category.gif) no-repeat -534px -40px;
}


/* con_spot スポット共通
-----------------------------------------------*/
#sight .con_spot {
	width: 700px;
	margin: 0 0 20px 0;
	padding: 20px 0 10px 0;
	background-color: #e8e2c0;
	border: 5px #f9f6e5 solid;
}

#sight .con_spot .list_spot {
	width: 670px;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0;
	border-bottom: 1px #f9f6e5 solid;
	overflow: hidden;
}

#sight .con_spot .list_spot .photo {
	width: 110px;
	height: 80px;
	padding: 5px 10px;
	background: url(../sightseeing/images/bg_photo_list.gif) no-repeat 0 0;
	float: left;
}

#sight .con_spot .list_spot .txt {
	width: 525px;
	float: right;
	overflow: hidden;
}

#sight .con_spot .list_spot .txt h5 {
	width: 325px;
	float: left;
}

#sight .con_spot .list_spot .txt h5 img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#sight .con_spot .list_spot .txt .bt_map {
	width: 110px;
	margin: 0 0 5px 0;
	float: right;
}

#sight .con_spot .list_spot .txt .intro {
	width: 505px;
	padding: 10px;
	background-color: #f9f6e5;
	clear: both;
}

#sight .con_spot .list_spot .txt .intro .bt_detail a {
	margin: 10px 0 0 auto;
	width:128px;
	height:24px;
	display:block;
	overflow:hidden;
	background:#fff;
}

#sight .con_spot .list_spot .txt .intro .bt_detail a:hover {
	background:#fffde0;
}

/* 間隔調整 */
#sight #spot04 {
	margin: 0 0 60px 0;
}





/*----------------------------------------------------
	details.php 詳細
----------------------------------------------------*/

/* con_details 詳細情報
-----------------------------------------------*/
#sight .con_details {
	width: 710px;
	margin: 20px 0 60px 0;
	overflow: hidden;
}

#sight .con_details h4 {
	width: 693px;
	margin: 0 0 15px 0;
	padding: 5px 0 5px 10px;
	font-size: 110%;
	background:#f4eac5;
	border:1px solid #ecddaf;
}

/* 写真 */
#sight .con_details .photo {
	width: 734px;
	margin: 0 -24px 15px 0;
	overflow: hidden;
}

#sight .con_details .photo li {
	width: 229px;
	margin: 0 12px 0 0;
	float: left;
}

/* テキスト */
#sight .con_details .txt {
	width: 690px;
	padding: 20px 10px;
	background-color: #f9f6e5;
	clear: both;
}

#sight .con_details .txt h1,
#sight .con_details .txt h2,
#sight .con_details .txt h3,
#sight .con_details .txt h4,
#sight .con_details .txt h5,
#sight .con_details .txt h6 {
	margin: 0 0 5px 0;
}

#sight .con_details .txt p {
	margin: 0 0 15px 0;
}

#sight .con_details .txt table {
	width: 98%;
	margin: 0 0 15px 0;
}

#sight .con_details .txt table th {
	width: 20%;
	padding: 5px;
	border: 1px #fbf5de solid;
	background-color: #eadcaa;
	text-align: center;
}

#sight .con_details .txt table td {
	padding: 5px;
	border: 1px #fbf5de solid;
	background-color: #f5eed2;
}

/* pagenav ページナビゲーション
-----------------------------------------------*/
#sight .pagenav {
	width: 710px;
	margin: 0 0 60px 0;
	text-align: center;
}

#sight .pagenav li {
	display: inline;
}


/*----------------------------------------------------
　 GOOGLE MAPのホテル吹き出し
----------------------------------------------------*/

#sight .con_hotel {
	min-height:50px;
}

#sight .con_hotel .txtlogomap {
	padding-left:15px;
	line-height:1.4em;
	text-align:left !important;
	margin-top:15px;
}




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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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