.container {
 max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}
.container-main {
 max-width: 100%;
    padding-right: 0px;
    padding-left: 15px;
    padding-top: 10px; 
}
.navbar-brand {
    padding-top: 0px;
    background: url("picture/rogo_smallBK.png") no-repeat left center;
  background-size: contain;
      height: 50px;
  width: 300px;
}
.panel-heading {
  padding: 5px 10px;
  height: 40px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.row-topspace {
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 15px
}

body { margin: 0; line-height: 160%; font-family: arial,sans-serif; }
html, body, #map_canvas, #directionsPanel { height: 100%; }
#map_canvas { float: right; width: 70%; }
#directionsPanel { float: left; width: 30%; overflow: auto; font-size: 80%; line-height: 160%; }
 
@media print {
  html, body { height: auto; }
  #map_canvas { height: 650px; }
}
.adp-placemark { margin-top: 0; }
.adp-step { background: #eee; }
.adp-summary, .adp-step, .adp-substep { padding: 0.3em 0.5em; }
.adp-legal { padding: 0 0.5em; font-size: 80%; }


table.base {
    width: 100%;
    margin:20px 0px 50px;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-spacing:0px;
}
table.base tr th,table.base tr td {　/*「,（カンマ）」で区切って複数のセレクタを指定しています*/
    font-size: 12px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 7px;
}
@media (max-width: 800px) {
  body {
    padding-top: 65px;
    padding-left: 5px;
    padding-bottom: 20px;
  }
}