<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

/*
 * 01. ヘッダー
 * 02. #topBack Setting
 * 03. #topContentsArea Setting
 * 04. #footer Style Setting
 * 05. #pageTop Style Setting
 * 06. Share Style Setting
 */


/*
 * 全体背景
 */

a {
	color: #999;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	}

img.bgmaximage{
  position:fixed !important;
}

#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

/*
 * 全体背景
 */

/*#backTop {
	background-image:url(../images/bk_main1.jpg);
	background-repeat: no-repeat;
	background-position: center;
}*/



#backContents {
	background-image: url(../images/bk_contents.png);
	background-color:#000;
	background-repeat: no-repeat;
	background-position: center top;
}

#topWrapper {
	background-image: url(../images/bar_black.png);
	background-repeat: repeat-x;
	background-position: top center;
	height: 790px;
}

#topBack {
	background-image: url(../images/back_seamless.png);
	background-repeat: repeat;
	height: 100%;
}

#conceptWrapper {
	background-image: url(../images/back_seamless.png);
	background-repeat: repeat;
	height: 1030px;
}

#accessWrapper {
	background-image: url(../images/back_seamless.png);
	background-repeat: repeat;
	height: 1220px;
}

#partyWrapper {
	background-image: url(../images/back_seamless.png);
	background-repeat: repeat;
	height: 720px;
}

#menuWrapper {
	background-image: url(../images/back_seamless.png);
	background-repeat: repeat;
	height: 5060px;
}




/*
 * #layoutArea
 */

#layoutArea {
	width: 927px;
	margin-right: auto;
	margin-left: auto;
}


/*
 * ヘッダー
 */

#headerArea h1 {
	display:block;
	position: relative;
	top:35px;
	float:left;
	width: 154px;
	height: 192px;
}

#headerArea .navArea {
	position:relative;
	margin-left: 227px;
	width:700px;
	height: 30px;
	top: 35px;
}

#headerArea .navArea li{
	float:left;
	width: 160px;
	height: 30px;
	border-top:#FFF solid 1px;
	text-align:left;
	}

#headerArea .navArea li.now{
	border-top: #FF0000 solid 1px;
}


#headerArea .navArea li:hover {
		border-top:#F00 solid 1px;
}

#headerArea .navArea li.glNav02 {
	margin-left: 20px;
}

/*
 * #topCopy
 */
 #topCopy {
	 text-align: right;
	 margin-top: 200px;
 }


/*
 * #infoArea
 */

#infoArea{
width: 927px;
height: 179px;
margin-top: 50px;
position:relative;
}

#infoArea .topInfo1st{
	float:left;
}

#infoArea .topInfo {
	float:left;
	margin-left: 48px;
}

#infoArea .topInfo p#blogBn{
	margin-top:19px;
}

#infoArea #accessInfo p#accessBtn {
	position: absolute;
	top:57px;
	right: 0px;
}

#infoArea img.hover:hover {
	filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}


/*
 * leftNavエリア
 */

.navLeft {
	width: 154px;
	height: 91px;
	float: left;
	margin-top:84px;
}

.navLeft p {
	padding-top:17px;
	border-top: #FFFFFF solid 1px;
	width: 154px;
	height: 29px;
}

.navLeft p.drink {
	padding-top:17px;
	border-top: #FFFFFF dotted 1px;
	border-bottom: #FFFFFF solid 1px;
	width: 154px;
	height: 30px;
}

.navLeft img.hover:hover {
	filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}

/*
 * コンテンツエリア
 */

.contentsArea {
	position:relative;
	width:700px;
	height: auto;
	float:right;
}

.contentsArea .title h2 {
	width: 700px;
	height: 30px;
	border-top:#F00 solid 1px;
	text-align:left;
	margin-top: -34px;
}

.contentsArea .pageTopArea{
	clear:both;
	width:700px;
	height: 30px;
}

.contentsArea p.pageTop{
	float: right;
	font-size:0.9em;
	margin-left:20px;
	margin-top: 30px;
	text-align:center;
	width: 60px;
	color: #999;
	border: #999 solid 1px;
	padding: 5px 10px 5px 10px;
}


/*
 * コンテンツエリアMenu
 */

#foodWrap {
	width: 700px;
	margin-top:87px;
}

#foodWrap h3 {
	width: 700px;
	height: 30px;
	border-top:#F00 solid 1px;
	text-align:left;
	padding-top:17px;
	margin-bottom:26px
}

#drinkWrap {
	clear:both;
	width: 700px;
	margin-top:87px;
}

#drinkWrap h3 {
	width: 700px;
	height: 30px;
	border-top:#F00 solid 1px;
	text-align:left;
	padding-top:17px;
	margin-bottom:26px
}

.foodMenu h4 {
	margin-top:20px;
}

.foodMenu h4.h42nd{
	margin-top:21px;
}


.foodMenu .foodLeft {
	float:left;
	width: 325px;
	color: #fff;
}

.foodMenu .foodRight {
	float:left;
	width: 325px;
	color: #fff;
	margin-left: 50px;
}


.foodMenu table {
	width: 325px;
}

.foodMenu th {
	text-align: left;
	padding-bottom: 12px;
}

.foodMenu th.foodTh1st {
	text-align: left;
	padding-top:20px;
	padding-bottom: 12px;
}

.foodMenu td {
	text-align: right;
		padding-bottom: 12px;
}

.foodMenu td.foodTd1st {
	text-align: right;
	padding-top:20px;
	padding-bottom: 12px;
}

.foodPhoto {
	clear:both;
	width:700px;
	color: #CCC;
	text-align:right;
	font-size:0.9em;
	margin-top: 5px;
	margin-bottom: 20px
}

.foodPhoto dl{
	float:left;
}

.foodPhoto dl.fd2 {
	float:left;
	margin-left:50px;
}

.contentsArea #foodWrap .foodPhoto dl{
	margin-top:0px;
}





/*
 * コンテンツエリアParty
 */

 .contentsArea #partyPhoto{
	margin-top: 38px;
	width:300px;
	height: 400px;
	float:left;
	margin-left: 50px;
}

 .contentsArea #partyInfo {
	 position:relative;
	 margin-top: 38px;
	 width: 350px;
	 height: 400px;
	 float:left;
 }

  .contentsArea #partyInfo p{
	 color:#fff;
	 font-size:1em;
	 line-height: 2em;
  }

  .contentsArea #partyInfo #telBox {
	  position:absolute;
	 bottom: 0;
  }



/*
 * コンテンツエリアAccess
 */

.contentsArea dl {
	 margin-top: 38px;
 }

.contentsArea dt.dt2 {
	 margin-top: 40px;
 }

.contentsArea dd {
	 margin-top: 18px;
	 color:#fff;
	 font-size:1em;
	 line-height: 1.6em;
 }

.contentsArea p#map{
	 margin-top: 40px;
 }

.contentsArea #mapArea {
	margin-top: 20px;
	width: 700px;
	height: 350px;
	background-color:#FFFFFF;
}

.contentsArea #mapArea iframe{
	margin: 5px 5px 5px 5px;
}





/*
 * コンテンツエリアConcept
 */

.contentsArea p.mainPhoto {
	margin-top: 38px;
}

.contentsArea #conceptArea {
	width:700px;
	margin-top: 40px;
}

.contentsArea #conceptArea #conceptCopy {
	width:377px;
	height: 320px;
	text-align:left;
	color: #FFFFFF;
	float:left;
}

.contentsArea #conceptArea #conceptPhoto{
	width:280px;
	height: 320px;
	float:left;
	margin-left: 43px;
}

.contentsArea #conceptArea #conceptPhoto p.cp2 {
	margin-top: 20px;
}

.contentsArea #conceptArea #conceptCopy h3 {
	text-align: left;
	font-size: 1.3em;
	font-weight:bold;
	line-height: 1.5em;
}

.contentsArea #conceptArea #conceptCopy p {
	margin-top: 20px;
	line-height: 1.7em;
	font-size:1em;
}




/*
 * フッター
 */


#footerArea {
	background-image:url(../images/backFooter.png);
	background-repeat:repeat;
	height: 100%;
    width: 100%;
}

#topFooter {
	height:60px;
	width: 927px;
	margin-left: auto;
	margin-right: auto;
}

#topFooter .copy{
	float:left;
	width:170px;
	text-align:left;
	color: #999;
	font-size: 0.8em;
	padding-top: 22px;
}

#topFooter #link{
	text-align:left;
	padding-top: 8px;
}

#topFooter .topSns{
	float:right;
	text-align:right;
	padding-top: 20px;
	}

	#topFooter .topSns .twBtn {
    float: right;
    width: 110px;
}


	#topFooter .topSns .fbBtn{
		float:right;
	}




#contentsFooter {
	height:250px;
	width: 927px;
	margin-left: auto;
	margin-right: auto;
}

#contentsFooter p{
	text-align:left;
	margin-top:30px;
}

#contentsFooter p#address{
	float:left;
}

#contentsFooter p.accessBtn{
	position: absolute;
	margin-left: 350px;
}

#contentsFooter p#tel{
	float:left;
	margin-left: 30px;
}

#contentsFooter img.hover:hover {
	filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}

#contentsFooter p.footerBn1st{
	clear:both;
	float:left;
	margin-top: 20px;
}

#contentsFooter p.footerBn{
	float:left;
	margin-top: 20px;
	margin-left: 48px
}

#contentsFooter .copy p{
	float:left;
	width:200px;
	text-align:left;
	color: #999;
	font-size: 0.8em;
	margin-top: 0px;
	padding-top: 22px;
}

#contentsFooter .contentsSns{
	width:400px;
	float:right;
	text-align:right;
	padding-top: 20px;
	}

#contentsFooter .contentsSns .twBtn {
    float: right;
    width: 110px;
}

#contentsFooter .contentsSns .fbBtn{
		float:right;
	}

/*
 * clearfix
 */

.clearfix:after { /*floatの解除、ここがポイント*/
display:block; clear:both;
height:0px;
visibility:hidden;
content:".";
}
.clearfix {
 min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
 height: 1px;
/*¥*//*/ /*MAC IE5.x対策*/
height: auto;
overflow: hidden;
/**/
}
.fb-like {
overflow: hidden;
}
</pre></body></html>