@charset "UTF-8";


/* /////// 目次 /////////////// 

1 全体の設定
2 ナビゲーション設定
3 メイン・フッターの設定
3 トップページの設定

///////////////////////////// */



/* /////// 1 全体の設定 ////////////// */
* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	list-style: none;
} 

.clear {
	display: block;
	float: none;
	clear: both;
	font-size: 1px;
	line-height: 1;
	height: 1px;
}

.imgtext {
    text-indent: -9999px;
}

a {
    color: #339933;
}

a:hover {
   color:#66cc66;
}

a img {
    border: none;
}

.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*:first-child+html .clearfix { 
    display:inline-block;
}

/* ¥*/
* html .clearfix { 
    height: 1%;
}
.clearfix { 
    display: block;
}
/* */


html {
    height: 100%;
}


body {
    height:100%;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragio Kaku Gothic Pro","Osaka",verdana,"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-size: 75%;
	line-height: 130%;
	text-align: center;
	background: url(../img/img_header_bg.gif) repeat-x #FFFCDB;
}

#bg {
	height: 100%;
	min-height: 100%;
    background: url(../img/img_bg.gif) repeat-y ;
	margin: 0 auto;
	width: 850px;
	text-align: left;
}

body > #bg {
    height: auto;
}

#container {
    padding:0 10px;
	background: url(../img/img_header_bg2.gif) no-repeat left top;
	width: 830px;
}

/* /// Header /// */
#header { position: relative;}

#header #headerLeft{
    float: left;
	width: 570px;
	height: 95px;
}

#header #logo {
    width: 161px;
	height: 50px;
	margin: 17px 0 5px 7px;
	background: url(../img/img_header_logo.gif) no-repeat;
	/zoom: 1;
	/pozition: relative;
}

#header #logo a {
    display: block;
    width: 161px;
	height: 50px;
}

/* 文字の非表示 */
#header #logo a span {
   position:absolute;
   width:0;
   height:0;
   overflow:hidden;
}

/* 文字の非表示　Win IE用 */
* html #header #logo a span {
   position: relative;
   text-indent: -9999px;
}

*:first-child+html #header #logo a span {
   position: relative;
   text-indent: -9999px;
}

#header #pr {
	position: absolute;
	top: 28px;
	left: 170px;
    width: 350px;
	height: 26px;
	background: url(../img/img_header_des.gif) no-repeat;
	text-indent: -9999px;
	/zoom: 1;
	/pozition: relative;
}

#header #banner {
	float: right;
	width: 234px;
	margin: 12px 0 0 0;
}

/* /////// 2 ナビゲーションの設定 ////////////// */
#sidebar {
   width: 206px;
   float: left;
   padding-bottom: 20px;
}

#sidebar .navi {
   margin:0 6px;
   padding:0 0 2px 0;
   background: url(../img/btn_navi_bottom.gif) repeat-x bottom;
}

#sidebar .navi li a{
   display: block;
   width: 194px;
   height: 38px;
   background: url(../img/btn_navi.gif) no-repeat;
}

/* 文字の非表示 */
#sidebar .navi a span {
   position:absolute;
   width:0;
   height:0;
   overflow:hidden;
}

/* 文字の非表示　Win IE用 */
* html #sidebar .navi a span {
   position: relative;
   text-indent: -9999px;
}

*:first-child+html #sidebar .navi a span {
   position: relative;
   text-indent: -9999px;
}

/* 各ボタンの画像の設定 */
/* デフォルト */
#sidebar .navi #navi1 { background-position:0 0px; }
#sidebar .navi #navi2 { background-position:0 -50px; }
#sidebar .navi #navi3 { background-position:0 -88px; }
#sidebar .navi #navi4 { background-position:0 -126px; }
#sidebar .navi #navi5 { background-position:0 -164px; }
#sidebar .navi #navi6 { background-position:0 -202px; }
/* ロールオーバー */
#sidebar .navi #navi1:hover { background-position:-200px 0px; }
#sidebar .navi #navi2:hover { background-position:-200px -50px; }
#sidebar .navi #navi3:hover { background-position:-200px -88px; }
#sidebar .navi #navi4:hover { background-position:-200px -126px; }
#sidebar .navi #navi5:hover { background-position:-200px -164px; }
#sidebar .navi #navi6:hover { background-position:-200px -202px; }

/* メニューのご紹介 */
#sidebar #menu {
   padding: 38px 0 0 0;
   margin:8px 0 6px 0px;
   background: url(../img/btn_menu_top.jpg) no-repeat;
}

#sidebar #menu div {
   position:absolute;
   width:0;
   height:0;
   overflow:hidden;
}

#sidebar #menu ul {
   margin: 0 14px 0 14px;
   padding:0 9px 20px 9px;
   background: url(../img/btn_menu_bottom.gif) no-repeat bottom #165900;
}

#sidebar #menu li {
   padding:0 0 1px 0;
   background: url(../img/img_menu_line.gif) repeat-x bottom;
 }

#sidebar #menu ul li a {
   color: #ffffff;
   text-decoration: none;
   display: block;
   padding: 4px 0 5px 14px;
   background: url(../img/btn_menu_arrow.gif) no-repeat 0.1em 0.75em;
 }
 
#sidebar #menu ul li a:hover {
   background-color: #316d1e;
   background-position: 0.3em 0.75em;
}
 
/* フェア情報　新店・リニューアル情報 */
#fair,
#open {
   width: 178px;
   margin: 14px 0 0 14px;
}

#fair p,
#open p {
   margin:0 0 0px 0;
   text-indent: -9999px;
   font-size:1px;
   height: 13px;
}

#fair p {
   background: url(../img/ttl_fair.gif) no-repeat;
}

#open p {
   background: url(../img/ttl_open.gif) no-repeat;
}
 
#fair ul,
#open ul {
   padding: 2px 8px 10px 8px;
   background: #2f631b;
   border: 1px solid #5ba642;
   font-size: 80%;
}

#fair a,
#open a{
   color:#bbf3aa;
}

#fair a:hover,
#open a:hover {
   color: #ddf5cc;
}

#fair li,
#open li {
   background: url(../img/img_fair_line.gif) repeat-x bottom;
   padding:3px 0 7px 0;
 }
 
#fair ul li span {
	*float: left;
	*width: 80px;
}
 
  
/* アレルギー情報 */
#AllergyInfo {
	margin: 20px 6px 0;
	padding: 10px 0;
	background: #ffab25;
}

#AllergyInfo dt {
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	letter-spacing: .05em;
}

#AllergyInfo ul {
	width: 182px;
	margin: 0 auto;
}
#AllergyInfo li:not(:last-child) { margin-bottom: 5px;}

#AllergyInfo ul a:hover img { opacity: .7;}

  
/* ソーシャルバナー */
#SocialBanner {
	width: 192px;
	margin: 20px auto;
}

#SocialBanner li { margin-bottom: 7px;}

#SocialBanner li a:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}


/* /////// 3 メイン・フッターの設定 ////////////// */
#main {
   float:right;
}

/* フッター */
#footer {
  font-size: 80%;
  width: 600px;
  margin: 0 0 20px 10px;
}

#footer ul {
  background: #e8e8e8;
  text-align: right;
  padding: 2px 0 4px 0;
}

#footer ul li {
  display: inline;
  margin: 0 5px 0 0;
 }
 
#footer ul li a {
   color:#666666;
}

#footer p {
   text-align: center;
}

/* 次へ */
#toNext {
    text-align:center;
	line-height: 1.6;
	margin: 0 0 5px 0;
}

#toNext a {
    background: url(../img/btn_arrow.gif) no-repeat left;
	padding: 1px 0 1px 14px;
}

#toNext a.link1 {
    background: url(../img/btn_arrow2.gif) no-repeat left;
	padding: 1px 0 1px 14px;
}

#toNext a.link2 {
    background: url(../img/btn_arrow.gif) no-repeat right;
	padding: 1px 14px 1px 0px;
}

/* TOPに戻る */
#toTop {
    text-align: right;
}

#toTop a {
    padding: 1px 0 1px 14px;
    background: url(../img/btn_arrow_top.gif) no-repeat left;
}

/* 一覧に戻る */
#toList {
    text-align: center;
}

#toList a {
    padding: 1px 0 1px 14px;
	background: url(../img/btn_arrow.gif) no-repeat left;
}

/* 一覧に戻る・TOPへ戻る　の　並列 */
#btnBottom #toTop {
    width: 190px;
	float: right;
}

#btnBottom #toList {
    width: 210px;
	padding: 0 0 0 190px;
	float:left;
}

/* エラー表示 */
#noList {
	width: 400px;
	padding: 20px 0 10px 0;
	text-align: center;
	border: 3px double #cccccc;
	background: #f7f7f7;
	margin: 40px auto 100px auto;
}




/* /////// 4 トップページの設定 ////////////// */
/* Flash Player ( noscript) */
#flashBottom {
   font-size: 80%;
   line-height: 1.2;
   margin: 0 0 0 33px;
}

/* トピックス */
#topTopics {
	clear: both;
   margin: 12px 0 10px 33px;
   width: 560px;
}

#topTopics h2 {
   text-indent: -9999px;
   font-size:1px;
   height: 14px;
   background: url(../img/ttl_top_topics.gif) no-repeat ;
}

#topicsList {
   margin: 0 0 6px 0;
   background: #f4f7f2;
   border-top: 2px solid #598a48;
   border-bottom: 1px solid #b9ceb1;
}

#topicsList a {
   display: block;
   color: #338019;
   padding:4px 0 5px 25px;
   background: url(../img/btn_topics_arrow.gif) no-repeat 0.1em 0.7em ;
}

#topicsList a:hover {
   background-color: #e6eee2;
   background-position: 0.4em 0.7em;
}

#topTopics #toTopics {
   text-align: right;
}

/* 説明 Description */
#description {
   width: 595px;
   margin: 25px auto 20px;
}

#description h2 {
   text-indent: -9999px;
   font-size:1px;
   height: 18px;
   margin:0 0 2px 20px;
   background: url(../img/ttl_lapausa.gif) no-repeat;
}

#description p {
  background: url(../img/img_top_dec1.gif) repeat-x top;
  line-height: 160%;
  margin-bottom: 20px;
  padding: 20px 10px 0px 15px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#moneyCard {
  margin: 0 0 12px 33px;
  padding: 6px;
  width: 546px;
  border: 1px solid #acbfa5;
  background: #edf3e9;
}

#moneyCard p {
  margin:0 0 2px 0;
}

#moneyCard a {
  margin:0 6px 0 0;
}

#moneyCard em {
	font-style: normal;
	font-size: 0.9em;
}

#top #toTop {
  padding: 0 14px 0 0;
  margin: 0 0 10px 0;
 }  

/* バナー */
body#top #BannerArea { padding: 15px 0px 5px;}

body#top #BannerArea a#BannerTakeout {
	display: block;
   position: relative;
	width: 600px;
	margin: 0px 0px 5px 12px;
   padding: 30px 0px;
   background: #6eb92b;
   box-sizing: border-box;
   text-decoration: none; 
   text-align: center;
  font-weight:bold;
   font-size: 20px;
   color: #fff;
}

body#top #BannerArea a#BannerTakeout span {
   position: relative;
}

body#top #BannerArea a#BannerTakeout span::after {
   display: inline-block;
   margin-left: 10px;
   border-left: 10px solid #fff;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
   content: '';
}

body#top #BannerArea a#BannerTakeout:hover {
   opacity: 0.7;
}

/* body#top #BannerArea a#BannerPopular { background: url(../img/img_banner-popular.jpg) no-repeat;} */
/* body#top #BannerArea a#BannerTakeout { background: url(../img/img_banner-takeout.jpg) no-repeat;} */

/* body#top #BannerArea a#BannerPopular:hover,
body#top #BannerArea a#BannerTakeout:hover {
	background-position: 0px -80px;
} */

 /* 宴会革命バナー　文字の非表示 */
/* body#top #BannerArea a span {
   position:absolute;
   width:0;
   height:0;
   overflow:hidden;
} */

/* 宴会革命バナー　文字の非表示　Win IE用 */
/* * html body#top #BannerArea a span { 
	position: relative;
	text-indent: -9999px;
}

*:first-child+html body#top #BannerArea a span {
	position: relative;
	text-indent: -9999px;
} */




/* ツイッター Twitter */
#twitter {
	float: left;
	width: 200px;
	margin-top: 20px;
}

#moneyCard {
  margin: 0 0 12px 33px;
  padding: 6px;
  width: 546px;
  border: 1px solid #acbfa5;
  background: #edf3e9;
  clear: both;
}

#moneyCard p {
  margin:0 0 2px 0;
}

#moneyCard a {
  margin:0 6px 0 0;
}

#top #toTop {
  padding: 0 14px 0 0;
  margin: 0 0 10px 0;
 }  

/* SMSボタン SMS Btn */
#SMSBtn {
	width: 590px;
	margin: 0px 0px 10px 10px;
	text-align: right;
}

#top #SMSBtn {
	width: auto;
	padding: 0px 0px 15px 5px;
	background: url(../img/img_top_dec2.gif) repeat-x bottom;
	text-align: left;
}

#SMSBtn li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 3px;
	vertical-align: top;
}


#header:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}

* html #header { zoom: 1;} /* IE6 */
*:first-child+html #header { zoom: 1;} /* IE7 */