/* ReserveBoxお客様画面 カスタムCSS */
@import url(/HpCss/sys/bbq/jquery-ui-customer_new.css);
*{
	line-break: normal;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0 auto;
}
body{
}
hr{
	color: #cecece;
}
.Changed{}
th.Required{
	background-image: none;
}
img.Thumbnail{}
#Address{
	display: none;
}
.StdBtn{}
.SmallBtn{}
.OptBtn{}
.ToTop{
	display: none;
}
div.ExclamationMsg{}
div.bbqDiscountMsg{}
span.planpay{}
/******* UI Dialog用 *******/
.ui-widget-header{
	border: none;
	background: none;
	color: #fff;
}
.ui-dialog .ui-dialog-title {} 
.ui-dialog .ui-dialog-content {}
.ui-dialog .ui-dialog-buttonpane {
	display: none;
}
.ui-datepicker-calendar th{}
/******* 会員ボタン *******/
#PageLink{
	clear: both;
	text-align: right;
	float:right;
}
#PageLink a{
	font-size: small;
	text-decoration:none;
	padding: 5px;
	color: #c62827;
	border: 2px solid #c62827;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.StdBtn{
	font-size: small;
	text-decoration:none;
	padding: 5px;
	color: #c62827;
	background: transparent;
	border: 2px solid #c62827;
	cursor: pointer;
	-webkit-appearance: none;
}
.jBtn{
	text-decoration:none;
	color: #c62827;
	background: transparent;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
}
.HighBtn{
	font-size: 12pt;
	text-align: center;
	text-decoration: none;	
	display: inline-block;
	overflow: visible;
	padding: 5px 10px;
	border: 0px solid #f00;
	color: #fff;
	background-color: #c62827;
	min-width: 110px;
	min-height: 1em;
	margin-bottom: 3px;
	cursor: pointer;
	-webkit-appearance: none;
}
input.HighBtn[disabled]{
  background:#e49393 ! important;
  cursor:not-allowed; /* 禁止カーソル */
	-webkit-appearance: none;
}
.Midashi{
	color: #954e1a ! important;
	font-size: medium ! important;
	padding: 15px 0px 10px 0px;
}
/******* カレンダー用 *******/
div.Calendar{}
/* カレンダー */
table.Calendar{
	font-size: 11pt;	
	border-collapse: collapse;
	width: 100%;
	border: 0px solid #aaa; 
}
table.Calendar th{
	border: 0px solid #aaa;
	padding: 30px 0px;
	color: #000000;
	font-size: 16pt;
}
table.Calendar td{
	text-align: center;	
	border: 1px solid #aaa;	
	padding: 5px;	
	width: 14%;
	vertical-align: top;
}
table.Calendar td:not(.Weeklist){
	min-height: 5em;
}
table.Calendar .Weeklist{	height:20px;	}	
table.Calendar .Otherday{	background-color: #eee;	color: #666666;	vertical-align: middle;	}
table.Calendar .Weeklist .Weekday{	background-color: #f5f5f5;	}
table.Calendar .Weeklist .Saturday{	background-color: #eeffff;	}
table.Calendar .Weeklist .Holiday{	background-color: #ffebed;	}
table.Calendar .Today{	}
table.Calendar .HolidayName{
	display:none;
}
table.Calendar td b{
	display: block;
	text-align: left;
}
table.Calendar td.Saturday b{
	color:#3698f1;
}
table.Calendar td.Holiday b{
	color:#c62827;
}
table.Calendar td a{
	font-size: 10pt;
	text-align: left;
	text-decoration: none;	
	display: inline-block;
	overflow: visible;
	padding: 3px 10px;
	border: 0px solid #f00;
	color: #fff;
	background-color: #c62827;
	min-height: 1em;
	width: 80%;
	margin-bottom: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
table.Calendar td a.disabled{
	background-color: #ef9b9b ! important;
  cursor:default;
}
table.Calendar td a span{
	float:right;
}
table.Calendar td a:hover{}
table.Calendar td div{}
table.Calendar td div b{}
div.Rsvaccepting{}
div.Rsvvacancy{}
div.Rsvinvalidity{
	background-color:#f5f5f5;
	padding: 8px 0px;
}
div.Remain{}

/* プランコンテンツ */
div.CalenMemo{
	font-size: small;
	text-align: left;
	margin: 15px auto;
}
div#CalenNavi{
	position: absolute ! important;
	z-index:99;
	height: 50px;
	width: 30%;
	margin: 0 auto;
	left:36%;
}
i.fa{
	font-size: 20pt;
	width: 40px;
}
/* カレンダー */
#CalenWindow table.Calendar{
	width: 90%;
	display: none;
	margin: -5px auto 10px auto;
	font-size: 9pt;
}
#CalenWindow div.left{
	display: none;
}
#CalenWindow table.Calendar th{
	border: 0px solid #aaa;
	padding: 10px 0px;
	color: #000000;
	font-size: 14pt;
}
#CalenWindow table.Calendar td{
	text-align: center;	
	border: 1px solid #aaa;	
	padding: 3px;	
	width: 14%;
	vertical-align: top;
}
#CalenWindow table.Calendar td a{
	font-size: 9pt;
}
div.bbqBodys{
	margin: 0 auto;
}
div.bbqList{
	border: 2px solid #bca9a2;
	margin-bottom: 20px;
	clear: both;
	padding: 20px;
}
div h2{
	color: #80584e;
	text-align: left;
	margin: 30px auto;
	padding-bottom: 5px;
	border-bottom: 1px solid #80584e;
}
#ResrvationNotice{
	border: 1px solid #aaa;
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
	font-size: small;
}
#ResrvationNotice th{
  display: list-item;
  list-style-type: none;
  text-align: left;
	padding: 30px;
	padding-bottom: 0px;
	width: 20%;
}
#ResrvationNotice td{
  display: list-item;
  list-style-type: none;
  text-align: left;
 	padding: 30px;
 	padding-top: 0px;
}
#ResrvationNotice td table,
table.bbqList{
	border: 1px solid #aaa;
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
}
table.bbqList caption{
	color: #80584e;
	text-align: left;
	margin-top: 30px;
}
table.bbqList caption img{}
table.bbqList .ths{}

#ResrvationNotice td table th,
table.bbqList th{
	display: table-cell;
	background-color: #f5f5f5;
	text-align: left;
	font-size: small;
	border: 1px solid #aaa;
	padding: 10px;
	vertical-align: middle;
}
#ResrvationNotice td table td,
table.bbqList td{
	display: table-cell;
	font-size: small;
	text-align: left;
	border: 1px solid #aaa;
	padding: 10px;
}
table.Meyasu{
	width: 100%;
	border: none;
	text-align: left;
	font-size: small;
}
table.Meyasu tr{
	border-bottom: dotted 1px #80584e;
}
table.Meyasu th{
	text-align: left;
	color: #80584e;
}
table.Meyasu td.Opimg{
	width: 90px;
}
table.Meyasu td.Opimg img{
	width: 80px;
}
table.Meyasu td{
	color: #954e1a;
	font-size: 12pt;
	padding: 10px 0px;
	vertical-align: middle;
}
table.Meyasu .tanka{
	text-align: right;
	padding: 0px 20px;
	width: 10%;
	white-space:nowrap;
}
table.Meyasu .added{
	text-align: center;
	width: 10%;
	white-space:nowrap;
}

table.Meyasu td div{
	font-size: small;
	color: #000;
}
.Tanka{
	color: #954e1a ! important;
	font-size: medium ! important;
	padding: 10px;
}
div.bbqImage{
	float: left;
	text-align: center;
	margin-right: 30px;
	max-height: 250px;
}
ul.bbqImages{ 
 display:table; 
 width: 100%;
 margin-left: 3px;
} 
ul.bbqImages li{ 
 display:table-cell;
 padding: 3px 3px 3px 3px;
}
ul.bbqImages li img{
	width: 100%;
}
div.bbqName{
	color: #954e1a;
	text-align: left;
	/*padding: 10px 0px;	*/
	font-weight: bold;
	font-size: 15pt;
}
div.bbqName a {
	color: #954e1a;
	word-break: break-all;
	overflow: visible;
	width: auto;
}
#OptionList div.bbqName a {
	min-height: 3.5em;
	display: inline-block;
}

div.bbqSubname{
	width: auto;
	font-size: small;
	text-align: left;
	color: #000000;
	margin: 20px auto;
}
div.bbqMemo{
	clear: both;
	background-color: #f5f5f5;
	text-align: left;
	font-size: small;
	padding: 20px;
	margin-top: 20px;
}
div.bbqMemo a{}
#BasicCondition *{}

div.ModmeiArea table.MlineTable input{
	width: 98%;
}
div.ModmeiArea table.MlineTable td.rskazu input{
	width: 48%;
}
table.MlineTable{
	border: 1px solid #aaa;
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;
}
table.MlineTable caption{
	color: #80584e;
	text-align: left;
	margin-top: 20px auto 30px auto;
}
table.MlineTable th{
	background-color: #f5f5f5;
	text-align: left;
	font-size: small;
	border: 1px solid #aaa;
	padding: 3px;
}
table.MlineTable td{
	font-size: small;
	text-align: left;
	border: 1px solid #aaa;
	padding: 3px;
}

#DateTime{
	margin-bottom: 30px;
	padding: 20px;
	background-color: #f5f5f5;
	list-style: none;
	overflow: hidden;
}
#DateTime li{
	display: table-cell;
	width: 33%;
	float: left;
	text-align: left;
	font-size: small;
	virtical-align: middle;
}
#DateTime li div{
	font-size:14pt;
}
span.term{
	display: inline-block;
	float:right;
}
#NinzuArea dt{
	font-size: 14pt;
	text-align: left;
	color: #80584e;
}
#NinzuArea dt span.warning{
	font-size: small;
}
#NinzuArea dd{
	padding: 10px;
	border: 1px solid #000;
	text-align: left;
	margin-bottom: 20px;
}
#NinzuArea dd span{
	margin-right: 30px;
}
.Trush{
	background: url(/HpCss/sys/bbq/i_delete_16.png) no-repeat center;
	width: 17px;
	height: 20px;
	border: none;
}
#OptionList{
	clear: both;
	overflow:hidden;
	width:100%;
	margin-top: 10px;
}
#OptionList li{
	display: block;
	float:left;
	width: 23%;
	margin: 0 1px 1px 0px;
	border: 1px solid #f5f5f5;
	padding: 8px;
}
#OptionList li div.bbqName{
	width: 100%;
	text-align: center;
	float: none;
	font-size:12pt;
	padding: 8px 0px;
}
#OptionList li div.bbqMemo{
	height: 60px;
	overflow: auto;/*hidden;*/
	margin-top: 0px;
}
#OptionList li img{
	text-align:center;
	float: none;
	clear: both;
	margin: 0 auto;
	height: 120px;
}
#MeisaiArea{
	margin: 30px auto;
}
#Regist div{
	margin: 20px auto;
}
#EndMsg{
	color: #80584e;
	text-align: center;
}

/**************************/
/* マイページ */
/**************************/
#MyMenu{
	height: 2.5em;
	line-height: 2.5em;
	margin: 30px auto;
	color: #fff;
	background-color: #c62827;
}
h1.Seikyu{
	text-align: left;
	color: #337a0d;
	font-size: large;
}
#SeikyuMessage{
	background: url(/HpImages/rsb-coupon-back.jpg) repeat;
	border: 1px dashed #235a0d;
	padding: 0px 5px 5px 5px;
	margin: 10px auto;
}
#SeikyuMessage table td{
	background-color: #fff;
}

/**************************/
div.SideMenu{}
div.bbqSideMenu{}
/**************************/
/* 大外枠 */
div.Main{
	text-align: center;
	border: 0px solid #ff0000;
}
/****************************/
/* ページヘッダー */
header{
	width: 100%;
}
div.Bodyheader{
	display: none;
}
div.Bodyheader h1{
}
/****** Menu表示 ******/
div.Menus{
}
/****** コンテンツ表示 ******/
div.Bodys{
	width: 1000px;
	margin: 0 auto;
}
div.Contents{
	line-height: 1.2em;
	text-align: center;
}
/********* コメント表示 *********/
#PageTitle{
	color: #954e1a;
	text-align: left;
	margin-top: 30px;
	font-size: x-large;
}
#Comments,
#EndMsg{
	font-size:small;
	color: #000;
	text-align: left;
	line-height: 1.8em;
	margin: 20px auto 40px auto;
}
/****** テーブル用クラス ******/
/* 汎用テーブル */
table.Layout{
	width: 80%;
	margin: 0 auto;
}
table.Layout td{
	color: #80584e;
	padding: 20px 10px;
	text-align: left;
}
div.Update{
}
.Caption{
	margin-left: 1em;
	font-size: large;
	border: 0px solid #ffffff;
	background: url(/HpImages/bg_gra_h.png) repeat-x left -120px #ce618a;
}
.Title{
}

table.Basictable{
	width: 100%;
	border-collapse: collapse;
}
table.Basictable th{
	background-image: none;
	text-align: center;
	padding: 3px;
	background-color: #ffffcc;
	color: #2B0F00;
	border:1px solid #4C2C2C;
}
table.Basictable td{
	font-size: small;
	text-align: left;
	padding: 8px 5px;
	color: #4C2C2C;
	border:1px solid #4C2C2C;
}
/******************/
footer{
	margin-top: 100px;
}
div.Bodyfooter{
	display: none;
}
div.Bodyfooter a{
	text-decoration: none;
}
/******************/
div.Powered{
	background: url(/HpImages/copybak.gif) #e6e6e6 center left repeat;
	width: 100%;
	height: 10px;
	font-size: 8pt;
	text-align: center;
	border: 0px solid #000000;
}
div.Powered a{
	font-family: "ＭＳ Ｐゴシック";
	color: #999;
	margin: 5px;
	text-decoration: none;
}