#canvas {
    width: 320px;
    height: 568px;
    background-size: 100%;
    position: relative;
    background-repeat: no-repeat;
    left: 0px
    top: 0px;
    z-index:-9999;
}
#target_mark_top{
    width: 133px;
    height: 80px;
    background-image: url("../img/corseicon_runner_y.png");
    background-repeat: no-repeat;
    position: absolute;
    z-index:2;
}
#target_mark_best{
    width: 137px;
    height: 80px;
    background-image: url("../img/corseicon_record_y.png");
    background-repeat: no-repeat;
    position: absolute;
    z-index:1;
}

#runatn.attention{
  background: url("/ekiden48/sphone/second/ekiden_map/img/corseicon_record_y.png") no-repeat 0 0;
  background-size: 43px;
  color: #333333;
  font-size: 12px;
  padding: 9px 0 6px 44px;
  height: 28px;
  margin-top: .5em;
}


div#kouteisa_map{
    width: 280px;
    height: 110px;
    background-image: url("../img/kouteisa_map/1k.png");
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
    /*left: 0px;*/
    margin: 0 auto;
    z-index:-9999;
}

#kouteisa_button{
  margin-bottom: 20px;
  /*margin-top: 15px;*/
  /*height: 114px;*/
}

#kouteisa_button ul{
    /*height: 104px;*/
}

#kouteisa_button ul .allmap{
    width: 100%;
}

#kouteisa_button ul .allmap a{
    padding: 9px;
}

#kouteisa_button ul li a{
    padding: 10px 0;
}

#target_kouteisa_top{
    width: 29px;
    height: 85px;
    background-image: url("../img/kouteisa_map/runner_icon.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 27px;
    z-index:2;
}
#mater{
    width: 25px;
    height: 105px;
    background-image: url("../img/kouteisa_map/mater.png");
    background-repeat: no-repeat;
    position: relative;
    left: 1px;
    top: 0px;
    z-index:5;
}
#mater2{
    width: 25px;
    height: 105px;
    background-image: url("../img/kouteisa_map/mater.png");
    background-repeat: no-repeat;
    position: relative;
    top: -105px;
    left: 576px;
    z-index:5;
}
#leftBtn,#rightBtn{
    width: 25px;
    height: 81px;
    overflow: hidden;
    text-indent: -9999em;
    color: white;
}
body{
    background-color: transparent;
    margin: 0;
    padding: 0;
}

#rightBtn {

}

#leftBtn {

}



#leftBtn{
    float: left;
    background: url(../../img/leftBtn.png) no-repeat;
    /*background: url(../../img/arrowLeft.png) no-repeat center,url(../../img/kouteisaBg.gif) repeat-x 0 0;*/
    position: relative;
    z-index: 1;
}
#rightBtn{
    float: right;
    background: url(../../img/rightBtn.png) no-repeat;
    /*background: url(../../img/arrowRight.png) no-repeat center right,url(../../img/kouteisaBg.gif) repeat-x 0 0;*/
    position: relative;
    z-index: 2;
}
#kouteisa{
    width: 260px;
    /*float: left;*/
    position: relative;
    z-index: 0;
    margin: 0 auto;
    height: 115px;
    overflow-x: auto;
//    -webkit-overflow-scrolling:touch;
}
#kouteisa #kouteisa_map::-webkit-scrollbar{
    width: 5px;
}
#kouteisa #kouteisa_map::-webkit-scrollbar:horizontal{
    width: 5px;
}
#kouteisa #kouteisa_map::-webkit-scrollbar-thumb{
    width: 2px;
}
#kouteisa #kouteisa_map::-webkit-scrollbar-thumb:horizontal{
    width: 2px;
}


.alert {
    font-size: 12px;
    color: #999999;
    margin: 10px;
    margin-top: 0;
}