@charset "utf-8";
/* ページ上の横長画像 */
#pageHeader {
	background-image: url("../img/ph_outline.png");
}
#contactNna, #contactNc, #contactHns {
	width: 550px;
	padding: 20px 30px;
	margin: 20px auto;
	border: solid 1px #DDD;
	border-radius: 10px;
	background-color: #FFFFDD;
}
#containerMain p.sentence {
	width: 90%;
	margin: 5px auto 10px;
	line-height: 22px;
}
#containerMain p.sentence.henshin {
	font-weight: bold;
}
#containerMain p.sentence span.postscript {
}
#containerMain ul.notices {
	font-size: 15px;
	width: 90%;
	margin: 5px auto 10px;
	line-height: 22px;
}
#containerMain ul.notices li {
	list-style-type: disc;
	list-style-position: inside;
}
table th {
	width: 22%;
	line-height: 24px;
}
table td {
	width: 80%;
	line-height: 24px;
}
#contact_form .error {
	color: #f30;
}
label {
	margin-right: 20px;
}
span.essential {
	font-size: 12px;
	margin-right: 5px;
	padding: 2px 2px 2px 3px;
	border-radius: 3px;
	display: inline-block;
	line-height: 14px;
	color: #FFF;
	/*background-color: #e5004f;*/
	/*border: 1px solid #e5004f;*/
	background-color: #0068b7;
	border: 1px solid #0068b7;
	margin-left: 5px;
}
input[type="radio"] {
	margin-right: 5px;
}
input[type="email"],
input[type="text"] {
	/*width: 220px;*/
	font-size: 14px;
	border-radius: 3px;
	border: solid 1px #AAA;
	line-height: 18px;
	padding: 3px;
}
input#your_mei {
	width: 190px;
}
input#your_mei_kana {
	width: 190px;
}
input#your_no {
	width: 90px;
}
input#your_zipcode {
	width: 120px;
}
input#your_phone {
	width: 190px;
}
input#your_address {
	width: 400px;
}
input#your_mail, input#your_mail2{
	width: 400px;
	font-size: 14px;
	border-radius: 3px;
	border: solid 1px #AAA;
}
textarea {
	width: 99%;
	height: 120px;
	font-size: 14px;
	border-radius: 3px;
	border: solid 1px #AAA;
	line-height: 18px;
	padding: 3px;
}
#chapter label:hover,
#chapter select:hover {
	background-color: #E0FFFF;
}
#chapter select {
	width: 100%;
	color: rgb(38,134,125);
	background-color: #FFF;
	font-size: 18px;
	letter-spacing: 1px;
	border: 1px solid rgb(38,134,125);
	padding: 3px;
}
#buttonArea {
	text-align: center;
}
#buttonArea ul li {
	text-align: center;
}
#buttonArea #contactAddBtn {
	width: 160px;
	color: #FFF;
	font-size: 18px;
	letter-spacing: 2px;
	padding: 5px 10px;
	background-color: rgb(38,134,125);
	border: 1px solid rgb(38,134,125);
	border-radius: 3px;
}
#buttonArea #contactAddBtn:hover {
	opacity: 0.7;
}

.subsection .notices .refusal {
	font-weight: bold;
}

@media screen and (max-width:990px) {

	#contactNna, #contactNc, #contactHns {
		width: 92%;
		padding: 10px 10px;
		margin: 20px auto;
		border: solid 1px #DDD;
		border-radius: 10px;
		background-color: #FFFFDD;
	}
	table {
		width: 100%;
	}
	input#your_address {
		width: 96%;
	}
	input#your_mail, input#your_mail2{
		width: 96%;
		font-size: 14px;
		border-radius: 3px;
		border: solid 1px #AAA;
	}

}