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



/*フォームパーツ*/


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance:textfield;
}




button, fieldset, form, input, label, legend, select, textarea {  
margin:0;  
padding:0;  
vertical-align:baseline; 

}  

input{ padding:2px; }


.formtxt{ border: 1px solid #CCCCCC; padding:7px 6px; font-size:90%;  width:98%;  } 
.formbtn{padding: 3px 5px;}

.formSerect{border: 1px solid #CCCCCC;}
option{ padding:5px;}
.formCheck{ margin: 0 5px 10px 5px ;}
.formCheck.last{ margin-bottom:0;}

#zip1.formtxt{ width:3em;}
#zip2.formtxt{ width:4em;}

#patientBirth.formtxt{ width:4em;}
#patientAge.formtxt{ width:10em;}





.formtable .width_s{width: 6em;}

div.btnArea{ text-align:center; margin-bottom:30px; margin-top:25px;}

.err,.attent{ color:#E95213; }

.boxform{ padding: 5px 0;}

.formtable{ width:100%; border: solid 1px #CAD6D8;}

.inlineBoxform p{ display:inline;}
.inlineBoxform imput{display:inline; }
.widthName{ width:10em; margin:0 0.8em;}


.formtable td{ background:#FFFFFF; border:solid 1px #CAD6D8; padding:15px; line-height:1.4; text-align:left;}
.formtable th{ background:#EEF7FB; border:solid 1px #CAD6D8;padding:10px 10px 10px 20px; line-height:1.6; width: 33.3%;}




#main .formtable p{ margin:0 0 8px;}

#main .formtable .boxform p{ margin:20px 0 8px;}

#main .formtable .boxform p.caution{ margin:5px 0 20px; font-size:80% !important;}


input#button{ background:url(../images/formBtn.png) no-repeat; width:220px; height:56px; border:none; cursor:pointer;}
input#button:hover{ opacity:0.8;}

#copyright{ display:none;}


#submit,#back{ padding:8px 40px; }

@media screen and (max-width: 736px) {


/* contact form -------------------------------------------------------------- */

.formtable th{ display: block; width:100%; padding:5px 10px; border-bottom:none; }
.formtable td{ display:block;width:100%; padding:10px 10px; border-bottom:none; }

.formtable td.last{ border-bottom:solid 1px #E8DBC8; }

.inlineBoxform p{ display:block;}
.inlineBoxform imput{display:block; }

.widthName{ width:100%; margin:0em; margin-bottom:5px;}
.formtable .width_s{width: 100%;}




.formtxt,.formtextAre,.formtable th ,.formtable td{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.formSerect{   font-size:90%;}


input[type="submit"],input[type="reset"],input[type="button"]{
  -webkit-appearance: none;
  padding:8px 20px;
  font-size:100%;

background: rgb(226,226,226);
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
border-color:#CCC;

}

}