@charset "UTF-8";
/* CSS Document */
/*####################*/
/*フォーム*/
/*####################*/

/*フォームリセット*/
input, button, textarea, select {
}



.form-style-1 {
    margin:10px auto;
    /*
    */
    max-width: 100%;
    padding: 0;
    /*
    font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    */
}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}





.form-style-1 .field-divided{
    width: 100%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 input[type=submit],
.form-style-1 input[type=reset],
.form-style-1 input[type=button]{
    font-size: 150%;
    background: #f8b300;
    padding: 6px 15px;
    border: none;
    color: #fff;
    font-weight: normal;
    
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    
    margin-left: 10px;
    margin-right: 10px;
    
    cursor: pointer;
    
}
.form-style-1 input[type=submit]:hover,
.form-style-1 input[type=reset]:hover,
.form-style-1 input[type=button]:hover{
    background: #f7c33e;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:red;
}


/* add */
.form-style-1 input[type=text][disabled], 
.form-style-1 input[type=date][disabled],
.form-style-1 input[type=datetime][disabled],
.form-style-1 input[type=number][disabled],
.form-style-1 input[type=search][disabled],
.form-style-1 input[type=time][disabled],
.form-style-1 input[type=url][disabled],
.form-style-1 input[type=email][disabled],
.form-style-1 textarea[disabled], 
.form-style-1 select[disabled]{
    border: 1px solid #fff;
    background: #fff;
    color: #c00;
    width: auto;
}


.alert_box {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

.form-style-1 li.step2,
.form-style-1 li.step3,
.step2,
.step3{
    /*
    */
    display: none;
}

.form-style-1 label.indent_check{
    text-indent: -1.8em;
    padding-left: 1.8em;
    margin-left: 1em;
    width: 46%;
    float: left;
}
.alertspan{
  color: #f00;
}
.errColor{
    background-color: #f99;
}
.alertconf{
    margin: 1em auto;
}
.form-style-1 li.personelbox{
    padding: 2em 0;
    text-align: center;
}

#form1 table{
    /*
    border: 1px solid #ccc;
    margin: 3em 0 3em 135px;
    */
    border-collapse: collapse;
}
#form1 table th,
#form1 table td{
    border: 1px solid #999;
    border-collapse: collapse;
    padding: 5px;
    font-weight: normal;
    text-align: left;
}
#form1 table th{
    background-color: #aed4f4;
    color: #000;
    white-space: nowrap;
}
#form1 table td{
    background-color: #fff;
    color: #333;
}
#thanks p{
    margin: 3em auto;
    font-size: 120%;
}

.indent_check{
    clear: both;    
}
#form_header{
    margin: 2em auto;
    max-width: 100%;
}
#form_header h3{
    font-size: 24px;
    color: #00479d;
}
#form_header h4{
    font-size: 18px;
}

label.fll{
    /*
    clear: both;
    float:left;
    width: 10em;
    */
}