@charset "utf-8";
@import url("common.css");



/* region for Contents */

    div.title {
        font-size: 180%;
        font-weight: bold;
        text-align: center;
        line-height: 1.2em;

        /*width: 800px;*/
        margin: 0 auto 10px auto;
        padding: 10px;

        border-bottom: 5px solid #cccc00;
    }

    div.cont {
        font-size: 85%;
        text-align: left;
        line-height: 1.8em;
        width: 750px;
        margin: 0 auto 20px auto;
        padding: 5px 5px 5px 15px;
    }

/* end region */



/* region for Table */

    p {
        margin: 0 0 50px 0;
    }

    table.contact_form {
        width: 850px;
        margin: 20px auto;
        border-collapse: collapse;
    }

    table.contact_form caption {
        margin: 20px;
    }

    table.contact_form tr:nth-child(odd) {
        background: #f5f5f5;
    }

    table.contact_form tr > th, table.contact_form tr > td {
        line-height: 1.4em;
        padding: 5px;
    }

    table.contact_form tr > th {
        font-weight: normal;
        white-space: nowrap;
        vertical-align: middle;
    }

    table.contact_form tr > td {
        text-align: left;
    }

    table.contact_form tr td table {
        width: 100%;
        background: none;
    }
    table.contact_form tr td table tr {
        background: none;
    }

    span.necessary {
        color: #ffffff;
        font-weight: bold;
        white-space: nowrap;
        border-radius: 3px;
        margin: 5px;
        padding: 3px 5px;
        background: #ff6347;
        box-shadow: 0 2px 3px #999;
        display: inline-block;
    }
    span.necessary_switch {
        display: none;
    }

    .set_basyo, .modal-open, area {
        cursor: pointer;
    }

    div.area_select {
        font-size: 85%;
        margin: 10px;
        padding: 10px;
        border: 3px solid #cccccc;
        background: #f5f5f5;
    }

    ul.mapContent01 li {
        width: calc(30% - 10px);
        display: inline-block;
    }
    ul.mapContent01 li a {
        color: #000090;
        text-decoration: underline;
        padding: 5px;
    }
    ul.mapContent01 li a:hover {
        text-decoration: none;
    }

/* end region */



/* region for Form Input */

    input[type="text"], textarea, select {
        font-size: 140%;
        border: 2px solid #999999;
        margin: 2px;
        padding: 5px;
    }
    input[type="text"]:focus {
        border: 2px solid #ff6600;
    }
    textarea:focus {
        border: 2px solid #ff6600;
    }

    input[type="checkbox"] {
        vertical-align: middle;
        margin-bottom: 4px;
    }
    label {
        font-size: 100%;
    }

    input#confirm {
        font-size: 140%;
        color: #ffffff;
        font-weight: bold;

        border: 0;
        border-radius: 20px;

        padding: 10px 20px 15px 20px;

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #feceb4), color-stop(0.50, #f17431), color-stop(0.50, #ea5506), color-stop(1.00, #fd9c68));
        background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
        background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
        background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
        background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);
        background: linear-gradient(to bottom, #feceb4 0%, #f17431 50%, #ea5506 50%, #fd9c68 100%);

        cursor: pointer;
    }

    input#submit {
        font-size: 140%;
        color: #ffffff;
        font-weight: bold;

        border: 0;
        border-radius: 20px;

        padding: 10px 20px 15px 20px;

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #70b6f2), color-stop(0.50, #54a3ee), color-stop(0.50, #3690f0), color-stop(1.00, #1a62db));
        background: -webkit-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
        background: -moz-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
        background: -o-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
        background: -ms-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
        background: linear-gradient(to bottom, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);

        cursor: pointer;
    }

/* end region */