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

#contentstitle {
border: solid 1px #dbd9d2;
background: #eeede8;
margin: 0px 2px;padding: 1px;
}

#contentstitle h2 {
color: #331000;
background: url(../img/common/contents_titlebg.gif) repeat-x #f7f8f8;
border: solid 1px #dbd9d2;
padding: 3px 10px;
font-size: 100%;font-weight: bold;vertical-align: middle;
}

span.shopCategory {float: left;}

span.shopArea {
float: right;
font-size: 75%;font-weight: 100;
padding: 5px 0 0;
color: #666;
}

.box {margin: 0 10px 20px;clear: both;}
.imgleft {float: left;}


/* ===================
店舗一覧
=====================*/
#contentsarea {padding: 10px;}

.shopcaption {
clear: both;
background: url(../img/common/caption_bg.gif) repeat;
margin: 0 0 10px;padding: 7px 10px 5px;
}
#contentsarea a{display:block;}
#contentsarea a:not(.newIcon){text-decoration:none;}

.newIcon {
color: #333366;
padding: 0 0 2px 40px;
background: url(../img/sys_tmpl/new020_06.gif) no-repeat 0 1px;
font-size: 12px;font-weight: bold;text-decoration: none;
}

#contentsarea h3 {color: #0066cc;font-size: 90%;float: left;}
.contentsTopicBox {margin: 0 0 20px;}

.listphoto {
float: left;
width: 219px;
margin: 0 20px 0 0;
background:#dfd9cf none repeat scroll 0 0;
}

.listphoto img {text-align: left;}

.listphoto a {
width: 219px;height: 149px;
display:block;
background:#dfd9cf none repeat scroll 0 0;
margin: auto;padding: 4px 0 0 4px;
}

.listphoto a:hover {background: #cfc4a9 none repeat scroll 0 0;}
.listshopInfobox {width: 500px;float: right;}
.listshopInfol {width: 310px;float: left;}
.listshopInfor {width: 182px;float: right;}

.listshopInfol a:link,
.listshopInfol a:visited,
.listshopInfol a:hover,
.listshopInfol a:active{color: #333366;text-decoration:none;}
.listshopInfol a:hover {color: #06C;}

.listshopInfol h4 {color: #333366;font-size: 110%;clear: both;text-decoration:underline;}

span.nameCatch {margin: 0 10px 0 0;}
p.btn_hikaku {margin: 0 0 10px;}

dl.listcourseinfo {border: solid 1px #CCC;padding: 2px;}
dl.listcourseinfo dt {margin: 0 0 20px;}
dl.listcourseinfo dd {color: #660033;margin: 0 15px 20px;}

ul.shopDetail {margin: 0 0 10px;font-size: 80%;}
ul.shopDetail li {padding: 0 0 0 65px;line-height: 1.6em;}
a ul.shopDetail li {color:#333333;}

li.shopAdd {background: url(../img/sys_tmpl/icon_address.gif) no-repeat left top;}
li.shopTel {background: url(../img/sys_tmpl/icon_telephotne.gif) no-repeat;}
li.shopHoliday {background: url(../img/sys_tmpl/icon_holiday.gif) no-repeat left top;}
li.shopEigyo {background: url(../img/sys_tmpl/icon_open.gif) no-repeat left top;}
li.shopSyuyou {background: url(../img/sys_tmpl/icon_seat.gif) no-repeat;}

ul.icons {margin: 8px 0 0;float: right;}
ul.icons li {margin: 0 2px;float: left;}

ul#iconsinfo {float: right;margin: 0 0 20px;}
ul#iconsinfo li {
margin: 0 8px 0 0;padding: 5px 0 5px 30px;
font-size: 80%;
float: left;
}

li.icon24_cupon {background: url(../img/sys_tmpl/icon24x24_cupon.gif) no-repeat ;}
li.icon24_card {background: url(../img/sys_tmpl/icon24x24_card.gif) no-repeat;}
li.icon24_movie {background: url(../img/sys_tmpl/icon24x24_movie.gif) no-repeat;}
li.icon24_koshitsu {background: url(../img/sys_tmpl/icon24x24_koshitsu.gif) no-repeat;}
li.icon24_blog {background: url(../img/sys_tmpl/icon24x24_blog.gif) no-repeat;}


/* ===================
店舗詳細
=====================*/
#twitterbtn {margin: 10px 0;}

#tenpoDetailArea {padding: 1px;}
#tenpoDetailArea p#idLead {
color: #003399;background: #eeede8;
margin: 0 10px 10px;padding: 7px 10px;
font-size: 100%;text-align: center;font-weight: bold;
}

#tenpoHeader h3 {font-size: 135%;}

ul#tab_navi {
height: 36px;
border-bottom: solid 4px #020221;
background: #eeede8;
margin: 0 0 20px;padding: 0 0 0 1px;
}

ul#tab_navi li {float: left;}
li.mrgl {margin: 0 0 0 1px;}
li.mrgr {margin: 0 1px 0 0;}

#tenpoHeader {background: #eeede8;}

.food {border-top: solid 6px #cc9900;}
.drink {border-top: solid 6px #339;}

#tenpoHeaderl {width: 530px;margin: 15px 0 15px 20px;float: left;}
#tenpoHeaderr {width: 180px;margin: 20px 15px 8px 0;float: right;}
#tenpoHeaderr img {margin: 0 0 5px;}

span.nameCatch {margin: 0 15px 0 0;}

.shopAddress {margin: 0 10px 0 0;font-size: 85%;}

span.shopPhone_wide {
margin: 0 20px 0 0;padding: 0 0 0 25px;
background: url(../img/sys_tmpl/icon_tel.gif) no-repeat 0 5px;
font-size: 120%;font-weight: bold;
}

span.shopMailaddress {
padding: 0 0 2px 25px;
background: url(../img/sys_tmpl/icon_mail.gif) no-repeat 0 3px;
}

.furigana {font-size: 80%;margin: 0 0 5px;}

.tenpoBoxl {width: 330px;float: left;}

dl.tenpoPhoto {margin: 0 0 10px 0;}
dl.tenpoPhoto dt {margin: 0 0 5px 0;clear: both;}
dl.tenpoPhoto dt img {padding: 5px;border: solid 1px #CCC;}
dl.tenpoPhoto dd {
margin: 0 0 10px 0;
color: #069;
font-size:80%;
}

.tenpoBoxr {width: 390px;float: right;}

.tenpoLead {margin: 20px 0 30px;line-height: 1.7em;}

.findingArea {
background: url(../img/temp/finding_bg.gif);
margin: 0 0 15px 0;padding: 15px 8px;
}

.tenpoBoxr h5 {
clear: both;
margin: 0 0 10px;padding: 0 0 5px;
border-bottom: solid 3px #eeede8;
}

ul.tenposys {margin: 0 0 20px;}
ul.tenposys li {line-height: 1.7em;}

/* on time information */
#ontimeInfoBox {
clear: both;
margin: 0 0 10px;
}


ul#shopOntimeInfo {
font-size: 85%;
height: 80px;
padding: 10px 0;
border: solid 1px #CCC;
}

ul#shopOntimeInfo li {
margin: 0 5px 5px 8px;padding: 0 0 0 12px;
text-align: left;
background: url(../img/common/arrow06.gif) no-repeat 0 5px ;
}

dl.shopOntimeInfo {padding: 10px 0;border: solid 1px #CCC;}

dl.shopOntimeInfo dt {
margin: 0 5px 5px 8px;padding: 0 0 0 38px;
background: url(../img/sys_tmpl/text017_07.gif) no-repeat 0 3px ;
color: #C60;
font-size: 90%;font-weight: bold;text-align: left;
}

dl.shopOntimeInfo dd {
margin: 0 5px 5px 8px;padding: 0 0 0 12px;
font-size: 85%;text-align: left;
}

.shopOntimeInfoBox {
margin: 5px 0;padding: 10px;
border: solid 1px #CCC;
}

/* ===================
オンタイムインフォ（2016年以降）
=====================*/
#ontimeInfoBox h6{width:100%;background-color:#ce0000;border-width:0 1px 0 0;border-style:solid;border-color:#ce0000;}

h2.oti{
width:480px;
margin: 0.5em 0 0 0;	padding:0;
color:#ffffff;			text-align:left;
font-size:16px;			line-height:1.1;
/*text-shadow: 1px 1px 1px #664466, -1px -1px 1px #664466;
background:-webkit-gradient(linear, center top, center bottom, from(#cc8a1c), to(#ffc765));
background-color:#cc8a1c;*/
}

div.oti{
	width:100%;margin:0 auto;padding:0px 0 0.5em 0;
	background-color:#fff;
	border-width:0 1px 1px 1px;border-style:solid;border-color:#bbbbbb;
	text-align:center;
}

table.oti{
	margin,padding:0;
	width:100%;
	margin:0 auto 0.0em auto;
	background-color:#fff;
	border-collapse:collapse;
}

table.oti tr{border-bottom:0px solid #999;}
table.oti td{border:0px solid #fff;}
table.oti tr:hover{/*color:#dd8800; background:#ddd;*/}
table.oti thead{display:none;}
table.oti td img,table.oti span.noimg{float:left;max-height:150px;max-width:40%;margin:1em 0.5em 0.5em 1em;}
table.oti span.noimg{height:auto;display:none;margin-right:0;}

table.oti td.hiddenTd{display:none;}
table.oti span.noimg{margin-right:0em;}


table.oti td .oti_txt{	margin:0.8em 1em 0.5em 0.5em;	font-size:1em;	text-align:left;}
table.oti td strong{	margin:0.0em 0.5em 0.5em 0.5em;	font-size:1.0em;	color:#F0881E;	}/* 店名 */
table.oti td .oti_cat{									font-size:0.8em;	color:#888;		}/* 業態 */
table.oti td .oti_new_date{								font-size:0.8em;	color:#C53828;	font-weight:bold;}/* 更新日 */
table.oti td .oti_date{		margin:0.3em 0 0.3em 0.5em;	font-size:0.95em;	color:#C544B8;	font-weight:bold;}/* 期間 */
table.oti td .oti_txt p{	margin:0.3em 0 0.3em 0.5em;	font-size:0.9em;	color:#C53828;	line-height:1.2;font-weight:bold;}/* タイトル */
table.oti td .oti_txt p.honbun{	margin:0.3em 0 0 0.5em;	font-size:0.85em;	color:#000;		line-height:1.2;font-weight:normal;}/* 本文 */



/* ===================
cupon
=====================*/
.tenpoBox h6 {
clear: both;
color: #FFF;background: #C00;
font-size: 90%;text-align: center;
margin: 0 0 10px 0;border-bottom: solid 1px #C03;
}

#cuponOutbox {width:565px;float: left;}
.cuponBox {border: solid 1px #c5c6b9;padding: 1px 1px 0 1px;margin: 0 0 5px;}

table.tblcupon {
border-collapse: collapse;
border-spacing: 0;
width: 560px;
margin: 1px 1px 0 1px;
text-align: left;
}


td.cuponDetail {
width: 200px;
background: #eeede8;
border: solid 1px #cdcabb;
text-align: center;vertical-align: top;
}

td.cuponDetail dl {margin:8px 5px 5px;}/*2016.6.22 右マージン変更*/

td.cuponDetail dl dt {
text-align: center;
margin:0 0 10px;padding: 0 0 5px;
border-width:0 0 1px 0;border-style:dotted;border-color:#000;
}

td.cuponDetail dl dd {color: #C93;font-weight: bold;font-size: 90%;}

.cuponJoken {
float: right;
margin: 0 0 0 5px;
font-size: 80%;text-align: left;
}

table.tblcupon ul li {
margin: 8px 15px 5px 10px;padding: 0 0 5px;
background: url(../img/sys_tmpl/dotline01.gif) repeat-x left bottom;
font-size: 80%;
}

span.condition01 {margin: 0 10px 0 0;}

#cuponinfoarea {
float: right;
width: 160px;
border-top: solid 1px #cdcabb;
border-left: solid 1px #cdcabb;
background: url(../img/sys_tmpl/cuponinfoarea_bgbot.gif) no-repeat right bottom;
margin: 0 0 0 5px;
text-align: center;
}


ul#cuponCyuui {font-size: 70%;margin: 3px 5px 10px 8px;}
ul#cuponCyuui li {margin: 0 0 2px;color: #069;text-align: left;}

.qrinfo {
border: solid 1px #cdcabb;
text-align: center;
margin: 5px 5px;padding: 5px 0;
}

.qrcode {border: solid 1px #cdcabb;margin: 5px 0 0;}


/* ===================
map shopdetail
=====================*/
p.iconlookmap {text-align: center;margin: 0 0 2px;}

.shopmap {
float: right;
padding: 10px;
border:1px solid #cdcabb;
border-width:1px 1px 1px 0px;
text-align: center;
}


table.tenpoInfo	{
float: left;
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #cdcabb;
width: 553px;height: 200px;
margin: 1px 1px 0 1px;
text-align: left;
}

/* IE6のみ適用 */
* html table.tenpoInfo	{width: 551px;height: 180px;}
/* End　IE6のみ適用 */

table.tenpoInfo td {
padding: 3px 5px;
border: solid 1px #cdcabb;
color: #333;
font-size: 85%;
}

table.tenpoInfo th {
width: 75px;
color: #333;background: #eeede8;
font-size: 80%;font-weight: 100;
padding: 3px 5px;
border: solid 1px #cdcabb;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
table.tenpoInfo th {
color: #333;background: #eeede8;
width: 75px;
font-size: 75%;font-weight: 100;
padding: 3px 5px;
border: solid 1px #cdcabb;}
}


/* ===================
おすすめ
=====================*/

#photogallaryArea {
background: #000;
font-size: 85%;text-align: center;
margin: 0 10px;padding: 10px 0 5px 125px;
}

/* IE6 CSSハック */
* html #photogallaryArea {padding: 10px 0 5px 35px;}

/* IE7 CSSハック */
*:first-child+html #photogallaryArea {padding: 10px 0 5px 35px;}
.galleryview {font-family:Arial,Helvetica,sans-serif;font-size:12px;}

#photogallaryArea .panel-overlay h2,
#photogallaryArea .panel-overlay p {margin:0.3em 0;}

.panel-overlay p {line-height:1.2em;color: #FFF;}

div.panel {position:relative;
width:480px;height:320px;
}

div.panel #photos {width:480px;}

.photoGallary {width: 760px;height: 400px;}

#photogallaryArea .panel img{width:100%;}



/* ===================
メニュー
=====================*/
#menuArea {margin: 0 15px;padding: 10px 0;}

p.menuCategory {
clear: both;
color: #330000;background: url(../img/common/arrow04.gif) no-repeat 10px 10px #eeede8;
margin: 0 0 5px;padding: 4px 0 3px 30px;
font-weight: bold;text-align: left;
}

.menubox {border: solid 1px #cdcabb;margin: 0 0 20px;padding: 0 20px;}
ul.menuPrice {margin: 25px 15px;}

ul.menuPrice li {
background: url(../img/sys_tmpl/dotline01.gif) repeat-x left bottom;
margin: 0 0 8px;padding: 0 0 3px;
font-size: 85%;
}

.menuphoto {
float: left;
margin: 15px 30px 15px 0;padding: 5px;
border: solid 1px #CCC;
}

span.menu {width: 70%;float: left;}

span.price {
width: 30%;float: right;
color: #960;
font-weight: bold;text-align: right;
}

span.menu02 {width: 60%;float: left;}

span.price02 {
width: 40%;float: right;
color: #960;
text-align: right;font-weight: bold;
}

span.colorBrown {color: #960;}
span.colorBrown2 {color: #633;}
span.colorBlue {color: #036;}

span.menusubcate {width: 406px;float: left;}

span.menusubprice1 {
width: 120px;float: left;
margin: 0 5px 0 0;
font-weight: bold;text-align: right;
}

span.menusubprice2 {
float: right;
width: 120px;
text-align:right;font-weight: bold;
}


span.mc_subtxt {
color: #933;
font-size: 13px;
border: solid 1px #933;
margin: 0 10px 0 0;padding: 2px 5px;
}

span.mc_subtxt2 {
color: #066;
font-size: 13px;
border: solid 1px #066;
margin: 0 10px 0 0;padding: 2px 5px;
}

.tax_disp,.tax_disp2{display:block;margin:0px 5px 10px 10px;font-size:0.8em;line-height:1.4em;text-align:left;}/* 消費税表示 2014_0414追加*/
.tax_disp2{margin-top:1em;}

/* お弁当用サムネール追加（2017.12.27） */
div.menubox ul.menu_thumb{}
.menubox ul.menu_thumb li{margin:0.2em 0 0 0;padding:0.2em 0;}
.menubox ul.menu_thumb li span.menu_thumb_img{width:20%;float:left;margin-right:1%;padding-bottom:0.3em;}
.menubox ul.menu_thumb li span.menu_thumb_img img{width:100%;}
.menubox ul.menu_thumb li span.menu{width:54%;background:#fff;}
.menubox ul.menu_thumb li span.price{width:25%;background:#fff;}


/* コースの画像を縮小表示する（2019.1.11） */
#menuArea .courseboxl img{max-width:280px;height:auto;}



/* ===================
コース
=====================*/
.coursesubtxt {
margin: 10px 0 10px 10px;
font-size: 14px;
color: #963;
}

.coursebox {
border: solid 1px #cdcabb;
margin: 0 0 20px;padding: 10px 10px 10px 50px;
}

.coursebox p{margin:0em 0 1em 0;font-size:0.9em;}/*2016.8.31 追加*/
.coursebox .sml{font-size:0.9em;line-height:1.2;}/*2016.8.31 追加*/
.courseboxl {width: 292px;margin: 20px 0 0;float: left;}
.courseboxr {
width: 320px;
text-align: center;
border-top: solid 1px #cdcabb;
border-left: solid 1px #cdcabb;
background: url(../img/sys_tmpl/courseMenu_bg.gif) no-repeat right bottom;
float: right;
}

dl.courseExample {margin:  0 30px 30px;text-align: left;}

dl.courseExample dt {
color: #036;
margin: 15px 0 10px;padding: 0 0 5px;
border-bottom: double 4px #036;
font-weight: bold;
}

dl.courseExample dd {
clear: both;
background: url(../img/common/arrow08.gif) no-repeat 0 5px;
border-bottom: dashed 1px #CCC;
margin: 0 0 10px;padding: 0 0 5px 12px;
font-size:85%;line-height: 1.2em;
}

ul.courselist {margin: 0 0 20px;font-size: 85%;}

ul.courselist li {
background: url(../img/common/arrow02.gif) no-repeat 0 3px;
margin: 0 0 10px;padding: 0 0 5px 15px;
border-bottom: solid 1px #CCC;
}

.coursePhoto {margin: 0 0 5px;font-size: 75%;text-align: left;}
.coursePhoto img {padding: 5px;border: solid 1px #CCC;margin: 0 0 3px;}

.coursePhoto02 {margin: 0 20px 5px 0;font-size: 85%;line-height: 1.5em;}
.coursePhoto02 img {
float: left;
border: solid 1px #CCC;
margin: 0 20px 3px 0;padding: 5px;
}

.courseReserveInfo {
color: #C00;
font-size: 90%;text-align: left;
margin: 0 0 10px 0;
}

.coursebox li.caution,.coursebox dd.caution{font-size:0.9em;color:#444;border:1px dotted #aaa;margin:0em;padding:0.3em;background:none;}
.coursebox li.caution:first-letter,.coursebox dd.caution:first-letter{}

/* ===================
店内紹介
=====================*/
#shopInsideArea {margin: 0 8px;padding: 10px 0;}

#shopInsideArea h4 {
clear: both;
background: url(../img/common/arrow04.gif) no-repeat 10px 10px #eeede8;
margin: 0 0 10px;padding: 4px 0 3px 30px;
color: #330000;
font-weight: bold;text-align: left;
}

.insidePhotoBoxl {
clear: both;float: left;
width: 367px;
border: solid 1px #CCC;
margin: 0 0 10px;
text-align: center;
}

.insidePhotoBoxl img,
.insidePhotoBoxr img {
margin: 0 auto;
}

.insidePhotoBoxr {
width: 367px;float: right;
border: solid 1px #CCC;
margin: 0 0 10px;
text-align: center;
}

.insidePhotoBoxl img,
.insidePhotoBoxr img {padding: 1px;}

p.insidePhoto_caption {
margin: 10px 5px 5px;padding: 10px 15px 18px;
border-top: solid 1px #cdcabb;
border-left: solid 1px #cdcabb;
background: url(../img/sys_tmpl/courseMenu_bg.gif) no-repeat right bottom;
font-size: 85%;text-align: left;
}
p.txt_spacer {height: 35px;}


/* ===================
スタッフ紹介
=====================*/
dl.hostessList {  
float: left;
border:solid 1px #e7b6ba;  
width:240px;
margin: 5px 0 5px 8px;
background: #fbfaf5;
}  

dl.hostessList dt {  
float:left;  
width:68px;  
clear:both;  
padding: 5px;
}

dl.hostessList dt img {border: solid 1px #CCC;}

dl.hostessList dd.h_shopname {
margin: 10px 0 5px 0;margin-left:80px; padding: 0 0 5px;
width:150px;  
border-bottom: solid 1px #e7b6ba;
font-size: 80%;font-weight: bold;
color: #cc3366;
}

dl.hostessList dd.h_hostessname {
margin: 4px 0 0 0;margin-left:80px; 
width:100px;  
font-size: 80%;
min-height: 36px;
}

dl.hostessList dd.btn_movieplay {margin-left:80px; }

#movieArea {
background: #222;
border: solid 1px #333;
margin: 12px auto 5px;padding: 25px 0 10px;
text-align: center;
}

#movieshopInfoArea {border: solid 1px #333;background: #FFF;padding: 15px;}

p.wmp,
p.notPlay {font-size: 12px;line-height: 1em;clear: both;}
p.wmp img {margin: 0 10px 0 0;float: left;}

/* ===================
ムービー
=====================*/
.movielist {margin: 40px 40px 30px;}
.movielistL {float: left;}
.movielistR {
float: right;
width: 210px;
background: url(../img/sys_tmpl/movie_commentbg.gif) no-repeat;
}

p.moviecmnt {
display:block;
font-size: 85%;
text-align:left;
padding: 18px 10px 5px 10px;
line-height: 1.4em;
}

/* ===================
求人
=====================*/
/*-- テーブル --*/
#jobArea table{border-collapse: collapse;
width: 95%;margin:0.5em auto;}
#jobArea table th,
#jobArea table td {
padding: 10px;
border: 1px solid #999;
font-size:0.8em;text-align: left; 
}
#jobArea table th  { width: 20%;background-color: #eee;}
#jobArea table a:link,#jobArea table a:visited,#jobArea table a:active,#jobArea table a:hover{color:#06f;}