@charset "UTF-8";

input,
select,
textarea {
  font-size: 1em;
}
input[type="submit"] {
  padding: .5em 1em;
  border: 1px solid #000;
  border-radius: 6px;
}

#wrapper_form { box-sizing: content-box; }
#wrapper_form ul { margin: 0; padding: 0; }

.attention-item { color: red; }

#wrapper_form {
  padding: 20px;
  background-color: #fff;
  color: #231815;
  margin-left: auto;
  margin-right: auto;
  /* ボタン */
}
#wrapper_form div.group_form dl {
  margin-bottom: 25px;
  border-bottom: 1px dotted #CCCCCC;
}
#wrapper_form .datas dl {
  border-bottom: 1px dotted #CCCCCC;
  margin-bottom: 1em;
}
#wrapper_form .datas dl dt {
  padding-top: 0.8em;
  border-top: 1px dotted #CCCCCC;
}
#wrapper_form .datas dl dt.indispensable {
  color: #330000;
}
#wrapper_form .datas dl dd {
  margin: -1.2em 0 1em 10em;
}
#wrapper_form .datas dl dd p {
  margin-top: 1em;
  margin-bottom: 0px;
  line-height: 1.8;
  text-indent: -1.2em;
  margin-left: 1.1em;
  margin-right: 0em;
}
#wrapper_form .datas dl dd ul li {
  display: inline;
  margin-right: 1em;
}
#wrapper_form .datas dl dd ul li#li_mail_use7 {
  display: block;
  margin-top: 1em;
}
#wrapper_form .datas dl dd dl {
  margin-bottom: 0px;
  border-bottom: none;
}
#wrapper_form .datas dl dd dl dt {
  padding-top: 0px;
  border-top: none;
}
#wrapper_form .datas dl dd dl dd {
  width: 490px;
}
#wrapper_form .datas dl dd dl#peoples dt {
  clear: left;
}
#wrapper_form .datas dl dd dl#peoples dd {
  float: left;
  margin-right: 2em;
}
#wrapper_form .datas dl dd #daytypes {
  margin-top: 1em;
  margin-bottom: 1em;
}
#wrapper_form .datas dl dd #uses {
  margin-bottom: 1em;
  line-height: 200%;
  width: 470px;
}
#wrapper_form .datas dl dd #mail_heads label {
  margin-right: 0.5em;
}
#wrapper_form .fieldsize-max {
  width: 500px;
}
#wrapper_form .datas dl dd dl dd .fieldsize-max {
  width: 480px;
}
#wrapper_form #mail_stay, #wrapper_form .heads, #wrapper_form #mail_total_heads {
  width: 3em;
}
#wrapper_form #mail_use_other {
  width: 370px;
}
#wrapper_form #mail_zipcode, #wrapper_form #mail_tel, #wrapper_form #mail_fax {
  width: 10em;
}
#wrapper_form #mail_budget_total {
  width: 5em;
}
#wrapper_form #mail_remarks {
  line-height: 1.8;
}
#wrapper_form #pp_approval {
  margin-bottom: 20px;
}
#wrapper_form #btn {
  margin-top: 2em;
}
#wrapper_form #btn li {
  display: inline;
  margin-right: 0.5em;
}

#cboxTitle {
  font-size: 18px;
}

#policy_wrap {
  background-color: #fff;
  color: #231815;
  padding: 20px;
  margin-bottom: 1px;
}
#policy_wrap #policy-lead {
  line-height: 1.8;
  margin: 0 1em 1.5em 1em;
}
#policy_wrap #policy {
  counter-reset: dt_no;
}
#policy_wrap #policy dt {
  margin-bottom: 0.5em;
  font-weight: bold;
}
#policy_wrap #policy dt:before {
  counter-increment: dt_no;
  content: counter(dt_no) ". ";
}
#policy_wrap #policy dd {
  margin-bottom: 1.5em;
  margin-left: 1.5em;
  line-height: 1.8;
}
#policy_wrap #foot {
  margin-top: 2em;
}
#policy_wrap #foot p:nth-child(2) {
  margin-top: 0.6em;
  font-size: 18px;
}

/* --------------------------------------------------------------
 § 確認ページ
-------------------------------------------------------------- */


#resultDatas {
  background-color: #fff;
  padding: 20px;
}

#result_reserve-datas.datas {
/*	margin-top: 40px;*/
}
#result_reserve-datas.datas dl dt {
	padding-top: 0.8em;
	border-top: 1px dotted #CCCCCC;
}
#result_reserve-datas.datas dl dt.indispensable {
	color: #FF0000;
}
#result_reserve-datas.datas dl dd {
/*	position: relative;
	top: -1.2em;
	left: 120px;
	width: 610px; */
}
#result_reserve-datas.datas dl dd p {
	margin-top: 1em;
	margin-bottom: 0px;
	line-height: 1.8;
	text-indent: -1.2em;
	margin-left: 1.1em;
	margin-right: 2em;
}
#result_reserve-datas.datas dl dd ul li {
	display: inline;
	margin-right: 1em;
}
#result_reserve-datas.datas dl dd ul li#li_mail_use7 {
	display: block;
	margin-top: 1em;
}
#result_reserve-datas.datas dl dd dl {
	margin-bottom: 0px;
	border-bottom: none;
}
#result_reserve-datas.datas dl dd dl dt {
	padding-top: 0px;
	border-top: none;
}
#result_reserve-datas.datas dl dd dl dd {
/*	left: 50px;*/
	width: 490px;
}

#result_reserve-datas.datas dl dd dl#peoples dt {
	clear: left;
}
#result_reserve-datas.datas dl dd dl#peoples dd {
	float:left;
	margin-right: 2em;
}


.message {
	margin-bottom: 40px;
}

/* 入力エラーが無かったら */
.process-check.not-error .form h2 {
	display: none;
}
.process-check.not-error ul#btn li#checkBtn {
	display: none;
}
.process-check.not-error ul#btn li#editBtn {
	display: inline;
}
.process-check.not-error ul#btn li#submitBtn {
	display: inline;
}
.process-check.not-error ul#btn li#resetBtn {
	display: none;
}
.process-check.not-error .form .datas {
	display: none;
}
.process-check.not-error div#pp_approval {
	display: none;
}

div#hasNoErrMessage p#message-check {
	margin-left: 1em;
	line-height: 1.8;
}
#check_mail {
	display: inline-block;
	padding: 0.5em;
	font-size: 1.5em;
}
#result_pp_approval {
	margin-top: 2em;
}

/* 入力エラーが有ったら */
.process-check.error ul#btn li#checkBtn {
	display: inline;
}
.process-check.error ul#btn li#editBtn {
	display: none;
}
.process-check.error ul#btn li#submitBtn {
	display: none;
}
.process-check.error ul#btn li#resetBtn {
	display: inline;
}
.process-check.error div#resultDatas {
	display: none;
}

/* エラー表示 */
div#hasErrMessage p#message-err {
	margin-left: 1em;
}
ul#errorList {
	margin-top: 1.5em;
	margin-left: 40px;
	margin-bottom: 1.5em;
}
ul#errorList li {
	list-style: url(../../../images/bullte-7.gif);
	line-height: 1.6;
	margin-bottom: 0.4em;
}
ul#errorList li strong {
	color: #F00;
}

/* 入力内容 */
#result_heads li {
	margin-bottom: 0.5em;
	width: 10em;
}
#result_heads li#result_total_heads {
/*	padding-top: 0.5em;
	border-top: dotted 1px #999;*/
}
#mailaddress {
	font-size: 1.14em;
}
#result_remarks {
	line-height: 1.8;
}

#remarks {
	line-height: 1.8;
}


p#lead-edit {
	display: none;
}
ul#errorList {
	margin-left: 30px;
}
ul#errorList li {
	margin-bottom: 0.5em;
	list-style: square;
}
div#checkDatas dl {
	margin-bottom: 25px;
	border-bottom: 1px dotted #CCCCCC;
}
div#checkDatas dl dt {
	padding-top: 0.6em;
	border-top: 1px dotted #CCCCCC;
	margin-bottom: 0em;
}
div#checkDatas dl dd {
	position: relative;
	top: -1.2em;
	left: 130px;
	width: 510px;
	margin-bottom: -0.6em;
}
div#checkDatas dl dd p {
	line-height: 1.4em;
}
div#checkDatas dl dd dl {
	margin-bottom: 0px;
	border-bottom: none;
}
div#checkDatas dl dd dl dt {
	padding-top: 0px;
	border-top: none;
}

/* --------------------------------------------------------------
 § エラー
-------------------------------------------------------------- */

/* 入力エラーが無かったら */
body.group-check dl#inputDatas {
	display: none;
}
body.group-check div.group_form ul li#checkBtn {
	display: none;
}

/* 入力エラーが有ったら */
body.group-check div#rightColumn.error div#checkDatas {	/* 入力内容を非表示 */
	display: none;
}
body.group-check div#rightColumn.error dl#inputDatas {	/* 入力項目を表示 */
	display: block;
}
body.group-check div#rightColumn.error div.group_form ul li#checkBtn {	/* 確認ボタンを表示 */
	display: inline;
}
div#rightColumn.error li#submitBtn {	/* 送信ボタンを非表示 */
	display: none;
}
body.group-check div#rightColumn.error div.group_form ul li#editBtn {	/* 修正ボタンを非表示 */
	display: none;
}

/* --------------------------------------------------------------
 §03. エラーページ
-------------------------------------------------------------- */
body.group_form-error div.group_form ul li#editBtn {	/* 修正ボタンを非表示 */
	display: none;
}

#inputDatas #mail_plan {
	width: 400px;
}
@media screen and (max-width: 480px) {
	#wrapper_form .datas dl dd {
		margin: 0.5em 0em 1em 0em;
	}
	#wrapper_form .datas dl dd dl dd,
	#wrapper_form .datas dl dd #uses,
	#wrapper_form .fieldsize-max,
	#wrapper_form .datas dl dd dl dd .fieldsize-max,
	#wrapper_form #mail_use_other,
	#inputDatas #mail_plan {
		width: 100%;
	}
	#result_reserve-datas.datas dl dd {
		position: static;
		width: 100%;
		padding: 10px 0px;
	}
	#result_reserve-datas.datas dl dd dl dt {
		padding-top: 10px;
	}
	#result_reserve-datas.datas dl dd dl dd {
		width: 100%;
	}
}