﻿/*　-------------------------------------------------------------------------------------

サイト共通設定
-------------------------------------------------------------------------------------　*/

* {
	font-size: 100%;
	line-height: 1;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Verdana', 'Arial', 'sans-serif';
	font-size: 0.75em;
	color: #6D583F;
	background-color: #000000;
	background-image: url(../img/total/back.jpg);
	background-repeat: repeat-x;
}
* html body {
    font-family: 'ＭＳ Ｐゴシック','sans-serif';
}

*:first-child+html body {
    font-family: 'メイリオ','ＭＳ Ｐゴシック','sans-serif';
}
a:link {
	color: #D8240C;
}
a:visited {
	color: #D8240C;
}
a:hover {
	color: #990000;
}
a:active {
	color: #990000;
}
h1,h2,h3,h4,h5,h6,p,dt,dd,li,a {
	line-height: 1.4;
}
strong {
	font-weight: bold;
}

/*　背景　*/
#page1 {
	background-position: 0px 544px;
}
#page2,#page3,#page4,#page5,#page6,#page7,#page8 {
	background-position: 0px 464px;
}

/*　ヘッダ　*/
#header {
	background-image: url(../img/total/header_back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
#header .pack {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

/*　キービジュアル　*/
#swf {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 880px;
}

/*　メニューボタン　*/
#main_menu {
	background-image: url(../img/total/menu_back.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 64px;
	width: 100%;
	float: left;
}
#main_menu .pack {
	height: 64px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
#main_menu ul {
	list-style-type: none;
}
#main_menu li {
	float: left;
}
#main_menu a:hover img,#main_menu a:active img {
	position: absolute;
	visibility: hidden;
}
#m1 a {
	display: block;
	background-image: url(../img/total/m1b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 64px;
	width: 116px;
}
#m2 a {
	display: block;
	background-image: url(../img/total/m2b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 64px;
	width: 122px;
}
#m3 a {
	display: block;
	background-image: url(../img/total/m3b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 64px;
	width: 111px;
}
#m4 a {
	display: block;
	background-image: url(../img/total/m4b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 64px;
	width: 96px;
}
#m5 a {
	display: block;
	background-image: url(../img/total/m5b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 64px;
	width: 99px;
}
#m6 a {
	display: block;
	background-image: url(../img/total/m6b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 64px;
	width: 109px;
}
#m7 a {
	display: block;
	background-image: url(../img/total/m7b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 64px;
	width: 120px;
}
#m8 a {
	display: block;
	background-image: url(../img/total/m8b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 64px;
	width: 107px;
}
#page1 #m1 a img,#page2 #m2 a img,#page3 #m3 a img,#page4 #m4 a img,#page5 #m5 a img,#page6 #m6 a img,#page7 #m7 a img,#page8 #m8 a img {
	position: absolute;
	visibility: hidden;	
}

/*　メイン+フッタ　*/
#container {
	clear: both;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

/*　メインコンテンツ枠　*/
#main {
	width: 800px;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 31px;
	background-color: #FFEFCE;
	background-image: url(../img/total/main_back.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	padding-bottom: 35px;
}
#footer {
	background-image: url(../img/total/footer.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	height: 104px;
	width: 745px;
	padding-left: 135px;
	padding-top: 15px;
}
#footer ul {
	list-style-type: none;
	font-size: 0.8em;
}
#fm {
	height: 3em;
}
#fm li {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#fm_end {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#copyright {
	text-indent: -9999px;
}

/*　-------------------------------------------------------------------------------------

トップページ
-------------------------------------------------------------------------------------　*/

/*　フラッシュ　*/
#page1 #swf {
	background-image: url(../img/top/swf.jpg);
	height: 480px;
}

/*　左カラム　*/
#page1 #main .left {
	float: left;
	width: 340px;
}

/*　コンセプト　*/
#top_concept {
	clear: both;
	width: 340px;
	margin-bottom: 2em;
}
#page1 h1 {
	margin-bottom: 1em;
}

/*　新着情報　*/
#info {
	width: 340px;
	margin-bottom: 2em;
}
#info h2 {
	margin-bottom: 1em;
}
#info ul {
	padding-left: 1.5em;
}

/*　店舗情報　*/
#top_shopinfo {
	float: left;
	width: 340px;
}
#top_shopinfo .photo {
	float: left;
	height: 160px;
	width: 144px;
}
#top_shopinfo .r {
	float: right;
	width: 180px;
}
#top_shopinfo h2 {
	font-weight: bold;
}
#top_shopinfo ul {
	list-style-type: none;
	margin-bottom: 1em;
	font-size: 0.9em;
}
#top_shopinfo .b_access {
	float: right;
}

/*　右カラム　*/
#page1 #main .right {
	float: right;
	width: 440px;
}
#page1 #main .right h3 {
	margin-bottom: 2em;
}
#page1 #main .right h2 {
	margin-bottom: 0.5em;
}
#page1 #main .right p {
	margin-bottom: 1em;
}

/*　-------------------------------------------------------------------------------------

コンセプトページ
-------------------------------------------------------------------------------------　*/

/*　ページ共通設定　*/
#page2 #main .l {
	float: left;
	width: 390px;
}
#page2 #main .r {
	float: right;
	width: 390px;
}
#page2 #main h2 {
	margin-bottom: 1em;
}
#page2 #main p {
	margin-bottom: 1em;
}

/*　西荻窪の地下のダイニング空間　*/
#concept1 {
	float: left;
	width: 800px;
	margin-bottom: 1em;
}

/*　彩り鮮やか無国籍料理の数々　*/
#concept2 {
	float: left;
	width: 800px;
	margin-bottom: 1em;
	clear: both;
}

/*　デートにも会社帰りの一杯にも　*/
#concept3 {
	float: left;
	width: 800px;
	margin-bottom: 1em;
	clear: both;
}

/*　お気軽パーティープラン　*/
#concept4 {
	float: left;
	width: 800px;
	clear: both;
}

/*　-------------------------------------------------------------------------------------

コースページ
-------------------------------------------------------------------------------------　*/

/*　ページ共通設定　*/
#page3 #main h2 {
	margin-bottom: 1em;
}
#page3 #main p {
	margin-bottom: 1em;
}
#page3 #main #course2 .pack h3 {
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: outset;
	border-left-color: #6D583F;
	padding-left: 10px;
	margin-bottom: 1em;
}
#page3 #main #course2 .pack dl {
	margin-bottom: 1em;
}
#page3 #main #course2 .pack dt {
	float: left;
	font-weight: bold;
	color: #CC0000;
}
#page3 #main #course2 .pack dd {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	color: #CC0000;
	margin-bottom: 0.5em;
}
#page3 #main #course2 .pack ul {
	padding-left: 1.5em;
}

/*　人数、予算に応じて　*/
#course1 {
	width: 800px;
	margin-bottom: 1em;
}
#course1 .pack {
	background-image: url(../img/course/course1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 210px;
	width: 430px;
	padding-top: 20px;
	padding-right: 350px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#course1 h3 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
}

/*　料金表等　*/
#course2 {
	float: left;
	width: 800px;
	margin-bottom: 1em;
}
#course2 .left {
	float: left;
	width: 390px;
}
#course2 .left .pack {
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #6D583F;
	border-right-color: #6D583F;
	border-bottom-color: #6D583F;
	border-left-color: #6D583F;
	padding: 16px;
}
#course2 .left .pack ul {
	margin-bottom: 1em;
}
#course2 .left .pack .note {
	background-color: #FFE7B3;
	padding: 10px;
	border: 1px dotted #6D583F;
}
#course2 .right {
	float: right;
	width: 390px;
}
#course2 .right .pack {
	padding: 19px;
	width: 350px;
	background-color: #FFDB8E;
	border: 1px solid #FFC855;
	margin-bottom: 1em;
}

/*　-------------------------------------------------------------------------------------

フードページ
-------------------------------------------------------------------------------------　*/

/*　ページ共通設定　*/
#page4 #main h2 {
	margin-bottom: 1em;
}
#page4 #main .l {
	float: left;
	width: 390px;
}
#page4 #main .r {
	float: right;
	width: 390px;
}
#page4 #main ul {
	padding-left: 1.5em;
	margin-bottom: 1em;
}

/*　人気メニュー　*/
#menu1 {
	float: left;
	width: 800px;
	margin-bottom: 1em;
}
#menu1 dl {
	margin-bottom: 1em;
}
#menu1 dt {
	float: left;
	font-weight: bold;
	color: #CC0000;
}
#menu1 dd {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	color: #CC0000;
	margin-bottom: 0.5em;
}
#menu1 p {
	margin-bottom: 1em;
	margin-top: -1em;
}

/*　黒板メニュー　*/
#menu2 {
	clear: both;
	width: 800px;
	margin-bottom: 1em;
}
#menu2 .pack {
	background-image: url(../img/menu/menu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 120px;
	width: 350px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 410px;
}
#menu2 h3 {
	font-weight: bold;
	color: #FFCC00;
	margin-bottom: 1em;
	border-left-width: 5px;
	border-left-style: outset;
	border-left-color: #990000;
	padding-left: 10px;
	font-size: 1.2em;
}
#menu2 p {
	color: #FFFFCC;
}

/*　定番メニュー　*/
#menu3 {
	float: left;
	width: 800px;
	margin-bottom: 1em;
}
#menu3 h3 {
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: outset;
	border-left-color: #6D583F;
	padding-left: 10px;
	margin-bottom: 1em;
}
#menu3 dl {
	margin-bottom: 1em;
}
#menu3 dt {
	float: left;
	font-weight: bold;
	color: #CC0000;
}
#menu3 dd {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	color: #CC0000;
	margin-bottom: 0.5em;
}
#menu3 p {
	margin-bottom: 1em;
	margin-top: -1em;
}
#menu3 .photo {
	margin-bottom: 1em;
}
#page4 #main #menu3 ul {
	margin-bottom: 2em;
}

/*　ランチ　*/
#lunch {
	float: left;
	width: 800px;
	margin-bottom: 1em;
	clear: both;
}
#lunch p {
	margin-bottom: 1em;
}
#lunch h3 {
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: outset;
	border-left-color: #6D583F;
	padding-left: 10px;
	margin-bottom: 1em;
}
#lunch .pack {
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	border-top-color: #6D583F;
	border-right-color: #6D583F;
	border-bottom-color: #6D583F;
	border-left-color: #6D583F;
	padding: 16px;
	margin-bottom: 1em;
	background-color: #FFE7B3;
}
#lunch dl {
	margin-bottom: 1em;
}
#lunch dt {
	font-weight: bold;
	color: #CC0000;
}
#lunch dd {
	color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	margin-bottom: 0.5em;
}
#lunch .note {
	padding: 10px;
	background-color: #FFDD97;
	border: 1px solid #FFD379;
}
#lunch .photo {
	margin-bottom: 1em;
}

/*　-------------------------------------------------------------------------------------

ドリンクページ
-------------------------------------------------------------------------------------　*/

/*　ドリンクメニュー紹介　*/
#drink {
	float: left;
	width: 800px;
}
#drink h2 {
	margin-bottom: 1em;
}
#drink .l {
	float: left;
	width: 390px;
}
#drink .r {
	float: right;
	width: 390px;
}
#drink h3 {
	font-weight: bold;
	margin-bottom: 1em;
	background-color: #FFCF6A;
	padding: 5px;
	color: #604100;
}
#drink h4 {
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: outset;
	border-left-color: #CC0000;
	padding-left: 10px;
	margin-bottom: 1em;
	color: #CC0000;
}
#drink h5 {
	font-weight: bold;
	margin-bottom: 1em;
	color: #2C1702;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2C1702;
}
#drink dl {
	margin-bottom: 1em;
}
#drink dt {
	float: left;
	font-weight: bold;
}
#drink dd {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6D583F;
	color: #CC0000;
	margin-bottom: 0.5em;
}
#drink p {
	margin-bottom: 1em;
}
#drink .photo {
	margin-bottom: 1em;
}
#drink ul {
	margin-bottom: 1em;
	padding-left: 1.5em;
}
#drink .pack {
	padding: 10px;
	border: 1px dotted #FFDD95;
	background-color: #FFF8E8;
	margin-bottom: 1em;
}

/*　-------------------------------------------------------------------------------------

店舗情報ページ
-------------------------------------------------------------------------------------　*/

/*　ページ共通設定　*/
#page6 #main h2 {
	margin-bottom: 1em;
}
#page6 #main .l {
	float: left;
	width: 390px;
}
#page6 #main .r {
	float: right;
	width: 390px;
}

/*　店舗情報　*/
#access1 {
	float: left;
	width: 800px;
	margin-bottom: 1em;
}
#access1 dt {
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: outset;
	border-left-color: #CC0000;
	padding-left: 10px;
	margin-bottom: 1em;
	color: #CC0000;
}
#access1 dd {
	margin-bottom: 1em;
}
#access1 ul {
	padding-left: 1.5em;
	margin-bottom: 1em;
}
#access1 .photo {
	margin-bottom: 1em;
}

/*　近隣マップ　*/
#access2 {
	float: left;
	width: 800px;
	clear: both;
}
