h1 {
	clear: both ;
	width: auto ;
	height: auto ;
	margin-top: 15px ;
	padding-left: 15px ;
	font-size: 20px ;
	line-height: 34px ;
	font-weight: bolder ;
	letter-spacing: 3px ;
	color: #fffffc ;
	background-color: #508B14 ;
	border-top: 5px solid #83bb83 ;
}

h2 {
	clear: both ;
	float: left ;
	font-size: 14px ;
	line-height: 26px ;
	letter-spacing: 3px ;
	font-weight: bold ;
	text-align: center ;
	color: #fffffc ;
	background-color: #444444 ;
/*------------------------------------
	
	border-top: 3px solid #508B14 ;
	border-right: 1px solid #508B14 ;
	border-bottom: 1px solid #508B14 ;
	border-left: 1px solid #508B14 ;
	
---------------------------------------*/	
}

h2 a:link,h2 a:visited {
	color:#fffffc ;
}

h2 a:hover {
	color:#fffffc ;
}

.h2_01 {
	width: 228px ;
	height: 26px ;
	margin-top: 20px ;
	margin-right: 500px ;
	margin-bottom: 5px ;
	background-color: #ffcc66 ;
	border: 1px solid #ff9900 ;	
}

.h2_02 {
	width: 140px ;
	height: 26px ;
	margin-top: 30px ;
	margin-right: 590px ;
	margin-bottom: 5px ;
	background-color: #ffcc66 ;
	border: 1px solid #ff9900 ;	
}

h3 {
	clear: both ;
	float:left ;
	width: 60px ;
	height: 16px ;
	margin-top: 10px ;
	margin-right: 680px ;
	margin-bottom: 5px ;
	padding-top: 2px ;
	font-size: 12px ;
	line-height: 16px ;
	letter-spacing: 1px ;
	font-weight: bold ;
	text-align: center ;
	color: #ffffff ;
	background-color: #666666 ;
}

.spa01 {
	padding-top: 10px ;
	padding-right: 10px ;
	padding-bottom: 10px ;
	padding-left: 10px ;
	list-style-type: none ;
	font-size: 16px ;
	line-height: 20px ;
	font-weight: normal ;
	letter-spacing: 1px ;
	border-right: 5px solid #83bb83 ;
	border-bottom: 5px solid #83bb83 ;
	border-left: 5px solid #83bb83 ;
}

.spa02 {
	margin-top: 10px ;
}


/*---------------------------------------------------------------------------*/
/*  地域リスト  */


.area_list {
	clear: both ;
	float: left ;
	width: 740px ;
	height: 28px ;
	margin-top: 30px ;
	border-bottom: 5px solid #ff9933 ;
	list-style-type: none ;
}

.area_list li {
	float:left ;
	width: 86px ;
	height: 28px ;
	margin-right: 2px ;
	line-height: 28px ;
	letter-spacing: 1px ;
	font-weight: bold ;
	text-align: center ;
}

.area_list_b {
	background-color: #ff9933 ;
	color: #fffffc ;
}

.area_list_c {
	background-color: #fffffc ;
}

.area_list_b a:link,.area_list_b a:visited {
	display: block ;
	height: 26px ;
	color: #fffffc;
	text-decoration: none ;
	line-height: 30px ;
}

.area_list_b a:hover {
	color: #fffffc;
}

.area_list_c a:link,.area_list_c a:visited {
	display: block ;
	color: #666666;
	text-decoration: none ;
	border-top: 1px solid #666666 ;	
	border-right: 1px solid #666666 ;	
	border-left: 1px solid #666666 ;	
}

.area_list_c a:hover {
	color: #fffffc;
	background-color: #ff9900 ;
	border-top: 1px solid #ffcc00 ;	
	border-right: 1px solid #ffcc00 ;	
	border-left: 1px solid #ffcc00 ;	
}

.area_bt {
	clear: both ;
	float: left ;
	width: 740px ;
	height: 28px ;
	margin-top: 30px ;
	list-style-type: none ;
}

.area_bt li {
	float:left ;
	width: 144px ;
	height: 28px ;
	margin-right: 2px ;
	line-height: 28px ;
	letter-spacing: 1px ;
	font-weight: bold ;
	text-align: center ;
	color: #fffffc ;
	border: 1px solid #ffcc66 ;	
}

.area_bt li a:link,.area_bt li a:visited {
	display: block ;
	color: #fffffc;
	text-decoration: none ;
	border: 1px solid #ffcc66 ;	
	background-color: #ff9933 ;
}

.area_bt li a:hover {
	display: block ;
	color: #fffffc;
	text-decoration: none ;
	background-color: #ffcc66 ;
	border: 1px solid #ff9900 ;	

}

.spa_map {
	width: 600px ;
	height: 300px ;
}

.area_list02 {
	width: auto ;
	height: auto ;
	margin-top: 7px ;
	margin-left: 7px ;
	font-size: 12px ;
	line-height: 14px ;
	letter-spacing: 3px ;
	list-style-type: none ;
}
.area_list02 li {
	float: left ;
	margin-left: 1px ;
	margin-top: 1px ;
	text-align: center ;
}
.last_li {
	margin-bottom: 10px ;
}

.area_list02 li a:link,.area_list02 li a:visited {
	display: block ;
	width: 89px ;
	height: auto ;
	padding: 2px ;
	border: 1px solid #336600 ;
	text-decoration: none ;
	color: #336600 ;
}
.area_list02 li a:hover {
	display: block ;
	border: 1px solid #ff9900 ;
	text-decoration: none ;
	color: #ffffff ;
	background-color: #ff9933 ;
}

#area_map {
	float: left ;
	width: 740px ;
	height: 450px ;
	margin-top: 20px ;
	margin-bottom: 10px ;
}


/*---------------------------------------------------------------------------*/
/*  おすすめ宿リスト  */


.spa_group {
	clear: both ;
	float: left ;
	width: 740px ;
	height: auto
	margin-top: 10px ;
}

.spa_place {
	float: left ;
	width: 142px ;
	height: auto ;
	padding-bottom: 11px ;
	margin-top: 10px ;
	margin-left: 7px ;
}

.spa_place02 {
	float: left ;
	width: 142px ;
	height: auto ;
	padding-bottom: 11px ;
	margin-top: 10px ;
}

.spa_place li,.spa_place02 li {
	list-style-type: none ;
}

.spa_name {
	width: 142px ;
	height: auto ;
	padding-top: 2px ;
	text-align: center ;
	font-size: 16px ;
	letter-spacing: 5px ;
	color: #333333 ;
	background-color: #faf5c0 ;
}

.hotel_image {
	float: left ;
	width: auto ;
	height: auto ;
	border: 1px solid #cccccc ;
}

.hotel_image img {
	display: block ;
	width: 130px ;
	height: 98px ;
	border: 5px solid #fffffc ;
}

.hotel_produce {
	clear: both ;
	float: left ;
	width: 132px ;
	height: 132px ;
	padding: 4px ;
	border-right: 1px solid #cccccc ;
	border-bottom: 1px solid #cccccc ;
	border-left: 1px solid #cccccc ;
	font-size: 14px ;
	line-height: 16px ;
	letter-spacing: 1px ;
}

.hotel_name {
	float: left ;
	width: 142px ;
	height: 20px ;
	font-size: 14px ;
	line-height:20px ;
	text-align: center ;
	background-color : #faf5c0 ; 
}

.nigori_produce {
	clear: both ;
	width: 136px ;
	height: 83px ;
	padding: 2px ;
	border-right: 1px solid #cccccc ;
	border-bottom: 1px solid #cccccc ;
	border-left: 1px solid #cccccc ;
	font-size: 12px ;
	line-height: 14px ;
}

.hotel_name img {
	position: relative ;
	top: 3px ;
	left: -2px ;
}


/*�^���N���X*/
.hotel_name a:link,.hotel_name a:visited {
	text-decoration: underline ;
	color: #000000 ;
}
.hotel_name a:hover {
	text-decoration: underline ;
	color: #0099ff ;
}

/*�t�H���g*/
.name_font01 {
	font-size: 8px 
}

.spa_font01 {
	padding-top: 5px ;
	padding-right: 3px ;
}

.nigori_font01 {
	color: #990000 ;
	padding-right: 3px ;
}

.area_font01 {
	display: block ;
	width: 26px ;
	height: 30px ;
	float: left ;
	font-size: 26px ;
	line-height: 30px ;
	margin-right: 3px ;
	padding: 0px 1px ;
	color: #cc3300 ;
	border: 1px solid #cc3300 ;
}