@charset "utf-8";

body {
    font-family: "游ゴシック", "YuGothic", "メイリオ", meiryo, sans-serif;
    font-size: 12px;
}

.contact-form{
    width:100%;
    margin:0 auto;
}
.contact-form table{
    width:100%;
    margin-bottom:10px;
}
.contact-form th{
    text-align:left;
    width:100px;
    padding:4px 0;
    vertical-align:top;
}
.contact-form td{
    width:250px;
}
.contact-form input:not(input[type="radio"]), .contact-form textarea{
    width:100%;
}
.contact-form input:not(input[type="radio"]){
    height:35px;
}
.contact-form textarea{
    height:100px;
}
.contact-form label{
    display:block;
}

form .formbottom {
    text-align: center;
} 
form .btns{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 6px 25px;
    color: #F15A24;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5pt;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #F15A24;
    cursor: pointer;
    transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
} 
form .btns:hover{
    color: #ffffff;
    background-color: #F15A24;
}

.error_box{
    color: red;
    margin:10px 0;
    font-size: 10px;
    position: relative;
    padding: 5px 15px;
    border-top: solid 2px red;
    border-bottom: solid 2px red;
}
.error_box:before, .error_box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: red;
}
.error_box:before {left: 10px;}
.error_box:after {right: 10px;}
.error_box p {
    margin: 0; 
    padding: 0;
}