@charset "UTF-8";

/* 基本設定
******************************************************************************************** */
html {
	scrollbar-face-color: #000000;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-shadow-color: #EEEEEE;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-Color: #000000;
}
body {
	text-align: center;
	padding:0px;
	font:normal 12px/150% Arial, Verdana,"ＭＳ Ｐゴシック", "MS PGothic","MS UI Gothic";
	background-color: #000000;
	margin: auto;
	width: 850px;
	height:auto;
	color:#FFFFFF;
	background-position: left;
	position: absolute;
	left: 0px;
	top: 0px;
}

p{
	font:normal 12px/160% Verdana,Arial,"ＭＳ Ｐゴシック", "MS PGothic","MS UI Gothic";
	color:#FFFFFF;
	margin:	0;
	padding:0;
}
h1 {
	font-family: Verdana,Tahoma;
	font-size: 20px;
	font-style: normal;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
h1 img {
	vertical-align: baseline;
}
h2 {
	font-family: Verdana,Tahoma;
	font-size: 14px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
h2 img {
	vertical-align: baseline;
}

li {
	list-style:none;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/* 通常の文字リンク **********/
a:link {
    color:#F78B0E;
    text-decoration:none;
}        
/*訪問済み*/
a:visited {
	color:#F78B0E;
	text-decoration:none;
}
/*クリック時*/ 
a:active {
	color:#F78B0E;
	text-decoration:underline;
}
/*マウスの上にカーソルがある時*/
a:hover {
	color:#F78B0E;
	text-decoration:underline;
}

/* <p>内の文字リンク **********/
p a:link {
    color:#F78B0E;
    text-decoration:none;
}        
/*訪問済み*/
p a:visited {
	color:#F78B0E;
	text-decoration:none;
}
/*クリック時*/ 
p a:active {
	color:#F78B0E;
	text-decoration:underline;
}
/*マウスの上にカーソルがある時*/
p a:hover {
	color:#F78B0E;
	text-decoration:underline;
}

/* 全体[contents]の設定（800×auto）　上0、右0、下0、左0　→　幅800
******************************************************************************************** */
#contents {
	width: 850px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}

/* ◆左側[left]の設定（250×auto）　上0、右0、下0、左0　→　幅250
******************************************************************************************** */
#left {
	width: 250px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	float: left;

}

/* ◇ロゴ[left_logo]のレイアウト設定（250×120）　上0、右0、下0、左0　→　幅250
******************************************************************************************** */
#left_logo {
	width: 250px;
	height: 120px;
	padding: 0px;
	margin: 0px;
	background-color: #000000;
}

/* ◇左メニュー[left_menu]の設定（240×160）　上5、右5、下5、左5　→　幅240
******************************************************************************************** */
#left_menu {
	width: 240px;
	height: 160px;
	padding: 5px;
	margin: 0px;
	background-color: #000000;
	text-align: right;
}

/* ◇言語選択[left_lang]の設定（250×40）　上0、右0、下0、左0　→　幅250
******************************************************************************************** */
#left_lang {
	width: 250px;
	height: 40px;
	padding: 0px;
	margin: 0px;
	background-color: #000000;
	text-align: left;
}

/* ◇フッター[left_footer]の設定（240×70）　上5、右5、下5、左5　→　幅250
******************************************************************************************** */
#left_footer {
	width: 240px;
	height: 85px;
	padding: 5px;
	margin: 0px;
	background-color: #000000;
	text-align: center;
}

.copy {
	font-family: Verdana, Arial;
	font-size: 9px;
	color: #FF6633;
	text-align: center;
	font-weight: bold;
}

/* ◆右側[right]の設定（600×auto）　上0、右0、下0、左0　→　幅600
******************************************************************************************** */
#right {
	width: 600px;
	height: auto;
	padding: 0px;
	background-color: #000000;
	float: right;
	margin: 0px;
}

/* ◇右メニュー[right_menu]の設定（600×70）　上0、右0、下0、左0　→　幅600
******************************************************************************************** */
#right_menu {
	width: 600px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	background-color: #111111;
}

/* ◇トップページのイメージ[top_img]の設定（600×260）　上0、右0、下0、左0　→　幅600
******************************************************************************************** */
#top_img {
	width: 600px;
	height: 260px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(../img/top_img_en3.jpg);
}


/* ↓確認用ここから */
#top_img2 {
	width: 600px;
	height: 260px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(../img/top_img_en2.jpg);
}
#top_box2 {
	width: 280px;
	height: 35px;
	padding: 10px;
	margin-left: 10px;
	text-align: left;
}
#top_box2 p .new_title{
	font-size: 10px;
	line-height: 14px;
	color: #990000;
}
#top_box2 p .new_day{
	font-size: 9px;
	line-height: 14px;
	color: #ffffff;
}
#top_box2 p .new_line
{
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 10px;
	color: #996600;
	line-height: 20px;
	text-indent: 5px;
	vertical-align: text-botom;
}
#top_box2 p .new_line a
{
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 10px;
	color: #996600;
	line-height: 20px;
	text-indent: 5px;
	vertical-align: text-botom;
}
#top_box2 p .new_line a:link
{
	color: #996600;
	text-decoration: underline;
}
#top_box2 p .new_line a:active
{
	color: #996600;
	text-decoration: underline;
}
#top_box2 p .new_line a:visited
{
	color: #B08500;
	text-decoration: underline;	
}
#top_box2 p .new_line a:hover
{
	color: #FF9933;
	text-decoration: underline;
}
/* ↑確認用ここまで */



#top_box {
	width: 320px;
	height: 35px;
	padding: 10px;
	margin-left: 260px;
	text-align: right;
}
#top_box p .new_title{
	font-size: 10px;
	line-height: 14px;
	color: #990000;
}
#top_box p .new_day{
	font-size: 12px;
	line-height: 15px;
	color: #666666;
}

#top_box p .new_line
{
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 10px;
	color: #996600;
	line-height: 20px;
	text-indent: 5px;
	vertical-align: text-botom;
}
#top_box p .new_line a
{
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 13px;
	color: #996600;
	line-height: 20px;
	text-indent: 5px;
	vertical-align: text-botom;
}
/* Newの内容（リンク） */
#top_box p .new_line a:link
{
	color: #996600;
	text-decoration: underline;
}
#top_box p .new_line a:active
{
	color: #996600;
	text-decoration: underline;
}
#top_box p .new_line a:visited
{
	color: #996600;
	text-decoration: underline;
}
#top_box p .new_line a:hover
{
	color: #FF9933;
	text-decoration: underline;
}



/* ◇トップページの下部[top_under]の設定（600×170）　上0、右0、下0、左0　→　幅600
******************************************************************************************** */
#top_under {
	width: 600px;
	height: 170px;
	margin: 0px;
	padding: 0px;
	background-color: #2F0000;
	background-image: url(../img/top_under_bg2.png);
}

.under_banner a img:hover{
	position: relative;
	left: 1px;
	top: 1px;
}

/* ◇右のメインコンテンツ[right_main]の設定（565×auto）　上5、右0、下20、左35　→　幅600
******************************************************************************************** */
#right_main
{
	width: 565px;
	height: auto;
	background-color: #000000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 35px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* 左系のメニュー用 */
#right_main2
{
	width: 570px;
	height: auto;
	background-color: #000000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 30px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


/* Menu 共通
*********************************************************** */
/* Menu 見出し① */
.menu_desc h1
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 17px;
	color: #FFFFFF;
	padding-bottom: 5px;
}
/* Menu 見出し① 日本語*/
.menu_desc_ja h1
{
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 17px;
	color: #FFFFFF;
	padding-bottom: 5px;
}
/* Menu 見出し② */
.menu_desc h2
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 16px;
	color: #FFFFFF;
	padding-bottom: 4px;
}
/* Menu 見出し② 日本語*/
.menu_desc_ja h2
{
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 16px;
	color: #FFFFFF;
	padding-bottom: 4px;
}
/* Menu 記述 */
.menu_desc p
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}
/* Menu 記述（日本語） */
.menu_desc_ja p
{
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}

/* Menu 記述 b */
.menu_desc b
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
}
/* Menu 記述 b（日本語） */
.menu_desc_ja b
{
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
}
/* サブメニュー区分 */
.menu_sub
{
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	color:#FFFFFF;
	font-size:15px;
	background-color: #202000;
	height: 18px;
	width: 490px;
	margin-top: 4px;
	margin-bottom: 6px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 6px;
}
/* Menu用の写真サイズ① 140-105 */
.photo_140_105
{
	margin: 0px;
	padding: 0px;
	height: 105px;
	width: 140px;
	border: 1px solid #996600;
}
/* Menu用の写真サイズ② 132-99 */
.photo_132_99
{
	margin: 0px;
	padding: 0px;
	height: 99px;
	width: 132px;
	border: 1px solid #996600;
}
/* Menu用の写真サイズ③ 150-100 */
.photo_150_100
{
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 150px;
	border: 1px solid #996600;
}
/* Menu用の写真サイズ④ 200-150 */
.photo_200_150
{
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 200px;
	border: 1px solid #996600;
}
/* スペシャル弁当用 */
.sp_bento
{
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-weight:bold;
	color:#FFFF00;
	font-size: 12px;
}
/* 天麩羅用 */
.sp_tempura
{
	font-family: Verdana, Tahoma, Arial;
	font-weight:normal;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 20px;
}
/* 天麩羅用 */
.sp_tempura_ja
{
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-weight:normal;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 20px;
}
sp_tempura img {
	vertical-align: baseline;
}
sp_tempura_ja img {
	vertical-align: baseline;
}

/* にぎり用 */
.sp_nigiri
{
	font-family: Arial,Verdana, Tahoma;
	font-weight:normal;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 20px;
}
/* にぎり用 */
.sp_nigiri_ja
{
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-weight:normal;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 20px;
}
sp_nigiri img {
	vertical-align: baseline;
}
sp_nigiri_ja img {
	vertical-align: baseline;
}

/* ナマモノ注意の赤アスタリスク */
.red_ast
{
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}

/* Contact & Location 共通
*********************************************************** */
/* 地図・営業時間の記載エリア */
#access_area
{
	font-family: Verdana, Tahoma, Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	height: auto;
	width: 540px;
	background-image: url(../img/back_access.png);
	background-repeat: repeat-y;
	font-size: 12px;
}
/* 地図・営業時間の記載①日本語 */
.access_line1
{
	font-family: Verdana, Arial, "ＭＳ Ｐゴシック", "MS PGothic",;
	font-size: 13px;
	color:#FFCC33;
	text-align: center;
}
/* 地図・営業時間の記載①英語 */
.access_line1_en
{
	font-family: Verdana, Arial, "ＭＳ Ｐゴシック", "MS PGothic",;
	font-size: 13px;
	line-height:15px;
	color:#FFCC33;
	text-align: left;
	font-weight: bold;
}
/* 地図・営業時間の記載②日本語 */
.access_line2
{
	font-family: Verdana,  Arial, "ＭＳ Ｐゴシック", "MS PGothic",;
	font-size: 13px;
	line-height:18px;
	color:#FFFFFF;
}
/* 地図・営業時間の記載②英語 */
.access_line2_en
{
	font-family: Verdana, Arial, "ＭＳ Ｐゴシック", "MS PGothic",;
	font-size: 12px;
	line-height:15px;
	color:#FFFFFF;
}
/* Mail Formの記載エリア */
#mail_area
{
	font-family: Verdana, Tahoma, Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	height: auto;
	font-size: 12px;
	width: 500px;
	border: 1px solid #FFFFFF;
	background-color: #200000;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
/* Mail Formのインプット */
.input_box
{
	border: 1px solid #999999;
	font-size: 13px;
	padding: 1px;
}

/* drink用
*********************************************************** */
#right_left
{
	width: 205px;
	height: auto;
	background-color: #000000;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	margin: 0px;
	float: left;
}
#right_right
{
	width: 320px;
	height: auto;
	background-color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: left;
	margin: 0px;
	float: right;
}
#right_under
{
	width: 600px;
	height: auto;
	background-color: #000000;
	text-align: right;
	clear: both;
}
/* drink 記述 */
.drink_line
{
	font-size: 12px;
	color: #FFFF9a;
	line-height:16px;
}

/* What's New用
*********************************************************** */
/* Newの記載エリア */
#new_area
{
	width: 500px;
	height: auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #201500;
	border: 1px solid #333333;
}
/* Newの日付 */
.new_day
{
	font-family: Verdana, Tahoma, Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 12px;
	color: #FFFF44;
	line-height: 18px;
}
/* Newの内容 */
.new_line
{
	font-family: Verdana, Tahoma, Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
	text-indent: 5px;
}
/* Newの内容（リンク） */
.new_line a:link
{
	font-family: Verdana, Tahoma, Arial, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	color: #FFFFFF;
	line-height: 20px;
	text-indent: 5px;
	text-decoration: underline;
}
.new_line a:active
{
	color: #FFFFFF;
	text-decoration: none;
	text-decoration: underline;
}
.new_line a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	text-decoration: underline;
}
.new_line a:hover
{
	color: #FF9933;
	text-decoration: underline;
}

/* Special用
*********************************************************** */
/* Specialの記載エリア */
#sp_area
{
	font:normal 13px/140% Arial,"ＭＳ Ｐゴシック", "MS PGothic","MS UI Gothic";
	width: 500px;
	height: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #281400;
	border: 1px solid #845900;
}
#sp_area p
{
	font:normal 13px/140% Arial,"ＭＳ Ｐゴシック", "MS PGothic","MS UI Gothic";
}
#sp_area h1
{
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic";
	font-size: 24px;
	line-height:28px;
	color: #FFFFFF;
	padding-bottom: 4px;
}
/* Specialの画像 */
.sp_img
{
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
}
/* Happy Hourの記載エリア */
.happy_box
{
	width: 240px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	float: left;
	clear: right;
}
/* Happy Hourの記載 */
.happy_line
{
	font-size:15px;
	line-height:17px;
	color:#FFFFBB;
}


/* Voice 共通
*********************************************************** */
/* Voiceの記載エリア */
#voice_area
{
	width: 480px;
	background-color: #330000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
/* Voiceの記載エリア（中） */
#voice_area_in
{
	width: 480px;
	font-size: 12px;
}