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

/*============================
#formPage
============================*/
#formPage {
background: #fff;
font-size: 12px!important;
font-family: MS UI Gothic;
margin-bottom: 26px;
padding: 30px 31px 31px 31px;
}
#formPage .intro {}
#formPage .intro p {}

/*============================
#formWrap
============================*/
#formWrap {
background-color: #DFF6FF;
padding: 30px 10px 31px 10px;
}
#formWrap h4.title { text-align: center; }
#formWrap h4.title span.big { font-weight: bold; font-size: 18px; display: block; margin-bottom:  20px; }
#formWrap {}
#formWrap .subTitle { border-bottom: solid 2px #000; padding-bottom: 2px; }
#formWrap .subTitle.red { border-bottom: solid 2px #d90000; padding-bottom: 2px; }
#formWrap .subTitle ul li.one-half { display: inline-block; width: 49.5%; }
#formWrap .subTitle ul li:first-child { font-weight: bold; }
#formWrap .subTitle ul li:nth-child(2) { text-align: right; font-size: 12px; }
#formWrap .subTitle.red ul li { color: #d90000; }

/*============================
.form
============================*/
/*table共通*/
#formWrap table { background-color: #fff; width: 100%; }
#formWrap table th {
border: 1px #cfcfcf solid; border-width: 0 0 1px 0;
font-weight: normal;
width: 100px;
}
#formWrap table td { width: 417px; }

#formWrap .required { color: #ff0000; }
#formWrap p.textRight { text-align: right!important; }
#formWrap table td.required { border-width: 0 1px 1px 1px; width: 40px!important; }
#formWrap table td { padding: 15px 10px!important; }

#formWrap table td.address span { display: inline-block; width: 105px; }
#formWrap table td.address span:nth-child(n+2) { margin-top: 10px; }
#formWrap table td.address a { margin-left: 10px; }
#formWrap table td.address a img { display: inline-block!important; vertical-align: middle; }
#formWrap table td span.data { padding: 0 10px; } 

/*ラジオチェック*/
#formWrap input, #formWrap select { vertical-align: middle; margin: 0 3px; }
#formWrap input[type="text"]{
  padding: 0.25em 0;
}
/*入力*/
.personalArea { margin-top: 35px; }
/*
.personalArea td ul.gender { margin-left: 10px; }
.personalArea td ul.gender li { display: inline-block; margin-right: 50px; }
*/
.personalArea td.address span { display: inline-block; width: 95px; }
.personalArea td.address span:nth-child(n+2) { margin-top: 10px; }
.personalArea td.address a { margin-left: 10px; }
.personalArea td.address a img { display: inline-block!important; vertical-align: middle; }
.personalArea td.phone span { display: inline-block; width: 49px; }
.personalArea td.phone span:nth-child(n+2) { margin-top: 10px; }
.personalArea td.phone .textBox { margin-top: 20px; font-size:11px;}
.personalArea td ul.card { margin-left: 10px; }
.personalArea td ul.card li { display: inline-block; margin-right: 50px; }

.roadserviceArea { margin-top: 35px; }
.roadserviceArea span.required { display: inline-block; margin-right: 10px; }
.roadserviceArea ul { margin-top: 10px; }
.roadserviceArea ul li { display: inline-block; width: 49%; font-size:11px;}
.roadserviceArea p.textRight { margin-top: 10px; }
.roadserviceArea p.textRight a { background-color: #0b1a39; color: #fff; display: inline-block; padding: 10px 20px; text-decoration: none; }
.roadserviceArea p.textRight a img  { display: inline-block; vertical-align: middle; }

.modelArea { margin-top: 35px; }
.modelArea ul li { display: inline-block; margin-right: 50px; }
.modelArea .subTitle ul li { display: inline-block; margin-right: 0; }
.modelArea hr { margin: 10px 0 15px; }

.emergencyArea { margin-top: 35px; }
.emergencyArea th { padding: 8px; width: 140px!important; }
.emergencyArea td p { display: block; text-align: center; }
.emergencyArea td p img { padding: 10px 0; }
.emergencyArea td p.pad01 { padding-top: 2px; padding-right: 18px; text-align: right; }
.emergencyArea td p.pad02 { padding-top: 2px; padding-right: 18px; text-align: right; }
.emergencyArea .simulatorBox p { text-align: inherit; }
.emergencyArea .month { margin-top: 25px; }
.emergencyArea .month p { display: inline-block; font-weight: bold; width: 49%; }
.emergencyArea .month input { background-color: #ffdfdf; }
.emergencyArea .price { background-color: #ffdfdf; margin-top: 20px; margin-bottom: 20px; padding: 10px; }
.emergencyArea .price p.big { font-size: 14px; font-weight: bold; font-family: "ＭＳ ゴシック"; margin-bottom: 10px; }
.emergencyArea .price .gray { background-color: #eee; }
.emergencyArea .price span { display: inline-block; font-weight: bold; padding: 0 5px; }

.agreementArea { margin-top: 35px; }
.agreementArea .textBox { overflow: auto; padding-right: 0.5em; }
.agreementArea .textBox dl{
  margin-bottom: 20px;
}
.agreementArea .textBox dl dt{
  margin-bottom: 10px;
  font-weight: bold;
}
.agreementArea .textBox dl dd p{
  margin-bottom: 8px;
}

.agreementArea .textBox dl dd ul{
  margin-left: 1em;
}
.agreementArea .textBox dl dd ul li{
  text-indent: -1em;
  padding-left: 1em;
}


.agreementArea td.agreement { width: 100px!important; font-weight: bold; }
.agreementArea td:nth-child(3) { border-left: none; }

.privacypolicyArea { margin-top: 35px; }
.privacypolicyArea .textBox { height: 190px; overflow: auto; padding-right: 0.5em;}
.privacypolicyArea .textBox ol{
  margin-top: 20px;
}
.privacypolicyArea .textBox ol > li{
  margin-bottom: 20px;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.privacypolicyArea .textBox ol > li p{
  margin-bottom: 10px;
}

.privacypolicyArea .textBox ol > li ul{
  margin-left: 1em;
}
.privacypolicyArea .textBox ol > li ul li{
  text-indent: -1em;
  padding-left: 1em;
}
.privacypolicyArea .textBox > p:last-of-type{
  text-align: right;
}
.privacypolicyArea td.agreement { width: 100px!important; font-weight: bold; }
.privacypolicyArea td:nth-child(3) { border-left: none; }

.sendButton { margin-top: 40px; text-align: center; }
.sendButton a { background-image: url(../img/button_bg.png); display: inline-block; text-align: center; padding: 31px 0; width: 273px; text-decoration: none; color: #000; }

/*入力窓サイズ*/

td.name01, td.name02 { /* text-align: right; */ }

td.name01 ul, td.name02 ul {
  display: inline-block; 
  letter-spacing: -.5em;
}
td.name01 ul li, td.name02 ul li { 
  display: inline-block;
letter-spacing: normal;
  width:205px;
}
//td.name01 ul li:first-child { margin-right: 15px; }
//td.name02 ul li:first-child { margin-right: 10px; }
td.name01 input, td.name02 input { width: 140px; }

td.yearsData input.years { width: 115px; }
td.yearsData input.month, td.yearsData input.days { width: 55px; }
td.yearsData input.days02 { width: 35px; }

td input.fullSize { width: 400px; }
td input.fullSize02 { width: 300px; }

td.address select { width: 64px; }
td input.addressCode { width: 60px; }

td input.phone01 { width: 60px; }

td input.checkmonth01 { width: 150px; }
td input.checkmonth02 { width: 100px; }


/*確認画面*/
.confWrap span.conf { font-weight: bold; padding: 0 5px; }

.confWrap .personalArea td ul li { display: inline-block; width: 49%; }
.confWrap .personalArea td ul li span.conf { width: 120px!important; }
.confWrap .personalArea td.phone span.conf { width: 120px!important; }

.confWrap .roadserviceArea .confBox { background-color: #ffdfdf; margin-top: 10px; padding: 10px; }
#formWrap.confWrap table td.address span.conf { width: auto!important; min-width: 120px!important; }

.confWrap .emergencyArea .confBox { display: inline-block; }
.confWrap .emergencyArea .month span.conf { background-color: #ffdfdf; display: inline-block; margin-right: 5px; padding: 5px; text-align: right; width: 100px; }
.confWrap .emergencyArea .price span.conf { background-color: #fff; display: inline-block; margin-right: 5px; padding: 5px; text-align: right; width: 80px; }
.confWrap .emergencyArea .price span.conf.gray { background-color: #eee; }

.confWrap .sendButton li { display: inline-block; margin-right: 15px; }
.confWrap .sendButton li:last-child { margin-right: 0; }

/*サンクス*/

.thanksWrap p.confBox { font-size: 1.4em; background-color: #ffdfdf; margin-top: 20px; padding: 10px 15px; }
.thanksWrap p.confBox span.conf { font-weight: bold; }

.thanksWrap h4.title { margin-top: 20px; }
.thanksWrap table { width: 100%; }
.thanksWrap table th {
background-color: #f6f5f6;
border: 1px #cfcfcf solid; border-width: 0 0 1px 0;
width: 100px;
}
.thanksWrap table th.type { background-color: #97a0b1!important; border-width: 0 1px 1px 1px; color: #fff; width: 170px!important; }
.thanksWrap table th.type span { color: #f21f00; display: block; }

.thanksWrap p.attn { margin-top: 20px; }
.thanksWrap .sendButton a { display: inline-block; text-align: center; }

/* kawai : 2018.03.21 */
.error{
  margin-top: 10px;
  text-align: left;
  color: red;
  background-color: #fde8e9;
  padding: 5px 10px;
}

.personalArea td ul.members { margin-left: 10px; width: 160px; float: left; }
.personalArea td ul.members li { display: inline-block; margin-right: 20px; margin-top: 1px; }
.personalArea td ul.coupon { margin-left: 10px; }
.personalArea td ul.coupon li { display: inline-block; margin-right: 50px; }
.personalArea td ul.gender { margin-left: 10px; width: 160px; float: left; }
.personalArea td ul.gender li { display: inline-block; margin-right: 20px; }

.agreementArea p.textCenter { margin-top: 10px; text-align: center; }
.agreementArea p.textCenter a { width: 280px; background-color: #0b1a39; color: #fff; display: inline-block; padding: 10px 20px; text-decoration: none; }
.agreementArea p.textCenter a img  { display: inline-block; vertical-align: middle; }

.roadserviceArea td ul.pref_day { margin-left: 10px; }
.roadserviceArea td ul.pref_day li { display: inline-block; width: 100%; padding: 4px 0; }
.roadserviceArea td ul.course { margin-left: 10px; }
.roadserviceArea td ul.course li { display: inline-block; width: 100%; padding: 4px 0; }

.pref_day_text, .course_text {
	margin: 10px 0 0 14px;
}
span.cost {
	font-weight: bold;
	color: #ff0000;
}
h2.complete {
	padding: 3px 0;
	text-align: center;
	background-color: #DFF6FF;
}