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

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    font-size: 1.6rem;
}

select {
	margin: 0;
	font-size: 1.6rem;
/*	background-origin: padding-box;*/
}
@media only screen and (min-width: 40.063em) {
	select {
	font-size: 1.6rem;
}
}
select option {
/*	margin-left:10px;*/
}

.submitCol li {
	margin:0;
	padding: 0;
	list-style-type: none;
}
.submitBtn {
	background: #fef1ac; /* Old browsers */
background: -moz-linear-gradient(top,  #fef1ac 0%, #feeb85 50%, #fcda46 50%, #fcd115 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef1ac), color-stop(50%,#feeb85), color-stop(50%,#fcda46), color-stop(100%,#fcd115)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fef1ac 0%,#feeb85 50%,#fcda46 50%,#fcd115 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fef1ac 0%,#feeb85 50%,#fcda46 50%,#fcd115 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fef1ac 0%,#feeb85 50%,#fcda46 50%,#fcd115 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fef1ac 0%,#feeb85 50%,#fcda46 50%,#fcd115 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef1ac', endColorstr='#fcd115',GradientType=0 ); /* IE6-9 */
	color: #715C3E;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 0.5em 1em;
	border: 1px solid #C3A811;
	border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome・ｽp */  
    -moz-border-radius: 5px;   /* Firefox・ｽp */ 
	color:#715C3E;
	display: block;
	cursor: pointer;
	margin: 0 auto;
}
.submitBtn:hover {
	background: #feeba4; /* Old browsers */
background: -moz-linear-gradient(top,  #feeba4 0%, #ffd784 50%, #ffb522 50%, #ffac06 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feeba4), color-stop(50%,#ffd784), color-stop(50%,#ffb522), color-stop(100%,#ffac06)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feeba4 0%,#ffd784 50%,#ffb522 50%,#ffac06 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feeba4 0%,#ffd784 50%,#ffb522 50%,#ffac06 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feeba4 0%,#ffd784 50%,#ffb522 50%,#ffac06 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feeba4 0%,#ffd784 50%,#ffb522 50%,#ffac06 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feeba4', endColorstr='#ffac06',GradientType=0 ); /* IE6-9 */
}
.returnBtn {
	background: #dedede; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #dedede 50%, #dedede 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#dedede6), color-stop(100%,#dedede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#dedede 50%,#dedede 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#dedede 50%,#dedede 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#dedede 50%,#dedede 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#dedede 50%,#dedede 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
	color: #333;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 0.5em 1em;
	border: 1px solid #999;
	border-radius: 5px;        /* CSS3・ｽ・ｽ・ｽ・ｽ */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome・ｽp */  
    -moz-border-radius: 5px;   /* Firefox・ｽp */ 
	color:#715C3E;
	display: block;
	cursor: pointer;
	margin: 0 auto;
}
.returnBtn:hover {
	background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 50%, #cccccc 50%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#eeeeee), color-stop(50%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#cccccc 50%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#cccccc 50%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#cccccc 50%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 50%,#cccccc 50%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.rsvFlow {
	margin: 2rem 0;
	padding: 0;
}
.rsvFlow li {
	list-style-type: none;
	float: left;
	margin: 0 5% 0 0;
	padding: 5px 0;
	width: 15%;
	color: #999;
	display: table-cell;
	vertical-align: middle;
	background-color: #ccc;
	
			background-image: -webkit-gradient(linear, 0 0, 100% 100%,
									color-stop(.25, rgba(255, 255, 255, .9)), color-stop(.25, transparent),
									color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .9)),
									color-stop(.75, rgba(255, 255, 255, .9)), color-stop(.75, transparent),
			 						to(transparent));
			background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);
			background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);
			background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);
			background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);
			background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);	
	
	border: 1px solid #CCC;
	background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	-moz-background-size: 4px 4px;
	text-align: center;
	position: relative;
	
}
.rsvFlow li.current {
	color: #333;	
	background-color: #FF9;
	border: 1px solid #CECE00;
	
}
.rsvFlow li:after {
  content: "";
  display: block;
  border: 8px solid transparent;
  border-left-color: #999;
  position: absolute;
  right: -22%;
  top: 50%;
  margin-top: -8px;
  margin-right: -8px;
}
.rsvFlow li.lastC::after {
  content: "";
  display: block;
  border: none;
  border-left-color: #999;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
.chgFlow {
	margin: 2rem 0;
	padding: 0;
}
.chgFlow li {
	list-style-type: none;
	float: left;
	margin: 0 5% 0 0;
	padding: 5px 0;
	width: 29%;
	color: #999;
	display: table-cell;
	vertical-align: middle;
	background-color: #ccc;
	
			background-image: -webkit-gradient(linear, 0 0, 100% 100%,
									color-stop(.25, rgba(255, 255, 255, .9)), color-stop(.25, transparent),
									color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .9)),
									color-stop(.75, rgba(255, 255, 255, .9)), color-stop(.75, transparent),
			 						to(transparent));
			background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);
			background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);
			background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);
			background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);
			background-image: linear-gradient(-45deg, rgba(255, 255, 255, .9) 25%, transparent 25%,
								transparent 50%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, .9) 75%,
								transparent 75%, transparent);	
	
	border: 1px solid #CCC;
	background-size: 4px 4px;
	-webkit-background-size: 4px 4px;
	-moz-background-size: 4px 4px;
	text-align: center;
	position: relative;
	
}
.chgFlow li.lastC {
  margin: 0;
}
.chgFlow li.current {
	color: #333;	
	background-color: #FF9;
	border: 1px solid #CECE00;
	
}
.chgFlow li:after {
  content: "";
  display: block;
  border: 8px solid transparent;
  border-left-color: #999;
  position: absolute;
  right: -14%;
  top: 50%;
  margin-top: -8px;
  margin-right: -8px;
}
.chgFlow li.lastC::after {
  content: "";
  display: block;
  border: none;
  border-left-color: #999;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
select {
	width: auto;
	padding: 0.8rem 2.5rem 0.8rem 0.5rem;
}
.availablePeriod01 {
	border: none;
	padding: 0;
	width: 100%;
}
.availablePeriod02 {
	margin: 0;
	width: 100%;
}
.availablePeriod02 td {
	text-align: center;
}
.formStage {
	font-size: 18px;
}
@media only screen and (min-width: 40.063em) {
	.formStage {
	font-size: 20px;
}
}
.rsvParkingTbl {
	width: 100%;
	margin: 3rem 0;
}
.rsvParkingTbl caption {
	text-align: left;
	/*font-weight: normal;*/
	font-size: 1.4rem;
}
.rsvParkingTbl th, .rsvParkingTbl td {
	border-right: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	padding: 1rem;
	font-weight: normal;
}
.rsvParkingTbl th:last-child, .rsvParkingTbl td:last-child {
	border-right: none;
}
.rsvParkingTbl .full {
	background-color: #F63;
}
.rsvParkingTbl .theading {
	background-color: #999;
	color: #FFF;
	font-weight:bold;
}

.rsvChargeTbl {
	border: none;
	border-top: 5px solid #D6DCDA;
	border-bottom: 5px solid #D6DCDA;
	margin: 0px 0px 3em;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.rsvChargeTbl th, .rsvChargeTbl td {
	display: block;
	padding: 1em;
	border-bottom: 1px solid #D6DCDA;
	border-left: 1px solid #D6DCDA;
	border-right: 1px solid #D6DCDA;
}
.rsvChargeTbl th {
    padding: 1em;   
    font-weight: bold;
    text-align: left;
	background-color: #DDD;
}
.rsvChargeTbl .lastChild {
	border-bottom: none;
}
.rsvChargeTbl .txt01 {
	margin-top: 1em;
}
.rsvChargeTbl .txt02 {
	margin-top: 1em;
}
.rsvChargeTbl .markBox {
	color: #F00;
	margin-bottom: 0;
}
.rsvChargeTbl .totalCharge {
	margin-bottom: 0;
	margin-top: 1em;
}
.rsvChargeTbl tr:nth-child(2n) {
    background-color: inherit;
}


/*
.rsvChargeTbl {
	width: 100%;
	margin: 3rem 0;
	border-top: 5px solid #CCC;
	border-bottom: 5px solid #CCC;
}
.rsvChargeTbl th, .rsvChargeTbl td {
	padding: 1rem;
}
.rsvChargeTbl tr:last-child {
	background-color: #FF9;
}

.rsvInputTbl {
	width: 100%;
	margin: 0 0 5rem;
}
.rsvInputTbl caption {
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;   
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
border-top-right-radius: 5px;
	background-color: #CCC;
	text-align: left;
	padding: 0.5rem;
	font-weight: normal;
}
.rsvInputTbl caption:before {
	content: "笆";
}
.rsvInputTbl th {
	background-color: #EEE;
	width: 30%;
}
*/

.rsvInputTbl {
    margin: 0px 0px 30px;
    width: 100%;
    border-top: 1px solid #D6DCDA;
	border-collapse: collapse;
	border-spacing: 0;
}
@media only screen and (min-width: 40.063em) {
	.rsvInputTbl {
    margin: 0px 0px 50px;
}
}
.rsvInputTbl caption {
    background-color: #CCC;
    padding: 0.5em 1em;
	text-align: left;
	font-weight: normal;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size: 120%;
}
.rsvInputTbl th, .rsvInputTbl td {
    padding: 1em;
    border-bottom: 1px solid #D6DCDA;
	display: block;
}
.rsvInputTbl th {
    background-color: #ECEDEF;
	text-align: left;
    
}
.rsvInputTbl tr:nth-child(2n) {
    background-color: inherit;
}
.rsvInputTbl input {
	display: inline;
}
.rsvInputTbl .ipt01 {
	width: 70%;
}


.example {
	color: #888;
}
.notes {
	background-color: #FFE7E6;
	padding: 1em;
	border-radius: 5px;
	margin: 0 0 5rem;
}
#apology {
	float: right;
	margin: 0 0 0 10px;
}
.required {
	background-color:#F60;
	color: #FFF;
	margin: 0 0 0 0.5rem;
	display: inline-block;
	padding: 0 0.3rem;
	font-weight: normal;
	font-size: 85%;
	border-radius: 3px;        /* CSS3闕画｡� */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome逕ｨ */  
	-moz-border-radius: 4px; 
}
.fSL {
	font-size: 130%;
}
.error, #notErr {
	color:#F00;
}
#notErr h3 {
	color:#F00;
}
/*
input[type="text"]:focus, textarea:focus {
	background: #FFFFCC;
}
*/
.parkingMark {
	text-align: center;
}
.fsS {
	font-size: 10px;
}
.cRed {
	color:#F00;
}
.chargeNotes {
	margin: 1rem 0 0;
/*	font-size: 100% !important;*/
	color: #F00;
}
.underline {
	text-decoration: underline;
}
.security {
	text-align: center;
}
	
@media only screen and (max-width: 40.062em) {
		.availablePeriod01, .availablePeriod02 {
		width: 100%;
	}
	.availablePeriod01 td {
		display: block;
	}
	.availablePeriod02 td {
		display: table-cell;
	}
	.bgArrow01 {
	position: relative;
}
.bgArrow01:after {
  content: "";
  display: block;
  border: 15px solid transparent;
  border-top-color: #999;
  position: absolute;
  right: 45%;
  top: 50%;
  margin-top: -15px;
  
}

.rsvInputTbl th, .rsvInputTbl td {
	display: block;
}
.rsvInputTbl th {
	width: 100%;
}
.submitBtn {
	font-size: 1.6rem;
	width: 90%;
}
.returnBtn {
	font-size: 1.6rem;
	width: 90%;
}
.submitCol {
    margin: 4.5em 0px 3em;
    padding: 1.5em 0px;
    border-top: 3px double #CCC;
    border-bottom: 3px double #CCC;
}
.submitCol .submitBox {
	margin-bottom: 2rem;

}
.returnBox {

}

}
@media only screen and (max-width: 25.064em) {
	#dairline, #aairline {
	width: 100%;
}


}


@media only screen and (min-width: 40.063em) {
#step {
	margin-bottom: 3em;
}
#step li {
	padding-bottom: 20px;
	margin-bottom: 5px;
	list-style-type: none;
}
#step .endC {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#step li h3 {
	padding: 0.1em 0.5em 0.1em 2em;
	color: #FFFFFF;
	background-color: #336699;
	font-weight: bold;
	font-size: 14px;
	margin:0;
}
#step li .posi {
	background-color: #CC6633;
	margin-left: -20px;
	font-size: 150%;
	padding: 0.3em 0.5em 0.3em 2.5em;
}
#step li .posi .pArrow {
	margin-left: -2em;
	margin-right: 0.7em;
}
.downArrow{
  position: relative;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top-color: #999;
  margin: 0 auto;
}

.downArrow:after{
  position: absolute;
  content: '';
  top: -32px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: #999;
}
.bgArrow01 {
	position: relative;
}
.bgArrow01:after {
  content: "";
  display: block;
  border: 15px solid transparent;
  border-left-color: #999;
  position: absolute;
  right: -25px;
  top: 50%;
  margin-top: -15px;
  
}
.submitCol {
    margin: 4.5em 0px 3em;
    padding: 1.5em 0px;
    border-top: 3px double #CCC;
    border-bottom: 3px double #CCC;
}
.submitBox {
	float: right;
}
.returnBox {
	float: left;
}
}
.prBox {
	font-size: 18px;
		padding: 1em;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	background-color: #FFC;
	border: 1px solid #CCC;
	margin: 0 0 20px;
}
.rtNotes li {
	margin-bottom: 1em;
}
.planSelect dt {
	margin-bottom: 0;
}
.planSelect dd {
	margin-bottom: 1em;
	padding-left: 2em;
	padding-bottom: .5em;
	border-bottom: 1px dotted #999;	 
}
.planSelect dd:last-of-type {
	border-bottom: none;
}
.planSelect label {
	font-size: 1.8rem;
}
input[type="radio"] {
	cursor: pointer;
}

.potpot {
	display: none !important;
}