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

 file name  :sightseeing.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/* -----------------------------------------------------------
	index.php
		周辺観光トップ
----------------------------------------------------------- */
#sightseeing .bg_wrp_intro .bg_intro {
	background: url(../sightseeing/images/bg_title.jpg) center top no-repeat;
}

#sightseeing .bg_wrp_intro .bg_intro h2 {
	padding: 30px 0 95px;
}

/*	.bg_intro		イントロ部分用 囲い枠
----------------------------------------------------------- */
#sightseeing .bg_wrp_intro .bg_intro .contents {
	width: 100%;
}

/*	.con_intro		スポット紹介部分
----------------------------------------------------------- */
#sightseeing .bg_wrp_intro .con_intro {
	width: 920px;
	margin: 0 auto 80px;
	text-align: center;
}

#sightseeing .bg_wrp_intro .con_intro h3 {
	margin-bottom: 20px;
}

#sightseeing .bg_wrp_intro .con_intro p {
	padding-bottom: 40px;
}

#sightseeing .bg_wrp_intro .box_intro {
	overflow: hidden;
}

#sightseeing .bg_wrp_intro .box_intro .inner {
	float: left;
	text-align: left;
}

#sightseeing .bg_wrp_intro .box_intro .inner ul {
	width: 215px;
	margin: 25px 0 0;
}

#sightseeing .bg_wrp_intro .box_intro .inner ul li {
	margin-bottom: 15px;
}

#sightseeing .bg_wrp_intro .box_intro .box_hon {
	width: 235px;
	background: url(../sightseeing/images/bg_intro_honguu.png) 0 0 no-repeat;
	padding-left: 225px;
}

#sightseeing .bg_wrp_intro .box_intro .box_ooy {
	width: 215px;
	background: url(../sightseeing/images/bg_intro_ooyunohara.png) 0 0 no-repeat;
	padding-left: 245px;
}

#sightseeing .bg_wrp_intro .box_intro .box_dor {
	width: 460px;
	background: url(../sightseeing/images/bg_intro_dorokyou.png) 0 0 no-repeat;
}

#sightseeing .bg_wrp_intro .box_intro .box_ooi {
	width: 445px;
	background: url(../sightseeing/images/bg_intro_ooichou.png) 0 0 no-repeat;
	padding-left: 15px;
}

/*	.bn_kumano_info		熊野古道のご案内
----------------------------------------------------------- */
#sightseeing .bg_wrp_intro .bn_kumano_info {
	width: 920px;
	margin: 0 auto 60px;
}

/*	.con_map_intro		観光マップ タイトル部分
----------------------------------------------------------- */
#sightseeing .bg_wrp_intro .con_map_intro {
	width: 950px;
	margin: 0 auto;
	background: url(../sightseeing/images/bg_map_intro.jpg) right bottom no-repeat;
}

#sightseeing .bg_wrp_intro .con_map_intro h3 {
	width: 163px;
	margin: 0 auto 20px;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu {
	width: 600px;
	overflow: hidden;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu li {
	float: left;
	height: 70px;
	padding-right: 5px;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu li.m_all a {
	background: url(../sightseeing/images/m_all.png) 0 0 no-repeat;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu li.m_sig a {
	background: url(../sightseeing/images/m_sig.png) 0 0 no-repeat;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu li.m_eve a {
	width: 155px;
	background: url(../sightseeing/images/m_eve.png) 0 0 no-repeat;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu li.m_eat a {
	background: url(../sightseeing/images/m_eat.png) 0 0 no-repeat;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu li a {
	width: 140px;
	height: 0;
	padding: 70px 0 0 0;
	display: block;
	overflow: hidden;
	background: left top no-repeat;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu li a:hover {
	background-position: left -70px;
}

#sightseeing .bg_wrp_intro .con_map_intro .tab_menu li a.active {
	background-position: left -70px;
}

/*	.con_map		地図部分
----------------------------------------------------------- */
#sightseeing .bg_wrp_intro .con_map {
	position: relative;
}

#sightseeing .bg_wrp_intro .con_map #gmap {
	width: 100%;
	height: 500px;
}

#sightseeing .bg_wrp_intro .con_map ul {
	width: 950px;
	margin: 10px auto 30px;
	overflow: hidden;
}

#sightseeing .bg_wrp_intro .con_map ul li {
	float: left;
	vertical-align: top;
}

#sightseeing .bg_wrp_intro .con_map ul li.end {
	float: right;
}

#sightseeing .bg_wrp_intro .con_map .box_map {
	width: 300px;
	position: absolute;
	top: 70px;
	right: 13%;
	background: white url(../sightseeing/images/bg_map_spot_line.png) 0 top repeat-x;
}

#sightseeing .bg_wrp_intro .con_map .box_map dl {
	z-index: 999;
	padding: 25px 15px 5px;
}

#sightseeing .bg_wrp_intro .con_map .box_map dl dt {
	font-size: 130%;
	text-align: center;
	margin-bottom: 10px;
}

#sightseeing .bg_wrp_intro .con_map .box_map dl dd {
	margin-bottom: 8px;
}

#sightseeing .bg_wrp_intro .con_map .box_map dl dd.btn {
	text-align: center;
}

/*	.con_spot		各スポット
----------------------------------------------------------- */
#sightseeing .bg_wrp_intro .con_spot {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
}

#sightseeing .bg_wrp_intro .con_spot h4 {
	text-align: center;
	margin-bottom: 15px;
}

#sightseeing .bg_wrp_intro .con_spot .inner {
	float: left;
	width: 300px;
	margin-bottom: 20px;
	padding-right: 20px;
}

#sightseeing .bg_wrp_intro .con_spot .inner:hover {
	cursor: pointer;
}

#sightseeing .bg_wrp_intro .con_spot .inner p.txt {
	color: #fff;
	text-align: right;
	border: 1px solid #c3c3c2;
	border-bottom: none;
	padding: 5px 10px;
}

#sightseeing .bg_wrp_intro .con_spot .inner p.photo {
	border-right: 1px solid #c3c3c2;
	border-left: 1px solid #c3c3c2;
}

#sightseeing .bg_wrp_intro .con_spot .inner dl {
	background: url(../sightseeing/images/bg_spot.png) 0 bottom no-repeat;
	padding: 10px;
}

#sightseeing .bg_wrp_intro .con_spot .inner dl dt {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
	padding: 0 0 8px 15px;
	border-bottom: 1px dotted #b5b5b5;
	background: url(../sightseeing/images/ic_spot_arrow.png) 2px 7px no-repeat;
}

#sightseeing .bg_wrp_intro .con_spot .inner dl dd {
	width: 130px;
	margin: 0 auto 15px;
}

#sightseeing .bg_wrp_intro .con_sig .inner p.txt {
	background: #67A0BE;
}

#sightseeing .bg_wrp_intro .con_sig .inner dl dt {
	color: #669fbd;
}

#sightseeing .bg_wrp_intro .con_eve .inner p.txt {
	background: #bd3a01;
}

#sightseeing .bg_wrp_intro .con_eve .inner dl dt {
	color: #bd3a01;
}

#sightseeing .bg_wrp_intro .con_eat .inner p.txt {
	background: #cba921;
}

#sightseeing .bg_wrp_intro .con_eat .inner dl dt {
	color: #cba921;
}

/*	.bg_wrp02		ページ下部の熊野古道バナー
----------------------------------------------------------- */
#sightseeing .bg_wrp02 .contents {
	width: 920px;
	margin: 0 auto;
	padding: 65px 0 100px;
}

/* -----------------------------------------------------------
	detail.php
		詳細ページ
----------------------------------------------------------- */
/*	.bg_detail		タイトル部分
----------------------------------------------------------- */
#sightseeing .bg_wrp_intro .bg_detail {
	background: url(../sightseeing/images/bg_title_detail.jpg) center top no-repeat;
	padding-bottom: 60px;
}

#sightseeing .bg_wrp_intro .bg_detail h2 {
	padding: 30px 0 130px;
	text-align: center;
}

#sightseeing .bg_wrp_intro .bg_detail .contents {
	width: 950px;
	margin: 0 auto;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_title {
	text-align: center;
	border-bottom: 1px solid #9b9786;
	margin-bottom: 20px;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_title p {
	margin-bottom: 10px;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_title h3 {
	font-size: 250%;
	font-weight: normal;
	margin-bottom: -2px;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_title h4 {
	margin-bottom: 10px;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_sig h3 {
	color: #3c80a7;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_sig h4 {
	color: #8b9dab;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_eve h3 {
	color: #BD3B01;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_eve h4 {
	color: #b8765c;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_eat h3 {
	color: #CBA921;
}

#sightseeing .bg_wrp_intro .bg_detail .contents .con_eat h4 {
	color: #a69964;
}

/*	.inner	画像切り替え、GoogleMaps
----------------------------------------------------------- */
#sightseeing .bg_detail .inner {
	overflow: hidden;
	margin-bottom: 10px;
}

#sightseeing .bg_detail .inner .bx_box .box_gallery {
	float: left;
	width: 455px;
}

#sightseeing .bg_detail .inner .bx_box .box_gallery p {
	margin-bottom: 10px;
}

#sightseeing .bg_detail .inner .bx_box .box_gallery ul {
	overflow: hidden;
}

#sightseeing .bg_detail .inner .bx_box .box_gallery ul li {
	float: left;
	margin-left: 5px;
}

#sightseeing .bg_detail .inner .bx_box .box_gallery ul li a {
	display: block;
	width: 104px;
	height: 78px;
	padding: 2px;
	border: 1px solid #d1d0cf;
}

#sightseeing .bg_detail .inner .bx_box .box_gallery ul li a:hover,
#sightseeing .bg_detail .inner .bx_box .box_gallery ul li a.active {
	border: 1px solid #000;
}

#sightseeing .bg_detail .inner .bx_box .box_gallery ul li:first-child {
	margin-left: 0;
}

#sightseeing .bg_detail .inner #gmap {
	float: right;
	width: 475px;
	height: 420px;
}

/*	内容部分
----------------------------------------------------------- */
#sightseeing .bg_detail .btn_lnk_map {
	width: 130px;
	margin: 0 0 40px auto;
}

#sightseeing .bg_detail .con_txt {
	padding: 0 25px;
	margin-bottom: 45px;
}

#sightseeing .bg_detail .con_txt p {
	margin-bottom: 25px;
}

#sightseeing .bg_detail .con_info {
	width: 740px;
	background: url(../images/common/bg_wrp05.jpg) 0 0 repeat;
	padding: 20px 30px 10px;
	margin: 0 auto 30px;
}

#sightseeing .bg_detail .con_info table th,
#sightseeing .bg_detail .con_info table td {
	padding-bottom: 10px;
}

#sightseeing .bg_detail .con_info table th {
	width: 40px;
}

#sightseeing .bg_detail .con_info table td {
	width: 350px;
}

#sightseeing .bg_detail .btn_lnk_sight {
	width: 145px;
	margin: 0 auto 40px;
}

#sightseeing .bg_detail .con_spot_list {
	border-top: 1px dotted #7f7e7e;
	border-bottom: 1px dotted #7f7e7e;
	padding: 20px 10px;
	overflow: hidden;
}

#sightseeing .bg_detail .con_spot_list h4 {
	margin-bottom: 15px;
	font-weight: normal;
}

#sightseeing .bg_detail .con_spot_list ul {
	float: left;
	padding-left: 30px;
}

#sightseeing .bg_detail .con_spot_list ul li {
	margin-bottom: 5px;
	background: url(../images/common/ic_arrow_right.png) 0 center no-repeat;
	padding-left: 15px;
}