body{
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

form.btform1 {
    width: 700px;
    font-size: 90%;
}

table.bttable1 {
    width: 100%;
    background-color: #f5f5f5;
    border: 1px #c0c0c0 solid;
    border-collapse: collapse;
}

table.bttable1 th {
    width: 150px;
    padding: 10px;
    background-color: #f5f5f5;
    text-align: left;
    font-size: 105%;
    border: 1px #c0c0c0 solid;
}

table.bttable1 td {
    padding: 10px 5px 7px;
    background-color: #ffffff;
    border: 1px #c0c0c0 solid;
}

table.bttable1 td.required {
    width: 30px;
    padding: 10px 3px;
    background-color: #f5f5f5;
    text-align: center;
}

table.bttable1 td.optional {
    width: 30px;
    padding: 10px 3px;
    background-color: #f5f5f5;
    text-align: center;
}

form.btform1 input,
form.btform1 select,
form.btform1 textarea {
    margin: 7px;
    padding: 10px;
    font-size: 110%;
}

form.btform1 p.button {
    margin: 20px 0px;
    text-align: center;
}

.required_input {
    background-color: #FFE4E1;
}

.confirmation_value {
    font-size: 110%;
    margin: 10px 10px;
}

.error_text {
    display:block;
    margin: 0px 7px;
    color: #BB0000;
    font-size: 105%;
}

.critical_error_text {
    margin: 10px;
    color: #CC0000;
    font-size: 150%;
    font-weight: bold;
}

.explanation_text {
    margin: 5px;
    display: block;
    font-size: 90%;
    font-weight: bold;
    color: #228B22;
}

.ssmall_text {
width: 50px;
}
.small_text {
width: 120px;
}
.middle_text {
width: 250px;
}
.long_text {
width: 400px;
}

.label {
    width: 40px;
    height: 15px;
    line-height: 15px;
    font-size:12px;
    text-align:center;
    padding:0px 0;
    color: #fff;
    border: 1px solid #000;
    border-radius:3px;
    font-weight:normal;
}

.label-success{
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.label-danger{
    background-color: #d9534f;
    border-color: #d43f3a;
}

.label-info{
    background-color: #5bc0de;
    border-color: #46b8da;
}

.display-none {
    display: none;
}

.btn {
    padding: 5px 30px;
    text-align:center;
    line-height: 1.5;
    border-radius: 5px;
    outline:none;

}

.btn-primary {
    color: #fff;
    background-color: #63a258;
    border-color: #63a258;
    font-size: 110%;
}

.btn-sm {
    background-color: #feffff;
    border-color: #999999;
    font-size: 90%;
}

label, input[type='checkbox'] {
    cursor: pointer;
}

#title {
    border-bottom: 1px solid #404394;
}
#title:after {
    content: "";
    display: block;
    margin-bottom: 2px;
    border-bottom: 2px solid #404394;
}
#title h3{
    display: inline;
}

.cont_box {
    width: 700px;
    margin-bottom: 25px;
}
.explanation {
    margin: 5px 0px;
    font-size: 0.8em;
}


table.dllist {
    width: 700px;
    border-spacing: 0;
    font-size:14px;
    margin: 20px 0px;
}
table.dllist th {
    color: #fff;
    padding: 8px 5px;
    background: #444;
    font-weight: bold;
    border-left:1px solid #444;
    border-top:1px solid #444;
    border-bottom:1px solid #444;
    line-height: 120%;
    text-align: left;
}
table.dllist th:last-child {
  border-right:1px solid #444;
}
table.dllist tr td {
  padding: 8px 5px;
  border-bottom: 1px solid #999;
}
table.dllist th:first-child {
    width: 10%;
    text-align: center;
}
table.dllist tr td:first-child {
    border-left: 1px solid #999;
    text-align: center;
}
table.dllist tr td:last-child {
    border-right: 1px solid #999;
}
table.dllist tr {
    background: #fff;
}
table.dllist tr:nth-child(2n+1) {
    background: #f6f6f6;
}