@charset "utf-8";

/*********************
* base tags
*********************/

* {
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0 auto;
}

body {
	position: relative;
	line-height: 135%;
	text-align: center;
	background-image: url(../images/common/bg01.png);
	background-repeat: repeat-x;
	background-color: #220000;
}

body, h1, h2, h3, h4, h5, h6, pre, li, dt, dd, th, td, p {
	font-size: 14px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	_font-family: 'ＭＳ Ｐゴシック', sans-serif;
	/*for IE6*/
	_font-size:small;
	line-height: 1.3em;
	letter-spacing: 0;
}

/*for IE7*/
*+html body div, *+html body h1, *+html body h2, *+html body h3, *+html body h4, *+html body h5, *+html body h6,
*+html body pre, *+html body li, *+html body dt, *+html body dd, *+html body th, *+html body td, *+html body p {
font-size:small;
}

/*for IE8*/
html>/**/body div, html>/**/body h1, html>/**/body h2, html>/**/body h3, html>/**/body h4, html>/**/body h5, html>/**/body h6,
html>/**/body pre, html>/**/body li, html>/**/body dt, html>/**/body dd, html>/**/body th, html>/**/body td, html>/**/body p {
font-size/*\**/:small\9;
}

/*********************
* main structure
*********************/
#container {
	position: relative;
	width: 1400px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	padding-top: 75px;
}

#contents {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 140px;
	background-color: #000000;
	color: #FFFFFF;
}

#footer {
	position: absolute;
	width: 100%;
	height: 120px;
	left: 0;
	bottom: 0;
	background-color: #380001;
	color: #FFFFFF;
}

/*********************
* common tags
*********************/
.align_left {
	text-align: left;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.clearfix {
	min-height: 1px;
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

img {
	border: 0;
}

p {
	padding-bottom: 10px;
}

table {
	font-size:inherit;
	font:100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/*********************
* main contents
*********************/
#msg {
	width: 100%;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
}

#msg h1 {
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0;
	color: #FFFFFF;
	text-align: left;
}

#menu {
	width: 1000px;
	background-image:url(../images/top/header-bg.png);
	background-repeat: repeat-x;
}

#menu ul {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#menu ul li {
	float: left;
	list-style-type: none;
}

#menu ul li a {
	display: block;
	height: 80px;
	background-image:url(../images/top/menu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#menu ul li.m1 a { width: 160px; background-position: 0 0; }
#menu ul li.m2 a { width: 160px; background-position: -160px 0; }
#menu ul li.m3 a { width: 200px; background-position: -320px 0; }
#menu ul li.m4 a { width: 105px; background-position: -520px 0; }
#menu ul li.m5 a { width: 200px; background-position: -625px 0; }
#menu ul li.m6 a { width: 175px; background-position: -825px 0; }
#menu ul li.m1 a.sel, #menu ul li.m1 a:hover { background-position: 0 -80px; }
#menu ul li.m2 a.sel, #menu ul li.m2 a:hover { background-position: -160px -80px; }
#menu ul li.m3 a.sel, #menu ul li.m3 a:hover { background-position: -320px -80px; }
#menu ul li.m4 a.sel, #menu ul li.m4 a:hover { background-position: -520px -80px; }
#menu ul li.m5 a.sel, #menu ul li.m5 a:hover { background-position: -625px -80px; }
#menu ul li.m6 a.sel, #menu ul li.m6 a:hover { background-position: -825px -80px; }

#logo {
	position: absolute;
	z-index: 1000;
	top: 40px;
	left: 0;
}

#contents_inner {
	width: 925px;
	margin: 0 auto;
	padding: 10px 0;
}

#footer_inner {
	width: 1000px;
	margin: 0 auto;
	padding: 25px 0;
	text-align: right;
}

h2 {
	margin-bottom: 15px;
}

h3 {
	margin-bottom: 10px;
}

/*********************
* TOP
*********************/
body#top {
	background-color: #000;
	background-image: none;
}

#top #container {
	margin: 0 auto;
	width: 100%;
}

#top #header {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	background-color: #380001;
}

#top #header h1 {
	width: 1000px;
	margin: 0 auto;
	padding: 0 5px;
	color: #FFFFFF;
}

#top #contents {
	width: 100%;
	min-height: 650px;
	background-color: transparent;
}

#top #footer {
	position: absolute;
	width: 100%;
	height: 120px;
	bottom: 0;
	background-color: #380001;
	color: #FFFFFF;
}

#top #menu {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	margin: 0;
}

#top #contents .logo {
	width: 1000px;
	margin: 40px auto 0 auto;
}

#top #contents #information {
	position: absolute;
	width: 100%;
	bottom: 120px;
	background-image:url(../images/top/information_background.png);
	background-repeat: repeat;
}

#top #contents #information_inner {
	width: 1000px;
	margin: 10px auto;
}

#top #contents #information_inner .whatsnew {
	float: left;
	width: 498px;
	height: 160px;
	border: 1px solid #ddd;
	background-image:
}

#top #contents #information_inner .whatsnew_inner {
	height: 150px;
	margin: 5px;
	overflow-y: scroll;
	color: #FFFFFF;
scrollbar-arrow-color:#ffffff;
scrollbar-face-color: #aaaaaa;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
filter:chroma(color=#aaaaaa);/* 透明にしたい色の指定 */
}

#top #contents #information_inner .whatsnew_inner span {
	color: #FFFFFF;
	font-size: 18px;
	font-family: Georgia, serif;
}

#top #contents #information_inner .whatsnew_inner dl {
	margin-top: 3px;
}

#top #contents #information_inner .whatsnew_inner a {
	color: #FFFFFF;
}

#top #contents #information_inner .banner {
	float: left;
	margin-left: 18px;
}

/*********************
* 店舗案内
*********************/
#about .info {
	background-image:url(../images/about/001.jpg);
	width: 922px;
	height: 803px;
	margin: 5px 0 20px 0;
	background-repeat: no-repeat;
}

#about .info_inner {
	margin-left: 430px;
	padding-top: 530px;
}

#about .info_inner a {
	color: #FFFFFF;
}

#about .image_box {
	margin: 20px 0;
}

#about .image {
	float: left;
	width: 400px;
	margin: 0 30px 10px 25px;
}

/*********************
* 個室
*********************/
#separate_room h4 {
	margin: 10px 0 10px 0;
}

#separate_room h4 span {
	padding-left: 15px;
	font-weight: normal;
}

/*********************
* メニュー
*********************/
#menu_p .menu_list {
}

#menu_p .menu_list .menu_l,
#menu_p .menu_list .menu_r {
	width: 1000px;
	height: 310px;
	margin-bottom: 40px;
	background-repeat: no-repeat;
	color: #790b0b;
}

#menu_p .menu_list .menu_l .menu_inner {
	width: 400px;
	padding: 165px 0 0 50px;
}

#menu_p .menu_list .menu_r .menu_inner {
	width: 400px;
	padding: 165px 0 0 560px;
}

#menu_p .menu_list .me1 { background-image:url(../images/menu/001.jpg); }
#menu_p .menu_list .me2 { background-image:url(../images/menu/002.jpg); }
#menu_p .menu_list .me3 { background-image:url(../images/menu/003.jpg); }
#menu_p .menu_list .me4 { background-image:url(../images/menu/004.jpg); }
#menu_p .menu_list .me5 { background-image:url(../images/menu/005.jpg); }
#menu_p .menu_list .me6 { background-image:url(../images/menu/006.jpg); }
#menu_p .menu_list .me7 { background-image:url(../images/menu/007.jpg); }
#menu_p .menu_list .me8 { background-image:url(../images/menu/008.jpg); }

/*********************
* アラカルト
*********************/
#a-la-carte .pickup {
	width: 1000px;
	height: 254px;
	background-image:url(../images/a-la-carte/m1_1.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 20px 0;
}

#a-la-carte .p1_1 { background-image:url(../images/a-la-carte/m1_1.jpg); }
#a-la-carte .p1_2 { background-image:url(../images/a-la-carte/m1_2.jpg); }
#a-la-carte .p2_1 { background-image:url(../images/a-la-carte/m2_1.jpg); }
#a-la-carte .p2_2 { background-image:url(../images/a-la-carte/m2_2.jpg); }
#a-la-carte .p3_1 { background-image:url(../images/a-la-carte/m3_1.jpg); }
#a-la-carte .p3_2 { background-image:url(../images/a-la-carte/m3_2.jpg); }
#a-la-carte .p4_1 { background-image:url(../images/a-la-carte/m4_1.jpg); }
#a-la-carte .p4_2 { background-image:url(../images/a-la-carte/m4_2.jpg); }
#a-la-carte .p5_1 { background-image:url(../images/a-la-carte/m5_1.jpg); }
#a-la-carte .p5_2 { background-image:url(../images/a-la-carte/m5_2.jpg); }
#a-la-carte .p6_1 { background-image:url(../images/a-la-carte/m6_1.jpg); }
#a-la-carte .p6_2 { background-image:url(../images/a-la-carte/m6_2.jpg); }
#a-la-carte .p7_1 { background-image:url(../images/a-la-carte/m7_1.jpg); }
#a-la-carte .p7_2 { background-image:url(../images/a-la-carte/m7_2.jpg); }
#a-la-carte .p8_1 { background-image:url(../images/a-la-carte/m8_1.jpg); }
#a-la-carte .p8_2 { background-image:url(../images/a-la-carte/m8_2.jpg); }

#a-la-carte .pickup_inner {
	width: 410px;
	padding: 110px 0 0 30px;
	color: #000000;
}

#a-la-carte .pickup_inner_b {
	width: 410px;
	padding: 110px 0 0 30px;
	color: #FFFFFF;
}

#a-la-carte .pickup_inner_r {
	width: 420px;
	padding: 110px 0 0 550px;
	color: #000000;
}

#a-la-carte .pickup_inner_r_b {
	width: 420px;
	padding: 110px 0 0 550px;
	color: #FFFFFF;
}

#a-la-carte table.mlist {
	width: 900px;
	margin: 0 0 40px 50px;
	border-collapse: collapse;
}

#a-la-carte table.mlist th,
#a-la-carte table.mlist td {
	padding: 3px 0;
	border-bottom: 2px solid #9a865c;
}

#a-la-carte table.mlist th {
	text-align: left;
	width: 800px;
	font-weight: normal;
}

#a-la-carte table.mlist td {
	text-align: right;
}

/*********************
* 問い合わせ
*********************/

#inquiry .contact_form {
	width: 600px;
	margin: 10px auto;
	padding: 5px;
}

#inquiry .contact_form .alert {
	font-weight: bold;
	color: #FF0000;
}

#inquiry table.inquiry_tbl {
	width: 600px;
}

#inquiry table.inquiry_tbl th {
	width: 100px;
	font-size: 18px;
}

#inquiry .contact_form input[type=text] {
	width: 470px;
	height: 20px;
	font-size: 18px;
	background-color: #f9f9f9;
	border: none;
	border-bottom: 1px solid #ccc;
}

#inquiry .contact_form textarea {
	width: 470px;
	height: 150px;
	font-size: 16px;
	background-color: #f9f9f9;
	border: none;
	resize: none;
}


/*********************
* dream weaver対策（本番で消すこと）
*********************/
/*
.clearfix {
	overflow:hidden;
}
*/