@charset "shift_jis"; body { color: #FFFFFF; /*全般の文字色*/ margin: 0px; padding: 0px; text-align: center; font : normal normal normal 13px /2 "メイリオ", meiryo, "ＭＳＰゴシック", osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; background: #000000 url(../images/bg.jpg) no-repeat fixed center top; /*背景色、背景画像の読み込み＆リピートなし＆固定(スクロールさせない)＆中央上部に配置*/ } h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{ margin: 0px; padding: 0px; } ul{ list-style-type: none; } img { border: none; } input,textarea,select { font-size: 1em; } form { margin: 0px; } table { border-collapse:collapse; font-size: 100%; border-spacing: 0; } /*リンク（全般）設定 ---------------------------------------------------------------------------*/ a { color: #FFFFFF; } a:hover { color: #FE0000; /*マウスオン時の文字色（全体）*/ text-decoration: none; } /*コンテナー（HPを囲むブロック） ---------------------------------------------------------------------------*/ #container { text-align: left; width: 983px; margin-right: auto; margin-left: auto; background : #000000 url(../images/container_bg_hot.jpg) no-repeat scroll center top; /*基本のコンテナー背景画像*/ padding-right: 0px; padding-left: 0px; } /*とついた場合の背景画像*/ #top #container { background: #000 url(../images/container_bg_top.jpg) no-repeat center top; } /*とついた場合の背景画像*/ #lunch #container { background: #000 url(../images/container_bg_cool.jpg) no-repeat center top; } /*とついた場合の背景画像*/ #osusume #container { background: #000 url(../images/container_bg_hot.jpg) no-repeat center top; } /*とついた場合の背景画像*/ #set #container { background: #000 url(../images/container_bg_rice.jpg) no-repeat center top; } /*とついた場合の背景画像*/ #tanpin #container { background: #000 url(../images/container_bg_snack.jpg) no-repeat center top; } /*とついた場合の背景画像*/ #omise #container { background: #000 url(../images/container_bg_drinks-sweet.jpg) no-repeat center top; } /*とついた場合の背景画像*/ #recruit #container { background: #000 url(../images/container_bg_souvenirs.jpg) no-repeat center top; } /*とついた場合の背景画像*/ #recruit #container { background: #000 url(../images/container_bg_shop_introduction.jpg) no-repeat center top; } /*とついた場合の背景画像*/ #recruit #container { background: #000 url(../images/container_bg_questions-requests.jpg) no-repeat center top; } /*メインメニュー ---------------------------------------------------------------------------*/ ul#menu li { float: left; padding-right: 10px; padding-bottom: 30px; } ul#menu { padding-left: 10px; } ul#menu img { vertical-align: bottom; } /*メインコンテンツ ---------------------------------------------------------------------------*/ #main { float: right; /*メインコンテンツを右(right)に回り込み*/ width : 764px; } /*h2タグ設定*/ #main h2 { font-size: 100%; /*文字サイズ*/ clear: both; color: #FFF; /*文字色*/ width: 660px; background: #575806 url(../images/bg1.gif) repeat-x top; /*背景色、背景画像の読み込み＆X軸(横軸)にリピート＆上部に配置*/ padding: 10px; /*余白*/ } /*段落タグの余白設定*/ #main p { padding: 0.5em 10px 1em; /*左から、上、左右、下への余白*/ } /*基本のh1見出しタグ設定*/ #main h1 { font-size: 9px; /*文字サイズ*/ text-align: right; /*テキストを右寄せ*/ padding-bottom: 350px; /*基本のh1タグの下の余白*/ font-weight: normal; } #main h1 a { text-decoration: none; } /*とついた場合のh1タグの下の余白*/ #lunch #main h1 { padding-bottom: 200px; } /*とついた場合のh1タグの下の余白*/ #osusume #main h1 { padding-bottom: 200px; } /*とついた場合のh1タグの下の余白*/ #set #main h1 { padding-bottom: 200px; } /*とついた場合のh1タグの下の余白*/ #tanpin #main h1 { padding-bottom: 200px; } /*とついた場合のh1タグの下の余白*/ #omise #main h1 { padding-bottom: 200px; } /*とついた場合のh1タグの下の余白*/ #recruit #main h1 { padding-bottom: 200px; } /*サブコンテンツ ---------------------------------------------------------------------------*/ #sub { float: left; /*サブコンテンツを左(left)に回り込み*/ width : 219px; /*サブコンテンツ幅*/ padding-bottom: 30px; } /*ロゴ画像設定*/ #sub #logo { text-align: center; padding-bottom: 40px; padding-top: 30px; } /*トップページ内「更新情報・お知らせ」ブロック ---------------------------------------------------------------------------*/ #main .new { overflow: auto; height: 140px; /*ブロックの高さ*/ width: 670px; padding-left: 10px; } #main .new dl { clear: left; width: 650px; border-bottom: 1px solid #666; /*日付ごとの下線の幅、線種、色*/ overflow: hidden; } #main .new dt { font-weight: bold; float: left; width: 100px; } #main .new dd { float: left; width: 550px; } #main .new dd img { vertical-align: middle; } *html #main .new dd img { margin-top:0.5em; vertical-align: baseline; } /*フッター ---------------------------------------------------------------------------*/ #footer { clear: both; width: 100%; text-align: right; /*文字を右寄せ*/ font-size: 11px; /*文字サイズ*/ padding-top: 20px; right : 20px; } #footer a { text-decoration: none; } /*テーブル１ ---------------------------------------------------------------------------*/ .ta1 { width: 680px; } .ta1, .ta1 td, .ta1 th{ border: 1px solid #666; /*テーブルの枠線の幅、線種、色*/ line-height: 2; } /*テーブル内の右側*/ .ta1 td{ width: 437px; padding: 10px; vertical-align: top; } /*テーブル内の左側の見出し部分*/ .ta1 th{ width: 200px; padding: 10px; text-align: center; background: #751C00; /*背景色*/ color: #FFF; /*文字色*/ } /*テーブル１行目に入った見出し部分*/ .ta1 th.tamidashi{ width: auto; text-align: left; /*文字色*/ background: #FFF; /*背景色*/ color: #333; /*文字色*/ } /*メニュー紹介用の各ボックス設定 ---------------------------------------------------------------------------*/ #main .box1 { padding: 11px; /*ボックス内の余白*/ float: left; /*ボックスを左に回り込みさせる*/ width: 190px; /*ボックスの幅。写真と同じサイズにするといい。*/ margin-left: 10px; /*各ボックス同士の左側にとるスペース*/ margin-bottom: 1em; /*各ボックス同士の下側にとるスペース*/ height: 230px; /*ボックスの高さ*/ color: #333; /*ボックス内の文字色*/ background: #FFF; /*ボックスの背景色*/ overflow: hidden; /*オーバーした文字を非表示にする設定*/ } /*おすすめマーク設定*/ #main .box1.osusume { background: #FFF url(../images/mark_osusume.gif) no-repeat right bottom; /*左から背景色＆背景画像の読み込み＆リピートしない＆右下に配置*/ } /*ボックス内のh3タグ設定*/ #main .box1 h3 { font-size: 100%; color: #a0a30c; /*文字色*/ border-bottom: 1px solid #a0a30c; /*下部の線の幅、線種、色*/ } /*ボックス内のpタグ設定*/ #main .box1 p { padding: 0px; font-size: 11px; /*文字サイズ*/ } /*その他 ---------------------------------------------------------------------------*/ .look { background: #333; } .mb1em { margin-bottom: 1em; } .clear { clear: both; } ul.disc { padding: 0em 25px 1em; list-style: disc; } .color1 { color: #FE0000; } .pr { font-size: 10px; } .btn { font-size: 13px; } .wl { width: 96%; } .ws { width: 50%; } .c { text-align: center; }