@charset "utf-8";
/*!
 * contact CSS
 * ---------------------------------------------
 * 下層ページのcss
 * 
 */

/*  PIE ！パス確認ください！
---------------------------------*/

.submitBtn {
	position: relative;
	behavior: url(/resources/js/PIE.php);
}
 
 /*===================================
	font	
=====================================*/

.faqList dd span,
.submitBtn {
	color: #fff;
}
.essential {
	color: #ff1b00;
}
.faqList b,
.contactList dt {
	font-size: 16px;
}
.recallBlock h2,
.submitBtn {
	font-size: 20px;
}
.faqList span,
.submitBtn {
	text-align: center;
}
.faqList dt,
.contactList dt,
.submitBtn {
	font-weight: bold;
}
.recallBlock a,
.faqNavi a,
.contactList a,
.instructions a {
	text-decoration: underline;
}
.recallBlock a:hover,
.faqNavi a:hover,
.contactList a:hover,
.instructions a:hover {
	text-decoration: none;
}
em {
	font-style: normal;
}

/*===================================
	layout	
=====================================*/

.faqNavi li,
.faqList dt,.faqList dd,
ul.btn {
	overflow: hidden;
	zoom: 1;
}
.contactBlock .dem {
	margin-top: 1em;
}

/*===================================
	background	
=====================================*/



/*  sprite
---------------------------------*/
/*
{
	background: url(../images/base/sprite.png) no-repeat;
}
{
	display: block;
}
{
	text-indent: -999em;
}*/
.submitBtn:hover {
	opacity: .7;
}


/*===================================
	見出し 共通テキスト	
=====================================*/

.contact .pageHead h1 a {
	background-image: url(../images/contact/h1_txt.png);
}
.pageTtl {
	background-image: url(../images/contact/page_tt_bgl.png);
}

/*===================================
	お問い合わせTOP
=====================================*/

.recallBlock {
	margin-bottom: 2em;
	padding: 18px 5px 18px 15px;
	border: solid 1px #e81122;
}
.recallBlock h2 {
	margin-bottom: 10px;
}
.recallBlock dl {
	margin: 1em 0;
}
.recallBlock dd {
	margin: -1.6em 0 0 12em;
}

/*===================================
	FAQ
=====================================*/

.faqNavi,
.faqList {
	margin-bottom: 2em;
}
.faqNavi li span:before {
	content: "●";
	padding-right: 0.5em;
	color: #7793a7;
}
.faqNavi li {
	margin-bottom: 1em;
}
.faqNavi li span,
.faqNavi li a {
	display: block;
}
.faqNavi li span {
	float: left;
}
.faqNavi li a {
	margin-left: 5em;
}
.faqList dt {
	margin-bottom: 1em;
}
.faqList dd {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: dotted 1px #ccc;
}
.faqList span {
	float: left;
	width: 4em;
}
.faqList dt span {
	background: #ccc;
}
.faqList dd span {
	background: #ff1b00;
}
.faqList b {
	display: block;
}
.faqList b,
.faqList p {
	margin: -2px 0 0 4.5em;
}
.faqList p {
	margin-left: 5em;
}
.faqList ul {
	margin: 1em 0 1em 5em;
}
.faqList ul ul {
	margin: 1em 0 0 2em;
}
.faqList li {
	margin-bottom: 1em;
}
.faqList .square .disc li:before {
	content: "・";
}
.faqList .square .disc .arrow li:before,
.faqList .square .arrow li:before {
	content: "→ ";
}
.faqList p.link {
	margin-top: 1em;
}
.faqList .notice li {
	margin-bottom: 0;
}

/*===================================
	お問い合わせ先一覧
=====================================*/

.contactList dt {
	margin-bottom: 0.6em;
}
.contactList dd {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: dotted 1px #ccc;
}

/*===================================
	お問い合わせフォーム
=====================================*/

.contactForm {
	margin-top: 2em;
}
.contactForm .definList {
	margin-bottom: 2em;
}
.contactForm .definList ul {
	margin-bottom: -1em;
}
.contactForm .definList ul.inln {
	margin-bottom: 0;
}
.contactForm .definList li {
	margin-bottom: 1em;
}
textarea,.inputSelect1,.inputSelect2,.txt,.submitBtn {
	border: none;
	background: none;
}
textarea,.inputSelect1,.inputSelect2,.txt {
	padding: 5px;
	border: solid 1px #ccc;
	background: #fff;
}
.inputSelect1 {
	width: 448px;
}
textarea {
	width: 438px;
	height: 10em;
}
.txt1 {
	width: 163px;
}
.txt2 {
	width: 438px;
}
.txt3 {
	width: 100px;
}
.txt4 {
	width: 310px;
}
.txt5 {
	width: 80px;
}
.txt6 {
	width: 366px;
}
.submitBtn {
	display: block;
	width: 225px;
	height: 51px;
	margin: 0 auto 30px;
	background: #ff1b00;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	-ms-border-radius: 32px;
	-o-border-radius: 32px;
	border-radius: 32px;
	box-shadow: -2px -2px 0 0 #de1800 inset, 2px 2px 2px 0 #d4d4d4;
	line-height: 52px;
	cursor: pointer;
}
.instructions dt {
	margin-bottom: 0.6em;
}
.instructions dd {
	margin-bottom: 1em;
}

/*  エラーページ
---------------------------------*/

.contactForm.error div {
	width: auto !important;
	margin: 0 0 20px !important;
	line-height: 1.6 !important;
}

/*  確認ページ
---------------------------------*/

.confirm ul.btn {
	margin-left: 170px;
}
.confirm ul.btn li {
	float: left;
}
.confirm .submitBtn {
	width: 139px;
	margin: 0 23px 30px;
}
.confirm .submitBtn.back {
	width: 100px;
	background: #b0bcbc;
	box-shadow: -2px -2px 0 0 #99a4a4 inset, 2px 2px 2px 0 #d4d4d4;
}

/*  完了ページ
---------------------------------*/

.complete {
	margin-bottom: 300px;
}
.complete p {
	margin-bottom: 1em;
}

/************************************************************************************
smaller than 660px
*************************************************************************************/
@media screen and (max-width: 660px) {
	
	/*===================================
		font
	=====================================*/
	
	.contactForm.error div {
		font-size: 18px !important;
	}
	.faqList b,
	.contactList dt {
		font-size: 20px;
	}
	.recallBlock b,
	.submitBtn {
		font-size: 24px;
	}
	
	/*===================================
		見出し 共通テキスト	
	=====================================*/
	
	.contact .pageHead h1 a {
		background: none;
	}
	
	/*===================================
		お問い合わせTOP
	=====================================*/
	
	
	/*===================================
		FAQ
	=====================================*/
	
	.faqList b {
		margin-left: 4.7em;
	}
	
	/*===================================
		お問い合わせフォーム
	=====================================*/
	
	.contactForm .definList {
		background-position: -15px 100%;
	}
	.contactForm .definList dt {
		width: 161px;
	}
	.contactForm .definList dd {
		padding-left: 187px;
		background-position: -15px 100%;
	}
	.contactForm .definList dd.dbl {
		margin-top: -2em;
		padding-bottom: 2em;
	}
	.inputSelect1 {
		width: 410px;
	}
	textarea {
		width: 400px;
		height: 10em;
	}
	.txt1 {
		width: 130px;
	}
	.txt2 {
		width: 400px;
	}
	.txt3 {
		width: 70px;
	}
	.txt4,.txt6 {
		width: 310px;
	}
	.txt5 {
		width: 80px;
	}
	.submitBtn {
		width: 325px;
		height: 71px;
		-webkit-border-radius: 42px;
		-moz-border-radius: 42px;
		-ms-border-radius: 42px;
		-o-border-radius: 42px;
		border-radius: 42px;
		line-height: 72px;
		-webkit-appearance: button;
	}
	
	/*  確認ページ
	---------------------------------*/
	
	.confirm ul.btn {
		margin-left: 40px;
	}
	.confirm .submitBtn {
		width: 239px;
	}
	.confirm .submitBtn.back {
		width: 200px;
	}
	
}