@charset "utf-8";
/* CSS Document */
* {
border: none;
margin: 0;
padding: 0;
list-style-type: none;
outline: none;
}

body {
background-color: #000;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" sans-serif;
font-size: 12px;
color: #fff;
overflow: hidden;
}

a { color: #fff; text-decoration: none;}
a:hover { color: #cef; text-decoration: none;}

#wrapper {
width: 800px;
height: 470px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -245px;
margin-left: -400px;
}

#head_spc {
width: 800px;
height: 20px;
position: absolute;
top: 0;
left: 0;
background-color: #000;
}

h1 {
/*
width: 350px;
*/
font-size: 18px;
font-weight: bold;
text-align: left;
float: left;
}

h2 {
font-size: 12px;
display: none;
}

h3 {
width: 200px;
height: 30px;
font-size: 13px;
line-height: 30px;
color: #fcc;
cursor: pointer;
}

h3:hover {
color: #c99;
}

#head_spc p {
/*
width: 450px;
*/
font-size: 12px;
font-weight: normal;
text-align: right;
float: right;
line-height: 24px;
}

#main {
width: 800px;
height: 450px;
position: absolute;
top: 20px;
left: 0;
}

.index {background: url(../image/bg/index.png) top left no-repeat;}
.inside {background: url(../image/bg/inside.png) top left no-repeat;}
.cocktail {background: url(../image/bg/cocktail.png) top left no-repeat;}
.whisky {background: url(../image/bg/whisky.png) top left no-repeat;}
.beve {background: url(../image/bg/bev3.png) top left no-repeat;}
.food {background: url(../image/bg/food.png) top left no-repeat;}
.access {background: url(../image/bg/access.png) top left no-repeat;}
.link {background: url(../image/bg/link.png) top left no-repeat;}

ul.top_menu {
display: block;
width: 780px;
height: 27px;
padding-left: 20px;
padding-top: 3px;
}

ul.top_menu li {
height: 12px;
border: #fff 1px solid;
padding: 6px;
margin-right: 10px;
float: left;
filter: alpha(opacity=100);
opacity: 1.0;
}

ul.top_menu li.current {
height: 12px;
border: #9cf 1px solid;
padding: 6px;
margin-right: 10px;
float: left;
filter: alpha(opacity=100);
opacity: 1.0;
}
ul.top_menu li.current a {
color: #9cf;
}

ul.top_menu li a {color: #fff;}
ul.top_menu li a:hover { color: #9cf;}

#index_menu_01 {
position: absolute;
top: 50px;
left: 620px;
width: 160px;
height: 50px;
background: url(../image/top_menu_01.png) top left no-repeat;
}
#index_menu_01 a {
width: 160px;
height: 50px;
display: block;
text-indent: -9999px;
}
#index_menu_01 a:hover {
background: url(../image/top_menu_01_h.png) top left no-repeat;
}
#index_menu_02 {
position: absolute;
top: 110px;
left: 620px;
width: 160px;
height: 50px;
background: url(../image/top_menu_02.png) top left no-repeat;
}
#index_menu_02 a {
width: 160px;
height: 50px;
display: block;
text-indent: -9999px;
}
#index_menu_02 a:hover {
background: url(../image/top_menu_02_h.png) top left no-repeat;
}
#index_menu_03 {
position: absolute;
top: 170px;
left: 620px;
width: 160px;
height: 50px;
background: url(../image/top_menu_03.png) top left no-repeat;
}
#index_menu_03 a {
width: 160px;
height: 50px;
display: block;
text-indent: -9999px;
}
#index_menu_03 a:hover {
background: url(../image/top_menu_03_h.png) top left no-repeat;
}
#index_menu_04 {
position: absolute;
top: 230px;
left: 620px;
width: 160px;
height: 50px;
background: url(../image/top_menu_04.png) top left no-repeat;
}
#index_menu_04 a {
width: 160px;
height: 50px;
display: block;
text-indent: -9999px;
}
#index_menu_04 a:hover {
background: url(../image/top_menu_04_h.png) top left no-repeat;
}
#news {
position: absolute;
top: 100px;
left: 300px;
width: 200px;
height:150px;
filter: alpha(opacity=50);
opacity: 0.5;
background: url(../image/bg_news.gif) top left no-repeat;
padding: 10px;
}
p.news {
position: absolute;
top: 110px;
left: 310px;
width: 180px;
height:130px;
color: #fff;
font-size: 13px;
text-align: left;
filter: alpha(opacity=100);
opacity: 1.0;
}
.title {
color: #f33;
font-size: 15px;
}

#center {
width: 760px;
height: 380px;
overflow: auto;
}

#center.whi {
width: 760px;
height: 380px;
overflow: auto;
}

#center h4 { color:#f33; font-size: 16px; float: left; height: 20px; line-height: 20px;}
#center.whi h4 { color:#f66; font-size: 16px; float: left; height: 20px; line-height: 20px;}
#center.whi p.whi { width: 180px; height: 20px; font-size: 13px; padding: 0; cursor: pointer; line-height: 20px; font-weight: bold; background: #100; opacity: 0.5; filter: alpha(opacity=50); }
#center p.whis { height: 20px; font-size: 13px; padding: 0; cursor: pointer; line-height: 20px; font-weight: bold; background: #100; opacity: 0.5; filter: alpha(opacity=50); }
#center ul { margin: 0 auto; width: 660px; padding: 20px; background-color: #000; filter: alpha(opacity=70); opacity: 0.7; float: left; }
#center.whi ul { margin: 0 auto; width: 720px; padding: 20px; background-color: #100; filter: alpha(opacity=70); opacity: 0.7; }

/*  IE7以外のモダンブラウザ対応（W3C非推奨）  */
html>/**/body #center li.whi {
display: inline-block;
margin-right: 20px;
color: #fff;
font-size: 12px;
line-height: 18px;
}

/*  IE6のみ対応  */
*html #center li.whi {
display: inline;
margin-right: 20px;
color: #fff;
font-size: 12px;
line-height: 18px;
word-break: keep-all;
}

/*  IE7のみ対応  */
*:first-child+html #center li.whi {
display: inline;
margin-right: 20px;
color: #fff;
font-size: 12px;
line-height: 18px;
word-break: keep-all;
}

#center li.whi a { text-decoration: underline; }

#center.links {
padding: 50px;
}
#center.links li {
line-height: 18px;
}
#center.links li.adress { text-indent: 3em;}

#food_menu {
position: absolute;
top: 60px;
left: 30px;
width: 760px;
height: 360px;
overflow: auto;
}

#bever_menu { position: relative; width: 800px; height: 390px; }
#bever_menu a { display: block; width: 120px; height: 120px; text-indent: -9999px; }
#bever_menu a:hover { background-position: left; }

.beve { position: absolute; width: 120px; height: 120px; }
#d_menu_1 { top: 50px; left: 40px; }
#d_menu_2 { top: 200px; left: 20px; }
#d_menu_3 { top: 10px; left: 250px; }
#d_menu_4 { top: 240px; left: 190px; }
#d_menu_5 { top: 260px; left: 340px; }
#d_menu_6 { top: 10px; left: 490px; }
#d_menu_7 { top: 260px; left: 540px; }
#d_menu_8 { top: 110px; left: 660px; }

#d_menu_1 a { background: url(../image/d_menu_01.png) top right no-repeat; }
#d_menu_2 a { background: url(../image/d_menu_02.png) top right no-repeat; }
#d_menu_3 a { background: url(../image/d_menu_03.png) top right no-repeat; }
#d_menu_4 a { background: url(../image/d_menu_04.png) top right no-repeat; }
#d_menu_5 a { background: url(../image/d_menu_05.png) top right no-repeat; }
#d_menu_6 a { background: url(../image/d_menu_06.png) top right no-repeat; }
#d_menu_7 a { background: url(../image/d_menu_07.png) top right no-repeat; }
#d_menu_8 a { background: url(../image/d_menu_08.png) top right no-repeat; }

.menu {
width: 370px;
height: 70px;
text-align: left;
float: left;
margin: 0;
padding: 0;
}

#food_menu img {
float: left;
margin-right: 10px;
}

#food_menu p {
font-size: 14px;
text-align: left;
}

#caption {
position: absolute;
top: 105px;
left: 550px;
width: 200px;
}

#right {
position: relative;
margin-top: -290px;
width: 500px;
height: 380px;
overflow: hidden;
float: right;
}

.fly { position: absolute;}

#menu_list {
width: 300px;
top: 20px;
left: 0px;
padding-top: 20px;
overflow: hidden;
}

#menu_list a {
display: block;
width: 200px;
height: 30px;
background-color: #000;
filter: alpha(opacity=50);
opacity: 0.5;
}

#c_01 {
width: 500px;
top: 20px;
left: 0px;
overflow: hidden;
}

#c_02 {
width: 500px;
top: 400px;
left: 0px;
overflow: hidden;
}

#c_03 {
width: 500px;
top: 800px;
left: 0px;
overflow: hidden;
}

#c_04 {
width: 500px;
top: 1200px;
left: 0px;
overflow: hidden;
}

#c_05 {
width: 500px;
top: 1600px;
left: 0px;
overflow: hidden;
}

#c_06 {
width: 500px;
top: 2000px;
left: 0px;
overflow: hidden;
}

#c_07 {
width: 500px;
top: 2400px;
left: 0px;
overflow: hidden;
}

#c_08 {
width: 500px;
top: 2800px;
left: 0px;
overflow: hidden;
}

#c_09 {
width: 500px;
height: 400px;
top: 3200px;
left: 0px;
overflow: hidden;
}

dl {
margin-top: 50px;
font-weight: bold;
}

dt {
font-size: 16px;
line-height: 18px;
}

dd {
font-size: 14px;
line-height: 30px;
margin-left: 10px;
}

dd p.right {
text-align: right;
}

#main.cocktail p.cocks {
font-size: 14px;
position: absolute;
top: 380px;
left: 20px;
color: #cfc;
}

#footer {
position: absolute;
top: 50%;
left: 50%;
margin-top: 195px;
margin-left: -400px;
width: 800px;
height: 30px;
}

#footer p {
text-align: center;
font-size: 12px;
color: #fff;
margin: 9px auto;
}

/*  Tool Tips */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #006;
	text-align: center;
/*
	width: 130px;
*/
	z-index: 13000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #006;
	padding: 8px 8px 4px;
	background: #9cf;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #fff;
}