@charset "UTF-8";

.networkMap{
    position: relative;
    display: none;
}
[class*="pinArea-"]{
    position: absolute;
}
html[lang="ja"] .networkMap [class*="pinArea-"] .btn{
    border: 1px solid #fff;
    min-width: 80px;
    min-height: auto;
    margin-top: 0;
    padding: 6px 26px 6px 10px;
}
html[lang="ja"] .networkMap [class*="pinArea-"] .btn:hover{
    background-color: #976f11;
    text-decoration: none;
}

.networkMap .pinArea-hok {left: 534px;top: 84px;}
.networkMap .pinArea-thu {left: 464px;top: 215px;}
.networkMap .pinArea-kat {left: 464px;top: 346px;}
.networkMap .pinArea-hdc {left: 324px;top: 336px;}
.networkMap .pinArea-kas {left: 314px;top: 406px;}
.networkMap .pinArea-chu {left: 204px;top: 366px;}
.networkMap .pinArea-shi {left: 226px;top: 489px;}
.networkMap .pinArea-kyu {left: 86px;top: 449px;}
.networkMap .pinArea-oka {left: 737px;top: 394px;}

@media (min-width: 740px) {
    .networkMap{
        display: block;
        height: 590px;
    }
}