@CHARSET "UTF-8";

/*---------------------------------------------------------
 1. Notes
-----------------------------------------------------------
This stylesheet uses rem values with a pixel fallback.

/*---------------------------------------------------------
 2. Reset
-------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
  *overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]:-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

/*---------------------------------------------------------
 2. common
-------------------------------------------------------- */
html * {
	font-size: 16px;
}

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-rendering: optimizeLegibility;
	background-color: #000000;
	line-height: 1.6;
	color: #333333;
}

a {
	color: #ffffff;
}
a:hover {
	color: #908050;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

.hidden {
	display: none;
}

.center {
	text-align: center;
	margin: 0 0 20px 0;
	clear: both;
}

.note {
	font-size: 12px;
}

/*---------------------------------------------------------
 3. Structure
-------------------------------------------------------- */
body {
	background: transparent url('/img/bg.png') center top repeat;
}
#page {
	background-image: url('/img/bg_top.png');
	background-position: center top;
	background-repeat: no-repeat;
	width: auto;
	max-width: 1600px;
	min-width: 1250px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

#header {
	position: relative;
	margin: 0 auto;
	height: 750px;
}
	#logo {
		padding: 160px 0 40px 0;
		text-align: center;
	}
	#desc {
		display: none;
	}
	#gnav {
		text-align: right;
		position: absolute;
		top: 15px;
		right: 0;
		z-index: 9999;
	}
	#gnav_btn {
		cursor: pointer;
		margin-right: -120px;
		display: block;
		height: 70px;
	}
	#gnav_list {
		margin: 0 0 -18px 0;
		overflow: hidden;
		display: none;
	}
		#gnav_list li {
			overflow: hidden;
		}
		#gnav_list li a {
			display: block;
			padding: 6px 0;
			height: 70px;
			margin-right: -36px;
		}
		#gnav_access a {
			border-bottom: none !important;
		}

#contents {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding: 120px 0 0 0;
}

#newopen {
	margin: -160px 0 160px 0;
	overflow: hidden;
}
	
#omise {
	background: transparent url('/img/bg_01.png') center top no-repeat;
	padding: 40px;
}
	#omise h2 {
		text-align: center;
		margin: 0 0 40px 0;
	}
		#omise h2 img {
			margin: -140px 0 0 0;
		}
	#omise_list {
		overflow: hidden;
		margin: 0 -40px 15px -5px;
	}
		#omise_list li {
			float: left;
			width: 345px;
			margin: 0;
		}
		#omise_list li h3 {
			text-align: center;
			margin: 0;
		}
		#omise_list li p {
			color: #333333;
			text-align: center;
			margin: 0 0 20px 0;
			padding: 0 10px;
		}

#menu {
	background: transparent url('/img/bg_02.png') center top repeat;
	padding: 50px;
	border-radius: 15px;
}
	#menu h2 {
		text-align: center;
		margin: 0 0 -20px 0;
	}
		#menu h2 img {
			margin: -82px 0 0 -90px;
		}
	#menu h3 {
	}
	#menu h3 span {
		line-height: 2em;
	}
	#menu div.menu_1 {
		float: left;
		z-index: 99;
		position: relative;
	}
	#menu div.menu_2 {
		float: right;
		z-index: 99;
		position: relative;
	}
	#menu div.open {
		display: block;	
	}
	#menu div.close {
		display: none;
	}
	#menu #menu_close_btn {
		display: none;
		cursor: pointer;
	}
	#menu #menu_open_btn {
		display: block;
		cursor: pointer;
	}
	#menu div.box {
		background: #ffffff;
		border-radius: 10px;
		padding: 20px;
		margin: 0 0 40px 0;
		width: 435px;
	}
	#menu table {
		table-layout: auto;
		border-collapse: collapse;
		width: 100%;
		
	}
		#menu table tr {
			border-top: dotted 1px #d7d4cf;
		}
		#menu table tr:first-child {
			border-top: none;
		}
		#menu table th {
			text-align: left;
			font-weight: normal;
			padding: 8px 0 2px 0;
		}
		#menu table td {
			text-align: right;
			padding: 8px 0 2px 0;
			font-weight: bold;
		}
		#menu table span {
			font-size: 12px;
			width: 5em;
		}
	#course {
		margin: 40px 0 80px 0;
	}
		#course h2 {
			margin: 0 0 20px 0;
		}
		#course h2 img {
			text-align: center;
			margin: 0 auto;
		}
		#course ul {
			margin: 0 0 -21px 0;
			overflow: hidden;
		}
		#course ul li {
			padding: 25px 0 20px 0;
			border-bottom: solid 2px #333;
			text-align: left;
		}
		#course ul li:last-child {
			border-bottom: none;
		}

#drink {
	background: transparent url('/img/bg_03.png') center top repeat;
	padding: 50px;
	border-radius: 15px;
}
	#drink h2 {
		text-align: center;
		margin: 0 0 -20px 0;
	}
		#drink h2 img {
			margin: -110px 0 0 -60px;
		}
	#drink div.menu_0 {
		float: none;
		z-index: 99;
		position: relative;
		margin: -100px 0 0 0;
	}
		#drink div.menu_0 div.box {
			background: #ffffff;
			border-radius: 10px;
			padding: 20px;
			margin: 0 0 40px 0;
			width: auto;
			height: 360px;
			position: relative;
		}
		#drink div.menu_0 div.box h3 {
			position: absolute;
			top: 0;
			left: 0;
		}
		#drink div.menu_0 div.box table {
			width: 320px;
			margin-left: 620px;
			margin-top: 180px;
		}
			#drink div.menu_0 div.box table th {
				font-size: 20px;
			}
			#drink div.menu_0 div.box table td {
				font-size: 20px;
			}
	#drink div.menu_1 {
		float: left;
		z-index: 99;
		position: relative;
	}
	#drink div.menu_2 {
		float: right;
		z-index: 99;
		position: relative;
	}
	#drink div.open {
		display: block;	
	}
	#drink div.close {
		display: none;
	}
	#drink #drink_close_btn {
		display: none;
		cursor: pointer;
	}
	#drink #drink_open_btn {
		display: block;
		cursor: pointer;
	}
	#drink div.box {
		background: #ffffff;
		border-radius: 10px;
		padding: 20px;
		margin: 0 0 40px 0;
		width: 435px;
	}
	#drink div.box p {
		font-size: 12px;
		margin: 1em 0;
		line-height: 1.4;
	}
	#drink table {
		table-layout: auto;
		border-collapse: collapse;
		width: 100%;
		
	}
		#drink table tr {
			border-top: dotted 1px #d7d4cf;
		}
		#drink table tr:first-child {
			border-top: none;
		}
		#drink table th {
			text-align: left;
			font-weight: normal;
			padding: 8px 0 2px 0;
		}
		#drink table td {
			text-align: right;
			padding: 8px 0 2px 0;
			font-weight: bold;
		}
		#drink table span {
			font-size: 12px;
			width: 5em;
		}

#staff {
	background: transparent url('/img/bg_04.png') center top no-repeat;
	padding: 50px;
}
	#staff h2 {
		text-align: center;
		margin: 0 0 0 0;
	}
		#staff h2 img {
			margin: -20px 0 40px 0;
		}
	#staff p {
		text-align: center;
		font-size: 24px;
		color: #ffffff;
	}
	#staff div.box {
		border: solid 6px #ffffff;
		border-radius: 15px;
		padding: 20px;
		width: 700px;
		margin: 0 auto 20px auto;
	}
		#staff div.box h3 {
			border-right: solid 3px #ffffff;
			text-align: center;
			font-size: 22px;
			color: #ffffff;
			width: 25%;
			float: left;
			margin: 0 1em 0 0;
		}
		#staff div.box h3 span {
			font-weight: normal;
			font-size: 18px;
		}
		#staff div.box p {
			text-align: left;
			font-size: 20px;
			color: #ffffff;
		}
		#staff div.box span {
			text-align: center;
			font-size: 16px;
			color: #ffffff;
		}

#access {
	overflow: hidden;
	padding: 40px 0;
}
	#access div.menu_1 {
		float: left;
		width: 32%;
		margin: 0 0.5%;
		text-align: center;
	}
	#access div.menu_2 {
		float: left;
		width: 32%;
		margin: 0 0.5%;
		text-align: center;
	}
	#access div.menu_3 {
		float: left;
		width: 32%;
		margin: 0 0.5%;
		text-align: center;
	}
	#access div.bnrlink {
		clear: both;
	}
	#access div.box {
		overflow: hidden;
	}
	#access h2 {
		margin: 0 0 5px 0;
	}
	#access p {
		font-size: 14px;
		color: #ffffff;
		margin: 12px 0 24px 0;
	}

div.control {
	position: relative;
	overflow: hidden;
	padding: 20px 0;
}
	div.pagetop {
		position: absolute;
		top: 10px;
		right: 0;
	}
		div.pagetop a {
			font-size: 12px;
			text-decoration: underline;
			color: #ffffff;
		}
	div.pageprev {
		text-align: center;
		padding: 10px 0;
	}
	div.pagenext {
		text-align: center;
		padding: 10px 0;
	}

#footer {
	position: relative;
	margin: 0 auto;
	padding: 40px;
}
	#copyright {
		text-align: center;
		font-size: 12px;
		color: #ffffff;
	}