body{ 
    margin: 0;
    padding: 0px 0 50px 0; 
}
* html body{ 
    overflow: hidden;  
} 

.header {
     float: center;
     border: 2px solid #fff;
     background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 18px;
  padding: 0 0px;
}
 
.wrapper {
     float: right;
     margin: 0;
     width: 100%;
     margin-left: -200px;

}
 
.content {
     border: 0px solid #fff;
     margin-left: 0px;
  display: block;

}

p.infobox {
   height: 100;  /* 高さを制限(※) */
   overflow: scroll; /* スクロールバーを表示(※) */
   border: #00ab4e 2px dashed;  /* 枠線を追加 */
   background-color: #fff; /* 背景色を追加 */
     width:350px;
     padding: 10 10px;
     font-size:12px;
}

 
.sidebar {
     border: 0px solid #fff;
     width: 200px;
     height: auto;
}
 


.footer {
     border: 2px solid #00ab4e;
  padding: 0 0px;
  background: #00ab4e;
    position: fixed !important; 
    position: absolute;
    bottom: 0;
    left: 0;  
    width: 100%; 
    height: 60px; 
}

a.original:link{
　color:#fff;
　text-decoration:underline;
}
a.original:visited{
color:#fff;
text-decoration:underline;
}
a.original:hover{
　background: #fff;
　color:#00f;
　text-decoration:none;
}
a.original:active{
　color:#fff;
　text-decoration:underline;
}

 @media (max-width: 1000px) {
     .wrapper, .content, .sidebar {
          float: none;
          margin: 0;
          width: auto;
     }
}

img{
     max-width: 100%;
     height: auto;
     display:block;
}

#navre a {
  background: #e0f783;
  color: #000;
  display: block;
  float: center;
  font-size: 14px;
  line-height: 40px;
  margin: 0 1px 0 0;
  padding: 10 0px;
  text-decoration: none;

}
#navre a:hover {
  background: #fff;
  color: #fff;
}
@media screen and (max-width: 1000px) {
  #navre a {
    float: none;
    margin: 0 0 1px 0;
    width: 100%;
  }
}