@charset "utf-8";
/* CSS Document */

/*共通設定*/
* {
border: none;
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 13px;
line-height: 18px;
font-weight: normal;
list-style-type: none;
outline: none;
border: none;
}

body {
text-align: center;
background: #000;
color: #fff;
height: 100%;
}

/*最外部ラッパー設定*/
#out_wrapper {
width: 770px;
/*
height: 100%;
*/
background: #663 url(../img/bg_body.png) top left repeat-y;
margin: 0 auto;
}

/*個別ラッパー設定*/
#mdl_wrapper {
width: 740px;
background: #000;
margin: 0 auto;
}
#mdl_wrapper.index {
	height: 1000px;
}
#mdl_wrapper.info {
	height: 1240px;
}
#mdl_wrapper.food {
height: 1130px;
overflow: visible;
}
#mdl_wrapper.beve {
	height: 1175px;
	overflow: visible;
}
#mdl_wrapper.party {
	height: 1010px;
}
#mdl_wrapper.access {
	height: 1050px;
}
#mdl_wrapper.staff {
	height: 1150px;
}
#mdl_wrapper.mail_form {
height: 970px;
}

/*見出し設定*/
h1 {
display: block;
width: 740px;
height: 30px;
background: #000 url(../img/bg_header.png) top left repeat-x;
font-size: 10px;
line-height: 30px;
color: #fff;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

h2 {
font-size: 16px;
text-indent: -9999px;
}

h3 {
display: block;
width: 495px;
height: 35px;
margin-top: 10px;
margin-bottom: 5px;
padding: 10px 0 0 45px;
color: #fff;
font-size: 16px;
text-align: left;
background: #000 url(../img/bg_h3.png) top left no-repeat;
float: right;
}

/*内部ラッパー設定*/
#inr_wrapper {
width: 720px;
background: #000;
margin: 0 auto;
}

/*左側ナビゲーションメニュー*/
#left_navi {
width: 160px;
height: 650px;
background: #000 url(../img/logo.png) top left no-repeat;
padding-top: 170px;
margin-right: 10px;
float: left;
}

#left_navi ul li a {
display: block;
width: 160px;
height: 50px;
background-position: right;
text-indent: -9999px;
}

#left_navi ul li a:hover {
background-position: left;
}

.top { background: url(../img/mn_01.png) top no-repeat;}
.info { background: url(../img/mn_02.png) top no-repeat;}
.food { background: url(../img/mn_03.png) top no-repeat;}
.drink { background: url(../img/mn_04.png) top no-repeat;}
.party { background: url(../img/mn_05.png) top no-repeat;}
.access { background: url(../img/mn_06.png) top no-repeat;}
.staff { background: url(../img/mn_07.png) top no-repeat;}
.mail { background: url(../img/mn_08.png) top no-repeat;}
.blog { background: url(../img/mn_09.png) top no-repeat;}

/*ナビメニュー内補助メニュー*/
#left_navi ul li ul { width: 160px; height:190px; overflow: hidden; margin: 10px 0 0 0; padding: 0;}
#left_navi ul li ul li {
display: block;
/*
width: 140px;
height: 10px;
*/
margin: 0 0 0 20px;
padding: 0;
color: #fff;
text-align: left;
}
#left_navi ul li ul li a {
display: block;
width: 140px;
height: 20px;
color: #fff;
text-decoration: none;
text-indent: 0px;
font-size: 12px;
line-height: 15px;
}
#left_navi ul li ul li a:hover { color: #999; text-decoration: underline;}

/*右側コンテンツ設定*/
#right_box {
width: 550px;
/*
height: 770px;
*/
float: left;
background: #000;
}

/*個別イメージ設定*/
#top_img_mail_top {
width: 550px;
height: 170px;
background: url(../img/bg_top_mail.png) top left no-repeat;
}

/*説明文エリア*/
#caption {
width: 550px;
color: #fff;
text-align: left;
padding-top: 10px;
}
#caption.top_page {
height: 90px;
}
#caption.info_page1 {
width: 350px;
height: 275px;
background: #000 url(../img/bg_concept.png) bottom left no-repeat;
padding-left: 190px;
line-height: 20px;
float: left;
}
#caption.info_page2 {
	height: auto;
	float: left;
}
#caption p.banq {
width: 500px;
line-height: 30px;
float: right;
}

#caption.acces {
width: 525px;
height: 80px;
}
#caption.acces img { float: right; margin: 0;}
#caption.acces p.acces {
font-size: 14px;
line-height: 20px;
margin-left: 50px;
}
#caption.map {
width: 550px;
height: 460px;
background: #000 url(../img/bg_map.png) top left no-repeat;
}
#caption.map p {
width: 175px;
height: 460px;
margin-left: 375px;
}

#photo_box {
position: relative;
width: 550px;
height: 270px;
padding: 10px 0 10px 0;
float: left;
}
#thum_box { width: 120px; height: 270px; float: left;}
.thum { width: 120px; height: 90px; float: left;}
.thum a img.big { width: 360px; height: 270px; position: absolute; top: 10px; left: 190px; visibility: hidden;}
.thum a:hover img.big { width: 360px; height: 270px; position: absolute; top: 10px; left: 190px; visibility: visible;}
#photo {
width: 360px;
height: 270px;
float: right;
color: #fff;
font-size: 12px;
}

/*お品書きページ設定*/
#food_wrap {
width: 540px;
float: left;
}
#food_photo_box {
width: 150px;
float: left;
}
.food_photo {
width: 150px;
height: 250px;
float: left;
}

/*スムーズスクロール設定*/
#food_menu {
position: relative;
width: 380px;
height: 750px;
float: right;
color: #fff;
text-align: left;
overflow: hidden;
}
.flycontent { position: absolute; width: 380px; height: 750px; overflow: auto;}
/*
#f00{ top: 0px; left: 0px; height: 0px;}
*/
#f01{ top: 0px; left: 0px;}
#f02{ top: 750px; left: 0px;}
#f03{ top: 1500px; left: 0px;}
#f04{ top: 2250px; left: 0px;}
#f05{ top: 3000px; left: 0px;}
#f06{ top: 3750px; left: 0px;}
#f07{ top: 4500px; left: 0px;}
#f08{
	top: 5750px;
	left: 0px;
}
#f09{
	top: 6500px;
	left: 0px;
}
#food_menu p.title {
width: 360px;
height: 40px;
font-size: 20px;
color: #ffc;
line-height: 50px;
border-bottom: #eb3 2px dotted;
padding-bottom: 0;
text-indent: 16px;
float: left;
}
#food_menu p.menu {
width: 360px;
height: auto;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
float: right;
}

#drink_wrap {
width: 540px;
float: left;
}
#drink_photo_box {
width: 150px;
float: right;
}
.drink_photo {
width: 150px;
height: 250px;
float: right;
}

#drink_menu {
position: relative;
width: 390px;
height: 750px;
float: left;
color: #fff;
text-align: left;
font-family:"ＭＳ ゴシック", "Osaka－等幅", sans-serif;
overflow: hidden;
}
#drink_menu p { width: 350px;}
.flycontent2 { position: absolute; width: 390px; height: 750px; overflow: auto;}
#d01{ top: 0px; left: 0px;}
#d02{ top: 750px; left: 0px;}
#d03{ top: 1500px; left: 0px;}
#d04{ top: 2250px; left: 0px;}
#d05{ top: 3000px; left: 0px;}
#d06{ top: 3750px; left: 0px;}
#d07{ top: 4500px; left: 0px;}
#d08{
	top: 4600px;
	left: 0px;
}
#drink_menu p.title {
width: 350px;
height: 40px;
font-size: 20px;
color: #cff;
line-height: 50px;
border-bottom: #eb3 2px dotted;
padding-bottom: 0;
text-indent: 16px;
float: left;
}
#drink_menu p.menu {
width: 350px;
height: auto;
font-size: 12px;
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
}

/*スタッフページ設定*/
#staff_wrap {
width: 540px;
float: left;
}
#staff_photo_box {
width: 170px;
float: left;
}
.staff_photo {
width: 150px;
height: 270px;
float: left;
}
#staff {
width: 370px;
float: left;
color: #fff;
text-align: left;
font-family:"ＭＳ ゴシック", "Osaka－等幅", sans-serif;
}

/*お問合せページ設定*/
#mail_wrap {
width: 540px;
float: left;
text-align: left;
color: #fff;
}
#mail_wrap p{
line-height: 30px;
}
input, textarea { color: #000;}
form { background-color: #000;}
button {
width: 100px;
height: 30px;
margin: 10px 30px;
text-indent: -9999px;
cursor: pointer;
float: left;
}
input.chk {
background: #fff url(../img/m_check.png) top left no-repeat;
width: 100px;
height: 30px;
margin: 10px 30px;
text-indent: -9999px;
cursor: pointer;
float: left;
}
input.sub {
background: #fff url(../img/m_submit.png) top left no-repeat;
width: 100px;
height: 30px;
margin: 10px 30px;
text-indent: -9999px;
cursor: pointer;
float: left;
}
button.res {
background: #fff url(../img/m_reset.png) top left no-repeat;
}
button.bck {
background: #fff url(../img/m_back.png) top left no-repeat;
}
.news {
	background-image:url(../img/news_note.gif);
	margin: 0;
	line-height:20px;
	height:180px;
	width:550px;
	padding:0px;
	border-style:solid;
	border-width:0px;
	overflow:auto;
	scrollbar-arrow-color:#6b696b;
	scrollbar-face-color:#000000;
	scrollbar-3dlight-color:#6b696b;
	scrollbar-darkshadow-color:#6b696b;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color:#000000;
}

#top_navi {
width: 550px;
height: 250px;
background: url(../img/bg_top_navi.png) top left no-repeat;
}
#top_navi a {
display: block;
width: 410px;
height: 114px;
float: left;
text-indent: -9999px;
}
.top_food { background: url(../img/top_food.png) top left no-repeat; margin-bottom: 15px;}
.top_drink { background: url(../img/top_drink.png) top left no-repeat;}

#buttons {
width: 550px;
height: 60px;
text-align: left;
float: left;
}
.button1 {
width: 258px;
height: 49px;
margin-right: 22px;
float: left;
overflow: hidden;
}
.button2 {
width: 258px;
height: 49px;
float: left;
overflow: hidden;
}

/*フッター設定*/
#foot_top {
width: 740px;
height: 50px;
background: #000 url(../img/bg_foot.png) top left no-repeat;
margin: 0 auto;
float: left;
}
#foot_top a {
display: block;
float: left;
text-align: left;
font-size: 12px;
margin: 30px 0 0 10px;
color: #fff;
text-decoration: none;
}
#foot_top a:hover {
text-decoration: underline;
}

#foot_bottom {
width: 730px;
height: 60px;
background: #000;
color: #fff;
margin: 0 auto;
padding: 5px;
float: left;
}
#foot_bottom p { font-size: 12px; text-align: right; margin-top: 5px;}
#foot_bottom a { color: #fff; text-decoration: none;}
#foot_bottom a:hover { text-decoration: underline;}

.copy {
font-size: 10px;
color: #fff;
}
#drink_menu p.cap_red {
width: 350px;
height: 30px;
font-size: 16px;
line-height: 40px;
color: #f33;
margin-left: 14px;
float: left;
}
#drink_menu p.cap_white {
width: 350px;
height: 30px;
font-size: 16px;
line-height: 40px;
color: #ffc;
margin-left: 14px;
float: left;
}
#drink_menu p.cap_spark {
width: 350px;
height: 30px;
font-size: 16px;
line-height: 40px;
color: #ccf;
margin-left: 14px;
float: left;
}
#drink_menu p.cap_kan {
width: 350px;
height: 30px;
font-size: 16px;
line-height: 40px;
color: #fcc;
margin-left: 14px;
float: left;
}
#drink_menu p.cap_green {
width: 350px;
height: 30px;
font-size: 16px;
line-height: 40px;
color: #cfc;
margin-left: 14px;
float: left;
}
#drink_menu p.cap_blue {
width: 350px;
height: 30px;
font-size: 16px;
line-height: 40px;
color: #cff;
margin-left: 14px;
float: left;
}
#drink_menu p.cap_clear {
width: 350px;
height: 30px;
font-size: 16px;
line-height: 40px;
color: #fff;
margin-left: 14px;
float: left;
}
.caption {
font-size: 10px;
line-height: 18px;
color: #cfc;
}
.caption_st {
font-size: 10px;
line-height: 18px;
color: #cfc;
font-weight: bold;
}
.adress {
font-size: 10px;
color: #fcf;
}