@charset "UTF-8";

/*--------------ローディングここから--------------*/

#loading {
    background-color: #cbe6ff;
    position: fixed;
    display: none;
    width: 100%;
    z-index: 6;
    text-align: center;
}

#loading img {
    position: relative;
}

/*--------------ローディングここまで--------------*/

/*--------------マップ共通ここから----------------*/
#map {
    width: 100%;
    min-width: 1024px;
    position: relative;
    overflow: hidden;
}

#bread {
    margin-top: 20px;
    text-align: center;
}

#bread a {
    font-size: 12px;
    color: #333333;
    text-decoration: none;
}

#bread a:hover {
    text-decoration: underline;
}

#bread span {
    margin: 0 7px;
}

#catch_copy {
    position: absolute;
    width: 444px;
    height: 181px;
    left: 60px;
    top: 0;
}

#catch_copy h1 {
    background: url(../images/top_catch.svg) left top no-repeat;
    background-size: 444px 181px;
    -webkit-background-size: 444px 181px;
    -moz-background-size: 444px 181px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: inherit;
}

#catch_copy img {
    position: absolute;
}

#map_japan #search_form {
    position: absolute;
    left: 60px;
    top: 200px;
    z-index: 10000;
}

#map_japan form {
    position: relative;
    width: 270px;
    height: 40px;
    background-color: transparent;
    vertical-align: middle;
}

#map_japan input.search {
    border: none;
    background-color: #ffffff;
    height: 40px;
    width: 230px;
    color: #aaaaaa;
    font-size: 14px;
    position: absolute;
    left: 0;
    padding: 0 0 0 15px;
    -webkit-text-size-adjust: none;
    line-height: 2.0;
    border-radius: 20px 0 0 20px;
}

input.search:focus {
    outline: none;
}

input:focus, textarea:focus {
    outline: none;
}

#map_japan button {
    position: absolute;
    right: 0;
    height: 40px;
    background: url(../images/icon_search.png) center center #ffffff no-repeat;
    background-size: 12px 12px;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    width: 40px;
    line-height: 2.0;
    font-size: 14px;
    display: block;
    cursor: pointer;
    border: none;
    border-radius: 0px 20px 20px 0px;
}

#map_japan button:focus {
    outline: none;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #catch_copy h1 {
        background-image: url(../images/top_catch.svg);
    }
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #map {
        min-width: 0;
        padding: 0 10px;
        width: inherit;
    }

    #bread {
        background-color: #fff;
        text-align: left;
        display: table;
        width: 100%;
        margin-top: 10px;
    }

    #bread a {
        display: inline-block;
        font-size: 9px;
        -webkit-text-size-adjust: none;
        color: #333333;
        text-decoration: none;
        margin: 0;
        padding: 0 10px;
        vertical-align: baseline;
        text-align: left;
    }

    #bread a:hover {
        text-decoration: none;
    }

    #bread span {
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 7px;
        height: 23px;
        background: url(../images/s_arrow_bread.png) center center no-repeat;
        background-size: 7px 23px;
        -webkit-background-size: 7px 23px;
        -moz-background-size: 7px 23px;
        margin: 0;
    }

    #catch_copy {
        width: 222px;
        height: 90px;
        left: 0;
        top: 0;
    }

    #catch_copy h1 {
        background: url(../images/top_catch.svg) left top no-repeat;
        background-size: 222px 90px;
        -webkit-background-size: 222px 90px;
        -moz-background-size: 222px 90px;
    }

}

/*--------------マップ共通ここまで-------------------*/

/*--------------マップ日本地図ここから----------------*/

#map_japan {
    position: relative;
    width: 660px;
    height: 536px;
    margin: 50px auto 0;
    padding-bottom: 80px;
    background: url(../images/map_japan_default.png) left top no-repeat;
    background-size: 660px 536px;
    -webkit-background-size: 660px 536px;
    -moz-background-size: 660px 536px;
    z-index: 5;
}

#map_on div {
    position: absolute;
    left: 0;
    width: 660px;
    height: 536px;

}

#map_on .hokkaido {
    background: url(../images/hokkaido_on.png) center center no-repeat;
    background-size: 660px 536px;
    display: block;
}

#map_on .tohoku {
    background: url(../images/tohoku_on.png) center center no-repeat;
    background-size: 660px 536px;
    display: block;
}

#map_on .kanto {
    background: url(../images/kanto_on.png) center center no-repeat;
    background-size: 660px 536px;
    display: block;
}

#map_on .chubu {
    background: url(../images/chubu_on.png) center center no-repeat;
    background-size: 660px 536px;
    display: block;
}

#map_on .kinki {
    background: url(../images/kinki_on.png) center center no-repeat;
    background-size: 660px 536px;
    display: block;
}

#map_on .chugoku {
    background: url(../images/chugoku_on.png) center center no-repeat;
    background-size: 660px 536px;
    display: block;
}

#map_on .shikoku {
    background: url(../images/shikoku_on.png) center center no-repeat;
    background-size: 660px 536px;
    display: block;
}

#map_on .kyushu {
    background: url(../images/kyushu_on.png) center center no-repeat;
    background-size: 660px 536px;
    display: block;
}

map {
    position: absolute;
    z-index: 5;
    top:0;
}

map#s_map {
    display: none;
}

#bg_illust { /*画面中央を基準点に*/
    width: 0;
    height: 0;
    margin: 0 auto;
    position: relative;
    background-color: #dddddd;
}

#icon01 {
    position: absolute;
    left: -554px;
    top: 128px;
}

#icon02 {
    position: absolute;
    left: -437px;
    top: 400px;
}

#icon03 {
    position: absolute;
    left: 11px;
    top: 493px;
}

#icon04 {
    position: absolute;
    left: 365px;
    top: 270px;
}

#icon05 {
    position: absolute;
    left: 480px;
    top: 31px;
}

#wave01 {
    position: absolute;
    left: -641px;
    top: 43px;
}

#wave02 {
    position: absolute;
    left: -605px;
    top: 285px;
}

#wave03 {
    position: absolute;
    left: -575px;
    top: 510px;
}

#wave04 {
    position: absolute;
    left: -397px;
    top: 147px;
}

#wave05 {
    position: absolute;
    left: -238px;
    top: 45px;
}

#wave06 {
    position: absolute;
    left: 334px;
    top: 146px;
}

#wave07 {
    position: absolute;
    left: 279px;
    top: 504px;
}

#wave08 {
    position: absolute;
    left: 472px;
    top: 416px;
}

#wave09 {
    position: absolute;
    left: 585px;
    top: 279px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_japan {
        background-image: url(../images/map_japan_default_2x.png);
    }

    #map_on .hokkaido {
        background-image: url(../images/hokkaido_on_2x.png);
    }

    #map_on .tohoku {
        background-image: url(../images/tohoku_on_2x.png);
    }

    #map_on .kanto {
        background-image: url(../images/kanto_on_2x.png);
    }

    #map_on .chubu {
        background-image: url(../images/chubu_on_2x.png);
    }

    #map_on .kinki {
        background-image: url(../images/kinki_on_2x.png);
    }

    #map_on .chugoku {
        background-image: url(../images/chugoku_on_2x.png);
    }

    #map_on .shikoku {
        background-image: url(../images/shikoku_on_2x.png);
    }

    #map_on .kyushu {
        background-image: url(../images/kyushu_on_2x.png);
    }
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
    #map_japan {
        position: relative;
        width: 281px;
        height: 231px;
        margin: 20px auto 0;
        padding-bottom: 20px;
        background: url(../images/s_map_japan.png) left top no-repeat;
        background-size: 281px 231px;
        -webkit-background-size: 281px 231px;
        -moz-background-size: 281px 231px;
    }

    #map_japan #search_form {
        display: none;
    }

    #map_japan form {
        display: none;
    }

    #map_on {
        display: none;
    }

    #bg_illust {
        display: none;
    }

    map {
        display: none;
    }

    map#s_map {
        display: block;
    }

}

/*--------------マップ日本地図ここまで----------------*/

/*--------------いじめ件数ここから-------------------*/

#num_leak ul li {
    position: absolute;
    width: 44px;
    padding: 15px 0;
    background: url(../images/zigzag.png) center center no-repeat;
    background-size: 44px 44px;
    -webkit-background-size: 44px 44px;
    -moz-background-size: 44px 44px;
    text-align: center;
    font-size: 15px;
}

#num_leak ul li.hokkaido {
    left: 577px;
    top: 6px;
}

#num_leak ul li.tohoku {
    left: 548px;
    top: 172px;
}

#num_leak ul li.kanto {
    left: 519px;
    top: 314px;
}

#num_leak ul li.chubu {
    left: 415px;
    top: 314px;
}

#num_leak ul li.kinki {
    left: 326px;
    top: 330px;
}

#num_leak ul li.chugoku {
    left: 202px;
    top: 295px;
}

#num_leak ul li.shikoku {
    left: 197px;
    top: 375px;
}

#num_leak ul li.kyushu {
    left: 77px;
    top: 354px;
}

#num_leak_tooltip ul li {
    position: fixed;
    display: none;
    width: 110px;
    padding: 13px 0;
    background-color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    z-index: 30;
}

#num_leak_tooltip ul li img {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.tooltip {
    position: fixed;
    display: none;
    width: 110px;
    padding: 13px 0;
    background-color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    z-index: 30;
}

.tooltip img {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

#s_explain {
    display: none;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #num_leak ul li {
        background-image: url(../images/zigzag_2x.png);
    }
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #num_leak ul li {
        position: absolute;
        width: 20px;
        padding: 10px 0;
        background: url(../images/s_zigzag.png) center center no-repeat;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        text-align: center;
        font-size: 8px;
        -webkit-text-size-adjust: none;
    }

    #num_leak ul li.hokkaido {
        left: 246px;
        top: 0px;
    }

    #num_leak ul li.tohoku {
        left: 233px;
        top: 71px;
    }

    #num_leak ul li.kanto {
        left: 220px;
        top: 130px;
    }

    #num_leak ul li.chubu {
        left: 175px;
        top: 130px;
    }

    #num_leak ul li.kinki {
        left: 136px;
        top: 140px;
    }

    #num_leak ul li.chugoku {
        left: 84px;
        top: 124px;
    }

    #num_leak ul li.shikoku {
        left: 82px;
        top: 158px;
    }

    #num_leak ul li.kyushu {
        left: 29px;
        top: 150px;
    }

    #s_explain {
        display: block;
        position: absolute;
        right: 0;
        bottom: 18px;
        padding: 10px 0 10px 38px;
        background: url(../images/s_explain.png) left center no-repeat;
        background-size: 33px 20px;
        -webkit-background-size: 33px 20px;
        -moz-background-size: 33px 20px;
        color: #333;
        font-size: 9px;
    }

}

/*--------------いじめ件数ここまで-------------------*/

/*--------------お知らせここから----------------*/

#news_topix {
    padding: 55px 0 40px;
    border-bottom: 1px solid #ccc;
}

#news_topix .inner {
    width: 904px;
    margin: 0 auto;
}

#news_topix #information {
    width: 442px;
    float: left;
}

#news_topix #topix {
    width: 442px;
    float: right;
}

#news_topix h2 {
    font-size: 20px;
    text-align: center;
    padding: 20px 0;
}

#news_topix ul {
    border-top: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

#news_topix ul li {
    border-bottom: 1px solid #e6e6e6;
}

#news_topix ul li a {
    color: #333;
    display: block;
    padding: 18px 0px;
}

#news_topix ul li a:hover div.title {
    text-decoration: underline;
}

#news_topix ul li .date {
    font-size: 14px;
    width: 110px;
    float: left;
    line-height: 1.4;
}

#news_topix ul li .title {
    font-size: 14px;
    float: left;
    width: 332px;
    line-height: 1.4;
}

#news_topix #topix ul li .title {
    font-size: 14px;
    float: left;
    width: 320px;
    /*padding-right: 30px;*/
    /*background: url(../images/link.png) right center no-repeat;*/
    /*background-size: 14px 13px;*/

}

#news_topix a.more {
    background: #fafafa;
    width: 100%;
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    color: #333;
}

#news_topix a.more:hover {
    background-color: #ffff00;
    text-decoration: none;
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
    #news_topix {
        padding: 40px 10px 20px;
        border-bottom: 1px solid #e6e6e6;
    }

    #news_topix .inner {
        width: auto;
        margin: 0 auto;
    }

    #news_topix #information {
        width: 100%;
        float: none;
    }

    #news_topix #topix {
        width: 100%;
        float: none;
    }

    #news_topix h2 {
        font-size: 13px;
        text-align: center;
        padding: 15px 0;
        background-color: #ffff00;
    }

    #news_topix ul {
        border-top: 1px solid #e6e6e6;
        margin-bottom: 20px;
    }

    #news_topix ul li {
        border-bottom: 1px solid #e6e6e6;
    }

    #news_topix ul li a {
        color: #333;
        display: block;
        padding: 10px 0px;
    }

    #news_topix ul li a:hover div.title {
        text-decoration: underline;
    }

    #news_topix ul li .date {
        font-size: 11px;
        width: auto;
        float: none;
        line-height: 1.4;
    }

    #news_topix ul li .title {
        font-size: 12px;
        float: none;
        width: 100%;
        line-height: 1.4;
    }

    #news_topix #topix {
        margin-top: 20px;
    }

    #news_topix #topix ul li .title {
        font-size: 12px;
        float: none;
        width: auto;
        /*padding-right: 25px;*/
        /*background: url(../images/s_link.png) right 5px center no-repeat;*/
        /*background-size: 10px 10px;*/

    }

    #news_topix a.more {
        background: #fafafa;
        width: 100%;
        display: block;
        padding: 15px 0;
        text-align: center;
        font-size: 13px;
        color: #333;
    }

    #news_topix a.more:hover {
        background-color: #ffff00;
        text-decoration: none;
    }

}

/*--------------お知らせここまで----------------*/

/*--------------GOOGLE MAPここから-----------------*/
#gmap {
    position: relative;
    width: 896px;
    height: 532px;
    margin: 25px auto 25px;
    border: 2px solid #ffffff;
    z-index: 5;
}

#gmap iframe {
    margin: 0;
    padding: 0;
}

#s_btn_show_list,
#s_btn_show_list_posted {
    display: none;
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
    #gmap {
        position: relative;
        width: inherit;
        height: 300px;
        margin: 20px 0 10px;
        border: 2px solid #ffffff;
        z-index: 5;
    }

    #gmap iframe {
        margin: 0;
        padding: 0;
    }

    #s_btn_show_list,
    #s_btn_show_list_posted {
        display: block;
        width: inherit;
        margin: 10px auto 20px;
        padding: 12px 10px;
        background-color: #ffff3c;
        color: #333;
        text-align: center;
        font-size: 10px;
        cursor: pointer;
    }

    #s_btn_show_list:hover,
    #s_btn_show_list_posted {
        text-decoration: none;
    }

}

/*--------------GOOGLE MAPここまで-----------------*/

/*--------------学校リストここから-------------------*/

#list_school {
    width: 876px;
    padding: 0 10px;
    max-height: 300px;
    min-height: 20px;
    overflow: scroll;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    margin: 0 auto 40px;
    overflow-x: hidden;
}

#list_school.search {
    max-height: none;
}

#s_btn_hide_list {
    display: none;
}

#list_school table {
    width: inherit;
    border-collapse: collapse;
}

#list_school table td, #list_school table th {
    border-bottom: 1px #f2f2f2 solid;
    padding: 10px 0;
    color: #333333;
    vertical-align: middle;
}

#list_school table tr:last-child td, #list_school table tr:last-child th {
    border-bottom: none;
}

#list_school table td {
    font-size: 13px;
    font-weight: 700;
}

#list_school table th {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    background: url(../images/line_2px.png) right center no-repeat;
    background-size: 1px 20px;
    -webkit-background-size: 1px 20px;
    -moz-background-size: 1px 20px;
    width: 280px;
}

#list_school table td.tag {
    width: 65px;
}

#list_school table td.num_leak {
    background: url(../images/title_num_leak.png) 10px center no-repeat;
    background-size: 66px 20px;
    -webkit-background-size: 66px 20px;
    -moz-background-size: 66px 20px;
    padding-left: 86px;
    width: 38px;
}

#list_school table td.num_corr {
    background: url(../images/title_corr.png) left center no-repeat;
    background-size: 43px 20px;
    -webkit-background-size: 43px 20px;
    -moz-background-size: 43px 20px;
    padding-left: 53px;
    width: 38px;
}

#list_school table td.ratio {
    background: url(../images/line_2px.png) left center no-repeat;
    background-size: 1px 20px;
    -webkit-background-size: 1px 20px;
    -moz-background-size: 1px 20px;
}

#list_school table td.ratio div.relative {
    position: relative;

}

#list_school table td.ratio div.ratio_bar_bg {
    position: absolute;
    display: inline-block;
    background-color: #ffff3c;
    width: 160px;
    height: 10px;
    left: 11px;
    top: 3px;
}

#list_school table td.ratio div.ratio_bar {
    background-color: #c8e6ff;
    width: 110px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 10px;
}

#list_school table td.ratio div.ratio_bar_s {
    display: none;
}

#list_school table td.ratio span {
    padding-left: 181px;
}

#list_school table td.leak {
    background: url(../images/line_2px.png) left center no-repeat;
    background-size: 1px 20px;
    -webkit-background-size: 1px 20px;
    -moz-background-size: 1px 20px;
    width: 81px;
}

#list_school table td.leak a {
    margin-left: auto;
    margin-right: 10px;
    background: url(../images/btn_leak.png) left top no-repeat;
    width: 60px;
    height: 20px;
    background-size: 60px 40px;
    -webkit-background-size: 60px 40px;
    -moz-background-size: 60px 40px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

#list_school table td.leak a.unavailable {
    background-image: url(../images/btn_leak_unavailable.png);
    background-size: 60px 20px;
    -webkit-background-size: 60px 20px;
    -moz-background-size: 60px 20px;
    cursor: default;
}

#list_school table td.leak a:hover {
    background-position: left bottom;
}

#list_school_posted {
    width: 876px;
    padding: 0 10px;
    max-height: 300px;
    min-height: 20px;
    overflow: scroll;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    margin: 0 auto 40px;
    overflow-x: hidden;
}

#list_school_posted.search {
    max-height: none;
}

#list_school_posted table {
    width: inherit;
    border-collapse: collapse;
}

#list_school_posted table td, #list_school_posted table th {
    border-bottom: 1px #f2f2f2 solid;
    padding: 10px 0;
    color: #333333;
    vertical-align: middle;
}

#list_school_posted table tr:last-child td, #list_school_posted table tr:last-child th {
    border-bottom: none;
}

#list_school_posted table td {
    font-size: 13px;
    font-weight: 700;
}

#list_school_posted table th {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    background: url(../images/line_2px.png) right center no-repeat;
    background-size: 1px 20px;
    -webkit-background-size: 1px 20px;
    -moz-background-size: 1px 20px;
    width: 280px;
}

#list_school_posted table td.tag {
    width: 65px;
}

#list_school_posted table td.num_leak {
    background: url(../images/title_num_leak.png) 10px center no-repeat;
    background-size: 66px 20px;
    -webkit-background-size: 66px 20px;
    -moz-background-size: 66px 20px;
    padding-left: 86px;
    width: 38px;
}

#list_school_posted table td.num_corr {
    background: url(../images/title_corr.png) left center no-repeat;
    background-size: 43px 20px;
    -webkit-background-size: 43px 20px;
    -moz-background-size: 43px 20px;
    padding-left: 53px;
    width: 38px;
}

#list_school_posted table td.ratio {
    background: url(../images/line_2px.png) left center no-repeat;
    background-size: 1px 20px;
    -webkit-background-size: 1px 20px;
    -moz-background-size: 1px 20px;
}

#list_school_posted table td.ratio div.relative {
    position: relative;

}

#list_school_posted table td.ratio div.ratio_bar_bg {
    position: absolute;
    display: inline-block;
    background-color: #ffff3c;
    width: 160px;
    height: 10px;
    left: 11px;
    top: 3px;
}

#list_school_posted table td.ratio div.ratio_bar {
    background-color: #c8e6ff;
    width: 110px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    height: 10px;
}

#list_school_posted table td.ratio div.ratio_bar_s {
    display: none;
}

#list_school_posted table td.ratio span {
    padding-left: 181px;
}

#list_school_posted table td.leak {
    background: url(../images/line_2px.png) left center no-repeat;
    background-size: 1px 20px;
    -webkit-background-size: 1px 20px;
    -moz-background-size: 1px 20px;
    width: 81px;
}

#list_school_posted table td.leak a {
    margin-left: auto;
    margin-right: 10px;
    background: url(../images/btn_leak.png) left top no-repeat;
    width: 60px;
    height: 20px;
    background-size: 60px 40px;
    -webkit-background-size: 60px 40px;
    -moz-background-size: 60px 40px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

#list_school_posted table td.leak a.unavailable {
    background-image: url(../images/btn_leak_unavailable.png);
    background-size: 60px 20px;
    -webkit-background-size: 60px 20px;
    -moz-background-size: 60px 20px;
    cursor: default;
}

#list_school_posted table td.leak a:hover {
    background-position: left bottom;
}

h1#firstHeading {
    font-size: 1.0em;
    border-bottom: 1px solid #333;
    padding-bottom: 5px;
    font-weight: bold;
    margin: 10px 0;
}

#bodyContent p.msg {
    margin-bottom: 10px;
}

#bodyContent a {
    margin: 0 0 10px;
    background: url(../images/btn_leak.png) left top no-repeat;
    width: 60px;
    height: 20px;
    background-size: 60px 40px;
    -webkit-background-size: 60px 40px;
    -moz-background-size: 60px 40px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

#bodyContent a.unavailable {
    background-image: url(../images/btn_leak_unavailable.png);
    background-size: 60px 20px;
    -webkit-background-size: 60px 20px;
    -moz-background-size: 60px 20px;
    cursor: default;
}

#bodyContent a:hover {
    background-position: left bottom;
}

.table_caption {
    width: 880px;
    padding: 12px 10px;
    text-align: center;
    background-color: #ffff00;
    margin: 0 auto;
    color: #333;
    font-size: 14px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #list_school table th,
    #list_school_posted table th {
        background-image: url(../images/line_2px_2x.png);
    }

    #list_school table td.num_leak,
    #list_school_posted table td.num_leak {
        background-image: url(../images/title_num_leak_2x.png);
    }

    #list_school table td.num_corr,
    #list_school_posted table td.num_corr {
        background-image: url(../images/title_corr_2x.png);
    }

    #list_school table td.ratio,
    #list_school_posted table td.ratio {
        background-image: url(../images/line_2px_2x.png);
    }

    #list_school table td.leak,
    #list_school_posted table td.leak {
        background-image: url(../images/line_2px_2x.png);
    }

    #list_school table td.leak a,
    #list_school_posted table td.leak a,
    #bodyContent a {
        background-image: url(../images/btn_leak_2x.png);

    }

    #list_school table td.leak a.unavailable,
    #list_school_posted table td.leak a.unavailable,
    #bodyContent a.unavailable {
        background-image: url(../images/btn_leak_unavailable_2x.png);
        background-size: 60px 20px;
        -webkit-background-size: 60px 20px;
        -moz-background-size: 60px 20px;
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    .table_caption {
        display: none;
    }

    #list_school {
        display: none;
        width: inherit;
        max-height: none;
        overflow: auto;
        border: none;
        background-color: #cbe6ff;
        margin: 0;
        padding: 0;
        position: absolute;
        overflow: scroll;
        top: 0;
        z-index: 12;
        width: 100%;

    }

    #list_school.search {
        max-height: none;
        display: block;
        position: relative;
    }

    #s_btn_hide_list {
        display: block;
        height: 50px;
        width: 100%;
        background: url(../images/s_btn_hide_list.png) center center no-repeat #f2f2f2;
        background-size: 30px 15px;
        cursor: pointer;
    }

    #list_school table {
        width: inherit;
        border-collapse: collapse;
        margin: 10px 0;
        overflow: scroll;
    }

    #list_school table tr {
        position: relative;
        height: 51px;
        display: block;
        width: inherit;
        margin: 0 10px;
        padding-left: 10px;
        background-color: #fff;
        border-bottom: 1px #f2f2f2 solid;
    }

    #list_school table td, #list_school table th {
        border-bottom: none;
        padding: 10px 0;
        color: #333333;
        vertical-align: middle;
        display: inline-block;
        position: relative;

    }

    #list_school table td {
        font-size: 13px;
        font-weight: 400;
    }

    #list_school table th {
        font-size: 10px;
        font-weight: normal;
        text-align: left;
        background: none;
        width: auto;
        margin-left: 3px;
    }

    #list_school table td.tag {
        width: 55px;
    }

    #list_school table td.num_leak {
        background: url(../images/s_title_num_leak.png) left center no-repeat;
        background-size: 55px 13px;
        -webkit-background-size: 55px 13px;
        -moz-background-size: 55px 13px;
        padding-left: 60px;
        width: 20px;
        position: absolute;
        left: 10px;
        bottom: 0px;
        font-size: 10px;
    }

    #list_school table td.num_corr {
        background: url(../images/s_title_corr.png) left center no-repeat;
        background-size: 35px 13px;
        -webkit-background-size: 35px 13px;
        -moz-background-size: 35px 13px;
        padding-left: 40px;
        width: 10px;
        position: absolute;
        left: 91px;
        bottom: 0px;
        font-size: 10px;
    }

    #list_school table td.ratio {
        background: none;
        position: absolute;
        left: 140px;
        bottom: 0px;
    }

    #list_school table td.ratio div.relative {
        position: relative;

    }

    #list_school table td.ratio div.ratio_bar_bg {
        position: absolute;
        display: inline-block;
        background-color: #ffff3c;
        width: 65px;
        height: 10px;
    }

    #list_school table td.ratio div.ratio_bar {
        display: none;
    }

    #list_school table td.ratio div.ratio_bar_s {
        display: block;
        background-color: #c8e6ff;
        width: 10px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        height: 10px;
    }

    #list_school table td.ratio span {
        padding-left: 80px;
        font-size: 10px;
    }

    #list_school table td.leak {
        background: none;
        width: 51px;
        display: inline-block;
        padding: 0;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    #list_school table td.leak a {
        margin-left: 0;
        margin-right: 0;
        background: url(../images/s_btn_leak.png) left top no-repeat;
        width: 51px;
        height: 51px;
        background-size: 51px 51px;
        -webkit-background-size: 51px 51px;
        -moz-background-size: 51px 51px;
        display: block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }

    #list_school table td.leak a.unavailable {
        background-image: url(../images/s_btn_leak_unavailable.png);
        background-size: 51px 51px;
        -webkit-background-size: 51px 51px;
        -moz-background-size: 51px 51px;
        cursor: default;
    }

    #list_school_posted {
        display: none;
        width: inherit;
        max-height: none;
        overflow: auto;
        border: none;
        background-color: #cbe6ff;
        margin: 0;
        padding: 0;
        position: absolute;
        overflow: scroll;
        top: 0;
        z-index: 12;
        width: 100%;

    }

    #list_school_posted.search {
        max-height: none;
        display: block;
        position: relative;
    }

    #s_btn_hide_list_posted {
        display: block;
        height: 50px;
        width: 100%;
        background: url(../images/s_btn_hide_list.png) center center no-repeat #f2f2f2;
        background-size: 30px 15px;
        cursor: pointer;
    }

    #list_school_posted table {
        width: inherit;
        border-collapse: collapse;
        margin: 10px 0;
        overflow: scroll;
    }

    #list_school_posted table tr {
        position: relative;
        height: 51px;
        display: block;
        width: inherit;
        margin: 0 10px;
        padding-left: 10px;
        background-color: #fff;
        border-bottom: 1px #f2f2f2 solid;
    }

    #list_school_posted table td, #list_school_posted table th {
        border-bottom: none;
        padding: 10px 0;
        color: #333333;
        vertical-align: middle;
        display: inline-block;
        position: relative;

    }

    #list_school_posted table td {
        font-size: 13px;
        font-weight: 400;
    }

    #list_school_posted table th {
        font-size: 10px;
        font-weight: normal;
        text-align: left;
        background: none;
        width: auto;
        margin-left: 3px;
    }

    #list_school_posted table td.tag {
        width: 55px;
    }

    #list_school_posted table td.num_leak {
        background: url(../images/s_title_num_leak.png) left center no-repeat;
        background-size: 55px 13px;
        -webkit-background-size: 55px 13px;
        -moz-background-size: 55px 13px;
        padding-left: 60px;
        width: 20px;
        position: absolute;
        left: 10px;
        bottom: 0px;
        font-size: 10px;
    }

    #list_school_posted table td.num_corr {
        background: url(../images/s_title_corr.png) left center no-repeat;
        background-size: 35px 13px;
        -webkit-background-size: 35px 13px;
        -moz-background-size: 35px 13px;
        padding-left: 40px;
        width: 10px;
        position: absolute;
        left: 91px;
        bottom: 0px;
        font-size: 10px;
    }

    #list_school_posted table td.ratio {
        background: none;
        position: absolute;
        left: 140px;
        bottom: 0px;
    }

    #list_school_posted table td.ratio div.relative {
        position: relative;

    }

    #list_school_posted table td.ratio div.ratio_bar_bg {
        position: absolute;
        display: inline-block;
        background-color: #ffff3c;
        width: 65px;
        height: 10px;
    }

    #list_school_posted table td.ratio div.ratio_bar {
        display: none;
    }

    #list_school_posted table td.ratio div.ratio_bar_s {
        display: block;
        background-color: #c8e6ff;
        width: 10px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        height: 10px;
    }

    #list_school_posted table td.ratio span {
        padding-left: 80px;
        font-size: 10px;
    }

    #list_school_posted table td.leak {
        background: none;
        width: 51px;
        display: inline-block;
        padding: 0;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    #list_school_posted table td.leak a {
        margin-left: 0;
        margin-right: 0;
        background: url(../images/s_btn_leak.png) left top no-repeat;
        width: 51px;
        height: 51px;
        background-size: 51px 51px;
        -webkit-background-size: 51px 51px;
        -moz-background-size: 51px 51px;
        display: block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }

    #list_school_posted table td.leak a.unavailable {
        background-image: url(../images/s_btn_leak_unavailable.png);
        background-size: 51px 51px;
        -webkit-background-size: 51px 51px;
        -moz-background-size: 51px 51px;
        cursor: default;
    }

}

/*--------------学校リストここまで-------------------*/

/*--------------市区町村リストここから----------------*/
#list_city {
    width: 896px;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    margin: 0 auto 40px;
}

#list_city ul {
    padding: 10px 10px 5px;
}

#list_city ul li {
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    cursor: pointer;
}

#list_city ul li span {
    padding: 0 5px;
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
    #list_city {
        width: inherit;
        margin: 0 10px 20px;
        background-color: #ffffff;
    }

    #list_city ul {
        padding: 10px 10px 5px;
    }

    #list_city ul li {
        float: left;
        font-size: 10px;
        margin-bottom: 10px;
    }

    #list_city ul li span {
        padding: 0 2px;
    }

}

/*--------------市区町村リストここまで----------------*/

/*--------------個別マップここから-------------------*/
#map_local {
    position: relative;
    margin: 25px 0 0;
    padding-bottom: 80px;
    z-index: 5;
}

#map_local ul li a div.num_leak {
    position: absolute;
    width: 44px;
    padding: 15px 0;
    background: url(../images/zigzag.png) center center no-repeat;
    background-size: 44px 44px;
    -webkit-background-size: 44px 44px;
    -moz-background-size: 44px 44px;
    text-align: center;
    font-size: 15px;
    left: 12px;
    top: 10px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul li a div.num_leak {
        background-image: url(../images/zigzag_2x.png);
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
    #map_local {
        position: relative;
        margin: 25px 0 0;
        padding-bottom: 40px;
        z-index: 5;
    }

    #map_local ul li a div.num_leak {
        position: absolute;
        width: 20px;
        padding: 7px 0;
        background: url(../images/s_zigzag.png) center center no-repeat;
        background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        text-align: center;
        font-size: 9px;
        left: 10px;
        top: 8px;
    }

    #map_local ul {
        padding-bottom: 20px;
    }

}

/*北海道*/
#map_local ul.hokkaido li a {
    position: absolute;
    background-image: url(../images/map_hokkaido.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 532px 200px;
    -webkit-background-size: 532px 200px;
    -moz-background-size: 532px 200px;
}

#map_local ul.hokkaido {
    height: 200px;
    width: 266px;
    position: relative;
    margin: 0 auto;
}

#map_local ul.hokkaido li a {
    position: absolute;
    background-image: url(../images/map_hokkaido.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 532px 200px;
    -webkit-background-size: 532px 200px;
    -moz-background-size: 532px 200px;
}

#map_local ul li.hokkaido a {
    background-position: 0 0;
    width: 266px;
    height: 200px;
    left: 0;
    top: 0;
}

#map_local ul li.hokkaido a:hover {
    background-position: -266px 0;
}

#map_local ul li.hokkaido a div.num_leak {
    left: 75px;
    top: 43px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul.hokkaido li a {
        background-image: url(../images/map_hokkaido_2x.png);
    }

    #map_local ul.hokkaido li a {
        background-image: url(../images/map_hokkaido_2x.png);
    }

}

/*東北*/
#map_local ul.tohoku {
    height: 398px;
    width: 134px;
    position: relative;
    margin: 0 auto;
}

#map_local ul.tohoku li a {
    position: absolute;
    background-image: url(../images/map_tohoku.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 268px 398px;
    -webkit-background-size: 268px 398px;
    -moz-background-size: 268px 398px;
}

#map_local ul li.aomori a {
    background-position: 0 0;
    width: 134px;
    height: 66px;
    left: 0;
    top: 0;
}

#map_local ul li.aomori a:hover {
    background-position: -134px 0;
}

#map_local ul li.akita a {
    background-position: 0 -66px;
    width: 68px;
    height: 132px;
    left: 0;
    top: 66px;
}

#map_local ul li.akita a:hover {
    background-position: -134px -66px;
}

#map_local ul li.iwate a {
    background-position: -68px -66px;
    width: 66px;
    height: 132px;
    left: 68px;
    top: 66px;
}

#map_local ul li.iwate a:hover {
    background-position: -202px -66px;
}

#map_local ul li.yamagata a {
    background-position: 0 -198px;
    width: 68px;
    height: 132px;
    left: 0;
    top: 198px;
}

#map_local ul li.yamagata a:hover {
    background-position: -134px -198px;
}

/*
#map_local ul li.miyagi a{
	background-position:-68px -198px;
	width: 66px;
	height: 132px;
	left: 68px;
	top:198px;
}

#map_local ul li.miyagi a:hover{
	background-position: -202px -198px;
}
*/
#map_local ul li.miyagi a {
    background-image: url(../images/map_tohoku_unavailable.png);
    background-position: -68px -198px;
    width: 66px;
    height: 132px;
    left: 68px;
    top: 198px;
}

#map_local ul li.miyagi a:hover {
    background-position: -68px -198px;
}

#map_local ul li.fukushima a {
    background-position: left bottom;
    width: 134px;
    height: 68px;
    left: 0;
    bottom: 0;
}

#map_local ul li.fukushima a:hover {
    background-position: right bottom;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul.tohoku li a {
        background-image: url(../images/map_tohoku_2x.png);
    }

    #map_local ul li.miyagi a {
        background-image: url(../images/map_tohoku_unavailable_2x.png);
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #map_local ul li {
        width: auto;
    }

    #map_local ul.tohoku {
        background-image: url(../images/s_map_tohoku_ex_miyagi.png);
        height: 235px;
        width: 79px;
        background-size: 79px 235px;
        -webkit-background-size: 79px 235px;
        -moz-background-size: 79px 235px;
        background-repeat: no-repeat;
    }

    #map_local ul.tohoku li a {
        background-image: none;
    }

    #map_local ul li.aomori a {
        width: 79px;
        height: 40px;
        left: 0;
        top: 0;
    }

    #map_local ul li.akita a {
        width: 40px;
        height: 78px;
        left: 0;
        top: 40px;
    }

    #map_local ul li.iwate a {
        width: 39px;
        height: 78px;
        left: 40px;
        top: 40px;
    }

    #map_local ul li.yamagata a {
        width: 40px;
        height: 78px;
        left: 0;
        top: 118px;
    }
    /*
    #map_local ul li.miyagi a {
        width: 39px;
        height: 78px;
        left: 40px;
        top: 118px;
    }
    */

    #map_local ul li.miyagi a {
        width: 39px;
        height: 78px;
        left: 40px;
        top: 118px;
    }

    #map_local ul li.fukushima a {
        background-position: left bottom;
        width: 79px;
        height: 40px;
        left: 0;
        top: 195px;
    }

}

/*関東*/
#map_local ul.kanto {
    height: 266px;
    width: 266px;
    position: relative;
    margin: 0 auto;
}

#map_local ul.kanto li a {
    position: absolute;
    background-image: url(../images/map_kanto.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 532px 266px;
    -webkit-background-size: 532px 266px;
    -moz-background-size: 532px 266px;
}

#map_local ul.kanto li.ibaraki a {
    background-position: -198px top;
    width: 68px;
    height: 132px;
    right: 0;
    top: 0;
}

#map_local ul.kanto li.ibaraki a:hover {
    background-position: right top;
}

#map_local ul.kanto li.chiba a {
    background-position: -198px 134px;
    width: 68px;
    height: 134px;
    right: 0;
    top: 132px;
}

#map_local ul.kanto li.chiba a:hover {
    background-position: right 134px;
}

#map_local ul.kanto li.tochigi a {
    background-position: -66px 0;
    width: 132px;
    height: 66px;
    left: 66px;
    top: 0;
}

#map_local ul.kanto li.tochigi a:hover {
    background-position: -332px 0;
}

#map_local ul.kanto li.saitama a {
    background-position: -66px -66px;
    width: 132px;
    height: 66px;
    left: 66px;
    top: 66px;
}

#map_local ul.kanto li.saitama a:hover {
    background-position: -332px -66px;
}

#map_local ul.kanto li.tokyo a {
    background-position: -66px -132px;
    width: 132px;
    height: 68px;
    left: 66px;
    top: 132px;
}

#map_local ul.kanto li.tokyo a:hover {
    background-position: -332px -132px;
}

#map_local ul.kanto li.gunma a {
    background-position: 0 0;
    width: 66px;
    height: 132px;
    left: 0;
    top: 0;
}

#map_local ul.kanto li.gunma a:hover {
    background-position: -266px 0;
}

#map_local ul.kanto li.kanagawa a {
    background-position: 0 -132px;
    width: 68px;
    height: 134px;
    left: 0;
    top: 132px;
}

#map_local ul.kanto li.kanagawa a:hover {
    background-position: -266px -132px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul.kanto li a {
        background-image: url(../images/map_kanto_2x.png);
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #map_local ul.kanto {
        background-image: url(../images/s_map_kanto.png);
        height: 157px;
        width: 157px;
        background-size: 157px 157px;
        -webkit-background-size: 157px 157px;
        -moz-background-size: 157px 157px;
        background-repeat: no-repeat;
    }

    #map_local ul.kanto li a {
        background-image: none;
    }

    #map_local ul.kanto li.gunma a {
        width: 40px;
        height: 79px;
        left: 0;
        top: 0;
    }

    #map_local ul.kanto li.tochigi a {
        width: 78px;
        height: 40px;
        left: 40px;
        top: 0;
    }

    #map_local ul.kanto li.saitama a {
        width: 78px;
        height: 39px;
        left: 40px;
        top: 40px;
    }

    #map_local ul.kanto li.ibaraki a {
        width: 40px;
        height: 79px;
        left: 118px;
        top: 0;
    }

    #map_local ul.kanto li.kanagawa a {
        width: 40px;
        height: 78px;
        left: 0;
        top: 79px;
    }

    #map_local ul.kanto li.tokyo a {
        background-position: left bottom;
        width: 78px;
        height: 39px;
        left: 40px;
        top: 79px;
    }

    #map_local ul.kanto li.chiba a {
        background-position: left bottom;
        width: 40px;
        height: 79px;
        left: 118px;
        top: 79px;
    }

}

/*中部*/
#map_local ul.chubu {
    width: 332px;
    height: 398px;
    position: relative;
    margin: 0 auto;
}

#map_local ul.chubu li a {
    position: absolute;
    background-image: url(../images/map_chubu.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 664px 398px;
    -webkit-background-size: 664px 398px;
    -moz-background-size: 664px 398px;
}

#map_local ul li.ishikawa a {
    background-position: left top;
    width: 132px;
    height: 66px;
    left: 0;
    top: 0;
}

#map_local ul li.ishikawa a:hover {
    background-position: -332px top;
}

#map_local ul li.toyama a {
    background-position: -132px top;
    width: 68px;
    height: 132px;
    left: 132px;
    top: 0;
}

#map_local ul li.toyama a:hover {
    background-position: -464px top;
}

#map_local ul li.fukui a {
    background-position: left -66px;
    width: 132px;
    height: 66px;
    left: 0;
    top: 66px;
}

#map_local ul li.fukui a:hover {
    background-position: -332px -66px;
}

#map_local ul li.niigata a {
    background-position: -198px 0;
    width: 134px;
    height: 68px;
    right: 0;
    top: 0;
}

#map_local ul li.niigata a:hover {
    background-position: right 0;
}

#map_local ul li.gifu a {
    background-position: left -132px;
    width: 66px;
    height: 132px;
    left: 0;
    top: 132px;
}

#map_local ul li.gifu a:hover {
    background-position: -332px -132px;
}

#map_local ul li.nagano a {
    background-position: -66px -132px;
    width: 66px;
    height: 132px;
    left: 66px;
    top: 132px;
}

#map_local ul li.nagano a:hover {
    background-position: -398px -132px;
}

#map_local ul li.yamanashi a {
    background-position: -132px -132px;
    width: 68px;
    height: 132px;
    left: 132px;
    top: 132px;
}

#map_local ul li.yamanashi a:hover {
    background-position: -464px -132px;
}

#map_local ul li.aichi a {
    background-position: left bottom;
    width: 68px;
    height: 134px;
    left: 0;
    top: 264px;
}

#map_local ul li.aichi a:hover {
    background-position: -332px bottom;
}

#map_local ul li.shizuoka a {
    background-position: -66px -264px;
    width: 134px;
    height: 68px;
    left: 66px;
    top: 264px;
}

#map_local ul li.shizuoka a:hover {
    background-position: -398px -264px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul.chubu li a {
        background-image: url(../images/map_chubu_2x.png);
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #map_local ul.chubu {
        background-image: url(../images/s_map_chubu.png);
        height: 235px;
        width: 196px;
        background-size: 196px 235px;
        -webkit-background-size: 196px 235px;
        -moz-background-size: 196px 235px;
        background-repeat: no-repeat;
    }

    #map_local ul.chubu li a {
        background-image: none;
    }

    #map_local ul li.ishikawa a {
        width: 79px;
        height: 40px;
        left: 0;
        top: 0;
    }

    #map_local ul li.toyama a {
        width: 39px;
        height: 79px;
        left: 79px;
        top: 0;
    }

    #map_local ul li.fukui a {
        width: 79px;
        height: 39px;
        left: 0;
        top: 40px;
    }

    #map_local ul li.niigata a {
        width: 79px;
        height: 40px;
        left: 118px;
        top: 0;
    }

    #map_local ul li.gifu a {
        width: 40px;
        height: 78px;
        left: 0;
        top: 79px;
    }

    #map_local ul li.nagano a {
        width: 39px;
        height: 78px;
        left: 40px;
        top: 79px;
    }

    #map_local ul li.yamanashi a {
        width: 40px;
        height: 78px;
        left: 79px;
        top: 79px;
    }

    #map_local ul li.aichi a {
        width: 40px;
        height: 79px;
        left: 0;
        top: 157px;
    }

    #map_local ul li.shizuoka a {
        width: 79px;
        height: 40px;
        left: 40px;
        top: 157px;
    }

}

/*近畿*/
#map_local ul.kinki {
    width: 200px;
    height: 332px;
    position: relative;
    margin: 0 auto;
}

#map_local ul.kinki li a {
    position: absolute;
    background-image: url(../images/map_kinki.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 400px 332px;
    -webkit-background-size: 400px 332px;
    -moz-background-size: 400px 332px;
}

#map_local ul li.hyogo a {
    background-position: left top;
    width: 66px;
    height: 132px;
    left: 0;
    top: 0;
}

#map_local ul li.hyogo a:hover {
    background-position: -200px 0;
}

#map_local ul li.kyoto a {
    background-position: -66px top;
    width: 66px;
    height: 132px;
    left: 66px;
    top: 0;
}

#map_local ul li.kyoto a:hover {
    background-position: -266px 0;
}

#map_local ul li.shiga a {
    background-position: -132px top;
    width: 68px;
    height: 132px;
    left: 132px;
    top: 0;
}

#map_local ul li.shiga a:hover {
    background-position: -332px 0;
}

#map_local ul li.osaka a {
    background-position: left -132px;
    width: 66px;
    height: 134px;
    left: 0;
    top: 132px;
}

#map_local ul li.osaka a:hover {
    background-position: -200px -132px;
}

#map_local ul li.nara a {
    background-position: -66px -132px;
    width: 66px;
    height: 132px;
    left: 66px;
    top: 132px;
}

#map_local ul li.nara a:hover {
    background-position: -266px -132px;
}

#map_local ul li.mie a {
    background-position: -132px -132px;
    width: 68px;
    height: 132px;
    left: 132px;
    top: 132px;
}

#map_local ul li.mie a:hover {
    background-position: -332px -132px;
}

#map_local ul li.wakayama a {
    background-position: -66px -264px;
    width: 134px;
    height: 68px;
    left: 66px;
    top: 264px;
}

#map_local ul li.wakayama a:hover {
    background-position: -266px -264px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul.kinki li a {
        background-image: url(../images/map_kinki_2x.png);
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #map_local ul.kinki {
        background-image: url(../images/s_map_kinki.png);
        height: 196px;
        width: 118px;
        background-size: 118px 196px;
        -webkit-background-size: 118px 196px;
        -moz-background-size: 118px 196px;
        background-repeat: no-repeat;
    }

    #map_local ul.kinki li a {
        background-image: none;
    }

    #map_local ul li.hyogo a {
        width: 40px;
        height: 79px;
        left: 0;
        top: 0;
    }

    #map_local ul li.kyoto a {
        width: 39px;
        height: 79px;
        left: 40px;
        top: 0;
    }

    #map_local ul li.shiga a {
        width: 39px;
        height: 79px;
        left: 79px;
        top: 0;
    }

    #map_local ul li.osaka a {
        width: 40px;
        height: 79px;
        left: 0;
        top: 79px;
    }

    #map_local ul li.nara a {
        width: 39px;
        height: 78px;
        left: 40px;
        top: 79px;
    }

    #map_local ul li.mie a {
        width: 39px;
        height: 78px;
        left: 79px;
        top: 79px;
    }

    #map_local ul li.wakayama a {
        width: 79px;
        height: 40px;
        left: 40px;
        top: 157px;
    }

}

/*中国*/
#map_local ul.chugoku {
    width: 332px;
    height: 134px;
    position: relative;
    margin: 0 auto;
}

#map_local ul.chugoku li a {
    position: absolute;
    background-image: url(../images/map_chugoku.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 664px 134px;
    -webkit-background-size: 664px 134px;
    -moz-background-size: 664px 134px;
}

#map_local ul li.yamaguchi a {
    background-position: 0 0;
    width: 66px;
    height: 134px;
    left: 0;
    top: 0;
}

#map_local ul li.yamaguchi a:hover {
    background-position: -332px 0;
}

#map_local ul li.shimane a {
    background-position: -66px 0;
    width: 132px;
    height: 66px;
    left: 66px;
    top: 0;
}

#map_local ul li.shimane a:hover {
    background-position: -398px 0;
}

#map_local ul li.tottori a {
    background-position: -198px 0;
    width: 134px;
    height: 66px;
    left: 198px;
    top: 0;
}

#map_local ul li.tottori a:hover {
    background-position: -530px 0;
}

#map_local ul li.hiroshima a {
    background-position: -66px -66px;
    width: 132px;
    height: 68px;
    left: 66px;
    top: 66px;
}

#map_local ul li.hiroshima a:hover {
    background-position: -398px -66px;
}

#map_local ul li.okayama a {
    background-position: -198px -66px;
    width: 134px;
    height: 68px;
    left: 198px;
    top: 66px;
}

#map_local ul li.okayama a:hover {
    background-position: -530px -66px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul.chugoku li a {
        background-image: url(../images/map_chugoku_2x.png);
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #map_local ul.chugoku {
        background-image: url(../images/s_map_chugoku.png);
        height: 79px;
        width: 196px;
        background-size: 196px 79px;
        -webkit-background-size: 196px 79px;
        -moz-background-size: 196px 79px;
        background-repeat: no-repeat;
    }

    #map_local ul.chugoku li a {
        background-image: none;
    }

    #map_local ul li.yamaguchi a {
        width: 40px;
        height: 79px;
        left: 0;
        top: 0;
    }

    #map_local ul li.shimane a {
        width: 78px;
        height: 40px;
        left: 40px;
        top: 0;
    }

    #map_local ul li.tottori a {
        width: 79px;
        height: 40px;
        left: 118px;
        top: 0;
    }

    #map_local ul li.hiroshima a {
        width: 78px;
        height: 39px;
        left: 40px;
        top: 40px;
    }

    #map_local ul li.okayama a {
        width: 79px;
        height: 40px;
        left: 118px;
        top: 40px;
    }

}

/*四国*/
#map_local ul.shikoku {
    width: 266px;
    height: 134px;
    position: relative;
    margin: 0 auto;
}

#map_local ul.shikoku li a {
    position: absolute;
    background-image: url(../images/map_shikoku.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 532px 134px;
    -webkit-background-size: 532px 134px;
    -moz-background-size: 532px 134px;
}

#map_local ul li.ehime a {
    background-position: 0 0;
    width: 132px;
    height: 66px;
    left: 0;
    top: 0;
}

#map_local ul li.ehime a:hover {
    background-position: -266px 0;
}

#map_local ul li.kagawa a {
    background-position: -132px 0;
    width: 134px;
    height: 66px;
    left: 132px;
    top: 0;
}

#map_local ul li.kagawa a:hover {
    background-position: -398px 0;
}

#map_local ul li.kochi a {
    background-position: 0 -66px;
    width: 132px;
    height: 68px;
    left: 0;
    top: 66px;
}

#map_local ul li.kochi a:hover {
    background-position: -266px -66px;
}

#map_local ul li.tokushima a {
    background-position: -132px -66px;
    width: 134px;
    height: 68px;
    left: 132px;
    top: 66px;
}

#map_local ul li.tokushima a:hover {
    background-position: -398px -66px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul.shikoku li a {
        background-image: url(../images/map_shikoku_2x.png);
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #map_local ul.shikoku {
        background-image: url(../images/s_map_shikoku.png);
        height: 79px;
        width: 157px;
        background-size: 157px 79px;
        -webkit-background-size: 157px 79px;
        -moz-background-size: 157px 79px;
        background-repeat: no-repeat;
    }

    #map_local ul.shikoku li a {
        background-image: none;
    }

    #map_local ul li.ehime a {
        width: 79px;
        height: 40px;
        left: 0;
        top: 0;
    }

    #map_local ul li.kagawa a {
        width: 78px;
        height: 40px;
        left: 79px;
        top: 0;
    }

    #map_local ul li.kochi a {
        width: 79px;
        height: 39px;
        left: 0;
        top: 40px;
    }

    #map_local ul li.tokushima a {
        width: 78px;
        height: 39px;
        left: 79px;
        top: 40px;
    }

}

/*九州*/
#map_local ul.kyushu {
    width: 288px;
    height: 530px;
    position: relative;
    margin: 0 auto;
}

#map_local ul.kyushu li a {
    position: absolute;
    background-image: url(../images/map_kyushu.png);
    display: block;
    color: #000000;
    text-decoration: none;
    background-size: 576px 530px;
    -webkit-background-size: 576px 530px;
    -moz-background-size: 576px 530px;
}

#map_local ul li.okinawa a {
    background-position: 0 bottom;
    width: 68px;
    height: 134px;
    left: 0;
    bottom: 0;
}

#map_local ul li.okinawa a:hover {
    background-position: -288px bottom;
}

#map_local ul li.nagasaki a {
    background-position: -88px 0;
    width: 66px;
    height: 134px;
    left: 88px;
    top: 0;
}

#map_local ul li.nagasaki a:hover {
    background-position: -376px 0;
}

#map_local ul li.saga a {
    background-position: -154px 0;
    width: 66px;
    height: 132px;
    left: 154px;
    top: 0;
}

#map_local ul li.saga a:hover {
    background-position: -442px 0;
}

#map_local ul li.fukuoka a {
    background-position: -220px 0;
    width: 68px;
    height: 132px;
    left: 220px;
    top: 0;
}

#map_local ul li.fukuoka a:hover {
    background-position: -508px 0;
}

#map_local ul li.kumamoto a {
    background-position: -154px -132px;
    width: 66px;
    height: 132px;
    left: 154px;
    top: 132px;
}

#map_local ul li.kumamoto a:hover {
    background-position: -442px -132px;
}

#map_local ul li.oita a {
    background-position: -220px -132px;
    width: 68px;
    height: 132px;
    left: 220px;
    top: 132px;
}

#map_local ul li.oita a:hover {
    background-position: -508px -132px;
}

#map_local ul li.kagoshima a {
    background-position: -154px -264px;
    width: 66px;
    height: 134px;
    left: 154px;
    top: 264px;
}

#map_local ul li.kagoshima a:hover {
    background-position: -442px -264px;
}

#map_local ul li.miyazaki a {
    background-position: -220px -264px;
    width: 68px;
    height: 134px;
    left: 220px;
    top: 264px;
}

#map_local ul li.miyazaki a:hover {
    background-position: -508px -264px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #map_local ul.kyushu li a {
        background-image: url(../images/map_kyushu_2x.png);
    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #map_local ul.kyushu {
        background-image: url(../images/s_map_kyushu.png);
        height: 313px;
        width: 157px;
        background-size: 157px 313px;
        -webkit-background-size: 157px 313px;
        -moz-background-size: 157px 313px;
        background-repeat: no-repeat;
    }

    #map_local ul.kyushu li a {
        background-image: none;
    }

    #map_local ul li.okinawa a {
        background-position: 0 bottom;
        width: 40px;
        height: 79px;
        left: 0;
        top: 234px;
    }

    #map_local ul li.nagasaki a {
        width: 40px;
        height: 79px;
        left: 40px;
        top: 0;
    }

    #map_local ul li.saga a {
        width: 39px;
        height: 79px;
        left: 79px;
        top: 0;
    }

    #map_local ul li.fukuoka a {
        width: 39px;
        height: 79px;
        left: 118px;
        top: 0;
    }

    #map_local ul li.kumamoto a {
        width: 40px;
        height: 78px;
        left: 79px;
        top: 79px;
    }

    #map_local ul li.oita a {
        width: 39px;
        height: 78px;
        left: 118px;
        top: 79px;
    }

    #map_local ul li.kagoshima a {
        width: 40px;
        height: 79px;
        left: 79px;
        top: 157px;
    }

    #map_local ul li.miyazaki a {
        width: 39px;
        height: 79px;
        left: 118px;
        top: 157px;
    }

}

/*--------------個別マップここまで-------------------*/

/*--------------アラートブロックここから--------------*/

#alert_bloc {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 22px;
    min-width: 1024px;
    z-index: 11;
}

#alert_bloc .alert {
    width: inherit;
    overflow: hidden;
    width: 100%;
    height: 22px;
    background-color: #ffff3c;
}

#alert_bloc ul {
    position: relative;
    width: 2500px;

}

#alert_bloc li {
    float: left;
    font-size: 12px;
    padding: 4px 0;
    margin-right: 35px;
    font-weight: 400;
    -webkit-text-size-adjust: none;
}

#alert_bloc span {
    padding: 0 13px;
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
    #alert_bloc {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 22px;
        min-width: 0;
        z-index: 11;
        overflow: hidden;
    }

    #alert_bloc .alert {
        width: inherit;
        overflow: hidden;
        width: 300%;
        height: 22px;
        background-color: #ffff3c;
    }

    #alert_bloc ul {
        width: inherit;

    }

    #alert_bloc li {
        float: left;
        font-size: 12px;
        padding: 4px 0;
        margin-right: 10px;
        font-weight: 400;
        white-space: nowrap;
        word-break: break-all;
        -webkit-text-size-adjust: none;
    }

}

/*--------------アラートブロックここまで--------------*/

/*--------------検索ここから-----------------------*/

#search {
    margin: 20px 0 40px;
    text-align: center;
    font-size: 12px;
    color: #333333;
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
    #search {
        margin: 10px;
        text-align: left;
        font-size: 10px;
        color: #333333;
        background-color: #fff;
        padding: 8px;
    }

}

/*--------------検索ここまで-----------------------*/

/*--------------都道府県リストここから---------------*/
#states_list {
    min-width: 1024px;
    padding-bottom: 35px;
    padding-top: 65px;
    background-color: #fafafa;
    z-index: 10;
    position: relative;
}

#states_list ul {
    width: 900px;
    margin: 0 auto;
}

#states_list > ul > li {
    display: block;
    float: right;
}

#states_list > ul > li ul {
    width: inherit;
    padding-top: 10px;
}

#states_list > ul > li ul li {
    margin-top: 10px;
}

#states_list > ul > li ul li a {
    font-size: 14px;
    color: #333333;
}

#states_list > ul > li ul li a:hover {
    text-decoration: underline;
}

#states_list > ul > li h3 a {
    display: block;
    width: 112px;
    padding-bottom: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#states_list ul li.kyushu h3 a {
    border-bottom: solid 3px #FF826E;
    background: url(../images/cap_kyushu.png) left top no-repeat;
}

#states_list ul li.shikoku h3 a {
    border-bottom: solid 3px #FFE66E;
    background: url(../images/cap_shikoku.png) left top no-repeat;
}

#states_list ul li.chugoku h3 a {
    border-bottom: solid 3px #FFAADC;
    background: url(../images/cap_chugoku.png) left top no-repeat;
}

#states_list ul li.kinki h3 a {
    border-bottom: solid 3px #C8FF64;
    background: url(../images/cap_kinki.png) left top no-repeat;
}

#states_list ul li.chubu h3 a {
    border-bottom: solid 3px #64FF96;
    background: url(../images/cap_chubu.png) left top no-repeat;
}

#states_list ul li.kanto h3 a {
    border-bottom: solid 3px #78DCE6;
    background: url(../images/cap_kanto.png) left top no-repeat;
}

#states_list ul li.tohoku h3 a {
    border-bottom: solid 3px #AAA0FF;
    background: url(../images/cap_tohoku.png) left top no-repeat;
}

#states_list ul li.hokkaido h3 a {
    border-bottom: solid 3px #6EAAFF;
    background: url(../images/cap_hokkaido.png) left top no-repeat;

}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #states_list ul li.kyushu h3 a {
        background-image: url(../images/cap_kyushu_2x.png);
        background-size: 80px 14px;
        -webkit-background-size: 80px 14px;
        -moz-background-size: 80px 14px;
    }

    #states_list ul li.shikoku h3 a {
        background-image: url(../images/cap_shikoku_2x.png);
        background-size: 80px 14px;
        -webkit-background-size: 80px 14px;
        -moz-background-size: 80px 14px;
    }

    #states_list ul li.chugoku h3 a {
        background-image: url(../images/cap_chugoku_2x.png);
        background-size: 80px 14px;
        -webkit-background-size: 80px 14px;
        -moz-background-size: 80px 14px;
    }

    #states_list ul li.kinki h3 a {
        background-image: url(../images/cap_kinki_2x.png);
        background-size: 81px 14px;
        -webkit-background-size: 81px 14px;
        -moz-background-size: 81px 14px;
    }

    #states_list ul li.chubu h3 a {
        background-image: url(../images/cap_chubu_2x.png);
        background-size: 80px 14px;
        -webkit-background-size: 80px 14px;
        -moz-background-size: 80px 14px;
    }

    #states_list ul li.kanto h3 a {
        background-image: url(../images/cap_kanto_2x.png);
        background-size: 80px 14px;
        -webkit-background-size: 80px 14px;
        -moz-background-size: 80px 14px;
    }

    #states_list ul li.tohoku h3 a {
        background-image: url(../images/cap_tohoku_2x.png);
        background-size: 80px 14px;
        -webkit-background-size: 80px 14px;
        -moz-background-size: 80px 14px;
    }

    #states_list ul li.hokkaido h3 a {
        background-image: url(../images/cap_hokkaido_2x.png);
        background-size: 95px 14px;
        -webkit-background-size: 95px 14px;
        -moz-background-size: 95px 14px;

    }

}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {

    #states_list {
        min-width: 0;
        padding-bottom: 20px;
        background-color: #fafafa;
        padding-top: 20px;
    }

    #states_list ul {
        width: inherit;
        padding: 0 10px;
    }

    #states_list > ul > li {
        display: block;
        float: none;
        background-color: #fff;
    }

    #states_list > ul > li ul {
        width: auto;
        display: none;
        padding-top: 10px;
        padding-bottom: 11px;
    }

    #states_list > ul > li ul li {
        margin: 0 -2px -1px 0;
        text-align: center;
        width: 93px;
        display: inline-block;
    }

    #states_list > ul > li ul li a {
        font-size: 12px;
        color: #333333;
        padding: 8px 0;
        display: inline-block;
        width: inherit;
        border: 1px solid #333;
        margin: 0;
    }

    #states_list > ul > li ul li a:hover {
        text-decoration: none;
    }

    #states_list > ul > li h3 {
        border-bottom: 1px solid #f2f2f2;
        border-top: 1px solid #f2f2f2;
        margin-top: -1px;
    }

    #states_list > ul > li h3 a {
        display: block;
        width: inherit;
        padding: 15px 8px;
        font-size: 13px;
        background: none;
        border-bottom: none;
        text-indent: 0;
        color: #333;
        -webkit-text-size-adjust: none;
    }

    #states_list ul li.kyushu h3 a {
        border-left: solid 2px #FF826E;
        background: url(../images/s_arrow_down.png) right 10px center no-repeat;
        background-size: 7px 4px;
        -webkit-background-size: 7px 4px;
        -moz-background-size: 7px 4px;
        border-bottom: none;
    }

    #states_list ul li.shikoku h3 a {
        border-left: solid 2px #FFE66E;
        background: url(../images/s_arrow_down.png) right 10px center no-repeat;
        background-size: 7px 4px;
        -webkit-background-size: 7px 4px;
        -moz-background-size: 7px 4px;
        border-bottom: none;
    }

    #states_list ul li.chugoku h3 a {
        border-left: solid 2px #FFAADC;
        background: url(../images/s_arrow_down.png) right 10px center no-repeat;
        background-size: 7px 4px;
        -webkit-background-size: 7px 4px;
        -moz-background-size: 7px 4px;
        border-bottom: none;
    }

    #states_list ul li.kinki h3 a {
        border-left: solid 2px #C8FF64;
        background: url(../images/s_arrow_down.png) right 10px center no-repeat;
        background-size: 7px 4px;
        -webkit-background-size: 7px 4px;
        -moz-background-size: 7px 4px;
        border-bottom: none;
    }

    #states_list ul li.chubu h3 a {
        border-left: solid 2px #64FF96;
        background: url(../images/s_arrow_down.png) right 10px center no-repeat;
        background-size: 7px 4px;
        -webkit-background-size: 7px 4px;
        -moz-background-size: 7px 4px;
        border-bottom: none;
    }

    #states_list ul li.kanto h3 a {
        border-left: solid 2px #78DCE6;
        background: url(../images/s_arrow_down.png) right 10px center no-repeat;
        background-size: 7px 4px;
        -webkit-background-size: 7px 4px;
        -moz-background-size: 7px 4px;
        border-bottom: none;
    }

    #states_list ul li.tohoku h3 a {
        border-left: solid 2px #AAA0FF;
        background: url(../images/s_arrow_down.png) right 10px center no-repeat;
        background-size: 7px 4px;
        -webkit-background-size: 7px 4px;
        -moz-background-size: 7px 4px;
        border-bottom: none;
    }

    #states_list ul li.hokkaido h3 a {
        border-left: solid 2px #6EAAFF;
        background: url(../images/s_arrow_down.png) right 10px center no-repeat;
        background-size: 7px 4px;
        -webkit-background-size: 7px 4px;
        -moz-background-size: 7px 4px;
        border-bottom: none;
    }

    #states_list ul li.hokkaido h3 {
        border-top: none;
    }

}

/*--------------都道府県リストここまで---------------*/

/*--------------メインナビここから------------------*/

#main_navi {
    position: relative;
    z-index: 10;
    width: 100%;
    background-color: #FFFFFF;
    padding: 40px 0 0;
    min-width: 1024px;
}

#main_navi nav {
    position: relative;
    margin: 0 auto;
    width: 900px;
    height: 70px;
}

#main_navi nav div {
    position: absolute;
    width: 296px;
    height: 70px;
    background-size: 296px 70px;
    -webkit-background-size: 296px 70px;
    -moz-background-size: 296px 70px;
}

#main_navi nav a {
    display: block;
    width: 296px;
    height: 70px;
    background-size: 296px 70px;
    -webkit-background-size: 296px 70px;
    -moz-background-size: 296px 70px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

#main_navi nav a:hover {
    background-image: none;
}

#btn_howto {
    background: url(../images/btn_howto_on.gif) left top no-repeat;
}

#btn_howto a {
    background: url(../images/btn_howto.gif) left top no-repeat;
    cursor: pointer;
}

#btn_qa {
    left: 302px;
    background: url(../images/btn_q&a_on.gif) left top no-repeat;

}

#btn_qa a {
    background: url(../images/btn_q&a.gif) left top no-repeat;

}

#btn_resister {
    right: 0;
    background: url(../images/btn_resister_on.gif) left top no-repeat;

}

#btn_resister a {
    background: url(../images/btn_resister.gif) left top no-repeat;

}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

    #btn_howto {
        background-image: url(../images/btn_howto_on_2x.gif);
    }

    #btn_howto a {
        background-image: url(../images/btn_howto_2x.gif);
    }

    #btn_qa {
        background-image: url(../images/btn_q&a_on_2x.gif);

    }

    #btn_qa a {
        background-image: url(../images/btn_q&a_2x.gif);

    }

    #btn_resister {
        background-image: url(../images/btn_resister_on_2x.gif);

    }

    #btn_resister a {
        background-image: url(../images/btn_resister_2x.gif);

    }
}

@media only screen and (min-device-width: 320px)
and (max-device-width: 480px) {
    #main_navi {
        position: relative;
        z-index: 10;
        width: inherit;
        height: auto;
        background-color: #FFFFFF;
        padding: 20px 10px 0;
        min-width: 0;
    }

    #main_navi nav {
        position: relative;
        width: inherit;
        height: auto;
    }

    #main_navi nav div {
        position: relative;
        width: 300px;
        height: 36px;
        background-size: 300px 36px;
        -webkit-background-size: 300px 36px;
        -moz-background-size: 300px 36px;
        margin-bottom: 5px;
    }

    #main_navi nav a {
        width: 300px;
        height: 36px;
        background-size: 300px 36px;
        -webkit-background-size: 300px 36px;
        -moz-background-size: 300px 36px;
    }

    #main_navi nav a:hover {
        background-image: none;
    }

    #btn_howto {
        background: url(../images/s_btn_howto.gif) left top no-repeat;
    }

    #btn_howto a {
        background: url(../images/s_btn_howto.gif) left top no-repeat;
    }

    #btn_qa {
        left: 0;
        background: url(../images/s_btn_q&a.gif) left top no-repeat;

    }

    #btn_qa a {
        background: url(../images/s_btn_q&a.gif) left top no-repeat;

    }

    #btn_resister {
        right: 0;
        background: url(../images/s_btn_resister.gif) left top no-repeat;

    }

    #btn_resister a {
        background: url(../images/s_btn_resister.gif) left top no-repeat;

    }

}

/*--------------メインナビここまで------------------*/