@charset "utf-8";
/* CSS Document */
.section-title {
    color: #3CB9C8;
}
.form_box{
    margin: 60px auto;
    width: 640px;
}
input[type="text"],
textarea {
    background: rgba(146, 200, 89, 0.7);
    color: #fff;
    text-shadow: none;
    width:620px;
    padding:8px ;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
input[type="text"]:focus,
textarea:focus{
    background: rgba(233, 233, 233, 0.6);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
        color: #000;
}
dt label{
    margin-right: 10px;
}
.form_box dt{
    margin: 26px 0 8px;
    font-size: 90%;
    border-left: 4px solid #8bc656;
    padding:2px 0px 2px 6px;
}
.error_message{
    font-size: 80%;
    background: ;
    color: #cc0000;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    padding: 2px;
}
.select-box {
    position: relative;
}
.select-box label{
    width: inherit;
}
.select-box select{
    width: 100%;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #8bc656;
    background: #eee;
    background: right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
    background: right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
    background-size: 20px, 100%;
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
.select-box label:after {
    display: block;
    content: " ";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(../img/arrow02.png) 0 0 no-repeat;
    background-size: 20px;
    pointer-events: none;
}
.formBtn{
    width: 300px;
    margin: 60px auto 20px;
}
.formBtn input[type="submit"],
.formBtn input[type="button"]{
    width: 100%;
}