@charset "UTF-8";
/* -----------------------------------------------

 CSS for each HTMLs

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

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

#news-area{
	width: 318px;
	margin: 0 16px 0 0;
	float: left;
	overflow: hidden;
}

#news-area a,
#news-area a:visited{
	color:#696969;
	text-decoration: none;
}

#news-area a:hover{
	color:#C0C0C0;
	text-decoration: underline;
}

#news-area img{
	vertical-align:baseline;
	margin: 5px 2px 0 0;
}

#news-area .header{
	height: 22px;
}

#news-area .link{
	margin: -20px 0 0 238px;
}

#news-area .body{
	overflow : auto;
	height: 313px;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#98C5F0;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#news-area td {
	font-size: 12px;
	line-height: 20px;
	list-style: none;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #979797;
}

#twitter-area{
	width: 338px;
	height: 334px;
	margin: 0 16px 0 0;
	float: left;
}

#twitter-area .header{
	height: 20px;
}

#twitter-area .link{
	margin: -22px 0 0 243px;
}

#twitter-area .timeline{
	height: 312px;
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}

#twitter-area .timeline iframe {
	margin-top: -43px;
}

#twitter-area .body{
	overflow : auto;
	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#98C5F0;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#twitter_update_list {
	font-size: 12px;
	line-height: 21px;
	list-style: none;
	width: 314px ;
}
#twitter_update_list li {
	background: #fff;
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #979797;
}
#twitter_update_list span, #twitter_update_list span a {
	text-decoration: none;
}
#twitter_update_list a {
	color: #4995E2;
}

#sub-menu{
	width: 207px;
	height: 340px;
	margin: 0 0 0 0;
	float: left;
}

#sub-menu .btntop{
	margin: 0 0 5px 0;
}

#sub-menu .btn{
	margin: 0 0 2px 0;
}

/* ----------------------------------------------
  ■ メニュー TOP
---------------------------------------------- */
#content .text{
 font-size:12px;
}

#content.menu-top{
 width: 960px;
}

* html #content.menu-top{
 width: 970px;
}

#menu01{
	background:url(/wp-content/themes/jp/image/box_01_01.jpg) no-repeat;
	width:144px;
	height: 588px;
	float: left;
	margin: 0 1px 0 0;
}

#menu01 .index{
	margin: 7px 0 0 7px;
}
#menu01 .text{
	margin: 7px 7px 0 7px;
}
#menu01 .list {
	width: 131px;
	height: 430px;
	margin: 7px 7px 0 7px;
	overflow : auto;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#98C5F0;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}


#menu02{
	background:url(/wp-content/themes/jp/image/box_01_02.jpg) no-repeat;
	width:235px;
	height: 588px;
	float: left;
	margin: 0 1px 0 0;
}

#menu02 .index{
	margin: 7px 0 0 7px;
}
#menu02 .text{
	margin: 7px 7px 0 11px;
}
#menu02 .list {
	width: 224px;
	height: 430px;
	margin: 7px 6px 0 6px;
	overflow : auto;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#98C5F0;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#menu03{
	background:url(/wp-content/themes/jp/image/box_01_03.jpg) no-repeat;
	width:144px;
	height: 588px;
	float: left;
	margin: 0 1px 0 0;
}

#menu03 .index{
	margin: 7px 0 0 7px;
}
#menu03 .text{
	margin: 7px 7px 0 7px;
}
#menu03 .list {
	width: 131px;
	height: 430px;
	margin: 7px 7px 0 7px;
	overflow : auto;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#98C5F0;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#menu04{
	background:url(/wp-content/themes/jp/image/box_01_04.jpg) no-repeat;
	width:144px;
	height: 588px;
	float: left;
	margin: 0 1px 0 0;
}

#menu04 .index{
	margin: 7px 0 0 7px;
}
#menu04 .text{
	margin: 7px 7px 0 7px;
}
#menu04 .list {
	width: 131px;
	height: 430px;
	margin: 7px 7px 0 7px;
	overflow : auto;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#98C5F0;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#menu05{
	background:url(/wp-content/themes/jp/image/box_01_05.jpg) no-repeat;
	width:144px;
	height: 588px;
	float: left;
	margin: 0 0 0 0;
}

#menu05 .index{
	margin: 7px 0 0 7px;
}
#menu05 .text{
	margin: 7px 7px 0 7px;
}
#menu05 .list {
	width: 131px;
	height: 430px;
	margin: 7px 7px 0 7px;
	overflow : auto;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#98C5F0;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#menu06{
	background:url(/wp-content/themes/jp/image/box_01_06.jpg) no-repeat;
	width:144px;
	height: 588px;
	float: left;
	margin: 0 1px 0 0;
}

#menu06 .index{
	margin: 7px 0 0 7px;
}
#menu06 .text{
	margin: 7px 7px 0 7px;
}
#menu06 .list {
	width: 131px;
	height: 430px;
	margin: 7px 7px 0 7px;
	overflow : auto;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#98C5F0;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#menu-no img {
	width: 83px;
	height: 30px;
}

#menu-photo img {
	width: 83px;
	height: 63px;
}

/* ----------------------------------------------
  ■ メニュー詳細
---------------------------------------------- */

#content-m{
	width: 909px;
	margin-left:auto;
	margin-right:auto;
}

#content-m .box-menu{
	margin-left: 3px;
	background:url(/wp-content/themes/jp/image/box_top.png) no-repeat;
	width: 909px;
	height: 7px;
}
/*
#content-m .box-menu01{
	margin-left: 3px;
	background:url(/wp-content/themes/jp/image/box_top.png) no-repeat;
	width: 909px;
	height: 7px;
}
#content-m .box-menu02{
	margin-left: 3px;
	background:url(/wp-content/themes/jp/image/box_top.png) no-repeat;
	width: 909px;
	height: 7px;
}
#content-m .box-menu03{
	margin-left: 3px;
	background:url(/wp-content/themes/jp/image/box_top.png) no-repeat;
	width: 909px;
	height: 7px;
}
#content-m .box-menu04{
	margin-left: 3px;
	background:url(/wp-content/themes/jp/image/box_top.png) no-repeat;
	width: 909px;
	height: 7px;
}
#content-m .box-menu05{
	margin-left: 3px;
	background:url(/wp-content/themes/jp/image/box_top.png) no-repeat;
	width: 909px;
	height: 7px;
}
#content-m .box-menu06{
	margin-left: 3px;
	background:url(/wp-content/themes/jp/image/box_top.png) no-repeat;
	width: 909px;
	height: 7px;
}
*/
#content-m .box-mid{
	background:url(/wp-content/themes/jp/image/box_mid.jpg) repeat-y;
	width: 909px;
	padding: 8px 5px 2px 5px;
}

#content-m .box-bottom{
	background:url(/wp-content/themes/jp/image/box_bottom.jpg) no-repeat;
	width: 909px;
	height: 11px;
}

#menu-tab{
	height: 68px;
	margin: 0 0 0 45px;
}

* html #menu-tab{
	margin: 0 0 0 39px;
}

#menu-tab .btn{
	width: 171px;
	float: left;
	margin-right: 3px;
}

#content-m table.smaller01 {
  width: 95%;
  margin: 0 auto;
}

#content-m table.smaller01.space-b {
  margin-bottom: 15px;
}

#content-m table.smaller01.topping-table {
  margin-bottom: 10px;
}



#content-m table.smaller01 td.menu-area {
  width: 20%;
  border-color: #979797;
  border-style: dashed;
  border-width: 0;
  padding: 10px 0;
}

#content-m table.smaller01 td.top-line-l.menu-area {
  border-width: 0 1px 0 0;
}

#content-m table.smaller01 td.top-line-r.menu-area {
  border-width: 0;
}

#content-m table.smaller01 td.line-l.menu-area {
  border-width: 1px 1px 0 0;
}

#content-m table.smaller01 td.line-r.menu-area {
  border-width: 1px 0 0 0;
}


#content-m table.smaller01 td.menu-area div a.menu-img {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}

#content-m table.smaller01 td.menu-area div a.menu-name {
  display: block;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
  line-height: 1.3;
}

#content-m table.smaller01 td.menu-area div a.menu-name h1 {
  color: #EB2F28;
  font-size: 130%;
  font-weight: bold;
  word-break: break-all;
  display: inline;
}

#content-m table.smaller01 td.menu-area div p {
  width: 100%;
  text-align: center;
  line-height: 1;
}

#content-m table.smaller01 td.menu-area div p span {
  font-size: 80%;
}

#content-m table.smaller01 td.menu-area div p span.price {
  font-size: 140%;
  font-weight: bold;
}




#content-m table.smaller01 td.topping-area {
  width: 33%;
  border: none;
  padding: 10px 0;
}

#content-m table.smaller01 td.topping-area div {
  width: 80%;
  margin: 0 auto;
  padding: 0 15px;
  border-bottom: dashed 1px #979797;
}

#content-m table.smaller01 td.topping-area div h1 {
  display: block;
  width: 60%;
  float: left;
}

#content-m table.smaller01 td.topping-area div p {
  display: block;
  width: 40%;
  float: right;
  text-align: right;
}

#content-m table.smaller01 td.topping-area div p span {
  font-size: 80%;
}

#content-m table.smaller01 td.topping-area div p span.price {
  font-size: 140%;
  font-weight: bold;
}

#content-m .omucurry-text {
  width: 814px;
  margin: 0 0 15px 40px;
}

#content-m .omucurry-text .omucurry-text-inner{
  padding: 15px;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  font-size: 85%;
}

#content-m .sup {
  font-size: 72%;
  clear: both;
  text-align: right;
}




/* ----------------------------------------------
  ■ ブログ
---------------------------------------------- */
#blog{
	margin-top: 8px;
	background:url(/wp-content/themes/jp/image/background-blog.jpg) no-repeat;
}

#blog .main{
	margin-right: 15px;
}

#blog .single{
	margin-right: 15px;
}

#blog .title{
	margin: 5px 0 0 0;
}

#blog .date{
	float: right;
	margin: -16px 0 0 0;
}

#blog .content{
}

#blog .main td {
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #979797;
}

#blog a,
#blog a:visited{
	color:#696969;
	text-decoration: none;
}

#blog a:hover{
	color:#C0C0C0;
	text-decoration: underline;
}

/* ----------------------------------------------
  ■ NEWS
---------------------------------------------- */
#news{
	margin-top: 8px;
}

#news .main{
	margin-right: 15px;
}

#news .single{
	margin-right: 15px;
}

#news .title{
	margin: 5px 0 0 0;
}

#news .date{
	float: right;
	margin: -16px 0 0 0;
}

#news .content{
}

#news .main td {
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #979797;
}

#news a,
#news a:visited{
	color:#696969;
	text-decoration: none;
}

#news a:hover{
	color:#C0C0C0;
	text-decoration: underline;
}

/* ----------------------------------------------
  ■ ブログ・News共通
---------------------------------------------- */
img.sidebar_ttl{
  display:block;
  width:160px;
  height:26px;
  float:left;
  margin:0;
  padding:0;
}

a#link_06_05,
a#link_06_08{
  display:block;
  width:43px;
  height:26px;
  float:right;
  padding-right:7px;
}

a#link_06_05 img,
a#link_06_08 img{
  margin:0 !important;
}

#sidebar{
  width:210px
}

#sidebar-new,
#sidebar-archive{
  clear:both;
	background:url(/wp-content/themes/jp/image/06_06.jpg) no-repeat;
	width: 203px;
	height: 166px;
}

#sidebar-new .content{
	color: #FFFFFF;
	font-size: 75%;
	overflow : auto;
	margin: 0 5px 0 5px;
	width: 193px;
	height: 166px;
  overflow:auto;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#FFFFFF;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#sidebar-new .content table{
  width:176px !important;
}

#sidebar-new .content td {
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #FFFFFF;
}

#sidebar-new a,
#sidebar-new a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

#sidebar-new a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

#sidebar-archive{
	background:url(/wp-content/themes/jp/image/06_09.jpg) no-repeat;
	width: 203px;
	height: 272px;
	color:#FFFFFF;
}

#sidebar-archive .content{
	color: #FFFFFF;
	font-size: 75%;
	overflow : auto;
	margin: 0 5px 0 5px;

	scrollbar-track-color:		#FFFFFF;
	scrollbar-face-color:		#FFFFFF;
	scrollbar-arrow-color:		#000000;
	scrollbar-3dlight-color:	#FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-highlight-color:	#FFFFFF;
	scrollbar-shadow-color:		#FFFFFF;
}

#sidebar-archive a,
#sidebar-archive a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

#sidebar-archive a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}

#sidebar-archive li{
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: 1px dashed #FFFFFF;
}

#posts_link{
	width: 645px;
	text-align: center;
}

#posts_link a,
#posts_link a:visited{
	color:#696969;
	text-decoration: none;
}

#posts_link a:hover{
	color:#C0C0C0;
	text-decoration: none;
}

#posts_link img{
	margin: 0 5px 0 5px;
	vertical-align:middle;
}

/* ----------------------------------------------
  ■ メルマガ登録
---------------------------------------------- */
#mailmag {
	width: 868px;
	}
.mailmag_top {
	width:868px;
	}
.mailmag_photo01 {
	width: 508px;
	height: 178px;
	float: left;
	margin:0px;
	padding:0px;
	}
.mailmag_photo04 {
	width: 360px;
	height: 419px;
	float: right;
	margin:0px;
	padding:0px;
	}

.mailmag_photo02 {
	width: 508px;
	height: 141px;
	float:left;
	overflow: visible;
	margin:0px;
	padding:0px;
	}
.mailmag_photo03 {
	width: 508px;
	height: 100px;
	float: left;
	margin:0px;
	padding:0px;
	}

#clear {
	clear: both;
	}


/* ----------------------------------------------
  ■ おいしさのひみつ
---------------------------------------------- */
.delicious_spa {
	margin:5px;
	}
.gazou_iro {
	float: left;
	margin: 0px;
	}
.clear_oisisa {
	clear:both;
	}
/* ----------------------------------------------
  ■ クーポン
---------------------------------------------- */

#coupon table {
	margin-left: 40px;
	}
#coupon_s  {
	background-color: #ff4500;
    border-color: #ffffff #ffffff #ffffff #F90;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
	color: #FFF;
	font-weight:bold;
    font-size: 14px;
    margin-top: 8px;
    padding: 2px 0 2px 10px;
	}
	
#foot_gazou {
	margin-left: 40px;
	}


/* ----------------------------------------------
  ■ ソースアレルギー一覧リンク設定
---------------------------------------------- */

.source_link {
	float: right;
	margin: 0 15px 5px 0;

	
	}

.source_link a{
	font-size: 12px; 
	color:#F60;
	text-decoration: none;
}

.source_link a:hover {
	color:#FC6;
	}
	
.source_link img {
	line-height: 15px;
	vertical-align: middle;
	margin-right:5px;
	}
#clear_link {
	clear: both;
	}
	
/* ----------------------------------------------
  ■ プライバシーポリシー
---------------------------------------------- */
.policy-top {
	width: 800px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	}
	
.policy-top p {
	padding-left:20px;
	}

/* ----------------------------------------------
  ■ サイトのご利用にあたって
---------------------------------------------- */
.site-top {
	width: 800px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	}
	
.site-top p {
	padding-left:20px;
	}

.site-top ul li {
	background: url("/wp-content/themes/jp/image/icon_s01_r.gif") no-repeat scroll 0 0.3em transparent;
    padding-left: 15px;
}

/* ----------------------------------------------
  ■ ブラウザの設定方法
---------------------------------------------- */
.setting-top {
	width: 800px;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom: 10px;
	}
	
.setting-top p {
	padding-left:20px;
	}

/* ----------------------------------------------
  ■ グランドメニューテキスト
---------------------------------------------- */
.grand_text {
	font-size: 12px;
	text-indent: 10px;
	}


/* ----------------------------------------------
  ■ サイトマップ
---------------------------------------------- */

/* --- サイトマップエリア --- */
ul.sitemap {
width: 100%; /* サイトマップエリアの幅 */
margin: 0;
padding: 0;
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
color: #666;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; 

line-height: 100%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 49.9%; /* セクションの幅 */
float: left;
}
ul.sitemap ul.separator {
background: url(v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}



/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



/* ----------------------------------------------
  ■ メールフォーム
---------------------------------------------- */

.screen-reader-response
{
  display: none;
}

.wpcf7-not-valid-tip-no-ajax 
{
  color:red;
}


.wpcf7-response-output
{
  color:red;
}


.wpcf7-mail-sent-ok
{
  color: #33F !important;
}

.wpcf7-response-output .wpcf7-validation-errors
{
  color:red;
}

.wpcf7-not-valid-tip-no-ajax
{
  color:red;
}
.text_font_01 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	font-weight:bold;	
	}
	
.text_font_02 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;	
	}
	
	
/* ----------------------------------------------
  ■ 限定期間
---------------------------------------------- */

.gentei_kikan
{
	font-size: 110%;
	font-weight:bold;
	color:#F00;
	margin-bottom:10px;
}


/* ----------------------------------------------
  ■ 店舗情報追加
---------------------------------------------- */


#tenpo_left {
	width: 140px;
	float: left;
	font-size:12px;
	}
#tenpo_right {
	width:105px;
	float: right;
	}
#tenpo_jouhou {
	clear:both;
	}
#tenpo_icon {
	clear:both;
	}
#tenpo_icon img {
	display: inline-block;
	margin-right:3px;
	}

#title_overseas {
    margin: 10px 0 5px;
}

#links_overseas {
   margin: 4px 0 30px 20px;
   font-size:12px;
}