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

 file name  :info.css
 author     :Ability Consultant
style info  :ようこそページ用設定　ハックは最下部に記述
=================================================================== */


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

/* キャッチ
----------------------------------------------------------- */
#info .con_info_catch {
	width: 730px;
	margin: 0 0 20px 0;
	background: url(../information/images/bg_info.jpg) no-repeat 0 0;
	overflow: hidden;
}
#info .con_info_catch h3 {
	margin: 0 0 20px 0;
}

#info .con_info_catch .txt {
	width: 360px;
	float: left;
}

#info .con_info_catch .txt p {
	padding: 0 10px;
}

#info .con_info_catch .photo {
	float: right;
}

/* 季節のスポット紹介 */
#info .con_info_catch .con_season {
	width: 730px;
	margin: 0 0 0 10px;
	overflow: hidden;
	clear: both;
}

#info .con_info_catch .con_season .list_season {
	width: 220px;
	margin: 0 10px 0 0;
	float: left;
}

#info .con_info_catch .con_season .list_season p {
	width: 220px;
	margin: 0 0 5px 0;
}

#info .con_info_catch .con_season .list_season .txt {
	padding: 0 0 0 8px;
	background: url(../images/point_01.gif) no-repeat left center;
}




/* ポイント
----------------------------------------------------------- */
#info .con_point {
	width: 720px;
	margin: 0 auto 30px auto;
}

#info .con_point h3 {
	margin: 0 0 10px 0;
}


/* 共通設定 */
#info .list_point {
	width: 682px;
	margin: 0 auto;
	overflow: hidden;
}

#info .list_point h4 {
	margin: 0 10px 0 0;
	float: left;
}

#info .list_point .txt {
	float: left;
}

#info .list_point .txt h5 {
	margin: 0 0 10px 0;
}

#info .list_point .bt {
	padding: 0 0 0 20px;
	background: url(../images/ic_allow.gif) no-repeat left center;
}

/* 個別指定 */
#info #point01 {
	background: url(../information/images/bg_point01.jpg) no-repeat right top;
}

#info #point01 .txt {
	padding: 10px 0 0 0;
}

#info #point01 p.com {
	width: 300px;
}

#info #point02 {
	margin: 0 auto 20px auto;
	padding: 20px 0 0 0;
	background: url(../information/images/bg_point02.jpg) no-repeat right top;
}

#info #point02 p.com {
	width: 395px;
}

#info #point03 {
	margin: 0 auto 20px auto;
	background: url(../information/images/bg_point03.jpg) no-repeat right top;
}

#info #point03 p.com {
	width: 300px;
}

#info #point04 {
	min-height: 167px;
	margin: 0 auto 20px auto;
	padding: 20px 0 0 0;
	background: url(../information/images/bg_point04.jpg) no-repeat right top;
}

#info #point04 p.com {
	width: 300px;
}

#info #point05 {
	margin: 0 auto 20px auto;
	background: url(../information/images/bg_point05.jpg) no-repeat right top;
}

#info #point05 p.com {
	width: 300px;
}



/* アメニティ
----------------------------------------------------------- */
#info .con_amenity {
	width: 720px;
	margin: 0 auto 20px auto;
}

#info .con_amenity h3,
#info .con_amenity h4 {
	margin: 0 0 10px 0;
}

/* リスト */
#info .con_amenity .amenity_list {
	width: 720px;
	margin: 0 0 20px 0;
	background: url(../information/images/bg_amenity.jpg) no-repeat right top;
}

#info .con_amenity .amenity_list ul {
	width: 500px;
	padding: 0 0 0 5px;
}

#info .con_amenity .amenity_list ul li {
	padding: 0 0 0 15px;
	background: url(../images/point_02.gif) no-repeat left 5px;
}

/* アメニティ写真 */
#info .con_amenity .con_amenity_photo {
	width: 730px;
	margin: 0 0 0 10px;
	overflow: hidden;
	clear: both;
}

#info .con_amenity .con_amenity_photo .list_amenity {
	width: 220px;
	margin: 0 10px 0 0;
	float: left;
}

#info .con_amenity .con_amenity_photo .list_amenity p {
	width: 220px;
	margin: 0 0 5px 0;
}

#info .con_amenity .con_amenity_photo .list_amenity .txt {
	padding: 0 0 0 8px;
	background: url(../images/point_01.gif) no-repeat left center;
}




/* ご案内
----------------------------------------------------------- */
#info .con_guide {
	width: 720px;
	margin: 0 auto 20px auto;
}

#info .con_guide h3 {
	margin: 0 0 10px 0;
}

#info .con_guide table {
	width: 718px;
}

#info .con_guide table th {
	width: 20%;
}





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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

/* point04 - 個別指定IE6バグ対策 */
* html #info #point04 {height: 167px;}