body {
  text-align       : center;
  padding          : 0px;
  margin           : 0px;
  background-image : url(images/bg.gif);
  background-repeat: repeat;
}

#contents {
  text-align      : left;
  height          : auto;
  width           : 780px;
  margin-top      : 0px;
  margin-right    : auto;
  margin-bottom   : 0px;
  margin-left     : auto;
  background-color: #FFFFFF;
  padding         : 0px;
}

#contents #header {
  width           : 780px;
  padding         : 0px;
  margin-top      : 0px;
  margin-right    : auto;
  margin-bottom   : 0px;
  margin-left     : auto;
  text-align      : center;
  height          : 473px;
  background-image: url(images/top.jpg);
}

#contents #header2 {
  width            : 780px;
  padding          : 0px;
  margin-top       : 0px;
  margin-right     : auto;
  margin-bottom    : 0px;
  margin-left      : auto;
  text-align       : center;
  height           : 100px;
  background-image : url(images/header.jpg);
  background-repeat: no-repeat;
}

#contents #menu {
  height       : 30px;
  width        : 780px;
  padding      : 0px;
  margin-top   : 0px;
  margin-right : auto;
  margin-bottom: 0px;
  margin-left  : auto;
}

#contents #mainbox {
  width         : 720px;
  margin-right  : auto;
  margin-left   : auto;
  padding-top   : 20px;
  padding-bottom: 20px;
}

#contents #left {
  width           : 450px;
  float           : left;
  height          : auto;
  background-color: #FFFFFF;
  text-align      : left;
  padding-top     : 20px;
  padding-right   : 10px;
  padding-bottom  : 20px;
  padding-left    : 0px;
  margin-top      : 0px;
  margin-right    : 0px;
  margin-bottom   : 0px;
  margin-left     : 15px;
}

#contents #right {
  width         : 270px;
  float         : right;
  height        : auto;
  padding-top   : 4px;
  padding-bottom: 0px;
  padding-left  : 20px;
  padding-right : 0px;
  margin-top    : 0px;
  margin-right  : 15px;
  margin-bottom : 0px;
  margin-left   : 0px;
}

#contents #footer {
  height          : 30px;
  width           : 780px;
  text-align      : center;
  clear           : both;
  margin          : 0px;
  padding         : 0px;
  background-image: url(images/footer.gif);
}

.photo-right {
  float        : right;
  margin-top   : 0px;
  margin-right : 0px;
  margin-bottom: 10px;
  margin-left  : 10px;
}

.photo-center {
  display      : block;
  margin-top   : 20px;
  margin-right : auto;
  margin-bottom: 10px;
  margin-left  : auto;
}

.photo-left {
  float        : left;
  margin-top   : 0px;
  margin-right : 10px;
  margin-bottom: 10px;
  margin-left  : 0px;
}

#box .backnumber{margin-bottom:30px;padding:5px;text-align:center;border:1px solid #6aac06;border-radius:3px;background:#f5ffe7;}
#box .backnumber h5{font-size:15px;font-weight:bold;margin:0;color:#6aac06;}
#box .backnumber .years{margin-top:5px;}
#box .backnumber a{font-size:13px;line-height:1;display:inline-block;margin:2px;padding:2px 10px;color:#fff;border-radius:8px;background:#6aac06;text-decoration:none;}
#box .backnumber a:hover{background:#90d02f;}
#box .backnumber a.disabled{color:#6aac06;background:#c5eb8c;}
/* @media only screen and (max-width:767px){
  #box .backnumber{margin-top:4vw;padding:1.5vw;}
  #box .backnumber h5{font-size:3.4vw;}
  #box .backnumber .years{margin-top:1vw;}
  #box .backnumber a{font-size:3vw;padding:1vw 2vw;}
} */