@charset "UTF-8";
@import url("../../share/css/common.css");


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

	コンテンツ

=======================================*/
.spot {
	width: 640px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: left;
}

/* 名水 */
.spot .water_main {
	width: 640px;
	background-image: url("../images/water_bg_main_l.gif");
	background-repeat: repeat-y; 
	background-position: 0% 50%;
	margin: 0px;
	padding: 0px;
}

.spot .water_top {
	width: 640px;
	background-image: url("../images/water_bg_top_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.spot .water_bottom {
	width: 640px;
	background-image: url("../images/water_bg_bottom_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	margin: 0px;
	padding: 0 0 2px 0;
}

.spot .water_title {
	background-image: url("../images/icon_water.gif");
	background-repeat: no-repeat; 
	background-position: 0% 50%;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 25px;
	color: #333333;
	font-size: 0.875em;
	font-weight: bold;
}

/* 登山 */
.spot .climb_main {
	width: 640px;
	background-image: url("../images/climb_bg_main_l.gif");
	background-repeat: repeat-y; 
	background-position: 0% 50%;
	margin: 0px;
	padding: 0px;
}

.spot .climb_top {
	width: 640px;
	background-image: url("../images/climb_bg_top_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.spot .climb_bottom {
	width: 640px;
	background-image: url("../images/climb_bg_bottom_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	margin: 0px;
	padding: 0 0 2px 0;
}

.spot .climb_title {
	background-image: url("../images/icon_climb.gif");
	background-repeat: no-repeat; 
	background-position: 0% 50%;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 25px;
	color: #333333;
	font-size: 0.875em;
	font-weight: bold;
}

/* 歴史/施設 */
.spot .history_main {
	width: 640px;
	background-image: url("../images/history_bg_main_l.gif");
	background-repeat: repeat-y; 
	background-position: 0% 50%;
	margin: 0px;
	padding: 0px;
}

.spot .history_top {
	width: 640px;
	background-image: url("../images/history_bg_top_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.spot .history_bottom {
	width: 640px;
	background-image: url("../images/history_bg_bottom_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	margin: 0px;
	padding: 0 0 2px 0;
}

.spot .history_title {
	background-image: url("../images/icon_history.gif");
	background-repeat: no-repeat; 
	background-position: 0% 50%;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 25px;
	color: #333333;
	font-size: 0.875em;
	font-weight: bold;
}

/* スキー */
.spot .ski_main {
	width: 640px;
	background-image: url("../images/ski_bg_main_l.gif");
	background-repeat: repeat-y; 
	background-position: 0% 50%;
	margin: 0px;
	padding: 0px;
}

.spot .ski_top {
	width: 640px;
	background-image: url("../images/ski_bg_top_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.spot .ski_bottom {
	width: 640px;
	background-image: url("../images/ski_bg_bottom_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	margin: 0px;
	padding: 0 0 2px 0;
}

.spot .ski_title {
	background-image: url("../images/icon_ski.gif");
	background-repeat: no-repeat; 
	background-position: 0% 50%;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 25px;
	color: #333333;
	font-size: 0.875em;
	font-weight: bold;
}

/* キャンプ */
.spot .camp_main {
	width: 640px;
	background-image: url("../images/camp_bg_main_l.gif");
	background-repeat: repeat-y; 
	background-position: 0% 50%;
	margin: 0px;
	padding: 0px;
}

.spot .camp_top {
	width: 640px;
	background-image: url("../images/camp_bg_top_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.spot .camp_bottom {
	width: 640px;
	background-image: url("../images/camp_bg_bottom_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	margin: 0px;
	padding: 0 0 2px 0;
}

.spot .camp_title {
	background-image: url("../images/icon_camp.gif");
	background-repeat: no-repeat; 
	background-position: 0% 50%;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 25px;
	color: #333333;
	font-size: 0.875em;
	font-weight: bold;
}

/* 自然/景観 */
.spot .nature_main {
	width: 640px;
	background-image: url("../images/nature_bg_main_l.gif");
	background-repeat: repeat-y; 
	background-position: 0% 50%;
	margin: 0px;
	padding: 0px;
}

.spot .nature_top {
	width: 640px;
	background-image: url("../images/nature_bg_top_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.spot .nature_bottom {
	width: 640px;
	background-image: url("../images/nature_bg_bottom_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	margin: 0px;
	padding: 0 0 2px 0;
}

.spot .nature_title {
	background-image: url("../images/icon_nature.gif");
	background-repeat: no-repeat; 
	background-position: 0% 50%;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 25px;
	color: #333333;
	font-size: 0.875em;
	font-weight: bold;
}

/* 温泉・お湯 */
.spot .spa_main {
	width: 640px;
	background-image: url("../images/spa_bg_main_l.gif");
	background-repeat: repeat-y; 
	background-position: 0% 50%;
	margin: 0px;
	padding: 0px;
}

.spot .spa_top {
	width: 640px;
	background-image: url("../images/spa_bg_top_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

.spot .spa_bottom {
	width: 640px;
	background-image: url("../images/spa_bg_bottom_l.gif");
	background-repeat: no-repeat; 
	background-position: 0% 100%;
	margin: 0px;
	padding: 0 0 2px 0;
}

.spot .spa_title {
	background-image: url("../images/icon_spa.gif");
	background-repeat: no-repeat; 
	background-position: 0% 50%;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 25px;
	color: #333333;
	font-size: 0.875em;
	font-weight: bold;
}








.spot_bg {
	width: 590px;
	background-color: #FFFFFF;
	margin: 15px 10px 0px 10px;
	padding: 20px 15px 20px 15px;
}



.spot_bg .water_spot_title {
	width: 590px;
	border-bottom: 1px solid #3399FF;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	color: #3399FF;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.spot_bg .climb_spot_title {
	width: 590px;
	border-bottom: 1px solid #66CC33;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	color: #66CC33;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.spot_bg .camp_spot_title {
	width: 590px;
	border-bottom: 1px solid #FF6600;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	color: #FF6600;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.spot_bg .ski_spot_title {
	width: 590px;
	border-bottom: 1px solid #CC3333;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	color: #CC3333;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.spot_bg .history_spot_title {
	width: 590px;
	border-bottom: 1px solid #333399;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	color: #333399;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.spot_bg .nature_spot_title {
	width: 590px;
	border-bottom: 1px solid #339933;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	color: #339933;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.spot_bg .spa_spot_title {
	width: 590px;
	border-bottom: 1px solid #FF6666;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 3px 0px;
	color: #FF6666;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}





.info_list {
	width: 590px;
	margin: 0px 25px 0px 25px;
	padding: 20px 0px 0px 0px;
}



.info_list .water_info {
	width: 590px;
	border-bottom: 1px solid #84C2FF;
	margin: 0px;
	padding: 8px 0px 5px 0px;
}

.info_list .climb_info {
	width: 590px;
	border-bottom: 1px solid #A5DA8B;
	margin: 0px;
	padding: 8px 0px 5px 0px;
}

.info_list .camp_info {
	width: 590px;
	border-bottom: 1px solid #FEC19A;
	margin: 0px;
	padding: 8px 0px 5px 0px;
}

.info_list .ski_info {
	width: 590px;
	border-bottom: 1px solid #F1ADAD;
	margin: 0px;
	padding: 8px 0px 5px 0px;
}

.info_list .history_info {
	width: 590px;
	border-bottom: 1px solid #B6B6EB;
	margin: 0px;
	padding: 8px 0px 5px 0px;
}

.info_list .nature_info {
	width: 590px;
	border-bottom: 1px solid #A4DBA4;
	margin: 0px;
	padding: 8px 0px 5px 0px;
}

.info_list .spa_info {
	width: 590px;
	border-bottom: 1px solid #FEB5B5;
	margin: 0px;
	padding: 8px 0px 5px 0px;
}



.info_list .cat_title {
	float: left;
	width: 100px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	color: #333333;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.5;
}

.info_list .cat_contents {
	float: left;
	width: 450px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	color: #333333;
	font-size: 0.75em;
	line-height: 1.5;
}








.spot_list {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

.spot_list .spot_bg {
	float: left;
	width: 160px;
	background-image: url("../images/photo_caption_bg.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 0px;
}

.spot_list .spot_bg .spot_photo {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}

.spot_list .spot_bg .spring_caption {
	background-image: url("../images/spring_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 10px 4px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.3;
}

.spot_list .spot_bg .summer_caption {
	background-image: url("../images/summer_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 10px 4px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.3;
}

.spot_list .spot_bg .autumn_caption {
	background-image: url("../images/autumn_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 10px 4px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.3;
}

.spot_list .spot_bg .winter_caption {
	background-image: url("../images/winter_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 10px 4px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.3;
}



.banner_list {
	width: 640px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.banner_list .banner_1 {
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

.banner_list .banner_2 {
	float: left;
	width: 190px;
	margin: 0px;
	padding: 0px;
}


.spot .map {
	margin: 0px;
	padding: 0px 0px 30px 0px;
}


.spot_image{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
}