﻿/*　-------------------------------------------------------------------------------------

サイト共通設定
-------------------------------------------------------------------------------------　*/

* {
	font-size: 100%;
	line-height: 1;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Verdana', 'Arial', 'sans-serif';
	font-size: 0.8em;
	color: #eeeeee;
	background-color: #440000;
	background-image: url(../img/total/back2.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
* html body {
    font-family: 'ＭＳ Ｐゴシック','sans-serif';
}

*:first-child+html body {
    font-family: 'メイリオ','ＭＳ Ｐゴシック','sans-serif';
}
a:link {
	color: #FFFFE7;
}
a:visited {
	color: #FFFFE7;
}
a:hover {
	color: #A59256;
}
a:active {
	color: #A59256;
}
h1,h2,h3,h4,h5,h6,p,dt,dd,li,a,address {
	line-height: 1.5;
}
strong {
	font-weight: bold;
}
address {
	font-style: normal;
}


/*　外枠　-----------------------------------------------------------------　*/
#container {
	clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/*　ヘッダ部分　-----------------------------------------------------------------　*/
#header {
	height: 80px;
	width: 800px;
	clear: both;
}

#header h1 {
	text-align: right;
	padding-right: 30px;
	height: 15px;
	width: 580px;
	float: right;
	padding-top: 25px;
	color: #ffffff;
	font-size: 0.8em;
}

#logo {
	float: left;
	height: 80px;
	width: 190px;
}

#header p {
	float: right;
	height: 40px;
	width: 290px;
}


/*　キービジュアル　-----------------------------------------------------------------　*/
#key {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	height: 200px;
	width: 800px;
}
#key2 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	height: 200px;
	width: 800px;
}


/*　メニューボタン　-----------------------------------------------------------------　*/
#main_menu {
	height: 56px;
	width: 800px;
	list-style-type: none;
}

#main_menu li {
	float: left;
}

#m1 a {
	display: block;
	height: 56px;
	width: 77px;
	background-image: url(../img/total/m1o.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m2 a {
	display: block;
	height: 56px;
	width: 100px;
	background-image: url(../img/total/m2o.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m3 a {
	display: block;
	height: 56px;
	width: 107px;
	background-image: url(../img/total/m3o.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m4 a {
	display: block;
	height: 56px;
	width: 87px;
	background-image: url(../img/total/m4o.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m5 a {
	display: block;
	height: 56px;
	width: 116px;
	background-image: url(../img/total/m5o.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m6 a {
	display: block;
	height: 56px;
	width: 103px;
	background-image: url(../img/total/m6o.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m7 a {
	display: block;
	height: 56px;
	width: 80px;
	background-image: url(../img/total/m7o.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#m8 a {
	display: block;
	height: 56px;
	width: 130px;
	background-image: url(../img/total/m8o.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#main_menu a:hover img,#main_menu a:active img {
	position: absolute;
	visibility: hidden;
}


/*
#page1 #m1 a img,#page2 #m2 a img,#page3 #m3 a img,#page4 #m4 a img,#page4 #m5 a img,#page6 #m6 a img,#page7 #m7 a img,#page8 #m8 a img, {
	position: absolute;
	visibility: hidden;
}
*/



/*　コンテンツ枠　-----------------------------------------------------------------　*/
#main {
	clear: both;
	width: 800px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}


/*　コンテンツトップ共通枠　-----------------------------------------------------------------　*/
.frame_top {
	background-image: url(../img/total/frame_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	height: 30px;
	width: 800px;
	float: left;
}

.frame_body {
	background-image: url(../img/total/frame_body.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	clear: both;
	float: left;
	width: 740px;
	padding-right: 30px;
	padding-left: 30px;
}

.frame_bottom {
	background-image: url(../img/total/frame_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	float: left;
	height: 30px;
	width: 800px;
}

.frame_key {
	font-size:1.4em;
	font-weight:700;
	color:#FFCC00;
}




/*　フッタ　-----------------------------------------------------------------　*/
#footer {
	background-image: url(../img/total/footer.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	clear: both;
	height: 120px;
	width: 100%;
}
#footer .pack {
	clear: both;
	height: 120px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
}

#footer .pack .l {
	float: left;
	height: 95px;
	width: 590px;
	padding-top: 25px;
}

#fm {
	list-style-type: none;
	clear: both;
	margin-bottom: 1em;
	width: 100%;
	height: 1em;
}

#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;
}

#footer .pack address {
	clear: both;
	color: #ffffff;
}

#copyright {
	float: right;
	height: 120px;
	width: 205px;
}



/*　--　トップページ　--　*/


/*　フラッシュ　*/
#page1 #swf {
	background-image: url(../img/top/swf.jpg);
}

/*　コンセプト　*/
#top_concept {
	background-image: url(../img/top/kasou_concept.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 280px;
	width: 760px;
	padding-top: 30px;
	padding-right: 260px;
	padding-left: 27px;
	clear: both;
	margin-bottom: 1em;
	margin-right: 2em;
}

#top_concept h3 {
	clear: both;
	margin-bottom: 1em;
}


/*　左カラム　*/
#page1 #main #left {
	float: left;
	width: 370px;
}



/*　トピックス　*/
#news {
	clear: both;
	width: 390px;
	margin-bottom: 2em;
}

#news h3 {
	clear: both;
	margin-bottom: 1em;
}

#news ul {
	list-style-type: none;
	clear: both;
	padding-left: 1em;
}

#news li {
	background-image: url(../img/total/point.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	clear: both;
	margin-bottom: 0.5em;
}



/*　モバイル・ＱＲ　-----------------------------------------------------------------　*/
#mobile {
	clear: both;
	margin-bottom: 2em;
	float: left;
	width: 390px;
}

#mobile h3 {
	clear: both;
	margin-bottom: 1em;
}

#mobile .l {
	float: left;
	height: 90px;
	width: 90px;
}

#mobile .r {
	float: right;
	width: 290px;
	color: #FFFFFF;
}


#top_shopinfo {
	clear: both;
	width: 370px;
	margin-top: 12px;
	background-color: #520000;
}

#top_shopinfo .l {
	float: left;
	height: 120px;
	width: 120px;
	
}

#top_shopinfo .r {
	float: right;
	width: 230px;
}

#top_shopinfo address {
	clear: both;
	margin-bottom: 1em;
}

#top_shopinfo p {
	float: right;
}



/*　右カラム　*/
#page1 #main #right {
	float: right;
	width: 380px;
	padding-top: 15px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 16px;
	background-color: #520000;
}

#page1 #main #right img {
	clear: both;
	margin-bottom: 0.5em;
}

#page1 #main #right p {
	clear: both;
	margin-bottom: 1em;
}






/*　--　レイアウトページ　-----------------------------------------------------------------　*/

/*　キービジュアル　*/
#page2 #swf {
	background-image: url(../img/concept/header_img.jpg);
}





/*　--　パーティーページ　-----------------------------------------------------------------　*/


/*　キービジュアル　*/
#page3 #swf {
	background-image: url(../img/menu/header_img.jpg);
}


#party {
	clear: both;
	float: left;
	width: 800px;
	margin-bottom: 2em;
}

#party h3 {
	clear: both;
	margin-bottom: 1em;
}

#party h4 {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBAB7B;
	clear: both;
	margin-bottom: 1em;
	color: #BBAB7B;
}

#party h5 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #A59256;
	padding-left: 6px;
	clear: both;
	margin-bottom: 1em;
}

#party1 {
	clear: both;
	float: left;
	width: 740px;
}

#party .l {
	float: left;
	width: 360px;
}

#party .r {
	float: right;
	width: 360px;
}

#party dl {
	clear: both;
	width: 360px;
	margin-bottom: 1em;
}

#party dt {
	float: left;
	font-weight: bold;
	color: #BBAB7B;
}

#party dd {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBAB7B;
	margin-bottom: 0.5em;
	color: #BBAB7B;
}

#party ol {
	clear: both;
	margin-bottom: 2em;
	padding-left: 2em;
}

#party p {
	clear: both;
	margin-bottom: 1em;
}

#party .photo {
	clear: both;
	width: 360px;
	margin-bottom: 1em;
}




/*　--　メニューページ　-----------------------------------------------------------------　*/


/*　キービジュアル　*/
#page4 #swf {
	background-image: url(../img/menu/header_img.jpg);
}




/*　フード　*/
#food {
	clear: both;
	float: left;
	width: 800px;
}

#food h3 {
	clear: both;
	margin-bottom: 1em;
}

#food h4 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #A59256;
	padding-left: 6px;
	clear: both;
	margin-bottom: 1em;
}

#food .l {
	float: left;
	width: 360px;
}

#food .r {
	float: right;
	width: 360px;
}

#food dl {
	clear: both;
	width: 360px;
	margin-bottom: 1em;
}

#food dt {
	float: left;
	font-weight: bold;
	color: #BBAB7B;
}

#food dd {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A59256;
	margin-bottom: 0.5em;
	color: #BBAB7B;
}

#food .photo {
	clear: both;
	width: 360px;
	margin-bottom: 1em;
}





/*　ドリンク　*/
#drink {
	clear: both;
	float: left;
	width: 800px;
	margin-bottom: 2em;
}

#drink h3 {
	clear: both;
	margin-bottom: 1em;
}

#drink h4 {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBAB7B;
	clear: both;
	margin-bottom: 1em;
	color: #BBAB7B;
}

#drink h5 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #A59256;
	padding-left: 6px;
	clear: both;
	margin-bottom: 1em;
}

#drink1 {
	clear: both;
	float: left;
	width: 740px;
}

#drink .l {
	float: left;
	width: 360px;
}

#drink .r {
	float: right;
	width: 360px;
}

#drink dl {
	clear: both;
	width: 360px;
	margin-bottom: 1em;
}

#drink dt {
	float: left;
	font-weight: bold;
	color: #FFFFFF;
}

#drink dd {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBAB7B;
	margin-bottom: 0.5em;
	color: #BBAB7B;
}

#drink ol {
	clear: both;
	margin-bottom: 2em;
	padding-left: 2em;
}

#drink p {
	clear: both;
	margin-bottom: 2em;
}

#drink .photo {
	clear: both;
	width: 360px;
	margin-bottom: 1em;
}






/*　--　スケジュールページ　-----------------------------------------------------------------　*/


/*　キービジュアル　*/
#page5 #swf {
	background-image: url(../img/concept/header_img.jpg);
}







/*　--　コンタクトページ　-----------------------------------------------------------------　*/

/*　キービジュアル　*/
#page6 #swf {
	background-image: url(../img/cigar/header_img.jpg);
}

/*　見出し　*/
#contact h3 {
	clear: both;
	height: 35px;
	width: 740px;
	margin-bottom: 1em;
}

#contact h4 {
	clear: both;
	margin-bottom: 1em;
}

/*　左カラム　*/
#contact .l {
	float: left;
	width: 345px;
}

#contact table {
	clear: both;
	margin-bottom: 1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #857545;
	border-bottom-color: #857545;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BBAB7B;
}

#contact td {
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBAB7B;
}

#contact .name {
	background-color: #570000;
}

#contact .price {
	background-color: #790000;
}

#contact p {
	clear: both;
	margin-bottom: 1em;
}



/*　右カラム　*/
#contact .r {
	float: right;
	width: 385px;
}

#contact .r .pack {
	clear: both;
	float: left;
	width: 385px;
	margin-bottom: 0.5em;
}

#contact .photo_l {
	float: left;
	width: 190px;
}

#contact .photo_r {
	float: right;
	width: 190px;
}




/*　--　アクセスページ　-----------------------------------------------------------------　*/

/*　キービジュアル　*/
#page7 #swf {
	background-image: url(../img/access/header_img.jpg);
}

/*　店舗情報　*/
#access1 {
	clear: both;
	float: left;
	width: 800px;
	margin-bottom: 2em;
}
#page7 #main h3 {
	clear: both;
	margin-bottom: 1em;
}
#page7 #main .l {
	float: left;
	width: 360px;
}
#page7 #main .r {
	float: right;
	width: 360px;
}
#access1 dt {
	clear: both;
	margin-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBAB7B;
	font-weight: bold;
	color: #BBAB7B;
}
#access1 dd {
	clear: both;
	margin-bottom: 1em;
}
#access1 ul {
	clear: both;
	padding-left: 1.5em;
	margin-bottom: 1em;
}
#access1 .photo {
	clear: both;
	width: 360px;
	margin-bottom: 1em;
}






/*　MAP　*/
#access2 {
	clear: both;
	float: left;
	width: 800px;
	margin-bottom: 2em;
}
#access2 .pack {
	clear: both;
	margin-bottom: 0.5em;
}
#access2 p {
	float: right;
}




/*　クーポン　*/
#access3 {
	clear: both;
	float: left;
	width: 800px;
	margin-bottom: 2em;
}
#access3 .pack {
	padding: 20px;
	width: 690px;
	border: 1px solid #A59256;
	background-color: #5E0000;
	background-image: url(../img/access/logo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 135px;
}
#access3 ul {
	clear: both;
	padding-left: 1.5em;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A59256;
}



/*　--　DDページ　-----------------------------------------------------------------　*/

/*　キービジュアル　*/
#dd #swf {
	background-image: url(../img/dd/header_img.jpg);
}

table {
	clear: both;
	margin-bottom: 3px;
	border-color:#cccc00;
}
td {
	padding: 8px;

}
.title {
	background-color: #551111;
	width: 100px;
}
.contents {
	background-color: #881212;
}



/*　--　キャッチページ　-----------------------------------------------------------------　*/

.catch {
	font-size:1.1em;
}




