@charset "utf-8";

@import "YUI/reset.css";
@import "YUI/fonts.css";

/* ============================================================
 init
============================================================ */
html {
	background: #26100c url(../img/footer_bg02.png) 0 0 repeat;;
}
body {
	color:#fff;
	line-height:1.5;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

#wrap {
	width: 100%;
}
	
/* tag
------------------------------------------------------------ */
img {
	border:0;
	vertical-align:bottom;}

p,
li,
th,
td,
dt,
dd { font-size:93%;}

	
/* link
------------------------------------------------------------ */
a {
	color:#fff;
	overflow: hidden;
	outline:none; /* for FF*/
}
a:link,
a:visited {
	text-decoration:none;}

a:hover,
a:active,
a:focus {
	text-decoration:underline;
}

	
/* class
------------------------------------------------------------ */
.clearfix { zoom:1;}
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.hgroup,
.block,
.outer,
.group,
.inner,
.row,
.box,
.cell {
	position:relative;
	zoom:1;}
	
.hgroup:after,
.block:after,
.outer:after,
.group:after,
.inner:after,
.row:after,
.box:after,
.cell:after  {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.box,
.cell { float:left;}

.box.right,
.cell.right { float:right;}


/* js予約 */
.btn {}
.rollover {}
.imgLink {}

/* sample
------------------------------------------------------------ */
.sample {
	opacity:0.5;
	filter: alpha(opacity=50);				/* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";	/* ie 8 */
	-moz-opacity:0.5;									/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;							/* Safari 1.x */}

.sample2 {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	behavior:url(/common/js/PIE.htc);}

/* header
============================================================ */
header {
	width: 100%;
	background: url(../img/header_bg.png) 0 0 repeat;
}
header .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
header nav ul {
	float: left;
/*	width: 294px;*/
	width: 336px;
	margin-left: 114px;
	zoom: 1;
}
header nav ul:after  {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
header nav ul li {
	float: right;
}
header nav ul li a {
	position: relative;
	display: block;
}
header nav ul li a img {
	position: relative;
	z-index: 10;
}
header nav ul li a span {
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
	width: 32px;
	height: 171px;
	background: url(../img/gnav_bg.png) 0 0 no-repeat;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	z-index: 1;
}
header nav ul li.active a span {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter: "alpha(opacity=1)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
header nav ul li a:hover span {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter: "alpha(opacity=1)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
header .logo {
	float: right;
	margin: 31px -3px 0 0;
}
header .tel {
	position: absolute;
	top: 20px;
	left: 0;
}

/* .block.photo
============================================================ */
.block.photo {
	width: 100%;
	height: 350px;
	border-bottom: 6px solid #3d0800;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.f_company .block.photo { background-image: url(../../company/img/photo.jpg);}
.f_menu .block.photo { background-image: url(../../menu/img/photo.jpg);}
.f_delivery .block.photo { background-image: url(../../delivery/img/photo.jpg);}
.f_room .block.photo { background-image: url(../../room/img/photo.jpg);}
.f_plan .block.photo { background-image: url(../../plan/img/photo.jpg);}

/* main
============================================================ */
main {
	width: 100%;
	background: url(../img/main_bg01.png) 0 0 repeat;
}
main .outer {
	width: 100%;
	background: url(../img/main_bg02.png) 0 0 repeat;
}

main .bg {
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.f_company main .bg { background-image: url(../../company/img/main_bg.png);}
.f_menu main .bg { background-image: url(../../menu/img/main_bg.png);}
.f_delivery main .bg { background-image: url(../../delivery/img/main_bg.png);}
.f_room main .bg { background-image: url(../../room/img/main_bg.png);}
.f_plan main .bg { background-image: url(../../plan/img/main_bg.png);}

main .breadNav {
	width: 960px;
	margin: 0 auto;
	padding-top: 8px;
}
main .breadNav li {
	display: inline-block;
	font-size: 12px;
	color: #fff;
}
main .breadNav a {
	color: #e7be8b;
}
main .breadNav span {
	color: #fff;
	color: #e7be8b;
	margin: 0 10px;
}
main .inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 60px 0 60px;
}

/* h1 */
main h1 {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 4px;
	background: url(../img/h1_border.png) center bottom no-repeat;
}
.f_privacypolicy main h1 {
	background: none;
}

/* .lead */
main .lead {
	margin-top: -30px;
	padding-bottom: 70px;
}
main .lead.noCopy {
	padding-top: 0;
}
main .lead p {
	font-size: 15px;
	text-align: center;
}

/* .block.contents */
main .block.contents {
	width: 880px;
	padding: 30px 30px 40px;
	border: 10px solid #e0d4be;
	background: url(../img/main_contents_bg.jpg) 0 0 repeat;
	color: #000;
}
main .block.contents + .block.contents {
	margin-top: 60px;
}

main .block.contents.purple {
	border: 10px solid #d7d5d9;
	background: url(../img/main_contents_bg_purple.jpg) 0 0 repeat;
}
main .block.contents.purple dl {
	border-top: 1px solid #d0c4d9;
	border-bottom: 1px solid #d0c4d9;
}
main .block.contents.purple dl dt {
	background-color: #dfdce1;
	color: #361053;
}

/* table */
main table {
	width: 100%;
	border-top: 1px solid #d6cbad;
}
main table tr th,
main table tr td {
	padding: 12px 10px;
	color: #491909;
	border-bottom: 1px solid #d6cbad;
	font-size: 13px;
	vertical-align: middle;
}
main table tr th {
	width: 90px;
	background-color: #f6f1db;
}
main table tr td {
	background-color: #fff;
}

/* .btn */
main .btn a {
	display: inline-block;
}
main .btn a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}


/* .block.information
============================================================ */
.block.information {
	width: 100%;
	background: url(../img/footer_bg01.png) 0 0 repeat;
}
.block.information .inner {
	width: 470px;
	margin: 0 auto;
	padding: 48px 245px 60px;
	background: url(../img/footer_ofuku_01.png) right bottom no-repeat;
}
.block.information .btn {
	background: url(../img/btn_01_on.png) 0 0 no-repeat;
}
.block.information .btn a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter: "alpha(opacity=1)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}
.block.information .btn a:hover  {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
}


/* footer
============================================================ */
footer {
	width: 960px;
	margin: 0 auto;
	background: url(../img/footer_ofuku_02.png) right top no-repeat;
}

/* .row.top
------------------------------------------------------------ */
footer .row.top {
	padding: 40px 0;
}

/* .box.left */
footer .row.top .box.left {
	width: 210px;
	height: 58px;
	padding-top: 26px;
	border-right: 1px solid #553931;
}

/* .box.center */
footer .row.top .box.center {
	padding: 0 20px 0 20px;
}
footer .row.top .box.center p {
	font-size: 12px;
	line-height: 1.8;
}

/* .box.right */
footer .row.top .box.right {
	float: left;
	width: 280px;
	height: 84px;
	border-left: 1px solid #553931;
}
footer .row.top .box.right ul {
	margin-top: -6px;
	zoom: 1;
}
footer .row.top .box.right:after  {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
footer .row.top .box.right ul li {
	float: left;
}
footer .row.top .box.right ul li a {
	display: block;
}

/* .row.bottom
------------------------------------------------------------ */
footer .row.bottom {
	width: 100%;
	border-top: 1px solid #553931;
}
footer .row.bottom .box {
	width: 450px;
}

/* .box.left */
footer .row.bottom .box.left {
	margin-left: -15px;
}
footer .row.bottom .box.left li {
	display: inline-block;
	line-height: 1;
}
footer .row.bottom .box.left li a {
	display: block;
	padding: 15px;
}

/* .box.right */
footer .row.bottom .box.right {
	padding-top: 16px;
	line-height: 1;
	color: #7e574f;
	text-align: right;
}

/* .pagetop
============================================================ */
div.pagetop {
	position: fixed;
	bottom: 40px;
	right: 0;
	width: 34px;
	height: 125px;
}
div.pagetop #toFuku {
	position: absolute;
	top: -75px;
	right: -34px;
}

div.pagetop a {
	display:block;
}