﻿@charset "utf-8";

#map {
    display: block;
    position: relative;
    width: 640px;
    height: 480px;
    border: 1px solid rgb(153, 153, 153);
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: rgb(102, 204, 255);
    background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient( top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
}

    #map ul {
        padding: 0px 0px 0px 0px;
    }

        #map ul li {
            list-style-type: none;
            list-style-image: none;
        }

            #map ul li > ul {
                display: none;
                position: absolute;
                background-color: rgb(245, 245, 245);
                border: 1px solid rgb(204, 204, 204);
                z-index: 2;
                filter: alpha(opacity=90);
                -moz-opacity: 0.90;
                opacity: 0.90;
                border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
                box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
                -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
            }

            #map ul li:hover > ul {
                display: block;
            }

            #map ul li.hokkaido > ul {
                left: 490px;
                top: 55px;
            }

            #map ul li.touhoku > ul {
                left: 475px;
                top: 190px;
            }

            #map ul li.kanto > ul {
                left: 485px;
                top: 280px;
            }

            #map ul li.tyubu > ul {
                left: 360px;
                top: 300px;
            }

            #map ul li.kinki > ul {
                left: 260px;
                top: 300px;
            }

            #map ul li.tyugoku > ul {
                left: 160px;
                top: 300px;
            }

            #map ul li.shikoku > ul {
                left: 155px;
                top: 390px;
            }

            #map ul li.kyushu > ul {
                left: 35px;
                top: 355px;
            }

    #map a {
        text-decoration: none;
        background-image: linear-gradient( to bottom, rgba(249, 249, 249, 0.9), rgba(249, 249, 249, 0.7));
        background-image: -moz-linear-gradient( top, rgba(249, 249, 249, 0.9), rgba(249, 249, 249, 0.7));
        background-image: -o-linear-gradient( top, rgba(249, 249, 249, 0.9), rgba(249, 249, 249, 0.7));
        background-image: -webkit-linear-gradient(top, rgba(249, 249, 249, 0.9), rgba(249, 249, 249, 0.7));
    }

        #map a:hover {
            background-color: rgb(102, 204, 255);
            text-decoration: none;
        }

    #map ul li > ul a {
        display: block;
        width: auto;
        height: auto;
        padding: 2px 5px 2px 5px;
        line-height: 150%;
        color: rgb(0, 0, 0);
        font-size: 90%;
        text-align: center;
        text-decoration: none;
        background-color: rgb(245, 245, 245);
        border: 1px solid rgb(255, 255, 255);
        border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    }

        #map ul li > ul a:hover {
            border: 1px solid rgb(102, 204, 255);
            text-decoration: none;
        }

#jr {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 640px;
    height: 480px;
}

    #jr > ul > img {
        display: none;
    }

.other {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 450px;
    height: 180px;
    background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
    background-image: -moz-linear-gradient( top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
    background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0px 0px 10px 0px / 0px 0px 10px 0px;
}

    .other div {
        text-align: center;
        line-height: 30px;
    }

.hokkaido0, .touhoku0,
.kanto0, .kanto1, .kanto2, .kanto3,
.tyubu0, .tyubu1, .tyubu2, .tyubu3, .tyubu4,
.kinki0, .kinki1, .tyugoku0, .shikoku0, .kyushu0,
.other_title, .jr_title,
.yakou, .joyful, .kamotsu, .kikansha,
.shitetsu_east, .shitetsu_west, .unknown, .kensoku {
    display: block;
    position: absolute;
    background-color: rgb(245, 245, 245);
    text-decoration: none;
    color: rgb(255, 255, 255);
    /*font-weight: bold;*/
}

.other_title, .jr_title,
.yakou, .joyful, .kamotsu, .kikansha,
.shitetsu_east, .shitetsu_west, .unknown, .kensoku {
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

#map h3 {
    margin: 0;
    padding: 0;
    color: rgb(133, 43, 50);
    font-size: 125%;
}

#map .other_title {
    left: 15px;
    top: 10px;
}

#map .jr_title {
    left: 190px;
    top: 210px;
}

#map .yakou {
    left: 15px;
    top: 55px;
    color: rgb(0, 0, 128);
}

#map .joyful {
    left: 15px;
    top: 95px;
    color: rgb(167, 87, 168);
}

#map .kamotsu {
    left: 160px;
    top: 55px;
    color: rgb(128, 128, 0);
}

#map .kikansha {
    left: 160px;
    top: 95px;
    color: rgb(0, 0, 0);
}

#map .shitetsu_east {
    left: 305px;
    top: 55px;
    color: rgb(42, 92, 170);
}

#map .shitetsu_west {
    left: 305px;
    top: 95px;
    color: rgb(42, 92, 170);
}

#map .unknown {
    left: 15px;
    top: 135px;
    color: rgb(195, 40, 41);
}

#map .kensoku {
    left: 160px;
    top: 135px;
    color: rgb(59, 96, 99);
}

.hokkaido0, .touhoku0, .kanto0, .tyubu0,
.kinki0, .tyugoku0, .shikoku0, .kyushu0 {
    text-align: center;
    font-size: 130%;
}

.hokkaido0 {
    line-height: 89px;
    color: rgb(123, 171, 79);
}

.touhoku0 {
    line-height: 110px;
    color: rgb(45, 81, 45);
}

.kanto0 {
    line-height: 97px;
    color: rgb(35, 64, 89);
}

.tyubu0 {
    line-height: 96px;
    color: rgb(0, 133, 158);
}

.kinki0 {
    line-height: 96px;
    color: rgb(202, 106, 31);
}

.tyugoku0 {
    line-height: 96px;
    color: rgb(202, 79, 60);
}

.shikoku0 {
    line-height: 70px;
    color: rgb(245, 143, 152);
}

.kyushu0 {
    line-height: 166px;
    color: rgb(237, 26, 61);
}

.hokkaido0 {
    width: 138px;
    height: 89px;
    left: 470px;
    top: 40px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

.touhoku0 {
    width: 110px;
    height: 129px;
    left: 470px;
    top: 146px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}

.kanto0 {
    width: 107px;
    height: 97px;
    left: 473px;
    top: 275px;
    border-top: 1px solid rgb(213, 213, 213);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    /*border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;*/
}

.kanto1 {
    width: 48px;
    height: 21px;
    left: 535px;
    top: 351px;
    border-top: 0px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 0px solid rgb(213, 213, 213);
    border-left: 0px solid rgb(249, 249, 249);
    border-radius: 0px 5px 0px 0px / 0px 5px 0px 0px;
}

.kanto2 {
    width: 48px;
    height: 48px;
    left: 534px;
    top: 372px;
    border-top: 0px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
}

.kanto3 {
    width: 42px;
    height: 40px;
    left: 473px;
    top: 372px;
    border-top: 0px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 0px 0px 10px 0px / 0px 0px 10px 0px;
}

.tyubu0 {
    width: 125px;
    height: 96px;
    left: 348px;
    top: 275px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    /*border-radius: 0px 0px 10px 0px / 0px 0px 10px 0px;*/
}

.tyubu1 {
    width: 23px;
    height: 40px;
    left: 351px;
    top: 235px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 0px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}

.tyubu2 {
    width: 106px;
    height: 27px;
    left: 367px;
    top: 371px;
    border-top: 0px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 0px 0px 0px 10px / 0px 0px 0px 10px;
}

.tyubu3 {
    width: 27px;
    height: 14px;
    left: 446px;
    top: 398px;
    border-top: 0px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    /*border-radius: 0px 0px 0px 10px / 0px 0px 0px 10px;*/
}

.tyubu4 {
    width: 23px;
    height: 30px;
    left: 446px;
    top: 412px;
    border-top: 1px solid #f5f5f5;
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
}

.kinki0 {
    width: 83px;
    height: 96px;
    left: 265px;
    top: 275px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    /*border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;*/
}

.kinki1 {
    width: 61px;
    height: 76px;
    left: 281px;
    top: 371px;
    border-top: 1px solid #f5f5f5;
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
}

.tyugoku0 {
    width: 110px;
    height: 96px;
    left: 155px;
    top: 275px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px;
}

.shikoku0 {
    width: 100px;
    height: 70px;
    left: 157px;
    top: 383px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

.kyushu0 {
    width: 101px;
    height: 166px;
    left: 38px;
    top: 299px;
    border-top: 1px solid rgb(249, 249, 249);
    border-right: 1px solid rgb(213, 213, 213);
    border-bottom: 1px solid rgb(213, 213, 213);
    border-left: 1px solid rgb(249, 249, 249);
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}
