/*******************************************************************/
/* PC：幅981px以上                                                 */
/*******************************************************************/
/*=========================================================*/
/*	slide*/
/*=========================================================*/
/*#slide {
	max-width: 1600px;
	min-width: 1000px;
	margin: 0 auto;
	line-height: 0;
	}
	
	#slide img {
		}*/
		
/*=========================================================*/
/*	topContent*/
/*=========================================================*/
.topContent {
	text-align: left;
	box-shadow: 0px 3px 2px #E2D4BF;
	padding: 40px 0;
	position: relative;
	z-index: 0;
	}
	
	.topContent .inner {
		width: 1000px;
		margin: 0 auto;
		}
		
/*	topics
---------------------------------------------------------------*/
	#topics {
		width: 730px;
		float: left;
		}
		
		#topics h2 {
			background: url(/common/img/top/h2_line.gif) repeat-x 0 bottom;
			padding: 0 0 8px 0;
			}
			
			#topics h2 .ttl img {
				width: 151px;
				height: 25px;
				margin: 0 0 0 10px;
				}
				
			#topics h2 .subttl img {
				width: 293px;
				height: 16px;
				margin: 0 0 0 15px;
				}
				
		.topicsList {
			margin: 30px 0 0 0;
			width: 730px;
			}
			
			.topicsList ul {
				margin: 0 -20px 0 0;
				overflow: hidden;
				zoom: 1;
				}
				
				.topicsList ul li {
					width: 230px;
					float: left;
					margin: 0 20px 0 0;
					display: inline;
					min-height: 320px;
					}
					
					/*写真*/
					.topicsList ul li .topphoto {
						background: #D2C8AB;
						padding: 1px;
						position: relative;
						margin: 0 0 15px 0;
						}
						
						.topicsList ul li .photobg {
							background: #fff;
							padding: 12px 13px 6px 11px;
							}
							
						.topicsList ul li .photobg .topthumbnailphoto {
							width: 205px;
							height: 152px;
							margin: 0 0 6px 0;
							}
							
						/*共通*/
						.topicsList ul li .topphoto .news ,
						.topicsList ul li .topphoto .leisureandstay ,
						.topicsList ul li .topphoto .buyandeat ,
						.topicsList ul li .topphoto .look ,
						.topicsList ul li .topphoto .stay {
							position: absolute;
							top: 5px;
							left: 5px;
							text-indent: -9999px;
							width: 50px;
							height: 50px;
							display: block;
							}
							
							/*新着情報*/
							.topicsList ul li .topphoto .news {
								background: url(/common/img/top/icon_news.png) no-repeat 0 0;
								}
								
							/*遊ぶ*/
							.topicsList ul li .topphoto .leisureandstay {
								background: url(/common/img/top/icon_play.png) no-repeat 0 0;
								}
								
							/*買う*/
							.topicsList ul li .topphoto .buyandeat {
								background: url(/common/img/top/icon_buy.png) no-repeat 0 0;
								}
								
							/*見る*/
							/*.topicsList ul li .topphoto .look {
								background: url(/common/img/top/icon_look.png) no-repeat 0 0;
								}*/
								
							/*泊まる*/
							/*.topicsList ul li .topphoto .stay {
								background: url(/common/img/top/icon_stay.png) no-repeat 0 0;
								}*/
								
						.topicsList dl {
							padding: 0 10px;
							}
								
							/*記事タイトル*/
							.topicsList dl dt {
								background: url(/common/img/top/icon_topics.gif) no-repeat 0 3px;
								margin: 0 0 5px 0;
								}
								
								.topicsList dl dt a {
									padding: 0 0 0 20px;
									text-decoration: none;
									font-size: 120%;
									font-weight: bold;
									}
									
								.topicsList dl dt a:hover {
									text-decoration: underline;
									}
									
		/*新着一覧を見るボタン*/
		#topics .btn a {
			background: url(/common/img/top/btn_topics.png) no-repeat 0 0;
			display: block;
			height: 36px;
			width: 730px;
			text-indent: -9999px;
			}
			
			#topics .btn a:hover { background-position: 0 -36px; }
		
/*	sidebar
---------------------------------------------------------------*/
#sidebar {
	width: 230px;
	float: right;
	margin: 0 10px 0 0;
	}
	
/*	access
---------------------------------------------------------------*/
#sidebar .access { margin: 0 0 20px 0; }

	#sidebar .access a {
		text-indent: -9999px;
		background: url(/common/img/top/btn_access.jpg) no-repeat 0 0;
		width: 230px;
		height: 125px;
		display: block;
		}
		
		#sidebar .access a:hover {
			filter: alpha(opacity=60);
			-ms-filter: "alpha( opacity=60 )";
			-moz-opacity:0.6;
			opacity:0.6;
			}
			
/*	contact
---------------------------------------------------------------*/
	#sidebar .contact a {
		text-indent: -9999px;
		background: url(/common/img/top/btn_contact.jpg) no-repeat 0 0;
		width: 230px;
		height: 125px;
		display: block;
		margin: 0 0 20px 0;
		}
		
		#sidebar .contact a:hover {
			filter: alpha(opacity=60);
			-ms-filter: "alpha( opacity=60 )";
			-moz-opacity:0.6;
			opacity:0.6;
			}
			
/*=========================================================*/
/*	secondContent*/
/*=========================================================*/
.secondContent {
	text-align: left;
	padding: 40px 0;
	background: url(/common/img/top/bg_content02.jpg) repeat 0 0;
	z-index: 0;
	}
	
	.secondContent .inner {
		width: 920px;
		margin: 0 auto;
		}
		
/*	ジャンルで探す
---------------------------------------------------------------*/
.secondContent #genreBox {
	width: 260px;
	border-right: 1px solid #D3AD89;
	float: left;
	}
	
	.secondContent #genreBox h2 {
		text-indent: -9999px;
		background: url(/common/img/top/h2_genre.png) no-repeat 0 0;
		height: 29px;
		margin: 0 0 30px 0;
		}
		
	.secondContent #genreBox li {
		margin: 0 0 10px 0;
		}
		
	/*見る*/
	.secondContent #genreBox li.look a {
		text-indent: -9999px;
		background: url(/common/img/top/genre_look.png) no-repeat 0 0;
		width: 219px;
		height: 60px;
		display: block;
		}
		
		.secondContent #genreBox li.look a:hover {
			background-position: 0 -60px;
			}
			
	/*遊ぶ*/
	.secondContent #genreBox li.play a {
		text-indent: -9999px;
		background: url(/common/img/top/genre_play.png) no-repeat 0 0;
		width: 219px;
		height: 60px;
		display: block;
		}
		
		.secondContent #genreBox li.play a:hover { background-position: 0 -60px; }
			
	/*買う*/
	.secondContent #genreBox li.buy a {
		text-indent: -9999px;
		background: url(/common/img/top/genre_buy.png) no-repeat 0 0;
		width: 219px;
		height: 60px;
		display: block;
		}
		
		.secondContent #genreBox li.buy a:hover { background-position: 0 -60px; }
			
	/*泊まる*/
	.secondContent #genreBox li.stay a {
		text-indent: -9999px;
		background: url(/common/img/top/genre_stay.png) no-repeat 0 0;
		width: 219px;
		height: 60px;
		display: block;
		}
		
		.secondContent #genreBox li.stay a:hover { background-position: 0 -60px; }
			
	/*食べる*/
	.secondContent #genreBox li.hungry { margin: 0; }
	
		.secondContent #genreBox li.hungry a {
			text-indent: -9999px;
			background: url(/common/img/top/genre_hungry.png) no-repeat 0 0;
			width: 219px;
			height: 60px;
			display: block;
			}
			
			.secondContent #genreBox li.hungry a:hover { background-position: 0 -60px; }
				
/*	エリアで探す
---------------------------------------------------------------*/
.secondContent #areaBox {
	float: right;
	width: 616px;
	height: 404px;
	background: url(/common/img/top/bg_area.png) no-repeat 0 0;
	position: relative;
	}
	
	.secondContent #areaBox h2 {
		text-indent: -9999px;
		background: url(/common/img/top/h2_area.png) no-repeat 0 0;
		height: 34px;
		}
		
	.secondContent #areaBox h3 {
		text-indent: -9999px;
		background: url(/common/img/top/area_subttl.png) no-repeat 0 0;
		width: 73px;
		height: 357px;
		float: right;
		}
		
	/*北エリア*/
	.secondContent #areaBox li.north {
		background: url(/common/img/top/north.png) no-repeat 0 -139px;
		width: 141px;
		height: 139px;
		display: block;
		text-indent: -9999px;
		top: 49px;
		left: 0;
		position: absolute;
		}
	
		.secondContent #areaBox li.north a {
			background: url(/common/img/top/north.png) no-repeat 0 0;
			width: 141px;
			height: 139px;
			display: block;
			}
			
	/*西エリア*/
	.secondContent #areaBox li.west {
		background: url(/common/img/top/west.png) no-repeat 0 -134px;
		width: 134px;
		height: 134px;
		display: block;
		text-indent: -9999px;
		position: absolute;
		top: 256px;
		left: 0px;
		}
		
		.secondContent #areaBox li.west a {
			background: url(/common/img/top/west.png) no-repeat 0 0;
			width: 134px;
			height: 135px;
			display: block;
			}
			
	/*中央エリア*/
	.secondContent #areaBox li.center {
		background: url(/common/img/top/center.png) no-repeat 0 -141px;
		width: 152px;
		height: 141px;
		display: block;
		text-indent: -9999px;
		position: absolute;
		top: 148px;
		left: 177px;
		}
		
		.secondContent #areaBox li.center a {
			background: url(/common/img/top/center.png) no-repeat 0 0;
			width: 152px;
			height: 141px;
			display: block;
			}
			
	/*東エリア*/
	.secondContent #areaBox li.east {
		background: url(/common/img/top/east.png) no-repeat 0 -139px;
		width: 153px;
		height: 139px;
		display: block;
		text-indent: -9999px;
		position: absolute;
		top: 43px;
		left: 364px;
		}
		
		.secondContent #areaBox li.east a {
			background: url(/common/img/top/east.png) no-repeat 0 0;
			width: 153px;
			height: 139px;
			display: block;
			}
			
	/*南エリア*/
	.secondContent #areaBox li.south {
		background: url(/common/img/top/south.png) no-repeat 0 -137px;
		width: 133px;
		height: 139px;
		display: block;
		text-indent: -9999px;
		position: absolute;
		top: 259px;
		left: 336px;
		}
		
		.secondContent #areaBox li.south a {
			background: url(/common/img/top/south.png) no-repeat 0 0;
			width: 133px;
			height: 137px;
			display: block;
			}
			
/*=========================================================*/
/*	thirdContent*/
/*=========================================================*/
.thirdContent {
	text-align: left;
	box-shadow: 0px 3px 2px #E2D4BF;
	padding: 40px 0;
	position: relative;
	z-index: 0;
	}
	
	.thirdContent .inner {
		width: 1000px;
		margin: 0 auto;
		}
		
/*	charm
---------------------------------------------------------------*/
	#charm {
		width: 730px;
		float: left;
		}
		
		#charm h2 {
			background: url(/common/img/top/h2_line.gif) repeat-x 0 bottom;
			padding: 0 0 8px 0;
			margin: 0 0 30px 0;
			}
			
			#charm h2 .ttl img {
				width: 176px;
				height: 25px;
				margin: 0 0 0 10px;
				}
				
			#charm h2 .subttl img {
				width: 162px;
				height: 14px;
				margin: 0 0 0 15px;
				}
				
/*	高原の魅力のコンテンツ
---------------------------------------------------------------*/
		/*	神楽
		----------------------------------------------------*/
		#charm li.kagura {
			background: #D3C9AC;
			padding: 1px;
			margin: 0 0 35px 0;
			}
			
			#charm li.kagura .kagurabg {
				background: #FAF5ED;
				min-height: 265px;
				}
				
				#charm li.kagura .photo {
					float: left;
					width: 305px;
					margin: 25px 0 22px 25px;
					}
				
					#charm li.kagura .photo img {
						width: 305px;
						height: 210px;
						}
						
				#charm li.kagura dl {
					float: right;
					width: 350px;
					margin: 22px 25px 0 0;
					}
						
					#charm li.kagura dl dt img {
						width: 329px;
						height: 82px;
						}
						
					#charm li.kagura dd.text {
						color: #727284;
						margin: 0 0 20px 0;
						}
						
					#charm li.kagura dd.btn a {
						background: url(/common/img/top/btn_kagura.png) no-repeat 0 0;
						width: 120px;
						height: 30px;
						display: block;
						text-indent: -9999px;
						float: right;
						}
						
						#charm li.kagura dd.btn a:hover {
							background-position: 0 -30px;
							}
						
		/*	温泉
		----------------------------------------------------*/
		#charm li.onsen {
			background: #D3C9AC;
			padding: 1px;
			margin: 0 0 35px 0;
			}
			
			#charm li.onsen .onsenbg {
				background: #FAF5ED;
				min-height: 265px;
				}
				
				#charm li.onsen .photo {
					float: right;
					width: 305px;
					margin: 25px 25px 22px 0;
					}
				
					#charm li.onsen .photo img {
						width: 305px;
						height: 210px;
						}
						
				#charm li.onsen dl {
					float: left;
					width: 350px;
					margin: 22px 0 0 25px;
					}
						
					#charm li.onsen dl dt img {
						width: 317px;
						height: 84px;
						}
						
					#charm li.onsen dd.text {
						color: #727284;
						margin: 0 0 20px 0;
						min-height: 74px;
						}
						
					#charm li.onsen dd.btn a {
						background: url(/common/img/top/btn_onsen.png) no-repeat 0 0;
						width: 120px;
						height: 30px;
						display: block;
						text-indent: -9999px;
						float: right;
						}
						
						#charm li.onsen dd.btn a:hover {
							background-position: 0 -30px;
							}
							
		/*	ゴルフ
		----------------------------------------------------*/
		#charm li.golf {
			background: #D3C9AC;
			padding: 1px;
			margin: 0 0 35px 0;
			}
			
			#charm li.golf .golfbg {
				background: #FAF5ED;
				min-height: 265px;
				}
				
				#charm li.golf .photo {
					float: left;
					width: 305px;
					margin: 25px 0 22px 25px;
					}
				
					#charm li.golf .photo img {
						width: 305px;
						height: 210px;
						}
						
				#charm li.golf dl {
					float: right;
					width: 350px;
					margin: 22px 25px 0 0;
					}
						
					#charm li.golf dl dt img {
						width: 350px;
						height: 84px;
						}
						
					#charm li.golf dd.text {
						color: #727284;
						margin: 0 0 14px 0;
						}
						
					#charm li.golf dd.btn a {
						background: url(/common/img/top/btn_golf.png) no-repeat 0 0;
						width: 120px;
						height: 30px;
						display: block;
						text-indent: -9999px;
						float: right;
						}
						
						#charm li.golf dd.btn a:hover {
							background-position: 0 -30px;
							}
						
/*	secondSide
---------------------------------------------------------------*/
#secondSide {
	width: 230px;
	float: right;
	margin: 0 10px 0 0;
	}
	
/*	blog
---------------------------------------------------------------*/
	li.topblogBox {
		width: 230px;
		background: #D2C8AB;
		margin: 0 0 20px 0;
		padding: 1px;
		min-height: 437px;
		}
		
	li.topblogBox .topblog {
		background: #FDFCF9;
		padding: 15px 0 0 0;
		min-height: 436px;
		}
		
		.topblogBox .blogTtl {
			text-indent: -9999px;
			background: url(/common/img/top/ttl_blog.png) no-repeat 24px 0;
			height: 37px;
			padding: 0 0 16px 24px;
			border-bottom: 1px solid #D3C9AC;
			}
			
		/*日付・タイトル・抜粋余白*/
		.topblog dl {
			border-bottom: 1px dotted #ccc;
			margin: 0 0 10px 0;
			}
		
		.topblog dd {
			padding: 10px;
			}
			
			/*日付*/
			dl.topblog dd dl dt.day {
				color: #A28CB9;
				font-size: 90%;
				padding: 0 10px;
				}
				
			/*タイトル*/
			dl.topblog dd dl dt.ttl a {
				color: #A28CB9;
				padding: 0 10px;
				}
				
			/*抜粋*/
			dl.topblog dd dl dd {
				padding: 0 10px;
				margin: 0 0 10px 0;
				}
				
				dl.topblog dd dl dd a {
					color: #737384;
					text-decoration: none;
					}
					
					dl.topblog dd dl dd a:hover {
						text-decoration: underline;
						}
						
			/*記事が何もない場合*/
			.topblog p {
				margin: 162px 0 0 0;
				text-align: center;
				color: #AB9738;
				}
			
/*	pamphlet
---------------------------------------------------------------*/
#secondSide a li.pamphlet {
	display: block;
	zoom: 1;
	}
	
	#secondSide li.pamphlet {
		width: 230px;
		background: #D2C8AB;
		padding: 1px;
		margin: 0 0 20px 0;
		}
		
		#secondSide li.pamphlet dl {
			background: #FDFCF9;
			padding: 16px 0 0 0;
			}
			
			#secondSide .pamphlet dt {
				text-indent: -9999px;
				background: url(/common/img/top/ttl_pamphlet.gif) no-repeat 24px 0;
				height: 37px;
				padding: 0 0 16px 24px;
				border-bottom: 1px solid #D3C9AC;
				}
				
			#secondSide a:hover li.pamphlet dt {
				filter: alpha(opacity=60);
				-ms-filter: "alpha( opacity=60 )";
				-moz-opacity:0.6;
				opacity:0.6;
				}
				
			#secondSide li.pamphlet dd {
				padding: 10px 0 0 10px;
				background: #F8EBE3;
				}
				
			#secondSide a:hover li.pamphlet dd {
				filter: alpha(opacity=60);
				-ms-filter: "alpha( opacity=60 )";
				-moz-opacity:0.6;
				opacity:0.6;
				}
				
			#secondSide .pamphlet dd .text {
				background:  url(/common/img/top/text_pamphlet.png) no-repeat 0 0;
				text-indent: -9999px;
				width: 217px;
				height: 90px;
				}
				
/*	特産品ボタン(sidebar)
---------------------------------------------------------------*/
	#secondSide .btn_specialty a {
		text-indent: -9999px;
		background: url(/common/img/sec/buyandeat/specialty/btn_specialty.jpg) no-repeat 0 0;
		width: 230px;
		height: 165px;
		display: block;
		margin: 0 0 20px 0;
		}
		
		#secondSide .btn_specialty a:hover {
			filter: alpha(opacity=60);
			-ms-filter: "alpha( opacity=60 )";
			-moz-opacity:0.6;
			opacity:0.6;
			}
			
/*=========================================================*/
/*	lastContent*/
/*=========================================================*/
.lastContent {
	text-align: left;
	padding: 40px 0;
	background: url(/common/img/top/bg_content02.jpg) repeat 0 0;
	z-index: 0;
	}
	
	.lastContent .inner {
		width: 1000px;
		margin: 0 auto;
		}
		
	.lastContent #facebook {
		background: #D3C9AC;
		padding: 1px;
		width: 998px;
		}
		
		.lastContent #facebook .inner {
			background: #FAF5ED;
			width: 998px;
			}
		
/*=========================================================*/
/*	bannerBox*/
/*=========================================================*/
.bannerBox {
	text-align: left;
	padding: 40px 0 40px 0;
	}
	
	.bannerBox .inner {
		width: 1000px;
		margin: 0 auto;
		}
		
	.bannerBox #carousel {
		height: 106px;
		}
		
#carousel {
	margin: 0 auto;
	width: 1000px;
	height: 106px;
	text-align: left;
	position: relative;
	}
	
#carousel_prev,
#carousel_next {
	top: 0;
	width: 20px;
	height: 106px;
	cursor: pointer;
	position: absolute;
	}
	
#carousel_prev {
	top: 2px;
	left: -20px;
	background:transparent url(/common/img/top/prev.png) no-repeat top left;
	}
#carousel_next {
	top: 2px;
	right: -20px;
	background:transparent url(/common/img/top/next.png) no-repeat top left;
	}
	
#carousel ul li {
	width: 250px;
	float: left;
	display: inline;
	text-align: center;
	}
	
/* =======================================
	ClearFixElements
======================================= */
#carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
	}
	
#carousel ul {
	display: inline-block;
	overflow: hidden;
	}