@charset "utf-8";
/*
/*
* HTML5 ✰ Boilerplate
*
* 以下は、クロスブラウザースタイリングに関する多くのリサーチの結果です。
* Nicolas Gallagher、Jonathan Neal、
* Kroc Camen および H5BP 部門のコミュニティとチームの貢献に対してここに心より感謝申し上げます。
*
* この CSS について詳しくは、h5bp.com/css を参照してください
*
* Dreamweaver の変更点 :
* 1. 選択ハイライトをコメントアウトしました
* 2. メディアクエリセクションを削除しました (別のファイルに独自のセクションを追加)
*
* ==|== 正規化 ==========================================================
*/
/* =============================================================================
HTML5 表示定義
========================================================================== */
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; }
[hidden] { display: none; }
/* =============================================================================
ベース
========================================================================== */
/*
* 1. 本文のフォントサイズの設定に em 単位を使用している場合、IE6/7 のテキストの正常でないサイズ変更を修正
* 2. IE 以外での垂直スクロールバーの使用を強制
* 3. ユーザーズームを無効にしないと、デバイス方向の変更で iOS テキストサイズが調整されないように修正 : h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea {
font-family: sans-serif;
color: #222;
background-image: url(common/img/wood_background512.jpg);
background-position:center;
background-color:#29211A;
}
/*
* 選択ハイライトでテキストシャドウを削除 : h5bp.com/I
* これらの選択の宣言は、個々に行われる必要があります
* 関連項目 : ホットピンク (または、デザインに合わせて背景色をカスタマイズ)
*/
/* Dreamweaver : 選択ハイライトをカスタマイズする場合は、これらを非コメント化します
*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
*::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/
/* =============================================================================
リンク
========================================================================== */
a { color:#5B4435;text-decoration:none;}
a:visited { color:#5B4435; }
a:hover { color: #9E775C; }
a:focus { outline: thin dotted; }
/* すべてのブラウザーで、フォーカスの設定時およびホバー時の読みやすさを改善 : h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
テキスト編集
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* タイプライター字体ファミリーを再宣言 : h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* すべてのブラウザーでのプリフォーマットテキストの読みやすさを改善 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* 行の高さに影響を与えずに、サブスクリプトおよびスーパースクリプトコンテンツを配置 : h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
リスト
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
埋め込まれたコンテンツ
========================================================================== */
/*
* 1. IE7 で拡大/縮小する際の画質を改善 : h5bp.com/d
* 2. イメージコンテナでのイメージとボーダーとの間の隙間を削除 : h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* IE9 で非表示にならないオーバーフローを修正
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
図
========================================================================== */
figure { margin: 0; }
/* =============================================================================
フォーム
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* “ラベル” が、関連付けられたフォームエレメントにフォーカスをシフトするように指定 */
label { cursor: pointer; }
/*
* 1. IE6/7/8/9 の継承しないカラーを修正
* 2. IE6/7 正常に表示されない整列を修正
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. すべてのブラウザーでの継承しないフォントサイズを修正
* 2. FF3/4 S5 Chrome のマージンを削除
* 3. すべてのブラウザーの縦揃えの一貫した表示を定義
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. FF3/4 に合わせて行の高さを標準に定義 (UA スタイルシートで !important を使用して設定)
* 2. IE6/7 で正常に表示されない内部間隔を修正
*/
button, input { line-height: normal; *overflow: visible; }
/*
* IE6/7 のオーバーラップとホワイトスペースの問題を回避するために “テーブル” の内部間隔を再導入
*/
table button, table input { *overflow: auto; }
/*
* 1. クリック可能なフォームエレメントの手の形のカーソルを表示
* 2. iOS のクリック可能なフォームエレメントのスタイル付けを許可
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* 一貫したボックスのサイズ変更および外観を保持
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* FF3/4 の内部余白とボーダーを削除 : h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. IE6/7/8/9 のデフォルトの垂直スクロールバーを削除
* 2. 垂直のサイズ変更のみを許可
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* フォームの有効期間のカラー */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
テーブル
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== プライマリスタイル =====================================================
作成者 :
========================================================================== */
#LayoutDiv0 {
min-width:1024px;/*コメントでリキッドOFF HTMLのLayoutDiv0を消去 */
width:100%;
margin-bottom:5px;
}
#LayoutDiv1{
line-height:8pt;
}
#LayoutDiv1 > h1 {
margin-top:2px;
margin-right:5px;
color: #8A6851;
font-size:7pt;
font-weight:normal;
/* float:left; とならべる*/
}
#LayoutDiv1 > p {
margin-top:0px;
color: #8A6851;
font-size:7pt;
text-align:right;
}
#LayoutDiv2{
}
#LayoutDiv3{
margin-top:5px;
}
#LayoutDiv4{
background:url(common/img/center_pattern.png) repeat;
padding-left:5%;
min-width:1024px;/*コメントでリキッドON*/
/* height:85px;*//*コメントでリキッドOFF*/
}
#LayoutDiv4 nav li{
float:left;
padding:8px 0px 8px 0px;
margin-right:2%;
}
#LayoutDiv5{
background:url(common/img/center_pattern_shadow.png) repeat-x;
height:56px;
padding-top:10px;
padding-left:5%;
font-size:14px;
font-weight:bold;
color:#5B4435;
}
#LayoutDiv5 > ul > li {
display:inline;
}
#LayoutDiv5 > ul > li .current{
color:#9E775C;
}
#LayoutDiv6{
background:url(common/img/body_bg.gif) repeat;
margin:20px 5% 5% 20px;
padding:40px 25px 25px 40px;
font-size:14px;
width:89%;
color:#5B4435;
}
#LayoutDiv7{
background:url(common/img/center_pattern.png) repeat;
padding-left:15%;
min-width:1024px;/*コメントでリキッドON*/
/* height:85px;*//*コメントでリキッドOFF*/
}
#LayoutDiv7 nav li{
float:left;
padding:8px 0px 8px 0px;
margin-right:2%;
}
#LayoutDiv8{
margin:10px 0px 0px 5%;
color:#FFFFFF;
width:75px;
height:121px;
}
#LayoutDiv9{
height:70px;
width:auto;
padding-top:70px;
padding-left:10px;
padding-right:0px;
}
#LayoutDiv10{
float:right;
height:45px;
margin-top:10px;
margin-right:10px;
}
#LayoutDiv10 li{
float:right;
margin-right:5px;
}
address{
font-size:9pt;
line-height:11pt;
font-style:normal;
color:#FFFFFF;
}
.menulist {
width:310px;
height:460px;
padding-top:15px;
padding-left:17px;
padding-bottom:20px;
background:url(foodmenu/img/menu_bg.gif) no-repeat;
margin:7px;
float:left;
}
.menulistx2 {
width:720px;
padding-top:0px;
padding-left:10px;
padding-bottom:20px;
margin-bottom:20px;
margin-left:0px;
float:left;
}
.eclipse {
width:290px;
height:240px;
margin-bottom:20px;
box-shadow:2px 2px 4px #333;
}
.brownorange {
font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14pt;
color:#973307;
}
.brownorangex2 {
margin-top: 0px !important;
margin-bottom: 0px !important;
font: "メイリオ", sans-serif, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-size: 14pt;
line-height: 18pt;
color: #973307;
float: left;
}
.menudescript {
width:300px;
font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:11pt;
line-height:14pt;
color:#3F3325;
}
.menudescriptx2 {
margin-top:0px !important;
margin-bottom:0px !important;
width:600px;
font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:11pt;
line-height:11pt;
color:#3F3325;
}
.flL{float:left;}
.clB {clear:both;}
.ml15p {
margin-left:15%;
}
.imgLeft {
margin-bottom: 20px;
margin-right: 1em;
width: auto; height: auto; float: left;
}
#mafcan_bg {
position:relative;
top:-100px;
left:80px;
width:848px;
height:820px;
/*＊background:url(ingredients/img/mafcan.gif) no-repeat;*/
z-index:1;
}
.shadowtxt {
position:relative;
top:0px;
left:0px;
color:#423930;
font-family: "小塚明朝 Pro B";
font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight:bold;
font-size:14pt;
text-shadow: 1px 1px 3px #888888;
z-index:2;
}
.ebiiro {
color:#E83929;
font-weight:bold;
}