@charset "UTF-8";

#modalWrapper {
    background: #fff!important;
    overflow: hidden!important;
    border: 1px solid #fff;
    min-width: 260px;
}
body {
min-width: 260px;
}


/* サイト管理
-------------------------------------- */
#modalInner {
    height: 420px;
    padding: 20px 36px 6px 20px;
    /*overflow:hidden;*/
    border: 1px solid #dcdcdc;
    border-left: 0;
    border-right: 0;
    overflow-y: scroll;
}

    #modalInner h2 {
        position: relative;
        margin: 0 0 15px 0;
        padding: 2px 0;
        color: #fff;
        text-align: center;
        font-size: 1.167em;
        background: #5a5a5a;
        text-shadow: 1px 1px 1px #333;
        z-index: 9999;
    }

    #modalInner .m_section {
        width: 100%;
    }

        #modalInner .m_section .listWrapper {
            overflow: hidden;
            width: auto;
        }

        #modalInner .m_section .list {
            float: left;
            width: 180px;
            margin: 0 14px 0 0;
        }

        #modalInner .m_section h3 a {
            display: block;
            padding: 10px 15px;
            color: #fff;
            font-size: 1.167em;
            text-decoration: none;
            text-shadow: 1px 1px 1px #0e7bb0;
            -webkit-text-shadow: 1px 1px 1px #0e7bb0;
            -moz-text-shadow: 1px 1px 1px #0e7bb0;
            background: url(../../../../Content/images/pages/top/bg_site_off.jpg) bottom left repeat-x #1f8bbf;
        }

            #modalInner .m_section h3 a:hover {
                background: url(../../../../Content/images/pages/top/bg_site_on.jpg) bottom left repeat-x #57a8cf;
            }

            #modalInner .m_section h3 a span {
                padding: 0 0 0 13px;
                background: url(../../../../Content/images/pages/top/arrow_modal.png) left center no-repeat;
            }

        #modalInner .m_section p {
            margin: 14px 0;
            line-height: 1.5;
        }

/* マップ選択
-------------------------------------- */
.mapInner {
    padding: 16px 17px 10px 17px!important;
    height: 312px!important;
    overflow-y: scroll;
}

    .mapInner .m_section {
        width: auto;
    }

        .mapInner .m_section #mapList {
            overflow: hidden;
            width: auto;
        }

#mapList {
    z-index: 0!important;
}

    #mapList li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 4px 1% 12px 1%;
        box-shadow: 0 0 4px #dcdcdc;
        background: #fff;
        z-index: 0!important;
        width: 31.3%;
    }
    #mapList li img{
        width: 100%;
        max-width: 228px;
    }

.msie8 #mapList li {
    box-shadow: none;
    margin: 2px 8px 10px 2px;
    border: 2px solid #ededed;
}

.msie9 #mapList li {
    box-shadow: 0 0 6px #dcdcdc;
}


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

    #closeBtn span {
        display: inline-block;
        padding: 2px 12px;
        color: #fff;
        font-size: 1.167em;
        text-shadow: 1px 1px 1px #666;
        -webikt-text-shadow: 1px 1px 1px #666;
        -moz-text-shadow: 1px 1px 1px #666;
        background: url(../../../../Content/images/pages/top/btn_close_off.jpg) bottom left repeat-x #999999;
        cursor: pointer;
    }

        #closeBtn span:hover {
            background: url(../../../../Content/images/pages/top/btn_close_on.jpg) bottom left repeat-x #999999;
        }


@media only screen and (max-width: 480px) {
  .mapInner .m_section #mapList {
    text-align: center;
  }
  #mapList li {
      margin: 4px auto 12px auto;
      width: 80%;
      display:block;
      float:none;
  }
}