

/*フォームパーツ*/


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;}


div.btnArea{ text-align:center; margin-bottom:30px; margin-top:20px;}

.err,.attent{ color:#E95213; }

.boxform{ padding: 5px 0;}

.formtable{ width:100%; border: solid 2px #F6BCC4; text-align:left; background:#FFFEFE;}

.formtable td{ background:#FEFBF7; border:solid 1px #F6BCC4; padding:15px; line-height:1.4; text-align:left;}
.formtable th{ background:#FDF1EF; border:solid 1px #F6BCC4;padding:10px 10px 10px 20px; line-height:1.6; width: 33.3%;}

.formtable p{ margin:0 0 8px;}

.formtable .boxform p{ margin:20px 0 8px;}

.formtable .boxform p.caution{ margin:5px 0 20px; font-size:80% !important;}


input#button{ background:url(../img/formBtn.png) no-repeat; width:240px; height:55px; border:none; cursor:pointer;}
input#button:hover{ opacity:0.8;}

#copyright{ display:none;}

@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:20px 10px; border-bottom:none; }

.formtable td.last{ border-bottom:solid 1px #E8DBC8; }



.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;

}

}