@charset "utf-8";
/* CSS Document */

@import url(common.css);

#mainContents {font-size:14px; letter-spacing:1px;}

#mainContents h2{ text-indent:-9999px; width:720px; height:200px; overflow:hidden; background:url(../img/contact_h2.jpg) no-repeat; margin-bottom:20px;}
#mainContents h3{ text-indent:-9999px; width:720px; height:20px; overflow:hidden; background:url(../img/contact_h3.jpg) no-repeat; margin-bottom:50px;}
#mainContents h3#mailContact{ text-indent:-9999px; width:720px; height:20px; overflow:hidden; background:url(../img/contact_mail.jpg) no-repeat; margin-bottom:50px;}


#mainContents p strong{font-size:58px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#666; letter-spacing:1px;}
#mainContents p{margin-bottom:30px;}

form{margin-bottom:30px;}
.formTop {
	width:550px;
	float:left;
	margin-top: 1.5em;
	margin-left: 10px;
	padding-left:50px;
}

.formTop h3 { font-size:1.1em; }



.formTop ul {
	list-style:none;
	line-height:160%;
}

fieldset {
	width:730px;
	text-align:left;
	border:0;
	clear: both;
	}

legend {
	padding:0.3em;
	visibility:hidden;
	display:none;
}

.form li div { line-height:1.4; }

.form li {
	padding:3px 0;
	list-style:none;
	display:inline-block;
}

.form li:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

.form small {
	font-size:77%;
	color:#666;
	padding-left:1em;
}

label {
	padding:0 5px 0 10px;
	width:200px;
	float:left;
	display: block;
	line-height:2;
}

label li{ font-size:200%; height:50px;}

.form input,
.form textarea,
.form select {
	margin:0;
	border:solid 1px;
	border-color:#aaa #ddd #ddd #aaa;
	width:480px;
	font-size:100%;
	padding:3px;
	margin:5px 0;
	line-height:1.4;
}



.leftCON{ float:left; font-size:110%; margin-top:3px;}

.form input:focus,
.form textarea:focus {
	background-color: #eeeeee;
	border-color:#cccccc #888888 #888888 #cccccc;
}

.form input.check {
	width:auto;
	margin:0 2px;
	border:none;
	float:none;
}

.form input.text {
	width:auto;
	margin:0 2px;
	color:#FA749C;
	float:none;
}

.form select {
	padding:3px;
	width:400px;
	margin:2px;
	float:none;
}
.form select:forcus {
 background-color: #eeeeee;
 border-color:#cccccc #888888 #888888 #cccccc;
}

p.reply { margin:1em 0px 2em 165px; }

div.button { width:960px; margin:20px auto 0;
	text-align:center;
	margin-top:20px;
}



#mailEnd{width:730px; margin:2em auto;}
#mailEnd #tophe{text-align:center; }
#mailEnd #tophe a{display:block; width:80%; height:2em; margin:1em auto;}


div.button button#submit:hover,
div.button button#reset:hover { background-position:0px -40px;}

.hissu {
	color:#FF0033;
	font-weight: 400;
}

button#submit { width:200px; clear:both; height:60px; margin-left:240px; background:#836C43; border:none; letter-spacing:3px; color:#FFF; font-size:25px; cursor:pointer; }
button#submit:hover{ background:#C3AA74;}

button#reset{ width:100px; height:60px; background:#999; border:none; color:#FFF; letter-spacing:3px; font-size:25px;}
button#reset:hover{ background:#ccc}
#contact dt,
#contact dd{width:75%;}
#contact dd {padding-left:2em; margin-bottom:25px; margin-top:15px; line-height:150%;}
