@charset "utf-8";

form input {
	border: 1px solid #BBB;
	height: 1.6em;
	padding-top: 1px;
	padding-left: 3px;
	line-height: 1.2em;
	vertical-align: middle;
}
form textarea {
	border: 1px solid #BBB;
	padding: 3px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅", monospace;
}
form input, form textarea, form select, form .radio, form .checkbox {
	margin: 1px 0px;
}
form label {
	cursor: pointer;
}
form label input {
	border: 0px;
}
form select {
	vertical-align: middle;
}
form select option {
	padding-right: 4px;
}
form select optgroup option {
	margin-left: 24px;
}

em {
	font-style: normal;
}

table {
	width: 100%;
	border-collapse: collapse;
}
table tr th {
	border: 1px solid #D0D0D0;
	padding: 7px 7px 6px 7px;
}
table tr td {
	border: 1px solid #D0D0D0;
	padding: 7px 7px 6px 7px;
}
address {
	text-align: center;
}

div#mainform table,
div#mainform div.box {
	color: inherit;
	background-color: #FAFAFA;
}
div#mainform table th {
	width: 26%;
	text-align: left;
	font-weight: normal;
	color: inherit;
	background-color: #F1F1F1;
}
div#mainform div.box {
	border: 1px solid #BBB;
	padding: 0px 8px;
}

/**
 * フォーム背景をゼブラ柄にする
 */
/*
.zebra0 {
	color: inherit;
	background-color: inherit;
}
.zebra1 {
	color: inherit;
	background-color: #F1F1F1;
}
*/
p.navi {
	color: #BBB;
	background-color: inherit;
}
p.navi em {
	padding: 0px 2px;
	border: 0px solid #DDD;
	color: #000;
	background-color: inherit;
}
p.navi span {
	padding: 0px 2px;
	border: 0px solid #DDD;
	color: #BBB;
	background-color: inherit;
}
p.scrltop {
	text-align: right;
}
em.required {
	margin-left: 2px;
	font-size: 0.9em;
	color: #F60;
	background-color: inherit;
}
/**
 * 必須マークを画像にする
 * ※名称の横に一行で表示するのは難しい
 */
/*
em.required {
	display: block;
	padding: 15px 0px;
	background: url(../image/required.gif) no-repeat 0 0;
}
*/
span.aside, span.bside {
	color: #999;
	background-color: inherit;
}
*.group-name {
	display: block;
	border-bottom: 1px dashed #DDD;
	font-size: 10px;
	color: #999;
	background-color: inherit;
}
*.group {
	display: block;
	margin: 1px 0px;
	padding: 0px 20px;
}
input[type="radio"],
input[type="checkbox"] {
	margin-right: 2px;
}
p.button {
	text-align: center;
	margin-top:20px;
}
input.button {
	height: 2.2em;
	text-align: center;
	cursor: pointer;
}
input.cancel {
	width: 6em;
	color: #FFF;
	background-color: #750000;
	letter-spacing: 1px;
}
input.submit {
	width: 11em;
	color: #FFF;
	background-color: #236;
	letter-spacing: 4px;
}
/**
 * livevalidation.js
 */
em.error, ul.error {
	display: block;
	color: #F60;
	background-color: inherit;
}
input.error, textarea.error, select.error, span.error label, span.error input {
	color: inherit;
	background-color: #FFE7D7;
}
em.done {
	display: block;
	color: #4DB35B;
	background-color: inherit;
}
input.done, textarea.done, select.done, span.done label, span.done input {
	color: inherit;
	background-color: #CBE9CF;
}
/**
 * エラー文に画像を使う
 */
/*
em.error {
	padding: 0px 0px 1px 20px;
	background: url(../image/error.gif) no-repeat 0 0;
}
em.done {
	padding: 0px 0px 1px 20px;
	background: url(../image/done.gif) no-repeat 0 0;
}
*/