@charset "utf-8";


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

    お問い合わせフォーム

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

#stepNavi{
	width:846px;
	margin:16px auto 20px;
}

#formTitle{
	margin-bottom:10px;
	padding-top:14px;
	padding-bottom:14px;
	background-image:url(../images/reservation/bg_title.jpg);
	background-size:width:100%;
	text-align:center;
}
.container{
	margin:0 10px;
	padding:10px 0;
	background:#fff;
	border-radius:8px;
}
.formLead{
	padding:5px 5% 20px;
}
dl.formDl dt {
	margin-left:2px;
	margin-right:2px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	background: url(../images/reservation/bg_koumoku.png) no-repeat right bottom #ded1b2;
	background-size:100px 40px;
	font-size:134%;
	line-height:1.5;
}
dl.formDl dt .need{
	margin-left:5px;
	margin-top:-4px;
	vertical-align:middle;
}
dl.formDl dd{
	padding-top:10px;
	padding-bottom:30px;
	padding-left:3%;
	padding-right:3%;
}
dl.formDl dd .inp01{
	width:78%;
}
dl.formDl dd .inp02{
	width:30%;
}
dl.formDl dd input.inp01,
dl.formDl dd input.inp02{
	height:22px;
}
dl.formDl dd select{
	height:26px;
}
dl.formDl dd .radioArea{
	display:inline-block;
	width:45%;
	padding:5px;
	background:#ece7db;
}
dl.formDl dd .calendarBox{
	width:60%;
	height:20px;
	border-radius:0;
}
dl.formDl dd .explainText{
	margin-top:8px;
	padding:5px 10px;
	border-left:#c9a75f 7px solid;
	font-size:86%;
}
.errorText{
	margin-bottom:10px;
	padding:16px 10px 8px 30px;
	background: url(../images/reservation/bg_error.png) no-repeat #b32828;
	color:#fff;
	font-size:86%;	
	text-indent:0 !important;
	line-height:1 !important;
}
.statusIcon{
	margin-left:3px;
	vertical-align:middle;
}



/* 同意するエリア */
#douiArea{
	width:84%;
	margin:0 auto 20px;
	padding:6px;
	background:url(../images/reservation/bg_tilt.png);
}
#douiAreaInner{
	padding:10px 15px 10px 30px;
	background:#fff;
	text-indent:-24px;
}


/* ボタンエリア */
.formNote{
	width:84%;
	margin:20px auto;
}
.formBtn{
	padding-bottom:15px;
	text-align:center;
}
.formBtn img{
	width:90%;
	max-width:350px;
}


/* 完了画面 */
#thanksArea{
	width:84%;
	margin:0 auto 20px;
	padding:6px;
	background:url(../images/reservation/bg_tilt.png);
}
#thanksAreaInner{
	padding:20px 15px 10px 15px;
	background:#fff;
}
#thanksAreaInner p{
	margin-bottom:15px;
}


/* JavaScript用 */
.formBtn input{
	width:90%;
	max-width:350px;
}

.requiremsg {
	display:none;
}
.errorText {
	display:none;
}
.disabled {
	
}
.ui-datepicker-calendar tr .ui-datepicker-week-end:first-child span,
.ui-datepicker-calendar tr .ui-datepicker-week-end:first-child a {
	color:#FF3300;
}
.ui-datepicker-calendar tr .ui-datepicker-week-end:last-child span,
.ui-datepicker-calendar tr .ui-datepicker-week-end:last-child a {
	color: #0066FF;
}
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-w:hover {
	background:none !important;
}
.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-e:hover {
	background:none !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	background-color:none !important;
	background-repeat:no-repeat !important;
	background-position:5px !important;
}
.ui-datepicker .ui-datepicker-prev {
	background-image: url(../images/reservation/btn_calendar_left.png)!important;
}
.ui-datepicker .ui-datepicker-next {
	background-image: url(../images/reservation/btn_calendar_right.png)!important;
}
.ui-datepicker .ui-datepicker-prev:hover {
	background-image: url(../images/reservation/btn_calendar_left_o.png)!important;
}
.ui-datepicker .ui-datepicker-next:hover {
	background-image: url(../images/reservation/btn_calendar_right_o.png)!important;
}
.ui-datepicker-prev-hover,
.ui-datepicker-next-hover {
	background:none !important;
}