/* moomail.css*/

/*
サンプルの入力フォーム（contact.html用）
*/

address,
a {
	color:#C8C8C8;
	font-size:100%;
}

.formTop {
	width:350px;
	float:left;
	margin-top: 1.5em;
	margin-left: 10px;
	padding-left:50px;
}

.formTop h3 { font-size:1.1em; }

#consal {
	text-align:center;
	border-bottom:#999999 1px dotted;
	padding: 0.5em;
	clear:both;
}

.formTop ul {
	list-style:none;
	line-height:160%;
}

fieldset {
	width:650px;
	margin:5px auto;
	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 0;
	border-right:5px solid #aaaaaa;
	margin:5px 10px 5px 5px;
	width:150px;
	float:left;
	display: block;
	text-align:right;
	background-color:#FFFFFF;
}

.form input,
.form textarea,
.form select {
	margin:0;
	border:solid 1px;
	border-color:#aaa #ddd #ddd #aaa;
	width:400px;
	font-size:0.9em;
	padding:3px;
	line-height:1.4;
}

.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:300px;
	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 {
	text-align:center;
	margin-top:20px;
}

div.button button#submit,
div.button button#reset {
	width:190px;
	margin:0 auto;
	line-height:2;
	cursor:pointer;
	background: url(img/btn_off.gif) no-repeat center;
	height: 27px;
	display:block;
}

div.button button#submit:hover,
div.button button#reset:hover { background: url(img/btn_on.gif) no-repeat center;}

.hissu {
	color:#FF0033;
	font-weight: 400;
}
/*Safari&Opera\*/
@media all and (min-width:0px) {
 head~body .form input, head~body .form textarea {
float:right;
padding:0.3em
}
}

/*IE6*/
* html .form input { height:22px; }

/**/

/*** fValidatorのエラーメッセージ*/
div.fValidator-msg {
	margin-left:165px;
	color: #FF0033;
	font-size:77%;
	line-height:1.4;
}

/*　サンプルの確認画面（check.php用）*/
table#confirm {
	border-collapse:collapse;
	border-color:#999999;
	width:100%;
}

table#confirm th {
	font-weight:normal;
	padding:0.5em;
	width:30%;
	background-color:#efefff;
}

table#confirm td { padding:0.5em; }

dt {
	margin:1em;
	padding-left:3px;
	border-left:#999999 2px solid;
}

dd {
	margin:1em;
	padding-left:2em;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:0.5em;
}

/*
確認画面のエラー用
エラーメッセージには<strong>タグが付く
*/
table#confirm td strong { color:#A82B2B; }

/*確認画面ボタン上のメッセージ*/
p.confmes { margin:1em 0; }

/*エラー画面用　（init.php内）*/
/*body id="error"*/
div.err_message { padding:50px 0 0 0; }

.err_message p {
	margin-bottom:50px;
	color:#A82B2B;
}

/*サンプルの完了画面　（completion.html用）*/
#linkTop {
	width:600px;
	margin:50px auto 150px auto;
	line-height:160%;
}

#linkTop a { font-size:1.2em; }

#top {
	width:200px;
	height:30px;
	margin:2em auto 10em auto;
	text-align: center;
	line-height: 2.5;
	font-weight: bold;
}

#top a {
	background: url(img/btn_off.gif) repeat-x;
	text-decoration: none;
	color: #000000;
	display: block;
}

#top a:hover { background: url(img/btn_on.gif) repeat-x; }