@charset "UTF-8";
@import url(./common.css);
/* -------------------------------------------- */
/* Page Settings */
/* -------------------------------------------- */
input.middle ,input.long ,input.short ,select ,textarea {
	margin-bottom:2px;
	padding:6px;
	letter-spacing:1px;
	border:1px solid #c9c9c9;
	border-radius:3px;
}

button ,input ,select ,textarea {
	font-size:100%;
	vertical-align:baseline;
}

textarea {
	width:92%;
	font-family:sans-serif;
}

/* -------------------------------------------- */
/* contact */
/* ------------------------------------------- */
#contact .read{
	width:960px;
	margin:0 auto 40px;
}
#contact .flow{
	width:960px;
	margin:0 auto 30px;
}
#contact .flow p{
	text-align:center;
}
#contact .otoiawase{
	width:900px;
	margin:0 auto 40px;
	padding:10px;
	border: 4px solid #e4e4e4;
	background:url('../image/bg_hito.gif') no-repeat 100% 100%;
}
#contact .otoiawase p{
	text-align:center;
}
#contact .otoiawase dl{
	text-align:center;
}
#contact .otoiawase dl dt{
	margin-bottom:10px;
	font-size:1.1em;
	font-weight:bold;

}

#contact .otoiawase dl dd .contact-area li{
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#contact .otoiawase dl dd .contact-area li a{
	font-size: 0.8em;
}

#contact .otoiawase dl dd .contact-area li a:hover{
	text-decoration: none;
}

#contact .otoiawase dl dd .contact-area li em{
	margin-right: 5px;
	padding: 0 8px;
	background-color: #231815;
	color: #fff;
	font-weight: bold;
	font-size: 0.7em;
	vertical-align: middle;
}

#contact .otoiawase dl dd .contact-area span{
	font-size: 0.55em;
	font-weight: normal;
}
#contact #form{
	width:900px;
	margin:0 auto;
}
#contact #form table{
	width: 900px;
	margin: 0 auto 4em;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#ccc;
	table-layout: fixed;
}
#contact #form table th{
	position:relative;
	width: 250px;
	vertical-align: middle;
	border:1px solid #fff;
	background-color:#f6f1ef;
	text-align:left;
}
#contact #form table th span{
	position:absolute;
	top:50%;
	right: 5px;
	padding:0 3px;
	margin:-10px 10px 0 0;
	font-weight:bold;
	background:#d00414;
	color:#fff;
}
#contact #form table td{
	width:600px;
	background:#fff;
}
#contact #form table th,
#contact #form table td{
	padding: 12px 15px;
	word-wrap: break-word;
}

input.short {
	width:150px;
	padding:5px;
}

input.middle {
	width:330px;
	padding:5px;
}

input.long {
	width:460px;
	padding:5px;
}
textarea{
	width:99%;
}
/* -------------------------------------------- */
/* btn-area */
/* -------------------------------------------- */
#btn-area {
	margin-bottom:100px;
	letter-spacing:-0.4em;
	text-align:center;
}

#btn-area li {
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
	margin:0 15px;
	letter-spacing:normal;
}

#btn-area li button {
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

#btn-area li button:hover {
	opacity:0.7;
}

#btn-area li {
	margin-bottom:10px;
}

#btn-area li button {
	padding:10px 50px;
	border:none;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	text-align:center;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
}

#btn-area .btn-submit button {
	background-color:#d80011;
}

#btn-area .btn-back button {
	background-color:#fff;
	border:2px solid #d80011;
	color:#d80011;
}


.btn-home {
	margin-bottom:80px;
	text-align:center;
	background-color:#d80011;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	font-size:1.2em;
	font-weight:bold;
}

.btn-home a {
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
	padding:10px 50px;
	background-color:transparent;
	color:#fff;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	text-decoration:none;
}
.btn-home a:hover {
	background-color:#d80011;
	color:#fff;
	text-decoration:none;
	opacity:0.7;
}
/* -------------------------------------------- */
/* error */
/* -------------------------------------------- */
#error {
	text-align:center;
}
#error p {
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
	margin:-20px auto 40px;
	padding:15px 25px;
	border:1px solid #d00414;
	background-color:#fff7f8;
	font-size:1.2em;
	color:#d00414;
	text-align:center;
}
#form .error input.middle ,
#form .error input.long ,
#form .error input.short ,
#form .error select ,
#form .error textarea {
	background-color:#fff7f8;
	border:1px solid #d80011;
}
#form select.error ,
#form textarea.error {
	background-color:#fff7f8;
	border:1px solid #d00414;
}
#form  tr td p {
	font-weight:bold;
	color:#d00414;
}

/* -------------------------------------------- */
/* thanks */
/* -------------------------------------------- */
.thanks{
	width:900px;
	margin:0 auto;
	padding:30px 0;
}
.thanks p{
	text-align:center;
}
.thanks p.message{
	margin-bottom:20px;
	font-size:2.5em;
	color:#d00414;
}