body{
  OVERFLOW: auto;

}

div.base{  
  width: 100%;
  height: 100%;
  
}

div.base-menu-top{
  float: left;
  width: 20%;
  height: 20%;
  TEXT-ALIGN: center;
  BACKGROUND-IMAGE: url(img/back-contents-with-flower.gif);
  background-position: 12% 50%;
  border-top-style:outset;
  border-top-width:100%;
  border-top-height:100%;
  margin:0px;

}

div.base-content-top{
  float: left;
  width: 80%;
  height: 20%;
  TEXT-ALIGN: center;
  BACKGROUND-IMAGE: url(img/back-with-pepper.gif);
  background-position: 12% 50%;
  border-top-style:outset;
  border-top-width:100%;
  border-top-height:100%;

}

div.base-menu{
  float: left;
  width: 20%;
  height: 75%;
  TEXT-ALIGN: left;
  BACKGROUND-IMAGE: url(img/back-contents-with-flower.gif);
  margin:0px;
}

div.base-content {
  float: left;
  width: 80%;
  height: 75%;
  TEXT-ALIGN: right;

}

div.base-menu-bottom{
  float: left;
  width: 20%;
  height: 5%;
  TEXT-ALIGN: right;
  border-top-style:outset;
  border-top-width:100%;
  border-top-height:100%;
  margin:0px;
}

div.base-footer {
  float: left;
  width: 80%;
  height: 5%;
  TEXT-ALIGN: right;
  border-top-style:outset;
  border-top-width:100%;
  border-top-height:100%;
  margin-bottom:0px;
}

div.rereki-font-position{
  position: relative;
  top:5%;
  left:0%;
}



