@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:50px;
	position: relative;
	}
.inner {
	zoom:1;
	padding: 0px 20px;
	}

/* Header
-----------------------------------------------------------------------------*/
#header_wrap { }
	#header_wrap:after {
	content:"";
	display:block;
	background: url(../img/deco_bar.jpg) repeat-x center bottom;
	height: 10px;
	width: 100%;
	position: absolute;
	}
#header {
	background: url(../img/deco_bar.jpg) repeat-x 0% 155px;
	height: 155px;
	width: 100%;
	padding-bottom: 5px;
	}
	#header .container {
	background: url(../img/logo.jpg) no-repeat left top;
	height: 155px;
	width: 1000px;
	margin: 0px auto;
	}
div#logo {
	height: 100px;
	width: 240px;
	margin-left: 40px;
	float: left;
	}
	div#logo a {
	height: 1px;
	width: 240px;
	padding-top: 99px;
	overflow: hidden;
	display: block;
	margin-bottom: 15px;
	}
div#header_bnr {
	float: right;
	height: auto;
	width: auto;
	clear: right;
	margin-right: 5px;
	}
div#header_bnr p {
	margin-right: 10px;
	float: left;
	}

/* Navigatioon
-----------------------------------------------------------------------------*/
/* Main nav *****/
#nav {
	margin: 0px auto;
	height: 30px;
	width: 980px;
	clear: both;
	}
	#nav li {
	height: 30px;
	float: left;
	}
	#nav a {
	height: 1px;
	display: block;
	padding-top: 29px;
	overflow: hidden;
	background-image: url(../img/nav.png);
	}
	#nav a:hover { 	}

#nav01 { width: 140px; }
#nav01 a { background-position: 0 0; }
#nav02 { width: 120px; }
#nav02 a { background-position: -140px 0px; }
#nav03 { width: 160px; }
#nav03 a { background-position: -260px 0px; }
#nav04 { width: 175px; }
#nav04 a { background-position: -420px 0px; }
#nav05 { width: 245px; }
#nav05 a { background-position: -595px 0px; }
#nav06 { width: 140px; }
#nav06 a { background-position: -840px 0px; }

/*#index #nav01 a,
#page02 #nav02 a,
#page03 #nav03 a,
#page04 #nav04 a,
#page05 #nav05 a,
#page06 #nav06 a {
	}*/


/* main_img
-----------------------------------------------------------------------------*/
#mainVisual {
	margin: 0px auto;
	height: auto;
	width: auto;
	position: relative;
	background:#000;
	}
#main_movie {
	height: 500px;
	width: 1400px;
	background: url(../img/top_mainimg.png) no-repeat center top;
	background-size:cover;
	margin:0 auto;
	}
#main_txt {
	height: 250px;
	width: 800px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 0px;
	z-index: 500;
	}
#title_img {
	height: 500px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:content;
	}
	#title_img h2, #title_img .txtArea { display: none; 	}
#page02 #title_img { background-image: url(../img/cuisine_mainimg.jpg); }
#page03 #title_img { background-image: url(../img/facilities_mainimg.jpg); }
#page04 #title_img { background-image: url(../img/sightseeing_mainimg.jpg); }
#page05 #title_img { background-image: url(../img/access_mainimg.jpg); }

/* Contents
-----------------------------------------------------------------------------*/
div#contents {
	margin: 0px auto;
	width: 100%;
	background: url(../img/bg_decoTR.jpg) no-repeat right top;
	height: auto;
	padding: 30px 0px;
	}
	div#contents:after{content: ""; display: block; clear: both;}
.bg02 {
	margin: 0px auto;
	width: 100%;
	background: url(../img/body02.jpg);
	height: auto;
	padding: 30px 0px;
	}
.decoTL {
	margin: 0px auto;
	width: 100%;
	background: url(../img/bg_decoTL.jpg) no-repeat left top;
	height: auto;
	padding: 30px 0px;
	}
	.bg02:after,
	.decoTL:after{content: ""; display: block; clear: both;}

.matbox {
	clear: both;
	padding: 30px;
	background: url(../img/bg_mat.jpg);
	width: 940px;
	}
	.matbox:after {content: ""; display: block; clear: both;}

.txtArea {  	}
	.txtArea p { margin-bottom: 0.6em;}
h3 + div.txtArea, h3 + p { margin-left: 30px; }



/* Footer
-----------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 100px;
	right: 5px;
	clear: both;
	display: none;
	z-index: 500;
	}
	#pagetop a {
	text-align: center;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	text-decoration: none;
	background: #543 url(../img/bg_foot.jpg);
	color: #eee;
	height: 50px;
	width: 50px;
	padding: 10px;
	font-size: 10px;
	line-height: 130%;
	vertical-align: middle;
	display: table-cell;
	overflow: hidden;
	}

div#footer {
	margin: 0px auto;
	width: 100%;
	height: 90px;
	clear: both;
	padding: 30px 0 20px;
	color: #e7e7e4;
	background: url(../img/bg_foot.jpg) center top;
	}
	div#footer .container {
	height: 90px;
	}
div#footer_add {
	height: auto;
	width: 385px;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	}

div#footernavi {
	padding: 10px 10px 5px;
	width: 980px;
	height: auto;
	}
	div#footernavi ul {
	margin-bottom: 4px;
	}
	div#footernavi li {
	padding: 0px 14px;
	border-right: 1px solid #6c533b;
	display: inline;
	}
	div#footernavi li:first-child {
	border-left: 1px solid #6c533b;
	}
	div#footernavi a { color: #372819; }
	div#footernavi a:hover { }

div#footer_yadobnr {
	width: 500px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	}
	div#footer_yadobnr p {
	}

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

/*----------------------------------------------------------*/
.mini {
	width:280px;
	float:left;
	margin-right:35px;
	margin-top:20px;
}

.mini a {
	color:#969502;
}

.mini a:hover {
	text-decoration:underline;
}


.mini h2 {
	line-height:1.5em;
	font-size:1.3em;
	font-weight:bold;
	width:280px;
	padding:10px 0;
	color:#8E8401;
	border-bottom:dotted 1px #272727;
	margin-bottom:2px;
	min-height:50px;
}

.miniright {
	width:280px;
}

.miniright p {
	width:280px;
	margin:2px 0 0;
	padding:5px 0 0;
	border-top:dotted 1px #272727;
}

.minileft {
	width:274px;
	height:180px;
	overflow:hidden;
	margin:2px auto 0;
	border:solid 2px #969502;
	box-sizing:border-box;
}

.qr {
	margin-bottom:10px;
}