@charset "utf-8";

html {
	overflow: auto;
}

/* index page
--------------------------------------------------*/
#visual {
	overflow-x: hidden;
	min-width: 1000px;
	position: relative;
}
#visual .wrap {
	height: 500px;
	margin: 0 -500% 50px;
	padding: 0 500%;
	width: 125%;
}
	#visual .wrap .inner {
		width: 1385px;
		margin: 0 auto;
	}
		#visual .wrap .inner ul {
			margin: 0 0 0 -193px;
		}
			#visual .wrap .inner ul li.visual01,
			#visual .wrap .inner ul li.visual02,
			#visual .wrap .inner ul li.visual03,
			#visual .wrap .inner ul li.visual04,
			#visual .wrap .inner ul li.visual05 {
				float: left;
			}
			#visual .wrap li.visual01 {
				width: 612px;
				margin: 7px 12px 0 0;
			}
				#visual .wrap li.visual01 div {
					
				}
				
			#visual .wrap li.visual02 {
				width: 310px;
				margin: 7px 13px 11px 0;
			}
			#visual .wrap li.visual03 {
				width: 438px;
				margin: 7px 0 11px 0;
			}
			#visual .wrap li.visual04 {
				width: 245px;
				margin: 0 10px 0 0;
			}
			#visual .wrap li.visual05 {
				width: 507px;
				height: 270px;
				background: url(../../img/bg_visual_info.png) no-repeat 0 0;
				margin: 0 0 0 0;
				position: relative;
			}
				#visual .wrap li.visual05 ul {
					position: absolute;
					bottom: 12px;
					left: 211px;
				}
					#visual .wrap li.visual05 ul li {
						float: none;
						margin: 7px 0 0;
					}
					#visual .wrap li.visual05 span {
						position: absolute;
						bottom: -1  px;
						right: -12px;
					}


/* pickup */
.pickup {
	width: 480px;
	float: left;
}
	.pickup h2 {
		margin: 0 0 20px;
	}
	.pickup dl {
		width: 230px;
		float: left;
		margin: 0 20px 20px 0;
	}
	.pickup dl:nth-child(2n) {
		margin: 0;
	}
		.pickup dl dt {
			width: 230px;
			margin: 0 0 8px;
		}
		.pickup dl dd {
			
		}
			.pickup dl dd a {
				background: url(../img/ico_blank.png) no-repeat right 2px;
				padding: 0 17px 0 0;
			}

/* news */
.news {
	width: 480px;
	float: right;
}
	.news h2 {
		margin: 0 0 20px;
	}
		.news h2 a {
			margin: 0 0 0 184px;
		}
	
	.news ul li {
		border-bottom: 1px dashed #cccccc;
		padding: 13px 0;
	}
		.news ul li p {
			margin: 0 0 5px;
		}
			.news ul li p a.termlink {
				text-decoration: none!important;
			}
			.news ul li p span {
				font-size: 69%;
				color: #ffffff;
				margin: 0 0 0 10px;
				vertical-align: middle;
			}
				.news ul li p span img {
					vertical-align: sub;
				}
			.news ul li p span.term {
				background: #333333;
				border-radius: 5px;
				padding: 1px 7px;
			 }
			.news ul li p span.term_news { background: #759EAC; }
			.news ul li p span.term_event { background: #D74327; }

/* hotel */
.hotel {
	width: 480px;
	float: left;
}
	.hotel h2 {
		position: relative;
		margin: 0 0 10px;
	}
		.hotel h2 span {
			color: #ffffff;
			font-size: 124%;
			font-weight: normal;
			position: absolute;
			top: 9px;
			left: 262px;
		}
		.hotel h2 a {
			position: absolute;
			top: 12px;
			left: 368px;
		}
	.hotel .choose {
		height: 115px;
		padding: 0 0 20px;
		border-bottom: 1px solid #cccccc;
	}
		.hotel .choose ul {}
			.hotel .choose ul li {
				-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
				-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
				box-shadow: 0 2px 3px rgba(0,0,0,0.4);
				float: left;
			}
	.hotel .pr {
		border-top: 1px solid #ffffff;
		padding: 15px 0 0;
	}
		.hotel .pr p {
			margin: 0 0 10px;
		}
		.hotel .pr dl {
			width: 157px;
			float: left;
			margin: 0 4px 0 0;
		}
		.hotel .pr dl:nth-child(3n) {
			margin: 0;
		}
			.hotel .pr dl dt {
				margin: 0 0 5px;
			}
			.hotel .pr dl dd {
				margin: 0 0 15px;
				text-align: center;
			}

/* meal */
.meal {
	width: 480px;
	float: right;
}
	.meal h2 {
		position: relative;
		margin: 0 0 32px;
	}
		.meal h2 span {
			color: #ffffff;
			font-size: 124%;
			font-weight: normal;
			position: absolute;
			top: 11px;
			left: 262px;
		}
		.meal h2 a {
			position: absolute;
			top: 12px;
			left: 368px;
		}
	.meal dl {
		width: 478px;
		margin: 0 0 30px 0;
	}
		.meal dl dt {
			margin: 0 0 5px 0;
		}
		.meal dl dd {}
	
	.meal .banner {
		border-top: 1px dashed #cccccc;
		padding: 20px 0 0;
		margin: 13px 0 0;
	}
		.meal .banner ul li {
			float: left;
			margin: 0 18px 0 0;
		}
		.meal .banner ul li.colend {
			margin: 0;
		}

/* onsenartmovie */
.onsenartmovie {
	padding: 60px 25px 5px 25px;
	background: url('../img/bg_youtube.png') no-repeat;
	margin: 40px 0 0 0;
}


.video88temples {
	width: 480px;
	margin-top:10px;
	padding:10px 0;
	float: right;
	background: url(../../img/bg_video88temples.gif) repeat 0 0;
}
.video88temples h2 {
	text-align:center;
}

.video88temples ul {
	width:450px;
	margin:0 auto;
}
.video88temples ul li {
	width:220px;
	float:left;
	margin-bottom:10px;
}

.video88temples ul li img {
	width:100%;
}