@charset "UTF-8";
/* CSS Document */

BODY {
	margin: 0; color: #444; behavior:url("csshover3.htc")/*IE6お問合せボダン a:hover　IE :hover、:active 和 :focus 样式*/;
}

INPUT {
	outline-style: none; outline-color: invert; outline-width: medium
}
/*//发生错误，左右摇晃 输入焦点start*/
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : none; } 
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

         #container #step { display: block; }

        #container input.submit:focus { border: none; }
		#container input.reset:focus { border: none; }
		#container input.value { color:#999; }
                   
        #container input.error { border: 1px solid #C30; }
		/**/#container select.error { border: 1px solid #C30; }
		/**/#container textarea.error { border: 1px solid #C30; }
		
		#container input.valid { border: 1px solid #1FFF00; }
        /**/#container select.valid { border: 1px solid #1FFF00; }
        #container textarea.valid { border: 1px solid #1FFF00; }
#container {
    /*background: url('images/container.png') no-repeat;
	_background: url('images/container.gif') no-repeat;*/
		background-color: #f1f1f1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
    background-image: -webkit-linear-gradient(left, #f8f8f8, #f1f1f1); 
    background-image:    -moz-linear-gradient(left, #f8f8f8, #f1f1f1); 
    background-image:     -ms-linear-gradient(left, #f8f8f8, #f1f1f1); 
    background-image:      -o-linear-gradient(left, #f8f8f8, #f1f1f1); 
    background-image:         linear-gradient(left, #f8f8f8, #f1f1f1);
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px;
    -moz-box-shadow: 0 4px 4px #b7b7b7, 0 -1px 0 #fff inset;
    -webkit-box-shadow: 0 4px 4px #b7b7b7, 0 -1px 0 #fff inset;
    box-shadow: 0 4px 4px #b7b7b7, 0 -1px 0 #fff inset;
	behavior: url(PIE.htc);

    width: 670px;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;font-size:12px;
	
}

        #container input:focus, #container select:focus, #container textarea:focus, input.sffocus, select.sffocus, textarea.sffocus/*input.sffocus IE6*/ {
            border: 1px solid #006699;
            color: #a90329;
        }
	
/****************************-----------------------****************************/	
		
.form {
	/*background-color:#399; */
	margin: 0 0 20px 0px;
	padding: 10px;
	*padding: 15px 4px 10px 6px; /*IE6,IE7 H3のテキスト左右調整*/
	width: 650px;
	FLOAT: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

/* Opera H3のテキスト左右調整 */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.form {
padding: 15px 4px 10px 6px;
}
}

H3 {
	*width:650px;/*IE6,IE7 H3のテキスト左右調整*/
	border: #ddd 1px solid;
	padding: 6px 4px 6px 8px;
	background-color: #fff;
	margin: 0 0 20px;
	color: #1D70A4;
	font-size: 11px;
	font-size: 10px¥9;/*IE8*/
	*font-size: 10px; /*IE6,IE7*/
	font-weight: normal;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* Firefox 各版本*/
H3, x:-moz-any-link, x:only-child {
font-size: 14px;
}

/* Opera H3のテキスト左右調整*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
H3 {
font-size: 14px;
width:650px;
}
}
 
.H3red {
	color:#C30; font-size:14px;
}

.form .form-row {
	width: 670px; margin-bottom: 20px; FLOAT: left
}
.form .label {
	margin: 6px 0px 0px 5px; width: 235px; FLOAT: left; font-size:14px; font-weight:700;
}
.form .left {
	margin: 0; padding:2px 0 0 2px; width: 250px; FLOAT:left; text-align:left;
}
.form .form-row  .input-container {
	text-align: left; width: 365px; FLOAT: left
}
.red{
	text-align: left;
	margin: auto 0;
	padding: 0 0 0 5px;
	width: 80px;
	FLOAT: right;
	color: #C30;
	left: 449px;
	line-height:30px;
	font-size:10px;
}

.dectext{
	text-align: left;
	font-size:12px;
	padding-top:3px;
}

/****************************-----------------------****************************/
.form .input {
	/**/ background: url('images/input.png') no-repeat center;color:#888;  width: 250px; HEIGHT: 30px; text-align:left; padding:0 0 0 8px; line-height:28px; font-size:12px;/*input value 文字大小*/
}

form input:focus IE6-9 hack and Other browsers　start
/* IE 6 */
body .form .input
{
border:solid;
}

/* IE 7 */
*+html .form .input {
border:#CCCCCC 1px solid;
}

/* IE 8 */
html>/**/body .form .input {
border:#CCCCCC 1px solid;
}

/* Opera */
html:first-child 
.form .input {
border:#CCCCCC 1px groove;
}
/* Firefox */
@-moz-document url-prefix()
.form .input {
border:#CCCCCC 1px groove;
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.form .input {
border:#CCCCCC 1px solid;
}
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.form .input {
border:#CCCCCC 1px solid;
}
}
form input:focus IE6 hack and Other browsers over

/****************************-----------------------****************************/

.form .select {
	background: url('images/input.png') no-repeat;color:#888; width: 258px; height: 30px; padding:0 0 0 8px; line-height:30px;
}


form select:focus IE6-9 hack and Other browsers　start
/* IE 6 */
body .form .select
{
background: url('images/input.png') no-repeat;
border:solid;
}

/* IE 7 */
*+html .form .select {
background: url('images/input.png') no-repeat;
border:#CCCCCC 1px solid;
}

/* IE 8 */
html>/**/body .form .select {
background: url('images/input.png') no-repeat;
border:#CCCCCC 1px solid;
}

/* Opera */
html:first-child 
.form .select {
background: url('images/input.png') no-repeat;
border:#CCCCCC 1px groove;
}
/* Firefox */
@-moz-document url-prefix()
.form .select {
background: url('images/input.png') no-repeat;
border:#CCCCCC 1px groove;
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.form .select {
background: url('images/input.png') no-repeat;
border:#CCCCCC 1px solid;
}
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
.form .select {
background: url('images/input.png') no-repeat;
border:#CCCCCC 1px solid;
}
}
form select:focus IE6 hack and Other browsers over

/****************************-----------------------****************************/

.form .code {
	background: url('images/code.jpg') no-repeat;color:#888; width:250px; HEIGHT: 30px; border:#CCC 1px solid; padding:0 0 0 8px; line-height:28px;
}
.form .textarea {
	background: url('images/textarea.jpg') no-repeat;width: 250px; color:#888; font-family: Tahoma; HEIGHT: 120px; font-size: 12px; padding:2px 2px 2px 8px; line-height:14px;
}


.form .sendBtn:hover {
	        background: url('images/submit-btn.png') no-repeat;
            border: none;
            cursor: pointer;
            width: 140px;
            height: 30px;
            position: relative;
            bottom: 2px;
			right:50px;
			color:#FFF;
			font-weight: bold;
			text-align: left;
			float:right;
			padding-left: 35px;
}
.form .sendBtn {
		    background: url('images/submit-btn-hover.png') no-repeat;
            border: none;
            cursor: pointer;
            width: 140px;
            height: 30px;
            position: relative;
            bottom: 2px;
			right:50px;
			color:#333;
			font-weight: bold;
			text-align: left;
			float:right;
			padding-left:35px;
}


.form .sendBtn:visited {
	background:url(images/submit-btn-hover.gif) no-repeat none; color:#333; 
}


.form .sendBtn:active {
	background:url(images/submit-btn-hover.gif) no-repeat none;  color:#333; 
}