/* Form Style */

*
{
	margin: 0;
	padding: 0;
}

body
{
	color: black;
	background-color: #fff;
}

body { text-align: center; }

a
{
	text-decoration: none;
	outline: none;
}

a:link { color: #06c; }
a:visited { color: #999; }
a:hover,a:active { color: #f36; }

.silver { color: silver; }
.red { color: red; }
.red2 { color: #c00; }
.text4 { color: #931638; }

.btnImg
{
	padding: 3px;
	text-indent: 1em;
	border-top: 1px #eee solid;
	border-left: 1px #eee solid;
	border-right: 1px silver solid;
	border-bottom: 1px silver solid;
	background-color: #f5f5f5;
	text-align: center;
		cursor: pointer;
}

.btnImg:hover
{
	border-top: 1px #aaa solid;
	border-left: 1px #aaa solid;
	border-right: 1px #eee solid;
	border-bottom: 1px #eee solid;
	background-color: #ffc;
}

.btnImg a { display: block; width: 100%; }

address
{
	display: block;
	margin: 0 auto 0 auto;
	color: #6594e5;
	text-align: center;
	font: normal normal 11px/1.5 Arial !important;
}

img { border: 0 none; }

.hidden
{
	clear: both;
	visibility: hidden;
	margin-bottom: 5px;
}

.hidden { font-size: 0; line-height: 0px; }

#container
{
	margin: 1em auto 1em auto;
	padding: 1em;
	width: 650px;
	min-height: 520px;
	height: auto !important;
	height: 520px;
	text-align: left;
	border: 1px solid silver;
	background-color: white;
}

.cmxForm input, .cmxForm textarea
{
	padding: 3px;
	letter-spacing: 0.5pt;
	font: 12px sans-serif;
}

.cmxForm select
{
	padding: 3px;
	letter-spacing: 0.5pt;
		cursor: pointer;
}

.cmxForm textarea
{
	width: 400px;
	height: 100px;
}

.cmxForm input.txt, .cmxForm input.numonly,
.cmxForm select, .cmxForm textarea { border: 1px #9c9 solid; }
.cmxForm optgroup { font-style: normal !important; }
#comment-email, #checked-email { width: 400px; }
#comment-addr, #comment-phone, #comment-fax, #comment-author, #comment-kana { width: 250px; }
span.spot { color: #666; }
.up { text-transform: uppercase; }

#comment-preview, #comment-reset, input.csr
{
	width: 140px;
	line-height: 1.8;
	font: 12px sans-serif;
		cursor: pointer;
}

#inquiry, #verify { background: url('../media/form/logo_form_back.png') no-repeat right 50px; }

#verify strong
{
	color: #931638;
	font-weight: normal;
}

strong#comment-inquiry
{
	display: block;
	width: 510px;
	padding: 10px;
	background-color: #f8f8f0;
	border: 1px silver dotted;
	margin: -1em 0 1em 100px;
}

.cmxForm fieldset
{
	margin: 1em 0 1em 0;
	padding: 5px;
	border: 0 none;
}

.cmxForm legend
{
	padding: 0.5em 2px 0.5em 2px;
	width: 90%;
	color: #348ded;
	text-indent: 1em;
	border-left: 5px #f6c solid;
	border-bottom: 1px #eee solid;
}

#edit
{
	width: 100%;
	min-height: 520px;
	height: auto !important;
	height: 520px;
	background: url('../media/form/form_bg/stripe_2.png') repeat-x left top;
}

#edit legend { color: #03f; }
#edit h4 { color: #c00; }

.cmxForm label
{
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
	font-weight: bold;
	/* line-height: 1.5; */
}


/* Width of labels */
.cmxForm label { width: 100px; }

.cmxForm label.armTx { width: auto !important; }

.cmxForm label.txFit
{
	margin-left: 0.5em;
	width: auto;
}

.cmxForm fieldset ol
{
	margin: 0;
	padding: 0;
}

.cmxForm fieldset li
{
	margin: 0;
	padding: 5px 0 5px 0;
	list-style-type: none;
}

.sent
{
	color: teal !important;
	font: italic bold 24px/1.45 'Times New Roman', Times, serif;
}

.cmxForm em
{
	font-weight: bold;
	font-style: normal;
	color: red;
}

.sentImg
{
	display: block;
	margin: 0 auto 1em auto;
	width: 89px;
	height: 82px;
	text-align: center;
}

#goBack
{
	display: block;
	margin: 2em auto 1em auto;
	text-align: center;
}

#goBack input
{
	width: 80px;
	line-height: 1.8;
	font: 12px sans-serif;
		cursor: pointer;
}

#mfSend
{
	color: black;
	margin: 0 0 1em 0;
	padding: 10px 0 0 0;
	text-align: center !important;
	border: 1px solid #f60;
}

#mfSend .KB14 { margin-bottom: 2em; }

#mfSend p
{
	margin-bottom: 1em;
	color: #8b4513;
}

#mfSend p.KB16
{
	padding: 5px;
	color: #4169e1;
}

#mfSend img.sentSmile
{
	display: block;
	margin: 3em auto 1.5em auto;
	width: 100px;
	height: 100px;
	text-align: center;
}

#mailMiss { text-align: center !important; }

#mailMiss p.sendMiss
{
	margin: 2em auto 2em auto;
	padding-top: 3px;
	border-top: 1px dashed silver;
	line-height: 2;
}

#errorBox { margin: 2em auto 2em auto; }

#errorBox p
{
	padding: 5px 0 5px 0;
	text-align: center !important;
	text-transform: inherit;
}

#errorBox input.csr
{
	display: block;
	margin: 3em auto 1em auto;
}

.errorTx
{
	margin: 1em auto 1em auto;
	width: 450px;
	text-align: left;
	border: 1px dotted #aaa;
}

#errorBox p.ngTop, #errorBox p.errorTop
{
	line-height: 2;
	color: #c00;
}

.errorAlert
{
	display: block;
	float: right;
	width: 130px;
	height: 150px;
}

.privacy { margin-left: 5px; }

.privacy h4
{
	padding: 2px 0 3px 0;
	width: 95%;
	color: #931638;
	text-indent: 1em;
	border-left: 5px solid #f60;
	border-bottom: 1px solid #ccc;
}

.privacy blockquote
{
	margin: 0.5em 0 0 2em;
	color: #8b4513;
}

/* Validator.js Styles */
.baloon
{
	position: absolute;
	padding-left: 5px;
	color: red;
	font-size: 11px;
	border: 2px #f03 solid;
	background-color: white;
	z-index: 10;
}

.baloon a
{
	margin-right: 2px;
	padding: 2px;
	color: blue;
	text-decoration: none;
	outline: none;
}

.baloon a:hover { background-color: #eef; }

.baloon div
{
	padding: 6px 6px 6px 0;
	white-space: nowrap;
}
/* //Validator.js Styles */

/*CSSハック
--------------------------------------------------*/
/* IE以外のモダンWebブラウザ向け */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* WinIE7、MacIE5対策 */
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/

/* WinIE4〜6、MacIE4〜5対策 */
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */

/* Unknown_CSS */

.K10 { font: normal 10px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K11 { font: normal 11px/1.5 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
body, .K12 { font: normal 12px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K13 { font: normal 13px/1.5 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K14 { font: normal 14px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K16 { font: normal 16px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.K18 { font: normal 18px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }

.KB10 { font: bold 10px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB11 { font: bold 11px/1.5 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB12 { font: bold 12px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB13 { font: bold 13px/1.5 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
h4, .KB14 { font: bold 14px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
h2, h3, .KB16 { font: bold 16px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB18 { font: bold 18px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
.KB24 { font: bold 24px/1.45 Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }

.KEB24 { font: 24px/1.45 'Arial Black'; }

.M12 { font: 12px/1.45 'Times New Roman', Times, serif; }
.M14 { font: 14px/1.45 'Times New Roman', Times, serif; }
.M16 { font: 16px/1.45 'Times New Roman', Times, serif; }

.MB12 { font: bold 12px/1.45 'Times New Roman', Times, serif; }
.MB14 { font: bold 14px/1.45 'Times New Roman', Times, serif; }
.MB16 { font: bold 16px/1.45 'Times New Roman', Times, serif; }
.MB18 { font: bold 18px/1.45 'Times New Roman', Times, serif; }
.MB24 { font: bold 24px/1.45 'Times New Roman', Times, serif; }
/* //Form mail layout */