@charset "utf-8";
/* CSS Document */

/*---- post mail ----*/
#post_mail{
	width: 480px;
	padding-bottom: 15px;
}
form#mailform label{
	display: block;
	width: 70px;
	height: 20px;
	float: left;
	background-size: cover;
}
form#mailform label.name{
	background-image: url(../image/send_comment_name.gif);
}
form#mailform label.email{
	background-image: url(../image/send_comment_mail.gif);
}
form#mailform label.subject{
	background-image: url(../image/send_mail_subject.gif);
}
form#mailform label.message{
	background-image: url(../image/send_comment_sentence.gif);
}

.mail-form-author input, .mail-form-email input, .mail-form-subject input{
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	display: block;
	width: 194px;
	height: 14px;
	border: 1px solid #61ab69;
	background: #e7f9e6;
	padding: 2px;
	float: left;
} 

form#mailform textarea{
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	display: block;
	width: 399px;
	height: 144px;
	border: 1px solid #61ab69;
	background: #e7f9e6;
	padding: 2px;
	float: left;
}
.mail-form-author, .mail-form-email, .mail-form-subject {
	width: 390px;
	height: 20px;
	margin-bottom: 5px;
}
.mail-form-message{
	width: 475px;
	height: 150px;
	margin-bottom: 5px;
}
.mail-auto-reply{
	width: 320px;
	height: 20px;
	margin: 0 0 5px 70px;
	font-size: 12px;
}
.mail-auto-reply span{
	margin-left: 5px;
}
.form-submit{
	width: 480px;
	height: 20px;
}

form#mailform input {
	background-size:cover;   
}

form#mailform input.send_button{
	width: 58px;
	height: 20px;
	cursor: pointer;
	float: right;
	margin-left: 5px;
	background-image: url(../image/send_button.gif);
}
form#mailform input.confirm_button{
	width: 58px;
	height: 20px;
	cursor: pointer;
	float: right;
	margin-left: 5px;
	background-image: url(../image/confirm_button.gif);
}
form#mailform input.reset_button{
	width: 82px;
	height: 20px;
	cursor: pointer;
	float: right;
	margin-left: 5px;
	background-image: url(../image/reset_button.gif);
}
form#mailform input.return_button{
	width: 58px;
	height: 20px;
	cursor: pointer;
	float: right;
	margin-left: 5px;
	background-image: url(../image/return_button.gif);
}

form#mailform input.send_button:hover, form#mailform input.confirm_button:hover, form#mailform input.reset_button:hover, form#mailform input.return_button:hover{
	background-position: 0 -20px;
}

/*---- 
form#mailform input.mail_button{
	margin: 5px auto;
	padding: 4px 12px;
	background-color: #6fb16c;
	color: #fff;
	border-radius: 3px;
  	box-sizing: border-box;
	text-decoration: none;
	transition: 0.2s;
	font-size: 12px;
	cursor: pointer;
	float: right;
	margin-left: 5px;
}

form#mailform input.mail_button:hover{
	background-color: #86cb83;
}
----*/

/*---- post mail end ----*/
/*---- confirm post mail ----*/
form#mailform ul#confirm_area{
	width: 480px;
	margin-bottom: 0px;
	font-size: 13px;
}
form#mailform ul#confirm_area li{
	line-height: 20px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin-bottom: 5px;
	padding-left: 70px;
	width: 405px;
	background-size: 70px 20px;
}
form#mailform li.name {
	background: url(../image/send_comment_name.gif) no-repeat;
}
form#mailform li.email {
	background: url(../image/send_comment_mail.gif) no-repeat;
}
form#mailform li.subject {
	background: url(../image/send_mail_subject.gif) no-repeat;
}
form#mailform li.message {
	background: url(../image/send_comment_sentence.gif) no-repeat;
}
form#mailform ul#confirm_area .error{
	color: #e46a6a;
}

/*---- confirm post mail end ----*/
/*---- complete & return ----*/

a.conplete_and_return {
	background-size:cover;   
}
a.conplete_and_return{
	display: block;
	width: 58px;
	height: 20px;
	margin: 0 0 15px 211px;
	background-image: url(../image/return_button.gif);
}
a.conplete_and_return:hover {
	background-position: 0 -20px;
}
/*---- complete & return end ----*/