@charset "utf-8";

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

#mainform em {
	font-style: normal;
}
#mainform ul li {
	margin-left: 16px;
}
#mainform ul, p {
	margin: 10px 0px;
}
#mainform dl dd {
	margin-left: 25px;
	margin-bottom: 15px;
}

#mainform table {
	width: 100%;
	border-collapse: collapse;
}
#mainform table tr th {
	border: 1px solid #D0D0D0;
	padding: 7px 7px 6px 7px;
}
#mainform table tr td {
	border: 1px solid #D0D0D0;
	padding: 7px 7px 6px 7px;
}
#mainform 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;
}
*/
#mainform p.navi {
	color: #BBB;
	background-color: inherit;
}
#mainform p.navi em {
	padding: 0px 2px;
	border: 0px solid #DDD;
	color: #000;
	background-color: inherit;
}
#mainform p.navi span {
	padding: 0px 2px;
	border: 0px solid #DDD;
	color: #BBB;
	background-color: inherit;
}
#mainform 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;
}
*/
#mainform span.aside, span.bside {
	color: #999;
	background-color: inherit;
}
#mainform *.group-name {
	display: block;
	border-bottom: 1px dashed #DDD;
	font-size: 10px;
	color: #999;
	background-color: inherit;
}
#mainform *.group {
	display: block;
	margin: 1px 0px;
	padding: 0px 20px;
}
#mainform input[type="radio"],
#mainform input[type="checkbox"] {
	margin-right: 2px;
}
#mainform p.button {
	text-align: center;
}
#mainform input.button {
	height: 2.2em;
	text-align: center;
	cursor: pointer;
}
#mainform input.cancel {
	width: 6em;
	color: #FFF;
	background-color: #750000;
	letter-spacing: 1px;
}
#mainform input.submit {
	width: 11em;
	color: #FFF;
	background-color: #236;
	letter-spacing: 4px;
}
/**
 * livevalidation.js
 */
#mainform em.error, #mainform ul.error {
	display: block;
	color: #F60;
	background-color: inherit;
}
#mainform input.error, #mainform textarea.error, #mainform select.error, #mainform span.error label, #mainform span.error input {
	color: inherit;
	background-color: #FFE7D7;
}
em.done {
	display: block;
	color: #4DB35B;
	background-color: inherit;
}
#mainform input.done, #mainform textarea.done, #mainform select.done, #mainform span.done label, #mainform 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;
}
*/