@charset "utf-8";

/*form styles */

form { margin-left: 0px; margin-bottom: 10px; margin-right: 0px; margin-top: 10px; padding: 5px; background-color: #FCFCFC; border: #EEE 3px solid; }

p.legend { font-size: 16px; margin-bottom: 1em;}
p.legend em { color: #C00; font-style: normal; }
legend { font-size: 16px; letter-spacing: 0.4em;}

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

form p { margin: 0; }
form p.note { margin-left: 170px; font-size: 90%; color: #333; }
form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
form legend { font-weight: bold; color: #004988; }
form fieldset div { padding: 0.25em 0; }
label, 
span.label { font-size: 1em; line-height: 1.1em; margin-right: 10px; padding-right: 10px; width: 180px; display: block; text-align: right; position: relative; }

label.error, 
span.error { color: #C00;}
label em, 
span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
input.error { border-color: #C00; background-color: #FEF; }
input { font-size: 1.1em; line-height: 1.4em; border-style: solid; border-width: 3px; border-color: #cdcdcd; }
input:focus,
input.error:focus,
textarea:focus { background-color: #FFC; border-color: #FC6; }
div.controlset label,
div.controlset input { display: inline; float: none; }
div.controlset div { margin-left: 170px; }
div.buttonrow { margin-left: 180px; }
.button { width: 150px;}
select{ background: #EDEDED; }
textarea,.textinputarea  { width: 100%; ime-mode:active; background: #EDEDED; }
textarea:focus { margin-top: 10px; width: 100%; height: 200px; }
textarea { font-size: 1em; border-color: #cdcdcd; border-style: solid; border-width: 3px; height: 100px; }
textarea:focus,textarea:hover,input:focus,input:hover,select:focus,select:hover {
	background-color: #FFC;
	border-color: #FC6;
}

.ja,.juusyo,.namae { ime-mode:active;}
.num,.mailaddress { ime-mode:inactive; }
.juusyo input,.namae input,.email input { width: 300px;}
..number_cell,.age{ width: 36px; background: #EDEDED;}
.note { font-size: 10px;}
.telnam,.mailaddress { ime-mode:inactive; width: 340px;	background: #EDEDED;}
.telnam,.yuubin,.birth {width: 13em; background: #EDEDED;}

#contact_us LABEL {
	clear: both;
	margin-top: 3px;
	float: left;
	display: block;
	width: 180px;
	line-height: 1em;
	height: 1em;
	clear: none!important;
}
#submit_button{
	text-align: center;
	background-color: #004988;
}
.submit ,.reset {
	text-align: center;
	width: 100px;
}

.reset {
}

/*  試作塗装  */

#course input,#size input,#color input,.payment input { display: block; float: left; padding: 0px; margin: 0px; border-style: none;
}

#course {
	background-repeat: repeat-y;
	background-image: url(../images/testpaint/course.png);
	display: block;
	height: 287px;
}
#course P{
	text-align: center;
	display: block;
	height: 287px;
	width: 277px;
}
#course P.quick{float: left;}
#course P.oneday{float: right;}
#course P.quick label{
	background-repeat: no-repeat;
	background-image: url(../images/testpaint/service1.png);
}
#course P.oneday label{
	background-repeat: no-repeat;
	background-image: url(../images/testpaint/service2.png);
}
#course P label{
	line-height :420px;
	_line-height :20px;
	_padding-top: 210px;
	font-weight: bold;
	color: #004988;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: 230px;
	text-align: center;
	width: 220px;
}
#size { height: 100px; clear: both;}
#size P {
	display: block;
	padding: 5px;
	font-size: 14px;
	background-color: #e8e8e8;
	margin-right: 10px;
	float: left;
	width: 170px;
	_width: 180px;
	}
#size P label{
	padding: 0px;
	margin: 0px;
	height: 50px;
	display: block;
	text-align: center;
	float: right;
	width: 120px;
	_width: 126px;
	}
.price{
	display: block;
	height: 1.3em;
	text-align: center;
	width: 100px;
	line-height: 1.3em;
	color: #c10002;
	font-size: 16px;
	font-weight: bold;
	}
#color { height: 50px; clear: both;}
#color P {
	border-color: #cdcdcd;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	font-size: 12px;
	background-color: white;
	margin-right: 10px;
	float: left;
	width: 188px;
	}
#color P label{
	text-align: left;
	float: right;
	width: 115px;
	}
P.pleace {
	border-color: #cdcdcd;
	border-style: solid;
	border-width: 1px;
	margin-top: 8px;
	line-height: 30px;
	height: 30px;
	width: 100%;
	background-color: #e8e8e8;
	}
.pleace input {
	margin-left: 2em;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 8px;
	float: left;
	line-height: 30px;
	padding: 0px;
	}
.pleace label {
	padding: 0px;
	text-align: left;
	height: 30px;
	display: block;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 2px;
	width: 450px;
	line-height: 30px;
	}
small {font-size: 11px;}
table {padding: 0px; margin: 0px; font-size: 16px;}
input { font-size: 16px;}
text  {}
fieldset label {
	width: 180px;
	font-weight: bold;
	text-align: right;
	line-height: 30px;
	height: 30px;
	clear: both;
	display: inline-block;
	}
select {}
fieldset div {clear: both;}
fieldset.payment {clear: both; width: 580px;}
fieldset.payment label { display: block; text-align: left; }
.payment input {margin-left: 1em;}
fieldset hr {visibility: hidden;}

form p { font-family: "ＭＳ ゴシック", "Osaka−等幅";}
.footter { font-family: "ＭＳ ゴシック", "Osaka−等幅"; font-size: 8pt;}
a:hover { color:red;}
.nece { color:red;}
legend { font-weight: bold; font-size: 24px; }
fieldset#subaddress {}
pre {
	margin: 10px 10px 10px 20px;
	padding: 10px 10px 10px 10px;
	background-color: #efffff;
	border: solid 1px #999;
	white-space: pre;
	width: 95%;
	font-family: MS P ゴシック, Osaka, MS Gothic, Arial, sans-serif;
	position: relative;
}

pre input {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
	width: 5em;
}

pre.dom {
	background-color: #effff0;
	border: dotted 1px #888;
}

div.dom {
	display: none;
}

#bank,#delivery {
	display: block;
	padding-left: 1em;
	padding-bottom: 1px;
	padding-right: 0em;
	padding-top: 1px;
	}
#bank {background-color: #fff3b2;}
#delivery {background-color: #e8ffb2;}
#subaddress {display: none;}