@charset "utf-8";
/* CSS Document */
p { line-height: 170%; }

.nomal {
	clear: both;
	margin-bottom: 30px;
	}
.colorbox {
	background-color: #FFEEEF;
	padding: 10px 15px;
	}

#headimage {
	width: 800px;
	height: 200px;
	}

/* Default Margin */
#main-roten div {
	padding-left: 75px;
	}

/* [ @ROTEN ]
-------------------------------------------------- */
#main-roten {}
	#main-roten p {
		margin-bottom: 20px;
		}

	#main-roten div#sec1 {}
	#main-roten div#sec2 {}
		#main-roten div#sec2 h3 {
			margin-top: 50px;
			}
	#main-roten div#sec3 {
		height: 150px;
		padding-left: 310px;
		}
		#main-roten div#sec3 p.colorbox {
			margin-top: 40px;
			margin-right: 170px;
			border: 1px solid #FFBFC1;
			}

img#bath01 {
	float: left;
	margin-right: 30px;
	}
img#bath02 {
	display: block;
	float: right;
	margin-left: 40px;
	}
img#bath01-jet {
	float: right;
	margin-top: -140px;
	}

/* [ @MagokoroRyouri ]
-------------------------------------------------- */
#magokoro {
	background: url(../img/magokoro/bg-magokoro.jpg) no-repeat right top;
	}

	#magokoro div#sec1 {
		margin: 50px 75px;
		padding-bottom: 30px;
		}
		#magokoro div#sec1 p {
			margin-bottom: 15px;
			}

	#magokoro div#sec2 {
		float: left;
		width: 400px;
		background: url(../img/bg-flower01.jpg) no-repeat right bottom;
		padding-bottom: 60px;
		border: 1px solid #FFDCA9;
		border-top: 10px solid #FFE5DA;
		}
		#magokoro div#sec2 p {
			margin-left: 40px;
			margin-right: 30px;
			}
		#magokoro div#sec2 #img {
			margin-top: 40px;
			margin-bottom: 20px;
			text-align: center;
			}
	
	#magokoro div#sec3 {
		margin-left: 420px;
		padding-top: 60px;
		}
		#magokoro div#sec3 #img {
			text-align: center;
			}

	#magokoro div#course {
			background: url(../img/magokoro/course-bg.jpg) repeat 450px 47px;
			width: 760px;
			margin-bottom: 30px;
			}
		#magokoro div#course h3 {
			margin: 0;
			}
		#magokoro div#course .img {
			float: left;
			margin: 0;
			padding: 0;
			}
		#magokoro div#course #thumbs {
			margin-left: 440px;
			height: 315px;
			}
		#magokoro div#course ul {
			margin: 0;
			padding: 0;
			}
		#magokoro div#course li {
			display: inline;
			margin: 0;
			padding: 0;
			}


/* [ @ROOMS ]
-------------------------------------------------- */
#rooms {
	background: url(../img/room/bg-rooms.jpg) no-repeat right top;
	}

#rooms h4 {
	margin-left: 75px;
	}

#rooms table {
	width: 100%;
	_width: 95%;
	background: url(../img/bg-cloth-wt.png) repeat 0 0;
	border: 1px dashed #913d3b;
	}
	#rooms table th {
		padding: 5px;
		border-left: 10px solid #913d3b;
		border-right: 1px dashed #913d3b;
		border-bottom: 1px dashed #913d3b;
		background-color: #FFDCA9;
		color: #913d3b;
		}
	#rooms table td {
		padding: 5px;
		vertical-align: top;
		}
	#rooms table td.num {
		border-bottom: 1px dashed #913d3b;
		}
	#rooms table td#gallary {
		border-top: 1px dashed #913d3b;
		text-align: center;
		}
	#rooms table td p {
		margin: 0;
		margin-left: 10px;
		padding: 0;
		line-height: 130%;
		}
	#rooms table td.img {
		width: 210px;
		padding: 0;
		border-right: 1px dashed #913d3b;
		border-left: 10px solid #913d3b;
		text-align: center;
		}

#rooms #amenity {
	margin-top: 10px;
	margin: 10px 30px 60px 0px;
	border-bottom: 0;
	}
	#rooms #amenity td {
		border-bottom: 1px dashed #913d3b;
		}


#rooms #dining {
	height: 440px;
	background: url(../img/bg-sky01.jpg) no-repeat left top;
	border: 1px solid #FFF;
	_border: 0;
	}
	#rooms #dining .img { float: left; }

	#rooms #dining h4,
	#rooms #dining p {
		margin-left: 460px;
		}
	#rooms #dining h4 {
		margin-top: 140px;
		}

#rooms #tearoom {
	clear: both;
	position: relative;
	height: 200px;
	border: 1px solid #FFF;
	}
	#rooms #tearoom .img {
		position: absolute;
		top: -140px;
		right: -20px;
		_right: 0;
		}
	#rooms #tearoom h4,
	#rooms #tearoom p {
		margin-right: 410px;
		margin-left: 60px;
		}
	#rooms #tearoom h4 {
		margin-top: 30px;
		}


/* [ @STAFF ]
-------------------------------------------------- */
#staff {}
	#staff dd {
		color: #663300;
		}
	#stafftext {
		margin-left: 75px;
		margin-bottom: 30px;
		}
	#staff #staff1 {
		float: left;
		width: 250px;}

	#staff #staff2 {
		float: left;
		width: 250px;
		}

	#staff #staff3 {
		}


/* [ @CHARGE PLAN ]
-------------------------------------------------- */
#chargeplan table,
#plan table,
#chargeplan ul,
#plan ul {
	width: 80%;
	margin-bottom: 20px;
	margin-left: 10%;
	}
#chargeplan table,
#plan table {
	background: url(../img/bg-cloth-wt.png) repeat 0 0;
	border-top: 1px dashed #913d3b;
	}
	#chargeplan table th,
	#plan table th {
		padding: 5px;
		border-left: 10px solid #913d3b;
		border-right: 1px dashed #913d3b;
		border-bottom: 1px dashed #913d3b;
		background-color: #FFDCA9;
		color: #913d3b;
		}
	#chargeplan table td,
	#plan table td {
		padding: 5px;
		border-right: 1px dashed #913d3b;
		border-bottom: 1px dashed #913d3b;
		vertical-align: top;
		}
#chargeplan ul,
#plan ul {
	background: url(../img/bg-flower02.jpg) no-repeat 300px bottom;
	padding-bottom: 100px;
	}
#plan ul {
	background: none;
	padding-bottom: 0;
	}

#plan td.planphoto {
	width: 200px;
	border-left: 1px dashed #913d3b;
	text-align: center;
	}
	#plan td.planphoto img {
		width: 200px;
		border:1px solid #663300;
		}


/* [ @RESERVE ]
-------------------------------------------------- */
#reserve {}
	#reserve h2 {
		text-align: right;
		}
	#reserve dl {
		height: 250px;
		margin-left: 75px;
		padding-left: 200px;
		background: url(../img/reserve/img-reserve.jpg) no-repeat left top;
		}
	#reserve dt img#logoname {
		margin-bottom: 33px;
		margin-left: 10px;
		}
	#reserve dd {
		margin: 5px 30px;
		}


/* [ @ACCESS ]
-------------------------------------------------- */
#access {}
	#access table {
		width: 100%;
		background: url(../img/bg-cloth-wt.png) repeat 0 0;
		margin-bottom: 10px;
		border: 2px dotted #913d3b;
		}
	#access caption {
		background: url(../img/img-cube.png) no-repeat left 21px;
		padding: 20px 0 10px 45px;
		color: #325776;
		font-size: medium;
		text-align: left;
		}
	#access th {
		width: 105px;
		}
	#access td {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 2px dotted #913d3b;
		}
		#access td.head {
			border-top: 0px;
			}
	#access td ol {
		padding: 5px 0;
		}
	#access td li {
		display: inline;
		background: #FFFFCC url(../img/img-arrow.png) no-repeat right center;
		margin-right: 5px;
		padding: 7px 20px 5px 5px;
		border: 1px solid #663333;
		vertical-align: middle;
		}
	#access td li.goal,
	#access td li.time {
		background-image: none;
		padding-right: 5px;
		}
	#access td li.time {
		background-color: #FFF0FF;
		}
	#access dt {
		margin: 10px 0 5px 0;
		font-weight: bold;
		}
	#access dd {
		margin-bottom: 3px;
		padding: 2px 0;
		}
	#access strong {
		margin: 0 3px;
		padding: 0 2px;
		background-color: #E7D8B6;
		border: 1px dotted #FFA895;
		color: #663333;
		}
	#access #map {
		float: left;
		}
	#access #maproot dt {
		background: url(../img/img-cube.png) no-repeat left center;
		padding-left: 40px;
		color: #325776;
		}
	#access #maproot dd {
		background: url(../img/img-arrow-10.png) no-repeat left 5px;
		margin-left: 10px;
		padding-left: 15px;
		line-height: 150%;
		}
	#access #map img#mapimage {
		border: 1px solid #cfcfcf;
		}


/* [ @BBS ]
-------------------------------------------------- */
#bbs h1 {
	margin-top: -5px;
	}
#bbs iframe {
	width: 100%;
	height: 500px;
	_height: 100%;
	}


/* [ @LINK ]
-------------------------------------------------- */
#link {}
#link table {
	margin-bottom: 20px;
	margin-left: 10%;
	background: url(../img/bg-cloth-wt.png) repeat 0 0;
	border-top: 1px dashed #913d3b;
	}
	#link table th {
		padding: 5px;
		border-left: 10px solid #913d3b;
		border-right: 1px dashed #913d3b;
		border-bottom: 1px dashed #913d3b;
		background-color: #FFDCA9;
		color: #913d3b;
		}
	#link table td {
		padding: 5px;
		border-right: 1px dashed #913d3b;
		border-bottom: 1px dashed #913d3b;
		vertical-align: top;
		}

	#link #sight caption {
		background: url(../img/img-cube.png) no-repeat left 21px;
		padding: 20px 0 10px 45px;
		color: #325776;
		font-size: medium;
		text-align: left;
		}
	#link #sight .time {
		width: 5em;
		}


/* [ @Kuusitu ]
-------------------------------------------------- */
#kuusitu {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
#kuusitu h1 {
	text-align: left;
	}
#kuusitu #calendar {
	border: 1px solid #999999;
	width: 562px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	}


.plan a {
	background: url(../img/chargeplan/btn-plan-w280.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 56px;
	width: 280px;
	display: block;
}
.plan a:hover {background: url(../img/chargeplan/btn-plan-w280_ov.jpg) no-repeat left top;}
.plan strong {display: none;}



/* [ @MAIL FORM ]
-------------------------------------------------- */



/* [ @ ]
-------------------------------------------------- */
/*
# div#sec1 {}
# div#sec2 {}
# div#sec3 {}
*/


/* [ @ ]
-------------------------------------------------- */

* { zoom: 1; }