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


/*-----------------------------------------------------
  Tables
------------------------------------------------------*/
table {
	margin-bottom:10px;
}
table, th, td {border:solid 1px #cdd8eb;}

caption, th, td {
	padding:0.2em 0.5em;
}

caption {
	margin:10px 0;
	background-color:#c9d9f0;
	color:#3762a8;
	font-weight:bold;
}

thead th {background-color:#dbe5f3;}
thead td {background-color:#dbe5f3;}

tfoot th {background-color:#dbe5f3;}
tfoot td {background-color:#dbe5f3;}

tbody th {background-color:#ebf1f9;
	text-align:center;font-weight:normal;
	width:20%;
}
/*-----------------------------------------------------
  Form,Fieldset
------------------------------------------------------*/
fieldset {
	width:700px;
	margin:10px auto;
	text-align:left;
	border:0;
}
legend {
	padding:0.3em;
	visibility:hidden;
	display:none;
}


label{
	margin:0 3px;
}

input {}
textarea {}

select {}
option {}

input[type=radio],
input[type=checkbox] {
	margin-right:0.3em;
}

button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

/* １段階小さい文字 */
.small {font-size:85%;}

/* 必須 */
.require {color: #CC0000;}

/* ボタン */
.button {
	text-align:center;
	margin-top:20px;
}
.button button#submit {
	border:solid 2px;
	border-color:#CAD6F0 #7C99DC #889FD7 #CAD6F0 ;
	width:100px;
	background-color:#AABCE8;
	margin:0 10px 0 0;
	line-height:1.4;
	cursor:pointer;
}
.button button#submit:hover {
	border-color:#C4E0F0 #8DC5E2 #8FBEE0 #C4E0F0;
	background-color:#A9D2E9;
}
.button button#reset {
	border:solid 2px;
	border-color:#ddd #aaa #aaa #ddd;
	width:100px;
	background-color:#ccc;
	line-height:1.4;
	margin:0 10px 0 0;
	cursor:pointer;
}
.button button#reset:hover {
	background-color:#efefef;
}
/* 確認画面のテーブル */
table#confirm th {
	width:25%;
}
table#confirm td  {
	padding:1em;
}
/*入力エラーメッセージには<strong>タグが付く*/
table#confirm td strong {
	color:#A82B2B;
}
/* Message()のメッセージ */

/*エラー*/
span.err{ color:#CC0000; font-weight:bold }

/*エラーなし*/
span.conf{ color:#339933; }

/*エラー画面用　（init.php内）*/
/*body id="error"*/
div.err_message {
	padding:50px 0 0 0;
}
.err_message p {
	margin-bottom:50px;color:#A82B2B;
}
/*サンプルの完了画面　（completion.html用）*/
.success {
	padding:50px 0;
}
.success .button {
	margin-top:50px;
}
.success .button a {
	border:solid 2px;
	border-color:#CAD6F0 #7C99DC #889FD7 #CAD6F0 ;
	width:100px;
	background-color:#AABCE8;
	margin:0 10px 0 0;
	line-height:1.4;
	color:#424242;
	padding:0.2em 1em ;
}
.success .button a:hover {
	border-color:#C4E0F0 #8DC5E2 #8FBEE0 #C4E0F0;
	background-color:#A9D2E9;
}
/*copyright*/
.zm_copyright {
	margin-top:30px;
	font-size:10px;
}
.zm_copyright a{
	color:#AABCE8;
}