@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/* wrapper */
div#wrapper {
	width:940px;
	margin:0 auto;
}

/* header */
div#header {
	width: 940px;
	overflow: hidden;
	margin:10px auto 20px;
	padding-bottom:5px;
	border-bottom:2px solid #DFCB8E;
}
/* footer */
#footer {
	padding-bottom:15px;
}

/* common title area */
#wrapper .ttlArea {
	border-left:4px solid #DFCB8E;
	padding-left:8px;
	width:525px;
	margin:0 0px 0 20px;
	float:left;
}
#wrapper .formFlow {
	width:361px;
	float:right;
	margin-right:20px;
}
#wrapper .ttlArea h1 {
	font-size:16px;
	font-weight:bold;
	padding:2px 0;
}
#wrapper .ttlArea p.ttlNote {
	font-size:13px;
	color:#af2600;
	line-height:110%;
	font-weight:bold;
	padding:6px 0 2px;
}

/* common main area */
#wrapper .mainArea {
	background-color:#fff;
	margin:0 20px 50px;
	padding:15px 20px 35px;
}
#wrapper .mainArea h2 {
}

/* common form */
.mainArea table.formTbl {
	width:100%;
	margin-bottom:20px;
}
.mainArea table.formTbl th {
	background-color:#fff5d6;
	width:241px;
	border-right:2px solid #ffffff;
	border-bottom:3px solid #ffffff;
	padding:15px 0;
}
.mainArea table.formTbl th.hissu {
	background:#fff5d6 url(../images/form2/hissu.gif) no-repeat 200px center;
}
.mainArea table.formTbl th span {
	display:block;
	color:#444444;
	font-size:15px;
	margin:0 50px 0 20px;
	font-weight:bold;
}
.mainArea table.formTbl th span.fss {
	font-size:13px;
}
.mainArea table.formTbl td {
	background-color:#ffffff;
	width:614px;
	border-bottom:3px solid #ffffff;
	padding:12px 0;
	font-size:14px;
	color:#444444;
}
.mainArea table.formTbl td .tdInner {
	padding:0 20px;
}
.mainArea table.formTbl td .tdInner_noColor {
    padding: 0 20px;
}
.mainArea table.formTbl td select {
	font-size:15px;
	padding:3px;
	border:2px solid #bdbca8;
}
.mainArea table.formTbl td input.formTxt {
	font-size:16px;
	padding:4px;
	border:2px solid #bdbca8;
}
.mainArea table.formTbl td textarea {
	font-size:14px;
	padding:4px;
	border:2px solid #bdbca8;
}
.mainArea table.formTbl .formNote01 {
	font-size:14px;
	color:#AF2600;
	font-weight:bold;
}
.mainArea table.formTbl .formNote02 {
	font-size:11px;
	color:#565656;
	font-weight:normal;
	line-height:140%;
}
.mainArea table.formTbl .formEx01 {
	color:#999999;
}
.shopSelectSub {
    font-size: 13px;
    margin-bottom: 7px;
}

.mainArea form p.mailNote{
	margin: 15px 120px !important;
}

/* 予約フォーム入力_店舗選択 個別style */
.mainArea .formTbl td.username dl dt {
	float:left;
	width:35px;
	padding-top:7px;
}
.mainArea .formTbl td.username dl dd {
	float:left;
	width:210px;
	margin-right:10px;
}
.mainArea .formTbl td.username dl dd input.formTxt {
	width:190px;
}
.mainArea .formTbl td.selResidence .tdInner select {
	width:180px;
	margin-right:5px;
}
.mainArea .formTbl td.selResidence .tdInner span {
	font-size:16px;
	margin-right:5px;
}
.mainArea .formTbl td.telNum .tdInner input.formTxt {
	width:80px;
	margin-right:5px;
}
.mainArea .formTbl td.telNum .tdInner span {
	font-size:16px;
	margin-right:5px;
}
.mainArea .formTbl td.mailAdd .tdInner input.formTxt {
	width:400px;
}
.mainArea .formTbl td.mailAdd .eac-sugg {
	color: #ccc;
}
.mainArea .formTbl td.formRadio01 .tdInner input {
	margin:0 6px 4px 0;
}
.mainArea .formTbl td.formRadio01 .tdInner_noColor input {
    display: none;
}
.mainArea .formTbl td.formRadio01 .tdInner label {
	font-size:16px;
	margin:2px 30px 0 0;
}
label[for="come"],label[for="online"] {
    display: inline-block;
	font-size: 15px;
	color: #c9171e;
	width: 100px;
	text-align: center;
	margin-right:5px !important;
	background-color: #ffffff;
	padding: 3px 5px;
	border-radius: 5px;
	border: 1px solid #c9171e;
}
.onlineFlag:checked + label[for="come"], .onlineFlag:checked + label[for="online"]{
	background-color: #c9171e;
	color: #ffffff;
	border: 1px solid #c9171e;
}
.onlineComment{
	display: block;
	margin-left: 235px;
	margin-top: -30px;
	width: 170px;
}
.mainArea .formTbl td.textArea01 .tdInner textarea {
	width:510px;
	height:40px;
	min-height:40px;
	line-height:125%;
}
.mainArea .formNote {
	font-size:18px;
	color:#af2600;
	font-weight:bold;
}
.mainArea .formBtn01 {
	text-align:center;
}

/* 予約フォーム入力_日時選択 個別style */
.mainArea .formTbl .shopSelect {
	/*float:left;*/
	margin-right:15px;
	margin-bottom:5px;
	padding-top:3px;
}
.mainArea .formTbl .shopSelect span {
	font-size:16px;
	margin-right:12px;
}
.mainArea .formTbl .shopSelect a {
	font-size:12px;
	margin-right:9px;
}
.mainArea .formTbl .neighbor {
	/*float:left;*/
	background-color:#fff9cd;
	padding:6px 10px 5px;
	line-height:110%;
	display:inline-block;
}
.mainArea .formTbl .neighbor li {
	float:left;
	margin-right:6px;
	font-size:12px;
}
.mainArea .formTbl td.calendar .calendarNote {
	font-size:12px;
	/*width:564px;*/
	width:572px;
	margin-bottom:3px;
}
.mainArea .formTbl td.calendar .calendarNote li {
	float:left;
	margin-right:15px;
}
.mainArea .formTbl td.calendar .calendarYM {
	background-color:#c1e084;
	/*width:564px;*/
	width:572px;
	text-align:center;
	border-bottom:2px solid #bdbca8;
	height:20px;
	padding-top:2px;
}
.mainArea .formTbl td.calendar .calendarWD {
	/*width:562px;*/
	width:570px;
	border-left:2px solid #bdbca8;
}
.mainArea .formTbl td.calendar .calendarWD li {
	/*width:78px;*/
	width:79px;
	border-right:2px solid #bdbca8;
	border-bottom:2px solid #bdbca8;
	float:left;
	text-align:center;
	font-size:12px;
	background-color:#eeeeee;
}
.mainArea .formTbl td.calendar .calendarW {
	/*width:562px;*/
	width:570px;
	border-left:2px solid #bdbca8;
}
.mainArea .formTbl td.calendar .calendarD {
	/*width:78px;*/
	width:79px;
	border-right:2px solid #bdbca8;
	border-bottom:2px solid #bdbca8;
	float:left;
	color:#878787;
}
.mainArea .formTbl td.calendar .calendarWD li.sat,
.mainArea .formTbl td.calendar .calendarD.sat {
	/*width:78px;*/
	width:79px;
	background-color:#d6eff8;
}
.mainArea .formTbl td.calendar .calendarWD li.sun,
.mainArea .formTbl td.calendar .calendarD.sun {
	/*width:78px;*/
	width:79px;
	background-color:#f9dde1;
}
.mainArea .formTbl td.calendar .calendarD.non {
	background-color:#d3d3d3;
}
.mainArea .formTbl td.calendar .calendarD.today {
	background-color:#ffffff;
}
.mainArea .formTbl td.calendar .calendarWD li.holi,
.mainArea .formTbl td.calendar .calendarD.holi {
	background-color:#f9dde1;
}
.mainArea .formTbl td.calendar .calendarD .dayNum {
	margin:2px 3px 3px;
	line-height:110%;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
.mainArea .formTbl td.calendar .calendarD li {
	margin-left:10px;
	margin-bottom:3px;
	line-height:115%;
	overflow:hidden;
	font-size:14px;
}
.mainArea .formTbl td.calendar .calendarD li.calendarTEL {
	border-radius:3px;
	border: 1px groove #00bfff;
	margin:10px 0px 0px 3px;
	position:absolute;
}
.mainArea .formTbl td.calendar .calendarD li.calendarTEL a {
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:3px;
	display:block;
	/*background-color:#BAE8FF;*/
}
.mainArea .formTbl td.calendar .maru,
.mainArea .formTbl td.calendar .batu {
	font-weight:bold;
	color:#555555;
	margin-right:3px;
}
.mainArea .formTbl td.calendar .seat {
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:130%;
	background-color:#888888;
	color:#ffffff;
	width:15px;
	display:block;
	text-align:center;
	margin-right:3px;
	float:left;
}
.mainArea .formTbl td.calendar .calendarD li a:link,
.mainArea .formTbl td.calendar .calendarD li a:visited {
	text-decoration:none;
	color:#006cc8;
}
.mainArea .formTbl td.calendar .calendarD li a:hover {
	text-decoration:none;
	color:#43a9ff;
}
.mainArea .formTbl td.calendar .calendarBtn {
	margin:10px 10px 0 10px;
}
.mainArea .formTbl td.calendar .calendarBtn li {
}
.mainArea .formTbl td.calendar .calendarBtn li a,
.mainArea .formTbl td.calendar .calendarBtn li.none span.noneInner {
	display:block;
	width:102px;
	height:33px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}
.mainArea .formTbl td.calendar .calendarBtn li a:link,
.mainArea .formTbl td.calendar .calendarBtn li a:visited,
.mainArea .formTbl td.calendar .calendarBtn li a:hover {
	text-decoration:none;
}
.mainArea .formTbl td.calendar .calendarBtn li.last {
	float: right;
	margin: 0 10px 0 0;
}
.mainArea .formTbl td.calendar .calendarBtn li.last a {
	background:url(../images/form2/btn_calendar.gif) 0 0;
}
.mainArea .formTbl td.calendar .calendarBtn li.last a:hover {
	float:left;
	background:url(../images/form2/btn_calendar.gif) 0 -33px;
}
.mainArea .formTbl td.calendar .calendarBtn li.last.none span {
	background:url(../images/form2/btn_calendar.gif) 0 -66px;
}
.mainArea .formTbl td.calendar .calendarBtn li.next {
	float:right;
}
.mainArea .formTbl td.calendar .calendarBtn li.next a {
	background:url(../images/form2/btn_calendar.gif) -102px 0;
}
.mainArea .formTbl td.calendar .calendarBtn li.next a:hover {
	float:right;
	background:url(../images/form2/btn_calendar.gif) -102px -33px;
}
.mainArea .formTbl td.calendar .calendarBtn li.next.none span.noneInner {
	background:url(../images/form2/btn_calendar.gif) -102px -66px;
}
.mainArea .formTbl td.calendar .calendarBtn li a span,
.mainArea .formTbl td.calendar .calendarBtn li.none span.noneInner span {
	display:block;
	padding:7px 0 0 27px;
}

html,body {
	height:100%;
	margin:0px;
	padding:0px;
}
#telNumModalWrap {
	position:fixed;
	width:100%;
	height:100%;
	z-index:2;
	text-align:center;
}
#modalBG {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #ffffff;
	z-index:0;
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter:"alpha(opacity=75)";
	cursor:pointer;
}
#telNumModal {
	position:fixed;
	width:544px;
	height:176px;
	left:50%;
	top:50%;
	margin-left:-272px;
	margin-top:-88px;
}
#telNumClose {
    position: absolute;
    right: 14px;
    top: 14px;
	width:25px;
	height:21px;
	cursor:pointer;
}


/**予約フォーム日時選択 変更スタイル**/
	.mainArea .formTbl td.calendar .calendarWD li {
		border-top:2px solid rgb(189, 188, 168);
	}
	.mainArea .formTbl td.calendar .calendarD {
		background-color:white;
	}
	.mainArea .formTbl td.calendar .calendarD.non{
		background-color:white;
	}
	.mainArea .formTbl td.calendar .calendarD.non .dayNum {
		color:#CCC;
	}
	.mainArea .formTbl td.calendar .calendarD.today .dayNum {
		/*background-color:rgb(241, 252, 218);*/
		color:#EA6363;
	}

	.mainArea .formTbl td.calendar .calendarD li {
		margin-bottom:0px;
		margin-left:6px;
	}
	/*.mainArea .formTbl td.calendar .calendarD li a {
		display:block;
		width:65px;
		padding:2px 0 1px 2px;
		border-radius:3px;
		border: 1px groove #00bfff;
	}*/

.mainArea .formTbl td.calendar .calendarD li a {
		display:block;
		width:65px;
	  line-height: 22px;
    background: #238eb5;
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF!important;
    font-weight: bold;
    cursor: pointer;
    border: 0;
    font-size: 14px;
    -webkit-appearance: none;
	margin-bottom: 4px;
	}
.mainArea .formTbl td.calendar .calendarD li.batsuWrap {
display:block;
		width:65px;
	  line-height: 22px;
    background: #dddddd;
    text-align: left;    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    border: 0;
    font-size: 13px;
    -webkit-appearance: none;
	margin-bottom: 4px;
	cursor: default;
}
.mainArea .formTbl td.calendar .calendarD li.batsuWrap span.batu {
	font-size: 10px;color: #ffffff;margin: 0!important;padding: 0!important;

}
.mainArea .formTbl td.calendar .calendarD li a:hover {background: #3b3c3c;}
.mainArea .formTbl td.calendar .calendarD li a .seat {
display: none;
}
.mainArea .formTbl td.calendar .calendarD li a .maru {
	display: none;
}
.mainArea .formTbl td.calendar .calendarD li.calendarTEL{border: none;}
.mainArea .formTbl td.calendar .calendarD li.calendarTEL a {background: #3b3c3c;font-size: 11px;font-weight: normal;}
.mainArea .formTbl td.calendar .calendarD li.calendarTEL a:hover {background: #238eb5!important;}


.mainArea .formTbl td.calendar .calendarD li a

	.mainArea .formTbl td.calendar .calendarD li a:hover {
		color:rgb(0, 108, 200);
		background-color:#C1E084;
	}
	.mainArea .formTbl td.calendar .calendarD li.date-selected a {
		background-color:#88C807;
		color:white;
	}
	.mainArea .formTbl td.calendar .calendarD li .selectTime {
		color:#ffffff;
		background-color:#c23139;
	}
	.mainArea .formTbl td.calendar .calendarD.today li a {
		width:auto;
		border-radius:0px;
		border:none;
	}
.mainArea .formTbl td.calendar .calendarD .calendarTEL a {width: auto;}
	.mainArea .formTbl td.calendar .calendarD.today li a:hover {
		background-color:rgb(186, 232, 255);
	}
	.mainArea .formTbl td.calendar .calendarD {
		height:97px;
	}
	.mainArea .formTbl td.calendar .calendarNote.note-bottom {
		margin-top:5px;
		font-size:12px;
	}
	.mainArea .formTbl td.calendar .calendarD .seat,
	.mainArea .formTbl td.calendar .calendarD .maru,
	.mainArea .formTbl td.calendar .calendarD .batu {
		margin-right:7px;
		display:block;
		float:left;
		width:15px;
		text-align:center;
	}
	.mainArea .formTbl td.calendar .calendarD .batu {
		margin-left:2px;
	}

	#wrapper .ttlArea p.ttlNote {
		color:#EA6363;
	}
	.mainArea .formNote {
		color:#EA6363;
	}

.selectSchedule {
	border: 2px solid #bdbca8;
	float: left;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 5px 0 0;
	text-align: center;
	width: 300px;
}
.remark {
	font-size: small;
}
.onlineLink{
	width: 555px;
	margin-top: 20px;
	background-color: #dddddd;
	padding: 10px 13px;
	border-radius: 5px;
	border: 1px solid #dddddd;
}
.textLink{
	color: #0000ff;
	text-decoration: underline;
	text-underline-offset:4px;
}
/*セミナーバナー*/
div.inviteSeminar { width: 450px; margin:  15px auto; text-align: center; }
div.inviteSeminar a {color: #ffffff; font-weight: bold;font-size: 22px;display: block; padding: 10px;border-radius: 10px;background: #f97c91;}
div.inviteSeminar a span {border-bottom: 1px solid #ffffff; font-size: 18px;}
div.inviteSeminar a:hover {background: #3b3c3c;}

/* 予約フォーム_確認 */
.mainArea.confirm .formTbl td {
	font-weight:bold;
	color:#4f3a30;
	word-break:break-all;
}
.mainArea.confirm .formTbl td.username dl dt {
	padding-top:0;
	font-weight:normal;
	color:#555555;
}
.mainArea.confirm .formTbl td.username dl dd {
	float:left;
}
.mainArea.confirm .formTbl td.textArea01 {
	font-size:13px;
}
.mainArea .formBtn02 .btnCorrect {
	float:left;
	margin-right:152px;
	padding-top:24px;
}
.mainArea .formBtn02 .btnConfirm {
	float:left;
}

/* 予約フォーム_完了 */
.mainArea.complete .thanks {
	background-color:#dff2b8;
	padding: 15px 20px 15px 115px;
	text-align:left;
	margin-bottom:15px;
}
.mainArea.complete .thanks h3 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
	color:#444444;
}
.mainArea.complete .thanks p {
	font-size:14px;
	line-height:155%;
}

.mainArea.complete .thanks p {
	font-size:14px;
	line-height:155%;
}

.mainArea.complete .enquete {
	border:2px solid #f5a46c;
	background-color:#fff5ed;
	padding:20px;
	text-align:center;
}
.mainArea.complete .enquete h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	color:#444444;
}
.mainArea.complete .enquete ul {
	width:794px;
	margin:0 45px 10px;
}
.mainArea.complete .enquete ul li {
	font-size:14px;
	float:left;
	margin:0 0 7px 0;
	width:33%;
	text-align:left;
}
.mainArea.complete .enquete ul li input {
	margin-right:3px;
	vertical-align:middle;
}
.mainArea.complete .guid {
	margin:25px 110px 0;
	font-size:13px;
}
.mainArea.complete .guid div.completeTel {
	width:163px;
	margin:25px auto;
}

/* errors */
label.error {
	color:#AF2600;
	display:block;
	margin:5px 0 0 0;
	font-size:14px !important;
	font-weight:bold;
}
.phone_error{
	color: #AF2600;
    display: block;
    margin: 5px 0 0 0;
    font-size: 14px !important;
    font-weight: bold;
}
.mainArea table.formTbl td select.error,
.mainArea table.formTbl td input.error {
	border:2px solid #ffaf99;
}
textarea.formTxt.mr05.error {
	border:2px solid #ffaf99;
}