#pref_selector
{
    width:300px;
    /*height:400px;*/
    clear:right;
    float:right;
    position:relative;
}

#pref_selector #map
{
    position:relative;
    width:296px;
    height:222px;
    margin:0;
    padding:0;
    top:110px;
    right:20px;
}

#pref_selector #map li
{
    position:absolute;
    background:url("../../../img/mainpage/prefectures_map.png") no-repeat;
    list-style:none;
    cursor:pointer;
}

#pref_selector #map li.hover
{
    background:url("../../../img/mainpage/prefectures_map_hovered.png");
}

#pref_selector #info_balloon
{
    position:absolute;
    width:90px;
    height:80px;
    top:40px;
    left:40px;
    background: url("../../../img/mainpage/prefectures_map_hovered.png") -40px -40px;
    font: 14px Arial, Helvetica, sans-serif;
    color:white;
    padding-top:15px;
    text-align:center;
    display:none;
}

#pref_selector #areas1
{
    position:absolute;
    left:-10px;
    top:0;
    margin-top:14px;
    padding:0;
}

#pref_selector #areas2
{
    position:absolute;
    right:100px;
    top:0;
    margin-top:14px;
    padding:0;
}

#map li#p1
{
    background-position:-236px 0 !important;
    height:52px;
    width:60px;
    right:0;
    top:0;
}

#map li#p2
{
    background-position:-236px -53px !important;
    height:20px;
    width:60px;
    right:0;
    top:52px;
}

#map li#p3
{
    background-position:-270px -76px !important;
    height:19px;
    width:26px;
    right:0;
    top:74px;
}

#map li#p5
{
    background-position:-234px -76px !important;
    height:19px;
    width:35px;
    right:27px;
    top:74px;
}

#map li#p4
{
    background-position:-270px -76px !important;
    height:19px;
    width:26px;
    right:0;
    top:93px;
}

#map li#p6
{
    background-position:-234px -76px !important;
    height:19px;
    width:35px;
    right:27px;
    top:93px;
    z-index:1;
}

#map li#p7
{
    background-position:-253px -114px !important;
    height:20px;
    width:40px;
    right:0;
    top:111px;
}

#map li#p8
{
    background-position:-253px -166px !important;
    height:13px;
    width:29px;
    right:14px;
    top:163px;
}

#map li#p9
{
    background-position:-253px -181px !important;
    height:13px;
    width:29px;
    right:14px;
    top:178px;
}

#map li#p10
{
    background-position:-237px -151px !important;
    height:13px;
    width:44px;
    right:14px;
    top:148px;
}

#map li#p11
{
    background-position:-283px -159px !important;
    height:23px;
    width:12px;
    right:0;
    top:156px;
}

#map li#p12
{
    background-position:-283px -134px !important;
    height:23px;
    width:12px;
    right:0;
    top:131px;
}

#map li#p13
{
    background-position:-261px -134px !important;
    height:15px;
    width:19px;
    right:15px;
    top:131px;
}

#map li#p14
{
    background-position:-237px -134px !important;
    height:15px;
    width:23px;
    right:35px;
    top:131px;
}

#map li#p15
{
    background-position:-231px -166px !important;
    height:13px;
    width:19px;
    right:45px;
    top:163px;
    z-index:5;
}

#map li#p16
{
    background-position:-225px -109px !important;
    height:23px;
    width:30px;
    right:39px;
    top:106px;
    z-index:5;
}

#map li#p17
{
    background-position:-220px -134px !important;
    height:45px;
    width:15px;
    right:60px;
    top:131px;
    z-index:3;
}

#map li#p18
{
    background-position:-203px -117px !important;
    height:15px;
    width:20px;
    right:70px;
    top:114px;
}

#map li#p19
{
    background-position:-181px -102px !important;
    height:29px;
    width:19px;
    right:93px;
    top:100px;
}


#map li#p20
{
    background-position:-164px -134px !important;
    height:16px;
    width:38px;
    right:91px;
    top:132px;
    z-index:5;
}

#map li#p21
{
    background-position:-203px -181px !important;
    height:17px;
    width:18px;
    right:72px;
    top:178px;
}

#map li#p22
{
    background-position:-203px -134px !important;
    height:44px;
    width:13px;
    right:77px;
    top:131px;
}

#map li#p23
{
    background-position:-225px -181px !important;
    height:17px;
    width:24px;
    right:46px;
    top:178px;
}

#map li#p24
{
    background-position:-182px -170px !important;
    height:52px;
    width:18px;
    right:93px;
    top:168px;
}

#map li#p25
{
    background-position:-144px -169px !important;
    height:28px;
    width:16px;
    right:134px;
    top:167px;
}

#map li#p26
{
    background-position:-122px -138px !important;
    height:44px;
    width:19px;
    right:153px;
    top:136px;
}

#map li#p27
{
    background-position:-144px -138px !important;
    height:29px;
    width:35px;
    right:115px;
    top:136px;
    z-index:3;
}

#map li#p28
{
    background-position:-182px -153px !important;
    height:14px;
    width:18px;
    right:93px;
    top:151px;
}

#map li#p29
{
    background-position:-163px -169px !important;
    height:37px;
    width:16px;
    right:115px;
    top:167px;
    z-index:5;
}

#map li#p30
{
    background-position:-144px -199px !important;
    height:23px;
    width:37px;
    right:113px;
    top:197px;
    z-index:3;
}

#map li#p31
{
    background-position:-107px -138px !important;
    height:21px;
    width:12px;
    right:175px;
    top:136px;
}

#map li#p32
{
    background-position:-107px -138px !important;
    height:21px;
    width:12px;
    right:190px;
    top:136px;
}

#map li#p33
{
    background-position:-107px -138px !important;
    height:21px;
    width:12px;
    right:175px;
    top:159px;
}

#map li#p34
{
    background-position:-107px -138px !important;
    height:21px;
    width:12px;
    right:190px;
    top:159px;
}

#map li#p35
{
    background-position:-75px -138px !important;
    height:44px;
    width:13px;
    right:205px;
    top:136px;
}

#map li#p36
{
    background-position:-106px -206px !important;
    height:13px;
    width:29px;
    right:159px;
    top:203px;
}

#map li#p37
{
    background-position:-106px -190px !important;
    height:13px;
    width:29px;
    right:159px;
    top:188px;
}

#map li#p38
{
    background-position:-75px -190px !important;
    height:13px;
    width:29px;
    right:190px;
    top:188px;
}

#map li#p39
{
    background-position:-75px -206px !important;
    height:13px;
    width:29px;
    right:190px;
    top:203px;
}

#map li#p40
{
    background-position:-29px -135px !important;
    height:17px;
    width:36px;
    right:228px;
    top:133px;
}

#map li#p41
{
    background-position:-15px -135px !important;
    height:27px;
    width:11px;
    right:267px;
    top:133px;
}

#map li#p42
{
    background-position:0 -135px !important;
    height:27px;
    width:12px;
    right:281px;
    top:133px;
}

#map li#p43
{
    background-position:-29px -155px !important;
    height:32px;
    width:16px;
    right:248px;
    top:152px;
}

#map li#p44
{
    background-position:-48px -155px !important;
    height:15px;
    width:17px;
    right:228px;
    top:152px;
}

#map li#p45
{
    background-position:-48px -155px !important;
    height:15px;
    width:17px;
    right:228px;
    top:169px;
}

#map li#p46
{
    background-position:-29px -190px !important;
    height:18px;
    width:36px;
    right:228px;
    top:186px;
}

#map li#p47
{
    background-position:-5px -191px !important;
    height:24px;
    width:14px;
    right:274px;
    top:188px;
}

#pref_selector #areas1 li a:hover, #pref_selector #areas2 li a:hover
{
    border-bottom:2px solid;
}

#pref_selector #areas1 li a, #pref_selector #areas2 li a
{
    color:#0000cd;
    font-size:14px;
    text-decoration:none;
    border-bottom:1px solid;
    padding-bottom:2px;
}

#pref_selector #areas1 li, #pref_selector #areas2 li
{
    list-style:none;
    display:list-item;
    font-size:14px;
    padding-bottom:5px;
}

#pref_selector #areas1 li.hover, #pref_selector #areas2 li.hover
{
    list-style:circle outside;
    color:#8a2be2;
}

#pref_selector #areas1 li .count, #pref_selector #areas2 li .count
{
    color:gray;
}

#prefs
{
    clear:both;
    font-size:12px;
    margin-top:-15px;
}

#prefs li .count
{
    color:gray;
    font-size:12px;
}

#prefs li a
{
    color:#0099cc;
    font-size:13px;
}

#prefs li a:hover
{
    color:#0000cd;
    border-bottom: 1px solid;
    padding-bottom: 1px;
}

#prefs li .areaLink
{
    color:#0000CD !important;
    font-size:13px;
}

#prefs li .areaLink:hover
{
    color:#0099cc !important;
}


#prefs ul
{
    float:left;
    list-style:none;
    padding-left:8px;
    border-right:#add8e6 1px solid;
    padding-right:5px;
}

#prefs8
{
    border-right:none !important;
}