#contents {
    position: static;
}

#oda_base {
    background: #ffffff;
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
}

#oda_container {
    margin: 0px auto;
    zoom: 1;
    background: #ffffff;
}

#contents h1.title1 {
    background: none;
    border: none;
    width: auto;
    height: auto;
    display: block;
    background-color: #1756bd;
    border: 1px solid #1756bd;
    margin-top: 0;
    padding: 2px;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}

#contents h1.title1 {
    font-size: 1.5em;
}

#contents h1.title1 span,
#contents h1 .title1 span {
    background: none;
    border: none;
    width: auto;
    display: block;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 6px 0 5px 0;
    padding-left: 13px;
}


/*ODAメインエリア*/

#oda_main {
    padding: 15px 0;
    zoom: 1;
}

#oda_main:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}

#oda_main_carea {
    padding: 12px;
}

#oda_main h1 {
    margin: 23px 0px 15px;
    padding: 0;
}

#oda_main h1.text_t {
    font-size: 1.5em;
    font-weight: bold;
    margin: 10px 0px 20px;
    color: #a5171c;
    padding-bottom: 0.5em;
    line-height: 1.3em;
    text-align: center;
}

#oda_main h2 {
    text-align: center;
}

h3.fyl {
    background: #d7eaa2;
    padding: 3px;
    margin-top: 15px;
}

#oda_main h2.grn {
    background: #d7eaa2;
    padding: 3px;
    margin-top: 15px;
    font-size: 1.1em;
    text-align: left;
    color: #000000;
}

#oda_main h2.grn a:link {
    color: #000099;
    background: transparent;
}

#oda_main h2.grn a:visited {
    color: #550099;
    background: transparent
}

#oda_main h2.grn a:hover,
#oda_main h2.grn a:active {
    color: #fff;
    background: #000099;
}


/*ODA案件検索*/

ul.oda_anken_search {
    margin: 0 0 1em;
    padding: 0px;
    list-style-type: none;
    text-align: right;
}

ul.oda_anken_search li {
    display: inline;
    padding-left: 10px;
}


/*地図*/

.oda_map {
    float: right;
}


/*年度ごとの案件*/

#fy_list h3,
#fy_list2 h3 {
    color: #000099;
    background: #d7eaa2;
    text-decoration: underline;
    padding: 3px;
    margin-top: 15px;
    cursor: pointer;
}

#fy_list h4,
#fy_list2 h4 {
    color: #d05200;
    margin-top: 20px;
}


/*パンフレット*/

#oda_pamphlet {
    width: 500px;
    margin: 0 auto;
    border: solid 5px #eeeeee;
    padding: 12px;
}


/*リスト*/

ul.side {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.side li {
    display: inline;
    margin: 0px;
    padding: 0 7px;
    border-right: 1px solid #000000;
}

ul.side li.last {
    border: 0px;
}

ul.nostyle {
    list-style-type: none;
}

ul.inline li {
    display: inline;
    margin-right: 10px;
}

#contents #oda_main ul li.styled2 {
    list-style-type: none;
    background: url("image/button_y.gif") no-repeat left top;
    padding: 0px 0px 0px 13px;
    margin: 0;
}


/*表*/

table.bdr {
    border: 1px solid #cccccc;
    border-collapse: collapse;
}

table.oda_bdr {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    width: 915px;
}

table.bdr th,
table.oda_bdr th {
    text-align: center;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    padding: 5px;
    background: #eeeeee;
}

table.bdr td,
table.oda_bdr td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    padding: 5px;
}

td.center {
    text-align: center;
}

td.right {
    text-align: right;
}

td.nowrap {
    white-space: nowrap;
}

.lfloat {
    float: left;
    margin-right: 10px;
}

.rfloat {
    float: right;
    margin-left: 10px;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.img_middle {
    vertical-align: middle;
}


/*アプリチーム追加分*/

#textchanger {
    min-width: 332px;
    margin-left: auto;
}

#func {
    height: 63px;
}

body.en {
    font-family: Arial, sans-serif;
}


/*---------------------------------------------------------------------*/


/* inline                                                              */


/*---------------------------------------------------------------------*/

.fm-messagebox {
    color: #FF0000;
    list-style-type: none;
    padding-left: 50px;
}

@media screen and (max-width: 767px) {
    .fm-messagebox {
        padding-left: 15px;
    }
}


/*---------------------------------------------------------------------*/


/* inline                                                              */


/*---------------------------------------------------------------------*/

select {
    height: 25px;
    vertical-align: middle;
    line-height: normal;
}

.oda_select_area {
    width: 95%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: 15px;
}

.oda_select_area select {
    height: 35px;
    overflow: visible;
    line-height: 45px !important;
    vertical-align: middle !important;
}

#kz_form {
    margin: 0px auto;
    padding: 0px;
    width: 640px;
    background: #e4eaf9;
    border: 1px solid #4f81bd;
    text-align: left;
}

#kz_form h3 {
    background: #b9ccf0;
    margin: 0px;
    padding: 4px;
    font-size: 1em;
}

#kz_form ul {
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 10px;
}

#kz_form li {
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    color: #ff0000;
    font-weight: bold;
}

#kz_form .input {
    margin: 0px;
    padding: 10px 0px 10px 10px;
}

div.input {
    font-size: 1em;
    margin: 5px 0;
    margin-bottom: 1em;
}

#oda_title {
    background: #A2DBEC;
    margin: 25px 0px 10px 0px;
    padding: 15px;
}

#oda_title .oda_title_small {
    font-size: 16pt;
    font-weight: normal;
    color: #4C300B;
    margin: 0px 30px 0px 0px;
}

#oda_title .oda_title_large {
    font-size: 20pt;
    font-weight: normal;
    color: #4C300B;
    margin-bottom: 0.2em;
}

.list-group {
    display: inline-block;
}

.list-group:nth-child(2) {
    padding-left: 20px;
}

.list-group>select {
    max-width: 100px;
}

.label {
    margin-right: 16px;
}

.info-msg-area {
    padding: 0px 50px 20px 50px;
}


/*確認画面*/

.oda-submit #oda_title .oda_title_small {
    font-size: 16pt;
    font-weight: normal;
    color: #4C300B;
}

.oda-submit #oda_title .oda_title_large {
    font-size: 20pt;
    font-weight: normal;
    color: #4C300B;
}

.oda-submit div#oda_main_carea {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 50px;
}

input[type="submit"],
input._reset {
    border-radius: 0;
    -webkit-appearance: none;
    margin: 0px 10px;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 0 #dddddd;
    -moz-box-shadow: inset 0 1px 0 #dddddd;
    -ms-box-shadow: inset 0 1px 0 #dddddd;
    box-shadow: inset 0 1px 0 #dddddd;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    border-width: 2px;
    border: 1px solid #cccccc;
}

p.centeralign.submit-area {
    margin: 0px auto;
    margin-top: 15px;
    width: 640px;
    text-align: center;
}

.oda-submit div#systemMsg {
    text-align: left;
    margin-bottom: 30px;
}

.oda-submit table#form {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border-collapse: separate;
}

.oda-submit #form th {
    width: 250px;
    text-align: left;
    background-color: #e0e0e0;
    padding: 5px 10px;
}

.oda-submit #form td {
    width: 450px;
    text-align: left;
    background-color: #f0f0f0;
    padding: 5px 10px;
}

.oda-submit strong.required {
    color: red;
    font-size: x-small;
}

.oda-submit p#info {
    text-align: left;
    margin-bottom: 0;
}

.oda-submit div#formButton {
    margin-bottom: 50px;
}

#contents-header>h2.title2 {
    margin: 0 0 15px;
}

@media screen and (min-width: 1025px) {
    body.middle dl#textchanger {
        min-width: 332px;
        margin-left: auto;
    }
}


/*SP対応*/

@media screen and (max-width: 1024px) {
    input[type=text],
    select,
    textarea {
        font-size: 16px;
    }
    input[type="submit"],
    input[type="button"] {
        border-radius: 0;
        -webkit-box-sizing: content-box;
        -webkit-appearance: button;
        appearance: button;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-box-shadow: inset 0 1px 0 #dddddd;
        -moz-box-shadow: inset 0 1px 0 #dddddd;
        -ms-box-shadow: inset 0 1px 0 #dddddd;
        box-shadow: inset 0 1px 0 #dddddd;
        background: #eeeeee;
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
        background: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);
        background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
        background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
        border-width: 2px;
        border: 1px solid #cccccc;
        font-size: 16px;
    }
    select {
        height: 42px;
    }
    #kz_form select {
        max-width: 80%;
    }
    #kz_form .list-group select {
        max-width: 40%;
    }
    #oda_title select {
        max-width: 60%;
    }
    #oda_title {
        height: 100%;
        padding-bottom: 15px;
    }
    .info-msg-area {
        padding: 0 1em;
    }
    #kz_form {
        width: 95%;
    }
    p.centeralign.submit-area input {
        height: 42px;
        margin-left: auto;
        margin-right: auto;
    }
    .oda-submit .submit-area .submit-btn {
        margin-right: 10%;
    }
    @media screen and (max-width: 425px) {
        .oda-submit .submit-area .submit-btn {
            margin-right: 0;
        }
        input[type="submit"] {
            width: 100%;
            margin: 0;
        }
        #__back {
            margin-top: 20px;
        }
    }
    .list-group {
        width: 100%;
        margin-bottom: 20px;
    }
    .list-group:last-child {
        margin-bottom: 0;
    }
    .list-group:nth-child(2) {
        padding-left: 0;
    }
    textarea {
        width: 95%;
    }
    #kz_form h3 {
        min-height: 3em;
    }
    #kz_form .input.multi-text-area,
    #kz_form .input.single-text-area {
        padding: 6% 4%;
    }
    #kz_form .input.single-text-area input {
        width: 95%;
        height: 42px;
    }
    p.centeralign.submit-area {
        margin-top: 20px;
    }
    #oda_main_carea {
        padding: 0;
    }
    .submit-area input[type="submit"],
    .submit-area input._reset {
        height: 42px;
        min-width: 100px;
        margin-left: auto;
        margin-right: auto;
    }
    p.centeralign.submit-area {
        width: 95%;
    }
    .submit-btn {
        margin-right: 35px;
    }
    /*確認画面*/
    .oda-submit #oda_title {
        height: initial;
        height: auto;
    }
    .oda-submit #form th {
        width: 95%;
    }
    .oda-submit #form td {
        width: 95%;
    }
    .oda-submit table#form th,
    .oda-submit table#form td {
        display: block;
    }
    .oda-submit div#oda_main_carea {
        width: 95%;
        margin-top: 0;
    }
    .oda-submit div#systemMsg {
        margin-bottom: 20px;
    }
    .oda-submit div#formButton {
        margin-bottom: 15px;
    }
}

/* 完了画面 */
.completeMsg {
    margin: 0 8px;
}

/*デザインチーム連携CSS調整*/

#contents-header>h2.title2 {
    margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
    #footer .bg-navy .wrapper {
        padding-top: 13px;
    }
}