@charset "utf-8";



/*=============================================================================
   Layout
=============================================================================*/
.container, .content, .inner {	clear: both;	height: auto;	}
.container:after, .content:after, .inner:after{content: ""; display: block; clear: both;}
.container {
	width: 1000px;
	margin: 0px auto;
	position: relative;
	}
.content {
	width: 100%;
	margin-bottom:30px;
	}
.inner {
	zoom:1;
	padding: 0px 20px;
	}

/* Header
-----------------------------------------------------------------------------*/
div#header_wrap {}
div#header {
	width: 1000px;
	height: 200px;
	background: url(../img/header.jpg) no-repeat center top;
	margin: 0px auto;
	font-size: 0.86em;
	}
div#logo {
	height: 70px;
	width: 250px;
	float: left;
	margin-right: 40px;
	}
	div#logo a {
	height: 1px;
	width: 250px;
	padding-top: 69px;
	overflow: hidden;
	display: block;
	}
div#header_txt {
	float: left;
	height: 60px;
	width: 460px;
	padding-top: 10px;
	}
	div#header_txt p {
	height: 20px;
	float: left;
	margin-bottom: 5px;
	width: 460px;
	line-height: 20px;
	}
	div#header_txt img {
	margin-right: 5px;
	}
div#tel {
	background: url(../img/tel.jpg);
	height: 1px;
	float: right;
	width: 220px;
	padding-top: 69px;
	overflow: hidden;
	}


/* Navigatioon
-----------------------------------------------------------------------------*/
/* Main nav *****/
#nav {
	background: url(../img/nav_over.jpg);
	height: 80px;
	width: 780px;
	float: left;
	margin-left:220px;
	}
	#nav li {
	float: left;
	}
	#nav a {
	height: 80px;
	display: block;
	text-indent: -9999px;
	}
	#nav a:hover {
	background: url(none);
	}

/*#nav01 {width: 220px;}
#nav01 a {background: url(../img/nav.jpg) no-repeat 0px 0px;}*/
#nav02 {width: 200px;}
#nav02 a {background: url(../img/nav.jpg) no-repeat 0px 0px;}
#nav03 {width: 160px;}
#nav03 a {background: url(../img/nav.jpg) no-repeat -200px 0px;}
#nav04 {width: 140px;}
#nav04 a {background: url(../img/nav.jpg) no-repeat -360px 0px;}
#nav05 {width: 140px;}
#nav05 a {background: url(../img/nav.jpg) no-repeat -500px 0px;}
#nav06 {width: 140px;}
#nav06 a {background: url(../img/nav.jpg) no-repeat -640px 0px;}

#guestroom #nav02 a,
#breakfast #nav03 a,
#faq #nav04 a,
#facilities #nav05 a,
#access #nav06 a {
	background: url(none);
	}

/* Sub nav *****/
#subnav {
	background: url(../img/subnav_over.jpg);
	height: 20px;
	width: 720px;
	float: right;
	}
	#subnav li {
	float: left;
	}
	#subnav a {
	height: 20px;
	display: block;
	text-indent: -9999px;
	}
	#subnav a:hover {
	background: url(none);
	}
#subnav01 { width: 140px; }
#subnav01 a { background: url(../img/subnav.jpg) no-repeat 0px 0px;}
#subnav02 { width: 100px; }
#subnav02 a { background: url(../img/subnav.jpg) no-repeat -140px 0px;}
#subnav03 { width: 160px; }
#subnav03 a { background: url(../img/subnav.jpg) no-repeat -240px 0px;}
#subnav04 { width: 180px; }
#subnav04 a { background: url(../img/subnav.jpg) no-repeat -400px 0px;}
#subnav05 { width: 140px; }
#subnav05 a { background: url(../img/subnav.jpg) no-repeat -580px 0px;}

#sitemap #subnav01 a,
#map #subnav03 a,
#index #subnav05 a {
	background-image: url(none);
	}


/* Main title_img
-----------------------------------------------------------------------------*/
div#mainVisual {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0px auto;
	clear: both;
	}
div#main_movie {
	width: 100%;
	padding-bottom: 42.6%;
	height: 0;
	text-align: center;
	margin: 0px auto;
	clear: both;
	position: relative;
	}
	div#main_movie video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:auto;
}
h2#title_img {
	width: 1200px;
	height: 1px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	display: block;
	padding-top: 399px;
	overflow: hidden;
	margin: 0px auto;
	}

#guestroom #title_img { background-image: url(../img/guestroom_mainimg.jpg); }
#breakfast #title_img { background-image: url(../img/breakfast_mainimg.jpg); }
#faq #title_img { background-image: url(../img/faq_mainimg.jpg); }
#facilities #title_img { background-image: url(../img/facilities_mainimg.jpg); }
#access #title_img { background-image: url(../img/access_mainimg.jpg); }
#sitemap #title_img { background-image: url(../img/sitemap_mainimg.jpg); }
#map #title_img { background-image: url(../img/map_mainimg.jpg); }

/* Contents
-----------------------------------------------------------------------------*/
div#contents {
	margin: 0px auto;
	width: auto;
	height: auto;
	padding: 20px 0px;
	}
	div#contents:after{content: ""; display: block; clear: both;}

.contentsbox {
	width: 100%;
	clear: both;
	height: auto;
	padding: 0px 20px;
	}

.txtArea {
	height: auto;
	width: 298px;
	padding: 20px;
	border: 1px dotted #333333;
	float: left;
	}
	.txtArea p { margin-bottom: 0.6em;}
	
.photoArea {
	height: 400px;
	width: 600px;
	float: right;
	}


/* Footer
-----------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 190px;
	right: -200px;
	clear: both;
	display: inherit;
	z-index: 500;
	}
	#pagetop a {
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	background: #333333;
	color: #eee;
	padding: 10px;
	font-size: 12px;
	line-height: 130%;
	vertical-align: middle;
	display: table-cell;
	overflow: hidden;
	}


div#footer {
	margin: 0px auto;
	width: 1000px;
	height: 160px;
	clear: both;
	padding: 40px 0 20px;
	background: url(../img/footer.jpg) no-repeat center top;
	font-size: 0.86em;
	line-height: 1.5;
	}

div#footernavi_wrrap {
	width: auto;
	height: 250px;
	clear: both;
	background: #d8f1f6;
	padding-top: 40px;
	}

div#footernavi {
	width: 900px;
	height: 250px;
	font-size: 0.92em;
	padding-left: 100px;
	}
	div#footernavi ul {
	width: 300px;
	height: auto;
	float: left;
	}
	div#footernavi li {
	padding: 0px 9px;
	margin-bottom: 5px;
	}
/*	div#footernavi li:first-child {
	}*/
	div#footernavi a {
	color: #666666;
	text-decoration: underline;
	}
	div#footernavi a:hover {
	color: #2988c0;
	text-decoration: underline;
	}

div#footer_logo {
	float: left;
	height: 140px;
	width: 500px;
	padding: 0px 20px;
	}
	div#footer_logo p {
	display: none;
	}
	
div#footer_add {
	float: right;
	width: 440px;
	text-align: left;
	margin-bottom: 20px;
	}

div#footer_yadobnr {
	width: 440px;
	float: right;
	font-size: 0.86em;
	}
	div#footer_yadobnr p {
	}

#copyright {
	margin: 0px;
	padding: 7px 0px 0px;
	height: 18px;
	width: auto;
	font-size: 10px;
	text-indent: 0px;
	overflow: hidden;
	color: #666;
	}