@charset "utf-8";

/* ---------------------------------
  _01 スタイルリセット
------------------------------------*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #3f1000;
	font-size: 26px;
	background-color: #fff;
	background-image: url(../images/bg_pc.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

header, footer {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

dl, dt, dd {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

hr {
	display: none;
}

a {
	text-decoration: inherit; /* 必要に応じて「none」に */
}

a:link {
	color: #00c;
}

a:visited {
	color: #999;
}

a:hover {
	color: #fc3;
}

/* ---------------------------------
  _02 基本レイアウト
------------------------------------*/

.container {
	margin: 0 auto;
	width: 640px;
	background-image: url(../images/bg.jpg);
}

footer {
	padding-top: 80px;
	padding-bottom: 40px;
	background-image: url(../images/footer_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}

footer dl {
	margin: 0 auto 30px auto;
	width: 442px;
}

footer dt {
	background-image: url(../images/tel_hl.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

footer dd a {
	display: block;
	width: 442px;
	height: 50px;
	background-image: url(../images/tel_num.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -10000em;
}

footer p.copyright {
	width: 640px;
	height: 60px;
	background-image: url(../images/copyright.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

.contents p {
	margin-bottom: 1em;
	padding: 0 30px;
}

.supplement {
    left: -10000em;
    position: absolute;
}


.page header {
	padding-top: 60px;
	height: 300px;
	background-position: 0 -120px;
}

.page .siteName a {
	margin-bottom: 100px;
	display: block;
	height: 76px;
	background-image: url(../../images/index_logo.png);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

.page .catch {
	display: none;
}

.page .contents {
	margin-top: -207px;
	padding-top: 250px;
	height: auto;
	background-image: url(../../images/contents_header.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.page .contents p.tel a {
	margin: 0 auto;
	display: block;
	width: 480px;
	height: 64px;
	background-image: url(../../images/preopen_btn.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-indent: -10000em;
}

/* ---------------------------------
  _01 TOPページ
------------------------------------*/

#index header {
	padding-top: 60px;
	width: 640px;
	height: 740px;
}

.daytime header {
	background-image: url(../../images/mainview_daytime.jpg);
}

#index header p.catch {
	margin: 0 auto;
	width: 90px;
	height: 356px;
	text-indent: -10000em;
}

.daytime header p.catch {
	background-image: url(../../images/catch_daytime.png);
}

#index .siteName {
	margin-bottom: 70px;
	height: 126px;
	background-image: url(../../images/index_logo.png);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -10000em;
}

#index .contents {
	margin-top: -207px;
	padding-top: 250px;
	height: auto;
	background-image: url(../../images/contents_header.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#index h2.open {
	margin-bottom: 30px;
	height: 160px;
	width: 560px;
	margin: 0 auto 30px auto;
	margin-bottom: 30px;
}

#index .announcement {
	margin: 0 auto 30px auto;
	padding: 30px 0;
	width: 560px;
	height: 100px;
	background-color: #fff;
	box-shadow: 0 0 5px #BAA9A3;
}

#index .announcement p.intro {
	margin: 0 auto 15px auto;
	width: 476px;
	height: 33px;
	background-image: url(../../images/preopen_intro.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-indent: -10000em;
}

#index .announcement p.link a {
	margin: 0 auto;
	display: block;
	width: 480px;
	height: 64px;
	background-image: url(../../images/preopen_btn.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	text-indent: -10000em;
}

#index #news {
	margin-bottom: 20px;
	padding: 120px 30px 0 30px;
	position: relative;
}

#index #news h2 {
	position: absolute;
	top: -20px;
	left: 10px;
	width: 396px;
	height: 131px;
	background-image: url(../../images/news_title.png);
	text-indent: -10000em;
	z-index: 20;
}

#index #news .photo {
	margin-top: -70px;
	margin-left: 20px;
	padding: 10px 10px 30px 10px;
	float: right;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 2px 2px 5px #ccc;
	z-index: 10;
}

#index #news .photo .box {
	width: 220px;
	height: 220px;
	overflow: hidden;
}

#index #news .photo .box img {
	width: 220px;
}

#index #news p {
	padding: 0;
}

#index #about01 {
	padding-top: 230px;
	overflow: hidden;
	height: 0;
	color: #fff;
	background-image: url(../../images/concept_bg.png);
	z-index: 10;
}

#index #about02 {
	margin-top: -60px;
	padding-top: 230px;
	overflow: hidden;
	height: 0;
	color: #fff;
	background-image: url(../../images/dish_bg.png);
	z-index: 20;
}

#index #about03 {
	margin-top: -60px;
	padding-top: 230px;
	overflow: hidden;
	height: 0;
	color: #fff;
	background-image: url(../../images/room_bg.png);
	z-index: 20;
}

#index #about04 {
	margin-top: -60px;
	padding-top: 230px;
	overflow: hidden;
	height: 0;
	color: #fff;
	background-image: url(../../images/stay_bg.png);
	z-index: 20;
}

#index #about01 .box,
#index #about02 .box,
#index #about03 .box,
#index #about04 .box {
	padding: 0 30px;
}

#index #about01 .box img,
#index #about02 .box img,
#index #about03 .box img,
#index #about04 .box img {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}

#index #about01 .box p,
#index #about02 .box p,
#index #about03 .box p,
#index #about04 .box p {
	padding: 0;
}

#index #access {
	margin-top: -60px;
	padding-top: 50px;
	background-image: url(../../images/access_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#index #access h2 {
	margin-left: 60px;
	margin-bottom: 20px;
	width: 320px;
	height: 51px;
	background-image: url(../../images/access_title.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000em;
}

#index #access #map {
	margin: 0 auto 20px auto;
	padding: 15px;
	width: 490px;
	height: 380px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px #ccc;
}

#index #access #mapCanvas {
	width: 490px;
	height: 380px;
}

#index #access p {
	padding: 0 60px;
}


/* ---------------------------------
  _01 お問合せ
------------------------------------*/

#contact .contents .required {
	color: #d80000;
}

#contact .contents dl {
	padding: 0 30px;
}

#contact .contents dl input,
#contact .contents dl textarea {
	width: 100%;
}

#contact .contents form p.buttons {
	text-align: center;
}



/* ---------------------------------
  _ clearfix
------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */