@charset "utf-8";

/* CSS Document */

	
/* ================================================================================ */
/*      general params                                                              */
/* ================================================================================ */


*{ margin:0;padding:0; }/* margin&padding reset */
body {
	text-align:center;/* box centering */
	margin:0px;
	padding:0px;
	background-color:#f7f7f0;
}

h1, h2, h3, h4, h5, h6,div, p, pre, ul, ol, dl, dt, dd,th,td,form, blockquote{
	padding:0px;
	margin:0px;
	text-align:left;
}

table			{ margin :0; empty-cells:show; }
hr 				{ display:none; }
img				{ border:none; }
ul li			{ list-style:none; }

a:link		{ color:#4e4e4e; text-decoration:none; }
a:visited	{ color:#6C0265; text-decoration:none; }
a:active	{ color:#FF6666; }
a:hover		{
	color:#479d71;
	text-decoration:none;
	text-decoration:underline;
}


#container{
	width:960px;
	height:auto;
	margin:0px auto;
}

.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}
/* ================================================================================ */
/*      A.font                                                                      */
/* ================================================================================ */

/*-----------------------------------------------------------------------------------
○
	base = 13px
	10px = 77%     11px = 85%     12px = 93%     13px = 100%
	14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
	18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
	22px = 167%    23px = 174%    24px = 182%    25px = 189%
	26px = 197%
------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------
	base = 14px
	10px = 72%     11px = 79%     12px = 86%     13px = 93%
	14px = 100%    15px = 108%    16px = 115%  17px = 122%
	18px = 129%  19px = 136%  20px = 143%  21px = 150%
	22px = 158%    23px = 165%    24px = 172%    25px = 179%
	26px = 186%
------------------------------------------------------------------------------------*/

p,ul{ font-size:108%; line-height:1.6; }

/*
#header h1,
#header ul 	{ font-size:100%; line-height:1.231;}
#header h1 	{ font-weight:normal; color:#fff; }
#header_top ul li a{ color:#fff; }
*/

#sub_bar h1,
#sub_bar ul 	{ font-size:100%; line-height:1.231;}
#sub_bar h1 	{ font-weight:normal; color:#fff; }
#sub_bar ul li a{ color:#fff; }

.sbox_title,
#ipop_title	{ font-size:138.5%; font-family:Georgia,'ヒラギノ明朝 Pro', 'Times New Roman', Times, serif; font-weight:normal; }

.call_num		{ font-size:182%; font-family:Arial,'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', serif; font-weight:bold; color:#804550; }

#footer p,
#footer p a:link,
#footer p a:visited{ color:#fff; }
#footer p a:hover  { color:#479d71; }

/* △2009/09/10-追加-お知らせ箇所△ */
#contents #easel_news ul li p a:link,
#contents #easel_news ul li p a:visited{ color:#ff6a65; }
#contents #easel_news ul li p a:hover{ color:#95ff67; }
/* ▽2009/09/10-追加-お知らせ箇所▽ */
/* △2010/02/19-追加-お知らせ箇所△ */
#contents #easel_news ul li p strong{ color:#ffd800; }
#contents #easel_news ul li p u{ color:#95ff67; }
/* ▽2010/02/19-追加-お知らせ箇所▽ */


/* contents_top */
#contents #message h2{
	font-size:197%;
	color:#112a17;
	font-family:'ヒラギノ明朝 Pro','Hiragino Mincho Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:normal;
	line-height:1.2;
}

#easel_news ul li p{ font-size:93%; line-height:1.2; }

/* Twitter サイドボディーリスト 文字指定 */
#twitter_update_list li span{ font-size:93%; line-height:1.2; }

/*リンク*/
#twitter_update_list li span a:link,
#twitter_update_list li span a:visited{ color:#0975d9; font-weight:normal; text-decoration:none; }
#twitter_update_list li span a:hover{ color:#479D71; }

#twitter_update_list li a:link,
#twitter_update_list li a:visited{ color:#ff6a65; font-weight:bold; text-decoration:underline; }
#twitter_update_list li a:hover{ color:#479D71; }

/* Blog サイドボディーリスト 文字指定 */
#blog_update_list li{ font-size:93%; line-height:1.3; }
#blog_update_list li span{ font-size:85%; line-height:1.4;}

/*リンク*/
#blog_update_list li span a:link,
#blog_update_list li span a:visited{ color:#0975d9; font-weight:normal; text-decoration:none; }
#blog_update_list li span a:hover{ color:#479D71; }

#blog_update_list li a:link,
#blog_update_list li a:visited{ color:#ff6a65; font-weight:bold; text-decoration:underline; }
#blog_update_list li a:hover{ color:#479D71; }

/* contents */
#contents h2{ font-size:182%; font-family:Georgia,'ヒラギノ明朝 Pro', 'Times New Roman', Times, serif; color:#fff; font-weight:normal; line-height:1; }
#contents h2 span{ font-size:41%;font-family:'ヒラギノ明朝 Pro','Hiragino Mincho Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color:#fff; font-weight:normal; line-height:1; }

#contents h3{ font-size:153.9%; }

/* memu */
#contents #menu_box p,
#contents ul.menu_list,
#contents ul.menu_list2,
#contents ul.menu_list3{ line-height:1; }

#contents ul.menu_list li em,
#contents ul.menu_list2 li em,
#contents ul.menu_list3 li em{ font-size:123.1%; line-height:1.1; }

#contents ul.menu_list li em span,
#contents ul.menu_list2 li em span,
#contents ul.menu_list3 li em span{ font-size:81.2%; color:#88b400;}

#contents ul.menu_list li span,
#contents ul.menu_list2 li span,
#contents ul.menu_list3 li span{ font-size:123.1%; font-weight:normal;}

#contents ul.menu_list li div{ color:#8b8b8b; }

#contents .drink_navi h3			{ font-size:138.5%; color:#132e1b; font-family:Georgia,'ヒラギノ明朝 Pro', 'Times New Roman', Times, serif; font-weight:normal; line-height:1; }
#contents .drink_navi h3 span	{ font-size:56%; color:#132e1b; font-weight:normal; line-height:1.4; }

.food_navi li a{ font-size:182%; color:#132e1b; font-family:Georgia,'ヒラギノ明朝 Pro', 'Times New Roman', Times, serif; font-weight:normal; line-height:1.6; }
.food_navi li a span{ /*font-size:58%;*/font-family:'ヒラギノ明朝 Pro','Hiragino Mincho Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color:#132e1b; font-weight:normal; line-height:1.6; }



.food_navi li a:link,
.food_navi li a:visited,{ color:#132e1b; text-decoration:none; }
.food_navi li a:hover{ font-weight:bold; text-decoration:none; }
/* ================================================================================ */
/*      B.pablic class                                                              */
/* ================================================================================ */


.align_c{ text-align:center; }
.align_r{ text-align:right; }

.f_left				{ float:left;}
.f_right			{ float:right;}
.clear_b			{ clear:both; }

.txt_orange			{ color:#ec6438; }
.txt_blue			{ color:#1973b2; }
.txt_bold			{ font-weight:bold; }

.ml_10				{ margin-left:10px; }
.ml_20				{ margin-left:20px; }
.ml_30				{ margin-left:30px; }

.mt_5					{ margin-top:5px; }
.mt_10				{ margin-top:10px; }
.mt_20				{ margin-top:20px; }
.mt_30				{ margin-top:30px; }

.mb_5					{ margin-bottom:5px; }
.mb_10				{ margin-bottom:10px; }
.mb_20				{ margin-bottom:20px; }
.mb_30				{ margin-bottom:30px; }


/* 透明png- IE対策 - */
* html .i_png{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}


/* ================================================================================ */
/*      0.site key visual                                                           */
/* ================================================================================ */

/* ================================================================================ */
/*      0.table                                                                     */
/* ================================================================================ */

table.basic{
	border-collapse:collapse;
	border-top: 1px solid #bdbaa8;
	border-right: 1px solid #bdbaa8;
	width:99%;
}
.basic th{
	padding:5px;
	border-bottom:solid 1px #bdbaa8;
	border-left:solid 1px #bdbaa8;
	text-align:left;
	width:100px;
}
.basic td{
	padding:5px;
	border-bottom:solid 1px #bdbaa8;
	border-left:solid 1px #bdbaa8;
}
.basic tr.line th,
.basic tr.line td{ background:#d5dabc;}


/*オススメコース*/
table.p_course{
	border-collapse:collapse;
	border-top: 1px solid #c0a302;
	border-right: 1px solid #c0a302;
	background-color:#fafaf7;
	width:100%;
	height:99%;
}
.p_course th{
	padding:5px;
	border-bottom:solid 1px #c0a302;
	border-left:solid 1px #c0a302;
	width:100px;
	text-align:left;
}
.p_course td{
	padding:5px;
	border-bottom:solid 1px #c0a302;
	border-left:solid 1px #c0a302;
}
.p_course tr.line th,
.p_course tr.line td{ background:#d3b927;}

/*ガールズコース*/
table.g_course{
	border-collapse:collapse;
	border-top: 1px solid #f39999;
	border-right: 1px solid #f39999;
	background-color:#fafaf7;
	width:100%;
	height:99%;
}
.g_course th{
	padding:5px;
	border-bottom:solid 1px #f39999;
	border-left:solid 1px #f39999;
	text-align:left;
	width:100px;
}
.g_course td{
	padding:5px;
	border-bottom:solid 1px #f39999;
	border-left:solid 1px #f39999;
}
.g_course tr.line th,
.g_course tr.line td{ background:#fddcdc;}

/*コース*/
table.course{
	border-collapse:collapse;
	border-top: 1px solid #6b8774;
	border-right: 1px solid #6b8774;
	background-color:#fafaf7;
	width:100%;
	height:99%;
}
.course th{
	padding:5px;
	border-bottom:solid 1px #6b8774;
	border-left:solid 1px #6b8774;
	width:100px;
	text-align:left;
}
.course td{
	padding:5px;
	border-bottom:solid 1px #6b8774;
	border-left:solid 1px #6b8774;
}
.course tr.line th,
.course tr.line td{ background:#d4e6d9;}



/* ================================================================================ */
/*      0.breed holder                                                              */
/* ================================================================================ */


#i_breed_holder{ padding:10px 15px; }


/* ================================================================================ */
/*      0.memu                                                                      */
/* ================================================================================ */


#menu{
	width:960pz;
	height:50px;
	position:absolute;
	left:0px;
	bottom:0px;
	}
#menu li{
	height:50px;
	float:left;
	overflow:hidden;
	}
#menu li a{
	display:block;
	height:50px;
	text-indent:-5000px;
	}

* html #menu li a{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
/* sizingMethod=scale と sizingMethod=cropの違いに注意！*/
cursor: pointer; 
height:100px;
}

* html #menu li a:hover{
	_margin-top: -50px; /* a要素を上に40px動かす */
	_padding-top: 50px; /* a要素が動いた分テキストの表示位置を下げる */
	_height: 50px; /* paddingの分a要素の高さを調節（標準モード） */ 
}

/* -----0-1.memu link-------------------------------------------------------------- */

	#btn1			{ width:99px; background:url(/img/menu1.png) no-repeat left top; }
	#btn2			{ width:96px; background:url(/img/menu2.png) no-repeat left top; }
	#btn3			{ width:103px; background:url(/img/menu3.png) no-repeat left top; }
	#btn4			{ width:98px; background:url(/img/menu4.png) no-repeat left top; }
	#btn5			{ width:138px; background:url(/img/menu5.png) no-repeat left top; }
	#btn6			{ width:200px; background:url(/img/menu6.png) no-repeat left top; }
	#btn7			{ width:364px; background:url(/img/menu8.png) no-repeat left top; }

/* -----0-2.memu hover------------------------------------------------------------- */

	#btn1:hover		{ background:url(/img/menu1.png) no-repeat left bottom; }
	#btn2:hover		{ background:url(/img/menu2.png) no-repeat left bottom; }
	#btn3:hover		{ background:url(/img/menu3.png) no-repeat left bottom; }
	#btn4:hover		{ background:url(/img/menu4.png) no-repeat left bottom; }
	#btn5:hover		{ background:url(/img/menu5.png) no-repeat left bottom; }
	#btn6:hover		{ background:url(/img/menu6.png) no-repeat left bottom; }
	#btn7:hover		{ background:url(/img/menu8.png) no-repeat left bottom; }

/* -----0-3.memu stay-------------------------------------------------------------- */


/* ================================================================================ */
/*      0.sub_bar                                                                   */
/* ================================================================================ */
div#sub_bar{
width:940px;
padding:3px 10px;
background:#132e1b;
/*border-bottom:1px solid #8c8995;*/
}
* html div#sub_bar{ width:960px; }	/*IE hack*/

div#sub_bar h1{ float:left; }
div#sub_bar ul{ float:right; }
div#sub_bar li{ display:inline; }

/* ================================================================================ */
/*      1.header                                                                    */
/* ================================================================================ */

	
div#header{
	width:960px;
	padding:0px 0px 0px 0px;
	position:relative;
	margin-bottom:20px;
	clear:both;
	}
div.top_h{
	height:370px;
	background:transparent url(/img/top_key_visual.jpg) no-repeat left top;
}

div.pub_h			{ height:200px; }

div.v_food			{ background:transparent url(/img/food_key_visual.jpg) no-repeat left top;}
div.v_drink			{ background:transparent url(/img/drink_key_visual.jpg) no-repeat left top;}
div.v_space			{ background:transparent url(/img/space_key_visual.jpg) no-repeat left top;}
div.v_days			{ background:transparent url(/img/days_key_visual.jpg) no-repeat left top;}
div.v_reservation	{ background:transparent url(/img/reservation_key_visual.jpg) no-repeat left top;}
div.v_about			{ background:transparent url(/img/about_key_visual.jpg) no-repeat left top;}
div.v_lunch			{ background:transparent url(/img/lunch_key_visual.jpg) no-repeat left top;}
div.v_company		{ background:transparent url(/img/company_key_visual.jpg) no-repeat left top;}
div.v_recruit		{ background:transparent url(/img/recruit_key_visual.jpg) no-repeat left top;}
div.v_sitemap		{ background:transparent url(/img/sitemap_key_visual.jpg) no-repeat left top;}
div.v_plan			{ background:transparent url(/img/plan_key_visual.jpg) no-repeat left top;}


/* -----1-1.header_top------------------------------------------------------------- */


div#header_top{
	width:960px;
	height:80px;
	background:transparent url(/img/top_header_bg01.png) repeat-x left top;
	position:relative;
}

div.pub_h div#header_top{
	width:960px;
	height:45px;
	background:transparent url(/img/public_header_bg01.png) repeat-x left top;
}

/*
#header h1{
margin:0px 0px 5px 10px;
padding-top:5px;
}
*/

img.logo{
	width:220px;
	height:70px;
	background:transparent url(/img/top_logo.png) repeat-x left top;
	margin-top:5px;
	margin-left:10px;
	float:left;
}
img.logo_pub{
	width:290px;
	height:30px;
	background:transparent url(/img/public_logo.png) repeat-x left top;
	margin-top:5px;
	margin-left:10px;
	float:left;
}

p#top_tel_p{
	width:410px;
	height:33px;
	float:right;
	background:url(/img/header_tel_p.png) no-repeat;
	padding-right:10px;
	text-indent:-5000px;
	margin-top:2px;
}

div.pub_h p#top_tel_p{ margin-top:2px; }
div.top_h p#top_tel_p{ margin-top:20px; }

* html p#top_tel_p{ width:420px; } /* IE hack */

/* IE6　ではリンクが着ないバグがある
#header_top ul,
#header_public ul{
	height:auto;
	position:absolute;
	right:10px;
	top:6px;
}
#header_top ul li,
#header_public ul li{ display:inline; }

#header_top ul li a,
#header_public ul li a{ position:relative; }
*/

/* ================================================================================ */
/*      2.right_body                                                                 */
/* ================================================================================ */


#side_body{
	width:310px;
	float:right;
}
.sbody_mt{ margin-top:20px; }

/*-------------------------------------------------------------------------------------
***************************************************************************************
ここからしたの指定された要素（information・reserve）、サイドボディからメインカラムへ移動
***************************************************************************************
---------------------------------------------------------------------------------------*/
.sbox_title,
.sbox_end{
	width:290px;
	padding:10px 10px 5px 10px;
	background:url(/img/sbox_bg.png) no-repeat;
}
.sbox_title	{ background-position:left top; }
.sbox_end		{ background-position:left bottom; }
* html .sbox_title,
* html .sbox_end{ width:310px; }	/* IE hack */
.sbox_body{
	width:310px;
	background:#fbfbf8;
	border-top:1px dashed #132e1b;
	border-bottom:1px dashed #132e1b;
	padding:10px 0px;
}

#contents .sbox_body p,
#contents .sbox_body ul{ margin-left:10px; }

.call_num{ text-align:center; padding:20px 0px; }

/*　ここまで　*/

/*-------------------------------------------------------------------------------------
***************************************************************************************
Twitter用リストボックスの指定ここから　2010/01/20
***************************************************************************************
---------------------------------------------------------------------------------------*/

#twitter_update_list{
	width:310px;
	padding-top:10px;
	padding-bottom:1px;
	background:#FBFBF8 url(/img/banner/banner_twit3.png) no-repeat right top;
}
* html #twitter_update_list{ margin-top:-3px; }

#twitter_update_list li{
	width:265px;
	height: auto;
	margin:0px 0px 10px;
	padding:0px 0px 5px 40px;
	background: url(/img/twit_icon2.gif) no-repeat 5px 8px;
	border-bottom:1px dotted #e7e7e7;
}
* html #twitter_update_list li{
	width:305px;
}

/*　ここまで　*/

/*-------------------------------------------------------------------------------------
***************************************************************************************
BLOG用リストボックスの指定ここから　2010/01/20
***************************************************************************************
---------------------------------------------------------------------------------------*/

#blog_update_list{
	width:310px;
	padding-top:10px;
	padding-bottom:1px;
	background:#FBFBF8 url(/img/banner/banner_blog3.png) no-repeat right top;
}
* html #blog_update_list{ margin-top:-3px; }

#blog_update_list li{
	width:260px;
	height: auto;
	margin:0px 0px 10px;
	padding:0px 0px 5px 40px;
	background: url(/img/blog_icon.gif) no-repeat 5px 8px;
	border-bottom:1px dotted #e7e7e7;
}
* html #blog_update_list li{
	width:300px;
}

#blog_update_list li a{
	display:block;
	padding-bottom:5px;
}
/*　ここまで　*/

p.banner_foot{
	padding-bottom:5px;
	background:#FBFBF8 url(/img/banner/banner_foot.png) no-repeat left bottom;
	text-align:right;
}



/* ================================================================================ */
/*      3.main contents                                                             */
/* ================================================================================ */


#contents{
	width:630px;
	height:auto;
	float:left;
}

#contents h2{
	width:610px;
	height:auto;
	background:url(/img/p_title.png) no-repeat left top;
	padding:18px 10px 20px;
}
* html #contents h2{ width:630px; }	/* IE hack */

#contents h3{
	width:610px;
	height:auto;
	background:url(/img/c_midashi.png) repeat-y left top;
	padding:3px 10px 0px;
	border-top:1px solid #b5bdaf;
	border-bottom:1px solid #132e1b;
	margin-top:40px;
}
* html #contents h3{ width:630px; }	/* IE hack */

#information_box{
	float:left;
	width:310px;
	height:auto;
}
#reserve_box{
	float:right;
	width:310px;
	height:auto;
}
#contents #information_box p,
#contents #reserve_box p{
	margin-top:0px;
	margin-bottom:0px;
}


#contents h4{
	margin:20px 0px 10px;
	padding:2px 10px 1px;
	border-left:5px solid #804550;
	/* background-color:#339966;*/
	clear:both;
}
#contents h4.c_name{
	border-left:5px solid #132e1b;
	position:relative;
}
#contents h5{ margin-top:10px; border-bottom:1px dashed #666666; }
#contents p{ margin:10px 0px; clear:both; }

#contents p.contents_btn{ margin:30px 0px 20px; text-align:left; position:relative; }
#contents p.contents_btn2{ margin:30px 0px 20px; text-align:right; }
#contents p.contents_btn span{ position:absolute; right:10px; top:0px; }

/* ================================================================================ */
/*      4.footer                                                                    */
/* ================================================================================ */


#footer{
	width:960px;
	height:auto;
	background:url(/img/footer_bg.png) no-repeat left top;
	margin:0px auto 0px;
	padding:40px 0px 20px;
	clear:both;
}
#footer p{ text-align:center; }


/* ================================================================================ */
/*      top css                                                                     */
/* ================================================================================ */

#day_push{ float:left; margin-bottom:20px;}
#easel_news{
width:305px;
height:345px;
background:url(/img/top/easel.png) no-repeat left top;
float:right;
position:relative;
}

#easel_news h2{
	width:240px;
	height:30px;
	background:url(/img/top/easel_news_title.png) no-repeat left top;
	text-indent:-5000px;
	position:absolute;
	left:5px;
	top:45px;
}

#easel_news ul{
	width:285px;
	height:155px;
	overflow:auto;
	position:absolute;
	left:10px;
	top:85px;
}

#easel_news li{ color:#fff; }
#easel_news li p{ margin:5px 0px; }

#message{
	width:630px;
	background:url(/img/top/message_bg.png) no-repeat right top;
	clear:both;
}

#contents #message h2{
	background:url(/img/logo_mark.png) no-repeat left top;
	padding:0px 0px 10px 110px;
	width:520px;
}
* html #contents #message h2{ width:630px; }	/*IE hack*/

#message p{ padding:10px 0px 20px; }



/* ================================================================================ */
/*      space css                                                                   */
/* ================================================================================ */

#space_box{
	width:608px;
	margin:20px 0px 10px 10px;
	border:1px solid #d9d7d7;
}
* html #space_box{ width:610px; }

#space_box p{
	width:100%;
	text-align:center;
	background:url(/img/space/space_spec.png) repeat-y left top;
	margin-top:10px;
}

#space_box img{ margin:10px 0px 10px 10px; }


/* ================================================================================ */
/*      about css                                                                   */
/* ================================================================================ */


/*
#map_box{
	width:630px;
	height:430px;
	margin-top:20px;
	text-align:right;
	background:url(/img/about/kojac_map.png) no-repeat left top;
}
#map_box .hiden{ display:none;}

#map_box a{ cursor: pointer; }
*/

/* ================================================================================ */
/*      drink + food css                                                            */
/* ================================================================================ */


.food_navi{
	width:305px;
	margin-top:30px;
	float:left;
}
.food_navi li{
	width:305px;
	background:url(/img/food/food_box_bg.png) repeat-y left top;
	clear:both;
	margin-bottom:20px;
	zoom: 1;
}
.food_navi li img{ margin-left:10px; float:left; }
.food_navi li a{
	display:block;
	text-align:right;
	width:195px;
	height:90px;
	float:right;
	padding-right:10px;
}
* html .food_navi li a{ width:205px; }/*IE hack*/

.food_navi li:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	line-height:0;
	clear:both;
}

#food_img{
	width:285px;
	padding:10px;
	margin-top:30px;
	float:right;
	background:url(/img/food/food_box_bg.png) repeat-y left top;
}
* html #food_img{ width:305px; }/* IE hack */

div.drink_navi{
	width:610px;
	padding:10px 0px 40px 20px;	
	margin-bottom:30px;
	background-color:#fff;
}
* html div.drink_navi{ width:630px; }/* IE hack */

.alcohol		{ background:url(/img/drink/bg_alcohol.png) no-repeat right top; }
.wine				{ background:url(/img/drink/bg_wine.png) no-repeat right top; }
.non_alcohol{ background:url(/img/drink/bg_non_alcohol.png) no-repeat right top; }

#contents .drink_navi h3		{	width:140px; padding:0px; margin:0px; background:none; border:none; }
#contents .drink_navi ul		{	width:140px; margin-top:30px;}
#contents .drink_navi ul li	{ list-style:disc; margin-left:15px; }


#menu_box p{
background-color:#9bb647;
/*background-color:#c2c8be;*/
border-left:10px solid #122e1a;
/*
border-color:#122e1a;
border-style:solid solid solid solid;
border-width:1px 1px 1px 10px;
*/
padding:4px 0 3px 5px;
margin-top:30px;
color:#122e1a;
}
.menu_list	{ margin:20px 0px 10px 20px; width:590px; }
.menu_list2	{ margin:10px 0px 10px 20px; width:590px; }
.menu_list3	{ margin:0px 0px 0px 40px; width:570px; }
.menu_list4	{ margin:0px 0px 0px 20px; width:570px; }

.menu_list li,
.menu_list2 li,
.menu_list3 li{
	width:100%;
	display:block;
	background-image:url(/img/line1.gif);
	background-position:0px 25px;
	background-repeat:repeat-x;
	float:left;
	margin-bottom:10px;
}
.menu_list3 li{ margin-bottom:0px; }


.menu_list li span,
.menu_list2 li span,
.menu_list3 li span{
	float:right;
	/*padding:0.3em 0px 0.3em 0.5em;*/
	padding:1.0em 0px 0.3em 0.5em;
	background-color:#f7f7f0;
}
.menu_list li em,
.menu_list2 li em,
.menu_list3 li em{
	float:left;
	font-style:normal;
	padding:0.3em 0.5em 0.3em 0px;
	background-color:#f7f7f0;
}

#contents ul.menu_list li em span,
#contents ul.menu_list2 li em span,
#contents ul.menu_list3 li em span{ float:left; padding:0px;}

/* ================================================================================ */
/*      recruit css                                                                 */
/* ================================================================================ */



table.recruit{
	border-collapse:collapse;
	border: 1px solid #de8a2c;
	width:99%;
	margin-top:40px;
}
.recruit td{
	padding:10px 5px;
	border-bottom:dashed 1px #132e1b;
	/*border-left:solid 1px #ff9f33;*/
}
.recruit th{
	padding:10px 5px;
	border-bottom:dashed 1px #132e1b;
	/*border-left:solid 1px #bdbaa8;*/
	text-align:left;
	font-weight:normal;
	background-color:
}
.recruit tr.line th,
.recruit tr.line td{
	background:#ff9f33 url(/img/recruit/recruit_box_bg.gif);
	border-bottom:1px solid #ff9f33;
}

#contents .recruit h3{
	width:100%;
	padding:0px;
	margin:0px;
}

#contents .recruit h4{ background-color:#f7f7f0; padding:1px 0px; text-indent:5px; }

.recruit img{ float:left; }
.recruit div{ float:right; width:305px; }



/* ================================================================================ */
/*      reservation css                                                             */
/* ================================================================================ */

.course_icon{
	position:absolute;
	right:-11px;
	top:-11px;
}


/* ================================================================================ */
/*      sitemap css                                                                 */
/* ================================================================================ */

#sitemap{ margin:10px 0px; }
#sitemap ul li{ margin:0px 0px; }
#sitemap ul li ul{
	width:95%;
	min-height:168px;
	height:auto;
	background:#fff;
	margin:0px auto 10px;
	padding:20px 0px 0px;
}
#sitemap ul li.even ul{ background:url(/img/sitemap/sitemap_fbg.jpg) no-repeat left top; }
#sitemap ul li.odd ul{ background:url(/img/sitemap/sitemap_dbg.jpg) no-repeat left top; }

#sitemap ul li ul li{ margin:0px 0px 0px 10px; }
#sitemap ul li a	{ font-size:138.5%; font-family:Georgia,'ヒラギノ明朝 Pro', 'Times New Roman', Times, serif; font-weight:bold; }
#sitemap ul li  ul li a	{ font-weight:normal; }
#sitemap ul li a:link,
#sitemap ul li a:visited{ color:#4E4E4E; }

#sitemap ul li a:hover{ color:#479d71; }

/* ================================================================================ */
/*      twitter_box css                                                             */
/*      ポップアップで表示する用のTwitterCSS指定                                    */
/* ================================================================================ */



#ipop {
	padding: 0;
	background-color: #fff;
	width: 410px;
	height: auto;
	border: 1px solid #e7e7e7;

	/* この３行は必須 */
	position: absolute;
	display: none;
	z-index: 9999;
}

#ipop ul#twit_list {
	padding: 0px;
	margin: 10px;
	width: 390px;
	height: 350px;
	overflow:auto;
}

#ipop ul#twit_list li {
	padding: 0px 0px 10px 40px;
	background: url(/img/twit_icon.gif) no-repeat left 8px;
	margin:10px 0px;
	width: 320px;
	height: auto;
	border-bottom:1px dotted #f2f2f2;
}

* html #ipop ul#twit_list li {
	padding-left: 0px 40px;
	width: 360px;
	line-height:1.4;
	letter-spacing:0.2em;
}

#ipop_title {
	background-color: #34cbff;
	width: 400px;
	padding:2px 0px 4px 10px;
	cursor: move;
}
* html #ipop_title {
	width: 410px;
	padding:2px 0px 4px 10px;
}
#container #ipop_title a:link,
#container #ipop_title a:visited { color:#fff; }
#container #ipop_title a:hover { color:#479d71; }

#ipop_close {
	cursor: pointer;
	float: right;
	margin-bottom:10px;
	margin-right:5px;
}