@charset "UTF-8";

/*--------------------------------------------------------------------
inquiry.html
inquiry.css
--------------------------------------------------------------------*/

/*------------Title---------------------------------------------------------------*/
div#Title h2 { background-image: url(../../img/title/inquiry.png); }


/*------------MailBox---------------------------------------------------------------*/
div#MailBox div.Flow {
	height: 135px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: center top;
}
div#MailBox div.Flow * { display: none; }
div#MailBox div#Flow01 { background-image: url(../../img/sp/inquiry/flow_p01.jpg); }
div#MailBox div#Flow02 { background-image: url(../../img/sp/inquiry/flow_p02.jpg); }
div#MailBox div#Flow03 { background-image: url(../../img/sp/inquiry/flow_p03.jpg); }
div#MailBox div#Flow04 { background-image: url(../../img/sp/inquiry/flow_p04.jpg); }

div#MailBox strong { color: #ff1d25; }
div#MailBox a { color: #003b8a; }
div#MailBox p { margin-bottom: 0.8em; }
div#MailBox ul#Note {
	list-style: none;
	margin: -0.7em 0 0.8em;
}
div#MailBox ul#Note li {
	padding-left: 1em;
	text-indent: -1em;
}
div#MailBox ul#Note li:before { content: "※"; }

div#MailBox table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #d4d5d5;
}
div#MailBox table tr th,
div#MailBox table tr td { display: block; }
div#MailBox table tr th {
	width: auto;
	padding: 10px;
	background: #eaeaea;
	border-bottom: 1px solid #d4d5d5;
	text-align: left;
	vertical-align: top;
}
div#MailBox table tr th span { float: right; }
div#MailBox table tr td {
	width: auto;
	padding: 10px 20px;
	border-bottom: 1px solid #d4d5d5;
	text-align: left;
	vertical-align: middle;
}
div#MailBox table tr td span {
	display: block;
	margin-top: 0.5em;
	font-size: 85.71428571428571%;
	color: #ffaf4d;
}
div#MailBox table tr td ul {
	width: 100%;
	overflow: hidden;
	list-style: none;
}
div#MailBox table tr td ul li input { vertical-align: -0.15em; }
div#MailBox table tr td .Inp01 { width: 99%; }
div#MailBox table tr td .Inp02 { width: 55%; }
div#MailBox table tr td .Inp03 { width: 28%; }
div#MailBox table tr td textarea { height: 150px; }
div#MailBox div#SubmitBtn {
	margin: 20px auto 0;
	text-align: center;
}
div#MailBox div#SubmitBtn input { margin: 0 1em; }


/*------------TelBox---------------------------------------------------------------*/
div#TelBox div#Scroll {
	width: 100%;
	padding-bottom: 10px;
	overflow: auto;
	white-space: nowrap;
}
div#TelBox div#Scroll:-webkit-scrollbar{ height: 5px; }
div#TelBox div#Scroll:-webkit-scrollbar-track{ background: #F1F1F1; }
div#TelBox div#Scroll:-webkit-scrollbar-thumb { background: #BCBCBC; }
div#TelBox div#Scroll p.Tap {
	margin-top: 20px;
	font-weight: bold;
	color: #f00;
}
div#TelBox table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #d4d5d5;
}
div#TelBox table tr th {
	width: auto;
	padding: 10px 20px;
	background: #eaeaea;
	border-bottom: 1px solid #d4d5d5;
	text-align: left;
	vertical-align: top;
}
div#TelBox table tr:nth-of-type(1) th {
	border-left: 1px solid #d4d5d5;
	text-align: center;
}
div#TelBox table tr:nth-of-type(1) th:nth-of-type(1) { border-left: 0 none; }
div#TelBox table tr td {
	width: auto;
	padding: 10px 20px;
	border-left: 1px solid #d4d5d5;
	border-bottom: 1px solid #d4d5d5;
	text-align: left;
	vertical-align: middle;
}
div#TelBox div#TelNum {
	width: 300px;
	height: 62px;
	margin: 30px auto 0;
	background: url(../../img/sp/inquiry/telephone.gif) no-repeat left bottom;
}
div#TelBox div#TelNum p,
div#TelBox div#TelNum dl dt,
div#TelBox div#TelNum dl dd *,
div#TelBox div#TelNum .DispNo { display: none; }