.areainfo {
    position: relativer;
    margin-top: 20px;
    margin-bottom:20px;
    box-sizing: border-box;
    border: solid 3px #e4e5e6;
/*    border-radius: 8px;*/
    padding: 5px;
    background-color: #f5f5f5;
    background-color: #f6f6f7;
}
.areainfo p {
  margin-left: 15px;
  color: #9d7418;
}
.areainfo a:link {
    text-decoration: none;
    color: #363636;
}
.areainfo a:hover {
    color: #000;
    text-decoration: underline;
}
.areainfo a:visited {
    text-decoration: none;
    border: none;
    color: #363636;
}
.cl {
margin-left: 23px;
  margin-top: 6px;
  margin-bottom: 0px;
  color: #9d7418;
  font-weight: bold;
    font-size: 15px;
}
#sub1 {
    width: 780px;
}
.areainfo ul,
li {
    fill: initial;
    margin: 0;
    padding: 0;
}
.areainfo ul {
    margin-left: 5px;
}
.areainfo li {
display: inline-block;
  box-sizing: border-box;
  list-style-type: none;
  border: solid 0px #ccc;
  padding: 0px;
  margin-top: 3px;
  margin-left: 5px;
  border-radius: 4px;
  background-color: #f6f6f7;
  background-image: url(none);
  background-position: left center;
  background-repeat: no-repeat;
  margin-left: 5px;
  font-size: 12px;
  white-space: nowrap;
}
.areainfo li a:link{
    text-decoration: none;
}
.areainfo li a:hover{
    text-decoration: none;
    color:#ffb906;
}


.areainfo > h2 {
/*    background-color: #f5f5f5;*/
    box-sizing: border-box;
    width: 90%;
    padding: 8px 10px 3px 0px;
    font-size:16px;
    margin: 0 0 5px 15px;
    border: solid 0px #ccc;
/*    color: #9d7418;*/
    color:#000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    background-color:#e4e5e6;
    background-color:#f6f6f7;
}