@charset "utf-8";

#contents #contact-i .sec-title,
#contents #contact-c .sec-title,
#contents #contact-f .sec-title,
#contents #contact-e .sec-title{background-image:url(../contact/images/sec-title.png) ;}

#contents #contact-i p,
#contents #contact-c p,
#contents #contact-f p,
#contents #contact-e p{font-size:1.0rem;}

/* intro */
#contents #contact-i #intro{margin-top: 1.8rem;}

/* tel */
#contents #contact-i #tel{margin-top: 2.5rem;}

#contents #contact-i #tel p{
	margin-top: 1.0rem;
	font-size: 1.8rem;
	text-align: center;
	line-height: 0.9;
}

#contents #contact-i #tel .t-title{font-size: 1.4rem;}
#contents #contact-i #tel .time{font-size: 1.0rem;}

/* mail(input) */
#contents #contact-i #mail{margin-top: 2.8rem;}

#contents #contact-i #mail p{line-height: 1.7;}

#contents #contact-i #mail dl{margin-top: 1.4rem;}

#contents #contact-i #mail dl dt,
#contents #contact-i #mail dl dd{font-size: 1.8em;}

#contents #contact-i #mail dl dt{
	color: #218b65;
	font-weight: bold;
}

#contents #contact-i #mail dl dt .red{
	color: #e60012;
	font-size: 0.8rem;
	font-weight: normal;
}

#contents #contact-i ul li em,
#contents #contact-i .error em{
	margin-bottom: 0.5rem;
	font-size: 1.0rem;
	color: #e60012;
}

#contents #contact-i #mail dl dd input,
#contents #contact-i #mail dl dd textarea{
	display: block;
	width: 97%;
	margin-top: 0.5rem;
	margin-bottom: 1.6rem;
	padding: 0.6rem 0.4rem;
	background:#f3f4db;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:none;
}

/* mail(confirm) */
#contents #contact-c #mail{margin-top: 1.8rem;}

#contents #contact-c #mail p{line-height: 1.7;}

#contents #contact-c #mail dl{margin-top: 1.4rem;}

#contents #contact-c #mail dl dt,
#contents #contact-c #mail dl dd{font-size: 1.8em;}

#contents #contact-c #mail dl dt{
	color: #218b65;
	font-weight: bold;
}

#contents #contact-c #mail dl dt .red{
	color: #e60012;
	font-size: 0.8rem;
	font-weight: normal;
}

#contents #contact-c #mail dl dd{
	margin-top: 0.5rem;
	margin-bottom: 1.6rem;
}
#member{
	width: 22%;
	margin: 5px 0 30px;
}
/* mail(finish) */
#contents #contact-f #mail{margin-top: 1.8rem;}

#contents #contact-f #mail p{
	margin-top: 0.7rem;
	line-height: 1.8;
}

#contents #contact-f p a{color: #218b65;}

#contents #contact-f p a:hover{text-decoration: none;}

/* mail(error) */
#contents #contact-e #mail{margin-top: 1.8rem;}

#contents #contact-e #mail p{
	margin-top: 0.7rem;
	line-height: 1.8;
}

#contents #contact-e p a{color: #218b65;}

#contents #contact-e p a:hover{text-decoration: none;}

#contents #contact-e ul li{
	margin-bottom: 0.5rem;
	font-size: 1.0rem;
	color: #e60012;
}

/* btn(input) */
#contents #contact-i #submit input,
#contents #contact-c #submit input{
	display: block;	
	width: 325px;
	height: 0;
	padding-top: 39px;
	overflow: hidden;
	background-color: #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
	border:none;
}

#contents #contact-i #submit input:hover,
#contents #contact-c #submit input:hover{background-position: 0 -40px;}

#contents #contact-i #submit{
	width: 325px;
	margin:40px auto 0 auto;
}

#contents #contact-i #submit .check-button{background-image:url(../contact/images/check-btn.png);}

#contents #contact-c #submit{
	width: 680px;
	margin:40px	auto 0 auto;
}

#contents #contact-c #submit li{
	width: 325px;
	float: left;
}

#contents #contact-c #submit li:first-child{margin-right: 28px;}

#contents #contact-c #submit .return-button{ background-image:url(../contact/images/return-btn.png);}

#contents #contact-c #submit .submit-button{ background-image:url(../contact/images/submit-btn.png);}

/* btn(a) */
#contents #contact-f #submit .complete-button a,
#contents #contact-e .error-button a{
	display: block;	
	width: 325px;
	margin:40px auto 0 auto;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
	background-color: #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
	border:none;
}

#contents #contact-f #submit .complete-button a{background-image:url(../contact/images/complete-btn.png);}

#contents #contact-e .error-button a{background-image:url(../contact/images/error-btn.png);}

#contents #contact-f #submit a:hover,
#contents #contact-e a:hover{background-position: 0 -40px;}