.sitmap-box {
  width: 100%;
  height: 2000px
}

.sitmap-surround {
  width: 50%;
  margin: 10px auto;
  border-radius: 20px;
  border: 3px dashed green;
  box-shadow: 2px 2px 2px silver;
  float: bottom;

}

.map-text {
  text-shadow: 1px 1px 2px silver;
  font-size: 25px;
}

a.map-text1 {
    color: #00BB00;
    font-size:25px;
    text-shadow: 2px 2px #fff, 5px 5px rgba(0, 188, 212, 0.4);
}

li.list_test {
    list-style:  none;
    margin: 0 0 0 15px;
    padding: 0;
}
 
 
.list_test:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: green;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

ul.sitmap {
  margin: 0 0 0 10px;
}

li.sitmap {
  margin: 7px 0 7px 40px;
}

li.sitmap a{
  background-color: red;
}

li.sitmap1 {
  margin: 2px 0 2px 70px;
}

li.sitmap2 {
  margin: 1px 0 1px 90px;
}

li.sitmap a ,li.sitmap1 a ,li.sitmap2 a{
  background-color: white;
}