@charset "UTF-8";
@import url("global2.css");

#form_area{
	height: 400px;
	background: black url(../mail/images/back.jpg) no-repeat;
	background-size: 100% 460px;
	margin-top: -20px;
	padding: 45px 10px 10px;
	color: white;
}
#form_area table{
	max-width: 640px;
	font-size: 13px;
	margin-bottom: 15px;
}
#form_area th{
	width:24%;
	text-align: right;
}
#form_area td{
	padding: 5px;
}
#form_area input,#form_area textarea{
	padding: 8px;
	border-radius: 8px;
	font-size: 15px;
}
#form_area input[type="submit"],#conf_area input[type="submit"]{
	background: linear-gradient(to bottom, #fff 0%,#ccc 100%);
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	border-radius: 6px;
	line-height: 3;
	padding: 0;
}
#conf_area{
	padding: 0 10px 50px;
}


#mail-area{
	text-shadow:0px 0px 0px rgba(0,0,0,.9);
	width: 100%;
	height:460px;
-webkit-background-size: 100% 460px;
-moz-background-size: 100% 460px;
-o-background-size: 100% 460px;
	background: #000000 url(../mail/images/back.jpg) no-repeat; 
	color: #ffffff;
	margin:-20px auto auto auto;
}

#mailbase{
	padding-top:60px;
	margin-bottom:20px;
}


/*-----*/
#mail-table{
	margin-top:-12px;
}
#mail-table th{
	font-size:14px;
	width:24%;
	text-align:right;
}
#mail-table td{
	padding:5px 0px 10px 0px;
}


/*---------*/
input#name {
	border: 1px #2a1c15 solid;
	color: #000000;
	background-color: #ffffff;
	width:90%;
}
input:focus#name {
/*border: 1px #2a1c15 double;*/
	border: 1px #2a1c15 solid;
	color: #000000;
	background-color: #d9d9d9;
}
input#mail {
	border: 1px #2a1c15 solid;
	color: #000000;
	background-color: #ffffff;
	width:90%;
}
input:focus#mail {
/*border: 1px #2a1c15 double;*/
	border: 1px #2a1c15 solid;
	color: #000000;
	background-color: #d9d9d9;
}
input#old {
	border: 1px #2a1c15 solid;
	color: #000000;
	background-color: #ffffff;
	width:60%;
}
input:focus#old {
/*border: 1px #2a1c15 double;*/
	border: 1px #2a1c15 solid;
	color: #000000;
	background-color: #d9d9d9;
}

textarea#comment {
	border: 1px #2a1c15 solid;
	color: #000000;
	background-color: #ffffff;
	width:90%;
}
textarea:focus#comment {
	border: 1px #2a1c15 solid;
	color: #000000;
	background-color: #d9d9d9;
}


/*-------------------*/

.form-top-text{
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#161311),
		to(#4b423a));
	text-align:center;
	font-size:16px;
	color:#ffffff;
	border-top: 1px #2a1c15 solid;
	border-bottom: 1px #2a1c15 solid;
	margin:30px auto 10px auto;
	text-shadow:0px 0px 0px rgba(0,0,0,.9);
}
.form-title-text{
	text-shadow:0px 0px 0px rgba(0,0,0,.9);
	background-color: #3e1f07;
	font-size:16px;
	color:#ffffff;
	padding:5px 0px 5px 0px;
}
.form-body-text{
	text-shadow:0px 0px 0px rgba(0,0,0,.9);
	padding:5px 0px 15px 0px;
	color:#c3aea3;
}
.form-under-text{
	background:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#161311),
		to(#4b423a));
	text-align:center;
	font-size:16px;
	color:#ffffff;
	border-top: 1px #2a1c15 solid;
	border-bottom: 1px #2a1c15 solid;
	margin:30px auto 10px auto;
	padding:10px 0px 10px 0px;
	text-shadow:0px 0px 0px rgba(0,0,0,.9);
}
.form-error-text{
	text-shadow:0px 0px 0px rgba(0,0,0,.9);
	font-size:16px;
	color:#e91c51;
}