area {
  display: block;
  cursor: pointer;
}
div#main {
    background: #fff;
    float: left;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 57px;
}

section#left {
    margin: 18px 10px 0 16px;
    width: 600px;
    float: left;
}

section#right {
    margin: 18px 20px 25px 6px;
    width: 330px;
    float: left;
}

.border_circle {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#left_map {
    background: url(../../img/pc/top/bg_map_title.png) no-repeat;
    width: 610px;
    height: 626px;
}
input:focus{
outline:none;
}
#Map area {
outline:none;
}
#left_map .title {
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding-top: 25px;
    font-weight: bold;
}

#left_map .map_title {
    margin-left: 15px;
    margin-top: 29px;
    padding-bottom: 3px;
    background: url(../../img/pc/top/bottom_map.png) no-repeat left bottom;
}

#left_map .map_title span {
    background: url(../../img/pc/top/map_title.png) no-repeat left center;
    color: #0096e6;
    font-weight: bold;
    font-size: 18px;
    padding-left: 15px;
    line-height: 30px;
}

#left_map .map_img {
    margin: 10px 0px 0px 15px;
    position: relative;
}

#left_map .search {
    margin: 5px 0px 10px 15px;
    padding-bottom: 3px;
    background: url(../../img/pc/top/bottom_map.png) no-repeat left bottom;
}

#left_map .search span {
    background: url(../../img/pc/top/map_title.png) no-repeat left center;
    color: #0096e6;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
    padding-left: 15px;
}

#left_map .search_area {
    background: #f6f8f9;
    width: 577px;
    height: 138px;
    border: 1px solid #bcbdbe;
    margin-left: 15px;
    font-family: "HiraKakuPro W6", "Kozuka Gothic Pr6N", "ShinGo",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ",
        Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

#left_map .search_box {
    float: left;
    width: 435px;
    height: 38px;
    margin-top: 6px;
    margin-left: 10px;
}

#left_map .search_box img{
    float: right;
    height: 30px;
    width: 34px;
}
#left_map .search_box .icon-search{
    height: 30px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 34px;
}

#left_map .search_box input {
    border: medium none;
    color: black;
    font-size: 14px;
    background-color: #F7F7F7;
    height: 90%;
    margin-left: 2px;
    margin-top: 2px;
    padding-left: 10px;
    width: 400px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    
}

#left_map .search_area .active {
    background: url(../../img/pc/top/txt_active.png) no-repeat left center;
    position: relative;
}

#left_map .search_area .inactive {
    background: url(../../img/pc/top/txt_inactive.png) no-repeat left center;
    position: relative;
}

#left_map .search_area .btn_search {
    float: right;
    width: 120px;
    margin-top: 10px;
}

#news {
    background: url(../../img/pc/top/new_bgr.png) no-repeat;
    width: 598px;
    margin-top: 15px;
    margin-left: 5px;
    height: 25px;
    padding-top: 5px;
}

#news span.title {
    background: url(../../img/pc/top/news_title_img.png) no-repeat;
    color: #fff;
    padding-left: 25px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 14px;
}

#news span.more {
    float: right;
    margin-right: 4px;
    margin-top: 2px;
}

#left .contents {
    margin-bottom: 2px;
    margin-left: 5px;
    padding-bottom: 2px;
    margin-top: -11px;
    background: url(../../img/pc/top/news_contents.png) no-repeat left
        bottom;
}

#left .contents p {
    background: url(../../img/pc/top/news_contents.png) no-repeat;
    padding-top: 15px;
    padding-top: 20px \0/;
    padding-left: 11px;
    font-size: 11px;
    line-height: 15px;
    line-height: 10px \0/; 
    font-family: "HiraKakuPro W6", "Kozuka Gothic Pr6N", "ShinGo",
        "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ",
        Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

#left .contents span.wborder {
    backgrounds: url(../../img/pc/top/news_split.png) no-repeat right center;
    border-right: 1px solid #ccc;
    color: #b1b1b1;
    padding-right: 10px;
    padding-top: 5px \0/;
    _padding-top: 5px;
    *padding-top: 5px; 
}

#left .contents span.nborder {
    color: #000;
    padding-left: 10px; 
    
}

#left .contents span a {
    color: #000;
    text-decoration: none;
    line-height: 10px;
}

#left .contents span a:hover {
    color: #34a1e8;
    text-decoration: underline;
}
#left #link_search{
	background: url(../../img/pc/top/search_img.png) no-repeat ;
}
/*IMAGE MAP*/

.table-data-wraper {
    width: 166px;
    padding: 0;
    margin: 0;
    position: relative;
}
#left .popMap {
    width: 166px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    padding: 0 0 20px;
    background: url("../../img/pc/top_bg_arrow.png") no-repeat scroll center bottom / 166px auto rgba(0, 0, 0, 0);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#left .table-data {
    overflow: hidden;
}

#left .table-data:after {
    content: ' ';
    position: absolute;
    height: 50;
    width: 50;
    background-color: white;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: #FFFFFF;
    left: 75px;
    bottom: -50px;;
    z-index: 1000000000;
}

#main #left .popMap h3 {
    magin-top: 0;
    line-height: 23px;
    background-color: #323232;
    color: white;
    text-align: center;
    text-shadow: none;
    text-transform: none;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3px;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

#left .popMap .table-data span {
    display: block;
    float: left;
    width: 81px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#left .popMap .table-data span:nth-child(even) {
    margin-right: 4px;
}

#left .popMap .table-data span a {
    color: white;
    text-decoration: none;
}
#left #area0{
    left: 320px;
    top: -80px;
}
#left #area1{
    left: 320px;
    top: 2px;
}
#left #area2{
    left: 310px;
    top: 20px;
}
#left #area3{
   left: 260px;
    top: 60px;
}
#left #area4 {
    left: 240px;
    top: 30px;
}
#left #area5{
    left: 190px;
    top: 5px;
}
#left #area6{
    left: 150px;
    top: 135px;
}
#left #area7{
    left: 160px;
    top: 72px;
}
#left #area8{
    left: 90px;
    top: 65px;
}
#left #area9{
    left: 60px;
    top: 130px;
}