@charset "utf-8";
/* =========================
         contents
========================= */

html,
body {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 14px;
    color: #333;
}
.heading {
    margin-top: 20px;
}
.heading__title {
    margin-bottom: 20px;
    font-size: 32px;
}
.heading__read {
    margin-bottom: 20px;
}
.column--2 {
    overflow: hidden;
}
.column--2__item {
    float: left;
    width: 50%;
}
.inputBox {
    color: #555;
    margin: 0 5px;
}
.inputBox__title {
    padding: 10px 0;
    border: 1px solid #cccccc;
    border-radius: 3px 3px 0 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #e6eefa;
}
.inputBox__title.is-left {
    text-align: left;
    padding-left: 20px;
}
.inputBox__title.is-require:before {
    content: "必須";
    margin-right: 5px;
    padding: 0 3px;
    background-color: #da1a1a;
    font-size: 13px;
    color: #FFF;
    border-radius: 3px;
    vertical-align: middle;
}
.inputBox__row {
    padding: 0 5px;
    border: 1px solid #cccccc;
    border-top: none;
}
.inputBox__rowName {
    display: table-cell;
    min-width: 85px;
    vertical-align: middle;
    border-right: 1px solid #cccccc;
}
.inputBox__rowInput {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 10px 0 10px 5px;
}
.inputBox__rowInput--single {
    padding: 10px 0 10px 15px;
}
.inputBox__row.has-submitArea {
    min-height: 120px;
}
.input--def {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    height: 30px;
}
.input--text {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    width: 100%;
    height: 30px;
}
.input--detail {
    font-size: 10px;
}
.btnArea {
    padding: 10px 0;
    text-align: center;
}
.btn--submit {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #c2976d;
    border-radius: 3px;
    background: -webkit-linear-gradient(#f6de41, #ffce32);
    background: -o-linear-gradient(#f6de41, #ffce32);
    background: linear-gradient(#f6de41, #ffce32);
    background: #fbd438;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}
.btn--submit:hover {
    background: #fac906;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4d610), color-stop(100%, #ffc819));
    background: -webkit-linear-gradient(top, #f4d610, #ffc819);
    background: -moz-linear-gradient(top, #f4d610, #ffc819);
    background: -o-linear-gradient(top, #f4d610, #ffc819);
    background: linear-gradient(top, #f4d610, #ffc819);
    background: -ms-linear-gradient(top, #f4d610, #ffc819);
}

/*error*/

.alert-msg {
    margin-top: 5px;
    padding: 5px 0 5px 25px;
    background: url(../images/sprite_card_image.png) -179px -188px no-repeat;
    color: #c20909;
    font-weight: bold;
}

.alert-header {
    margin: 0 0 10px;
    padding: 10px;
    border-left: 30px solid #ff3f3f;
    background: #fff4f4;
    color: #c20909;
}

.alert-header .emp {
    margin: 0 0 10px;
    font-size: 123%;
    font-weight: bold;
}

.alert-header li {
    margin: 0 0 3px;
    cursor: pointer;
    font-size: 90%;
}

.alert-header li:hover {
    text-decoration: none;
}