body {
  width: 730px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.line {
    -webkit-transform: translate(-40%,-12%);
    -moz-transform: translate(-40%,-12%);
    -ms-transform: translate(-40%,-12%);
    -o-transform: translate(-40%,-12%);
    transform: translate(-40%,-12%);
}
#hokkaido_line img {
    position: absolute;
    top: 15%;
    left: 70%;
    width: 80px;
    height: 3px;
    display: none;
}

#aomori_line img {
    position: absolute;
    top: 37%;
    left: 70%;
    width: 80px;
    height: 3px;
    display: none;
}
#akita_line img {
    position: absolute;
    top: 42%;
    left: 67%;
    width: 80px;
    height: 3px;
    display: none;
}
#iwate_line img {
    position: absolute;
    top: 42%;
    left: 67%;
    width: 90px;
    height: 3px;
    display: none;
}
#yamagata_line img {
    position: absolute;
    top: 38%;
    left: 67%;
    width: 80px;
    height: 80px;
    display: none;
}
#miyagi_line img {
    position: absolute;
    top: 42%;
    left: 77.5%;
    width: 150px;
    height: 60px;
    display: none;
}
#fukushima_line img {
    position: absolute;
    top: 45%;
    left: 70%;
    width: 75px;
    height: 80px;
    display: none;
}



#gunma_line img {
    position: absolute;
    top: 49%;
    left: 65%;
    width: 60px;
    height: 80px;
    display: none;
}
#tochigi_line img {
    position: absolute;
    top: 50%;
    left: 67%;
    width: 80px;
    height: 80px;
    display: none;
}
#ibaraki_line img {
    position: absolute;
    top: 45%;
    left: 67%;
    width: 90px;
    height: 80px;
    display: none;
}
#saitama_line img {
    position: absolute;
    top: 50%;
    left: 67%;
    width: 60px;
    height: 80px;
    display: none;
}
#tokyo_line img {
    position: absolute;
    top: 52%;
    left: 65%;
    width: 60px;
    height: 80px;
    display: none;
}
#chiba_line img {
    position: absolute;
    top: 53%;
    left: 67%;
    width: 75px;
    height: 80px;
    display: none;
}
#kanagawa_line img {
    position: absolute;
    top: 53%;
    left: 63%;
    width: 60px;
    height: 80px;
    display: none;
}



#niigata_line img {
    position: absolute;
    top: 49%;
    left: 62%;
    width: 60px;
    height: 80px;
    display: none;
}
#toyama_line img {
    position: absolute;
    top: 53%;
    left: 57%;
    width: 3px;
    height: 80px;
    display: none;
}
#ishikawa_line img {
    position: absolute;
    top: 53%;
    left: 50%;
    width: 3px;
    height: 80px;
    display: none;
}
#fukui_line img {
    position: absolute;
    top: 53%;
    left: 50%;
    width: 3px;
    height: 80px;
    display: none;
}
#nagano_line img {
    position: absolute;
    top: 52%;
    left: 58%;
    width: 60px;
    height: 80px;
    display: none;
}
#gifu_line img {
    position: absolute;
    top: 53%;
    left: 57%;
    width: 3px;
    height: 80px;
    display: none;
}
#aichi_line img {
    position: absolute;
    top: 53%;
    left: 57%;
    width: 3px;
    height: 80px;
    display: none;
}
#shizuoka_line img {
    position: absolute;
    top: 55%;
    left: 59%;
    width: 60px;
    height: 80px;
    display: none;
}
#yamanashi_line img {
    position: absolute;
    top: 52%;
    left: 58%;
    width: 60px;
    height: 80px;
    display: none;
}




#hyogo_line img {
    position: absolute;
    top: 60%;
    left: 40%;
    width: 3px;
    height: 80px;
    display: none;
}
#kyoto_line img {
    position: absolute;
    top: 58%;
    left: 45%;
    width: 3px;
    height: 80px;
    display: none;
}
#shiga_line img {
    position: absolute;
    top: 59%;
    left: 47.5%;
    width: 3px;
    height: 80px;
    display: none;
}
#osaka_line img {
    position: absolute;
    top: 58%;
    left: 45%;
    width: 3px;
    height: 80px;
    display: none;
}
#nara_line img {
    position: absolute;
    top: 58%;
    left: 48%;
    width: 3px;
    height: 80px;
    display: none;
}
#mie_line img {
    position: absolute;
    top: 55%;
    left: 51%;
    width: 3px;
    height: 80px;
    display: none;
}
#wakayama_line img {
    position: absolute;
    top: 58%;
    left: 45%;
    width: 3px;
    height: 80px;
    display: none;
}



#yamaguchi_line img {
    position: absolute;
    top: 60%;
    left: 25%;
    width: 3px;
    height: 80px;
    display: none;
}
#shimane_line img {
    position: absolute;
    top: 60%;
    left: 30%;
    width: 3px;
    height: 80px;
    display: none;
}
#hiroshima_line img {
    position: absolute;
    top: 60%;
    left: 30%;
    width: 3px;
    height: 80px;
    display: none;
}
#okayama_line img {
    position: absolute;
    top: 60%;
    left: 34%;
    width: 3px;
    height: 80px;
    display: none;
}


#ehime_line img {
    position: absolute;
    top: 60%;
    left: 33%;
    width: 3px;
    height: 160px;
    display: none;
}
#kagawa_line img {
    position: absolute;
    top: 60%;
    left: 38%;
    width: 3px;
    height: 160px;
    display: none;
}
#kouchi_line img {
    position: absolute;
    top: 60%;
    left: 36%;
    width: 3px;
    height: 180px;
    display: none;
}
#tokushima_line img {
    position: absolute;
    top: 60%;
    left: 38%;
    width: 3px;
    height: 160px;
    display: none;
}



#nagasaki_line img {
    position: absolute;
    top: 60%;
    left: 6%;
    width: 40px;
    height: 80px;
    display: none;
}
#fukuoka_line img {
    position: absolute;
    top: 60%;
    left: 18%;
    width: 3px;
    height: 80px;
    display: none;
}
#kumamoto_line img {
    position: absolute;
    top: 60%;
    left: 13%;
    width: 3px;
    height: 80px;
    display: none;
}
#saga_line img {
    position: absolute;
    top: 60%;
    left: 10%;
    width: 40px;
    height: 80px;
    display: none;
}
#oita_line img {
    position: absolute;
    top: 60%;
    left: 20%;
    width: 3px;
    height: 80px;
    display: none;
}
#miyazaki_line img {
    position: absolute;
    top: 60%;
    left: 20%;
    width: 3px;
    height: 80px;
    display: none;
}
#kagoshima_line img {
    position: absolute;
    top: 60%;
    left: 16%;
    width: 3px;
    height: 140px;
    display: none;
}
#okinawa_line img {
    position: absolute;
    top: 60%;
    left: 7%;
    width: 100px;
    height: 250px;
    display: none;
}

#position_1 img {
    position: absolute;
    top: 41%;
    left: 16%;
    -webkit-transform: translate(-40%,-12%);
    -moz-transform: translate(-40%,-12%);
    -ms-transform: translate(-40%,-12%);
    -o-transform: translate(-40%,-12%);
    transform: translate(-40%,-12%);
    width: 180px;
    height: 180px;
    display: none;
}

#position_2 img {
    position: absolute;
    top: 41%;
    left: 28%;
    -webkit-transform: translate(-40%,-12%);
    -moz-transform: translate(-40%,-12%);
    -ms-transform: translate(-40%,-12%);
    -o-transform: translate(-40%,-12%);
    transform: translate(-40%,-12%);
    width: 180px;
    height: 180px;
    display: none;
}

#position_3 img {
    position: absolute;
    top: 41%;
    left: 33%;
    -webkit-transform: translate(-40%,-12%);
    -moz-transform: translate(-40%,-12%);
    -ms-transform: translate(-40%,-12%);
    -o-transform: translate(-40%,-12%);
    transform: translate(-40%,-12%);
    width: 180px;
    height: 180px;
    display: none;
}

#position_4 img {
    position: absolute;
    top: 36%;
    left: 40%;
    -webkit-transform: translate(-40%,-12%);
    -moz-transform: translate(-40%,-12%);
    -ms-transform: translate(-40%,-12%);
    -o-transform: translate(-40%,-12%);
    transform: translate(-40%,-12%);
    width: 180px;
    height: 180px;
    display: none;
}

#position_5 img {
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-40%,-12%);
    -moz-transform: translate(-40%,-12%);
    -ms-transform: translate(-40%,-12%);
    -o-transform: translate(-40%,-12%);
    transform: translate(-40%,-12%);
    width: 180px;
    height: 180px;
    display: none;
}

#position_6 img {
    position: absolute;
    top: 34%;
    left: 53%;
    -webkit-transform: translate(-40%,-12%);
    -moz-transform: translate(-40%,-12%);
    -ms-transform: translate(-40%,-12%);
    -o-transform: translate(-40%,-12%);
    transform: translate(-40%,-12%);
    width: 180px;
    height: 180px;
    display: none;
}

#position_7 img {
    position: absolute;
    top: 30%;
    left: 55%;
    -webkit-transform: translate(-40%,-12%);
    -moz-transform: translate(-40%,-12%);
    -ms-transform: translate(-40%,-12%);
    -o-transform: translate(-40%,-12%);
    transform: translate(-40%,-12%);
    width: 180px;
    height: 180px;
    display: none;
}



#position_8 img {
    position: absolute;
    top: 15%;
    left: 49%;
    -webkit-transform: translate(-15%,-49%);
    -moz-transform: translate(-15%,-49%);
    -ms-transform: translate(-15%,-49%);
    -o-transform: translate(-15%,-49%);
    transform: translate(-15%,-49%);
    width: 180px;
    height: 180px;
    display: none;
}