textarea, input{
border-radius: 4px;
border: solid 1px #d5d5d5;
padding: 4px 6px;
margin-bottom: 7px;
}

.contact_form{
    padding: 15px;
}


.formList{
    margin-bottom: 30px;
}
.formList dt{
    background-color: #FFF;
    border-left: 4px solid #00527e;
    padding: 4px 12px;
    margin-bottom: 15px;
}
.formList dd{
    margin-bottom: 15px;
}

.formnav{
    text-align: center;
    margin-bottom: 30px;
}

.formnav > *{
    display: inline-block;
    margin: 0 10px;
    padding: 6px 15px;
    border-radius: 6px;
    cursor: pointer;
}

.formnav input[name="submitConfirm"]{
    background-color: #EEE;
    border: 1px solid #DDD;
    border-radius: 6px;
}
.formnav input[name="submitConfirm"]:hover{
    background-color: #DDD;
}
.formnav input[name="_back"]{
    background-color: #CCC;
    border: 1px solid #BBB;
    border-radius: 6px;
}
.formnav input[name="_back"]:hover{
    background-color: #BBB;
}
.formnav input[name="commit"]{
    background-color: #9acde2;
    border: 1px solid #83bbd3;
    border-radius: 6px;
}
.formnav input[name="commit"]:hover{
    background-color: #83bbd3;
}
.error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}

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

    input[type="text"],
    textarea{
        width: 95%;
    }

    

    input[name="tel1"],
    input[name="tel2"],
    input[name="tel3"]{
        width: 20%;
    }

    input[name="postCode1"],
    input[name="postCode2"]{
        width: 20%;
    }
    



    
}
@media screen and (min-width: 641px) {

    input[type="text"]{
        width: 400px;
    }
    textarea{
        width: 600px;
    }

    input[name="tel1"],
    input[name="tel2"],
    input[name="tel3"]{
        /*width: 100px;*/
    }

    input[name="postCode1"],
    input[name="postCode2"]{
        width: 100px;
    }

    input[name="user_address"]{
        width: 800px;
    }

        .formList dt{
    background-color: #FFF;
    border-left: 4px solid #008ece;
    padding: 4px 12px;
    margin-bottom: 15px;
    float:left;
    width:10em;
    }
    .formList dd{
        margin-bottom: 15px;
        padding-left:12em;
        min-height: 40px;
    }

    /*form{font-size:140%;}*/

}