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

 file name  :spa.css
 author     :Ability Consultant
 style info :TOPページで用いるスタイルを記述。
=================================================================== */

#header {
	background: url(../activity/images/main.jpg) center top no-repeat #000;
}


/*----------------------------------------
	#activity
	indexページ用
----------------------------------------*/

/* map */
#activity .con_map h3 {
	padding: 0 0 18px;
}

#activity .con_map .box_map {
	padding: 7px;
	background: url(../activity/images/bg_map.gif);
}
#activity .con_map .box_map #gmap {
	width: 701px;
	height: 360px;
}

#activity .con_map .bt {
	padding: 5px 5px 5px 15px;
	overflow: hidden;
	color: #fff;
	background-color: #223720;
}
#activity .con_map .bt .btn_map {
	margin: 0 10px 0 0;
	vertical-align: middle;
	float: left;
}

#activity .con_map .bt .txt_bt{
	float: left;
}

#activity .con_map .bt .btn_mapl {
	/*margin: 0 0 0 217px;*/
	vertical-align: middle;
	float: right;
}


/* .con_konpira */
#activity .con_konpira {
	margin: 35px 0 30px;
	background: url(../activity/images/bg_konpira.jpg) no-repeat;
	height: 476px;
	overflow: hidden;
}
#activity .con_konpira p.btn_detail {
	padding: 260px 0 0 50px;
}
#activity .con_konpira p.txt_konpira {
	/*padding: 35px 0 0 50px;*/
	padding: 30px 25px 0 50px;
	font-size:95%;
}
#activity .con_konpira ul img {
	margin: 0 20px 0 0;
	vertical-align: middle;
}
#activity .con_konpira ul li {
	padding: 0 0 10px 0;
}
#activity .con_konpira ul li a {
	color: #b89e43;
}
#activity .con_konpira ul.prf_1 {
	/*padding: 22px 0 0 50px;*/
	padding: 20px 0 0 50px;
	width: 330px;
	float: left;
}
#activity .con_konpira ul.prf_2 {
	/*padding: 22px 0 0 20px;*/
	padding: 20px 0 0 20px;
	float: left;
	width: 280px;
}


/* .menu_sopt */
#activity .menu_sopt {
	margin: 20px 0 0;
}
#activity .menu_sopt ul {
	overflow: hidden;
	width: 715px;
}
#activity .menu_sopt ul li {
	display:inline;
}
#activity .menu_sopt ul li a {
	text-decoration: none;
	color: #fff;
	padding: 16px 0 0 15px;
}
#activity .menu_sopt li.sightseeing a {
	width: 223px;
	height: 34px;
	background: url(../activity/images/btn_category1.gif) no-repeat;
	float: left;
	display:block:
}
#activity .menu_sopt li.golf a {
	width: 224px;
	height: 34px;
	background: url(../activity/images/btn_category2.gif) no-repeat;
	float: left;
	display:block:
}
#activity .menu_sopt li.unknown a {
	width: 221px;
	height: 34px;
	background: url(../activity/images/btn_category3.gif) no-repeat;
	float: left;
	display:block:
}


/* .con_spot */
#activity .con_spot {
	margin: 0 0 100px;
}
#activity .con_spot h3 {
	margin: 15px 0 10px;
	padding: 12px 0 0 45px;
	background: url(../activity/images/st_category.gif) no-repeat;
	height: 41px;
	color: #fff;
}

#activity .con_spot .list_spot1 {
	background-color: #343a24;
	padding: 12px 0 25px 0;
	margin: 0 0 12px;
	overflow: hidden;
}
#activity .con_spot .list_spot2 {
	background-color: #494f3a;
	padding: 12px 0 25px 0;
	margin: 0 0 12px;
	overflow: hidden;
}

#activity .con_spot h4 {
	padding: 0 0 5px 25px ;
	font-size: 120%;
	color: #fff;
	margin: 0 15px;
	border-bottom: 2px solid #92a381;
	background: url(../activity/images/icon_doublecircle.gif) 5px 5px no-repeat;
}
#activity .con_spot .photo_htum {
	padding: 20px 0 0 15px;
	float: left;
}
#activity .con_spot .photo_htum img {
	border: 5px solid #646956;
}

#activity .con_spot .txt_spot {
	padding: 15px 0 0 30px;
	float: left;
	width: 480px;
}
#activity .con_spot .txt_spot .txt_ex{
	padding: 0 0 10px;
	color: #fff;
}
#activity .con_spot .txt_spot img {
	padding: 0 12px 0 0;
}



/*----------------------------------------
	#activity
	details.php
----------------------------------------*/
#activity .con_detail {
	padding: 0 0 20px;
	color: #fff;
}
#activity .con_detail .st_detail {
	padding: 13px 0 0 40px;
	background: url(../activity/images/bg_st.gif) no-repeat;
	font-size: 120%;
	overflow: hidden;
	height: 45px;
}
#activity .con_detail .st_detail h3 {
	width: 560px;
	float: left;
}
#activity .con_detail .st_detail p {
	float: right;
	padding: 0 10px 0 0;
}
#activity .con_detail h3 img {
	vertical-align: bottom;
}


/* box_detail */
#activity .con_detail .box_detail {
	padding: 20px 0 0;
	overflow: hidden;
}
#activity .con_detail .box_detail .photo_detail {
	float: left;
	padding: 0 13px 0 15px;
	width: 280px;
}
#activity .con_detail .box_detail .photo_detail img {
	border: 5px solid #fff;
}

#activity .con_detail .box_detail #gmap {
	width: 375px;
	height: 210px;
	border: 9px #243116 solid;
	padding: 2px;
	float: left;
	margin: 0 0 5px;
}
#activity .con_detail .box_detail .txt_gmap {
	padding: 0 0 0 310px;
	font-size: 90%;
}

#activity .con_detail .txt_detail {
	margin: 25px 0 35px 0;
	padding: 25px 20px;
	background-color: #243116;
	line-height: 1.7em;
}


/* table */
#activity .con_detail table th {
	padding: 15px;
	border-collapse: collapse;
	border-top:  1px solid #535b3d;
	border-bottom:  1px solid #535b3d;
}
#activity .con_detail table td {
	border-collapse: collapse;
	border-top:  1px solid #535b3d;
	border-bottom:  1px solid #535b3d;
	width: 650px;
}
#activity .con_detail table td a {
	color: #b89e43;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #activity .con_spot .list_spot1 , #activity .con_spot .list_spot2 {
		zoom:100%;
}