@charset "utf-8";
/* =============================================

inquiry

============================================= */

/* g-nav current */
.grayLine {
border: #e4e4e4 2px solid;
padding: 20px;
margin: 0 0 30px 0;
}
ul {
    margin: 0 0 0 20px;
}
ul.type_disc li {

    list-style: disc;

}
ul.type_circle li {

    list-style: circle;
}
ul.liArr01 a {
    background: url(/images/common/ico_link.png) 0 5px no-repeat;
    padding: 0 0 0 10px;
}
.idtKome {
    margin-left: 1em;
    text-indent: -1em;
}
.L {
    font-size: 137.5% !important;
}
.inqEnter {
	display:inline-block;
	border:#000 solid 1px;
	padding:4px 8px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color:#000 !important;
	font-weight: bold;
	font-size:120%;
}
.inqEnter:hover {
	text-decoration: none !important;
	background-color:#ececec;
}

/* layout */
.formArea dl{ display: table; width: 100%; }
.formArea dl dt,.formArea dl dd{ display: table-cell !important; box-sizing: border-box; padding: 10px; vertical-align: middle; }
.formArea dl dt{ width: 30%;  background: #EBEBEB; border-bottom: 1px solid #FFF;word-break:break-all; }
.formArea dl dd{ width: 70%; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
.formArea dl dd input {width:80% !important;}
.formArea .firstCell dd{ border-top: 1px solid #DBDBDB;}
.formArea .lastCell dt{ border-bottom: 1px solid #EBEBEB;}

.formArea dl dd ul.btnStyle li{ float: left; margin-right: 18px; }
.formArea .upDown select,.upDown ul{ float: left; margin-right: 10px; }

.formArea dl dd ul.btnStyle.nameStyle01 li:last-child{ margin-right: 0; }/*最後のリストの右マージンなし*/
.formArea dl dd ul.btnStyle.ageStyle li{ margin-right: 5px; }

.formArea .btnStyle02{ float: left;}
.formArea .btnStyle03{ clear: both; }
.formArea .supplement{ font-size: 13px; }

.formArea ul.startIC{ padding-bottom: 20px; background: url(../images/common/siteselect_on_bg02.gif) scroll no-repeat 29% 80%;}

.formArea ul.seamlessIC{ padding-bottom: 25px; background: url(../images/common/siteselect_on_bg02.gif) scroll no-repeat 8% 80%;}
.formArea ul.seamExample{ padding-bottom: 20px; background: url(../images/common/siteselect_on_bg02.gif) scroll no-repeat 25% 80%;}

/* input,selectボタンのサイズ */
.formArea input.title{ width: 260px; }
.formArea select#opi_Year,select#opi_Month,select#opi_Day{ width: 70px;}
.formArea select#opi_hour{ width: 60px;}

.formArea .useDate select#etc_Year{ width: 100px; }
.formArea .useDate select#etc_Month,.inq_form .travelingDate select#etc_Day{ width: 60px; }

.formArea .useSection input{ width: 140px; }
.formArea .useSection select{ width: 60px; }
.formArea .useSection select.inq_roadic{ width: 150px; }
.formArea .useSection select#from_road,select#from_ic,select#to_road,select#to_ic{ width: 150px; }

.formArea .vehicleNumver input{ width: 240px; }
.formArea .carType{ width: 400px; }

.formArea .cardDeadline select#expiration_Year{ width: 70px; }
.formArea .cardDeadline select#expiration_Month{ width: 60px; }

/* textareaのサイズ */
.formArea .areaStyle{ width: 98%; padding: 5px; font-size: 14px; color: black; }
.formArea p#opinion_length{ text-align:right; }
.quizArea .areaStyle{ width: 98%; padding: 5px; font-size: 14px; color: black; }
.formArea .comntStyle{ height: 4.5em; width: 98%; padding: 5px; font-size: 14px; color: black; }

/* 入力エラー */
.formArea dl.miss dt{ background-color: #ffcccc; }
.formArea dl.miss dd{ background-color: #ffeeee; }

/* 確認ボタン ------------------------*/
.submit-btn {
	width: 240px;
	height: 40px;
	margin: 0 auto;
	padding: 5px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	border: none;
	border-radius: 5px;
	background: #676767;
	cursor: pointer;
}

.submit-btn:hover { background: #494949; }


.footnote{ text-align: center}