@charset "UTF-8";

/* 共通 */
body {
    background-color: #eeeeee;
    font-size: 13px;
    color: #000000;
    text-align: center;
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
}

img {
    border: none;
}

ul {
    margin-left: 0px;
    padding-left: 0px;
    list-style: none;
}

form {
    display: inline;
}

a:link {
    color: #555555;
}
a:visited {
    color: #555555;
}
a:hover {
    color: #dddddd;
    text-decoration:underline;
}

#contents {
    width: 700px;
    background-color: #ffffff;
    margin: 0px auto;
    text-align: center;
}

#contents_top {
    padding-top: 15px;
    margin: 0px auto 5px;
}

#contents_middle {
    width: 500px;
    text-align: left;
    margin: 0px auto;
    padding-bottom: 20px;
}

#copy {
}

#step_img {
    margin-top: 20px;
}

#step_img tr td {
    width: 166px;
    text-align: center;
    vertical-align: middle;
}

.login {
    font-size: 12px;
    color: #555555;
    width: 500px;
    text-align: right;
    margin: 0px auto;
    padding-bottom: 20px;
}

.input_error {
    font-size: 12px;
    color: #ff3300;
}
.input_error ul {
    list-style: disc;
    padding-left: 25px;
}

.error_form {
    background-color: #ffdddd;
}

.form-section {
    margin-bottom: 12px;
}

.text12 {
    font-size: 12px;
    color: #555555;
}
.text10 {
    font-size: 10px;
    color: #555555;
}

.ta-left   { text-align: left; }
.ta-center { text-align: center; }
.ta-right  { text-align: right; }

.va-top    { vertical-align: top; }
.va-middle { vertical-align: middle; }
.va-bottom { vertical-align: bottom; }

.fs-12px { font-size: 12px; }
.fs-11px { font-size: 11px; }
.fs-10px { font-size: 10px; }

.fw-bold   { font-weight: bold; }
.fw-normal { font-weight: normal; }

.c-glay   { color: #555555; }
.c-red    { color: #ff0000; }
.c-orange { color: #ffa500; }

.ti-1em { text-indent: 1em; }

.clear { clear: both; }

.ime-off { ime-mode: disabled; }

#radio-indent label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}
#radio-indent label::after {
    content: "";
    clear: both;
    display: block;
}
#radio-indent label input {
    float: left;
    margin: 0 0 0 5px;
}
#radio-indent label span {
    float: left;
    margin: 0 0 0 3px;
    width: calc(100% - 24px);
}

#checkbox-indent label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}
#checkbox-indent label::after {
    content: "";
    clear: both;
    display: block;
}
#checkbox-indent label input {
    float: left;
    margin: 0 0 0 5px;
}
#checkbox-indent label span {
    float: left;
    margin: 0 0 0 3px;
    width: calc(100% - 24px);
}

/* /index */
#login_tbl tr {
    height: 40px;
}

#first {
    text-align: right;
    padding-top: 20px;
}

/* /regist/index */
#bylaw {
    text-align: left;
    margin: 0px auto;
    width: 450px;
    height: 150px;
    overflow-y: scroll;
    border: solid 1px #7f9db9;
}

#regist_tbl tr th {
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee;
    width: 120px;
    text-indent: 0.5em;
}

#regist_tbl tr td {
    color: #555555;
    font-size: 10px;
}

ul.enquete4-list {
    margin-top: 0;
    overflow: hidden;
    zoom: 1;
}
ul.enquete4-list li {
    float: left;
    width: 25%;
}

ul.enquete5-list {
    margin-top: 0;
    overflow: hidden;
    zoom: 1;
}
ul.enquete5-list li {
    float: left;
    width: 25%;
}

ul.enquete6-list {
    margin-top: 0;
    overflow: hidden;
    zoom: 1;
}
ul.enquete6-list li {
    float: left;
    width: 50%;
}

/* /regist/confirm */
#regist_conf_tbl tr th {
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

#regist_conf_tbl tr td {
    color: #555555;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

#enquete_conf_tbl tr th {
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

#enquete_conf_tbl tr td {
    color: #555555;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

/* /regist プレビュー */
.preview {
    padding: 10px;
}
    .preview .p_caption {
        font-size: 12px;
        margin: 0 0 10px 0;
    }
    .preview .p_frame {
        border: solid;
        display: table;
        width: 100%;
    }
    .preview .p_subframe {
        display: table;
        width: 100%;
    }
    .preview .p_row {
        display: table-row;
    }
    .preview .p_school {
        display: table-cell;
        text-align: center;
        font-size: 250%;
    }
        .preview .p_school p {
            margin-bottom: 0;
        }
    .preview .p_name {
        display: table-cell;
        text-align: center;
        font-size: 170%;
    }
        .preview .p_name p {
            margin-top: 0;
        }
    .preview .p_title {
        display: table-cell;
        text-align: center;
        font-size: 170%;
    }
        .preview .p_title p {
            margin-bottom: 0;
        }
    .preview .p_subtitle {
        display: table-cell;
        text-align: center;
        font-size: 170%;
    }
        .preview .p_subtitle p {
            margin-top: 0;
        }
    .preview .backblack {
        background-color: black;
        color: white;
    }

/* /product/index */
#product_tbl tr th {
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee;
    width: 120px;
    text-indent: 0.5em;
}

#product_tbl tr td {
    color: #555555;
    font-size: 10px;
}

/* /product/confirm */
#product_conf_tbl tr th {
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

#product_conf_tbl tr td {
    color: #555555;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

/* /entry/index */
#entry_tbl tr th {
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee;
    width: 110px;
    text-indent: 0.5em;
}

#entry_tbl tr td {
    color: #555555;
    font-size: 10px;
}

.pack {
    border-bottom: solid 2px #cccccc;
    padding: 5px 0;
}
.packp {
    border-bottom: solid 2px #cccccc;
    padding: 5px 0;
}

.pack_exp {
    color: #FF0000;
    padding-left: 1em;
    text-indent: -1em;
    display: none;
}

#power_note dl {
    margin: 0;
}

#power_note dt {
    float: left;
    clear: left;
    width: 105px;
}

/* /entry/confirm */
#entry_conf_tbl {
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
}

#entry_conf_tbl tr th {
    color: #555555;
    font-size: 12px;
    font-weight: normal;
    background-color: #eeeeee;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

#entry_conf_tbl tr td {
    color: #555555;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

/* /member/info */
.info_tbl {
    border-collapse: collapse;
    width: 500px;
    margin-top: 20px;
    word-break: break-word;
    word-wrap: break-word;
}
.info_tbl tr th {
    background-color: #eeeeee;
    padding: 5px;
    font-size: 12px;
    font-weight: normal;
    border: solid 1px #000000;
}
.info_tbl tr td {
    padding: 5px;
    font-size: 12px;
    border: solid 1px #000000;
}
.info_tbl tr td.head {
    background-color: #eeeeee;
}