a:link {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
a:visited {
  color: rgb(230, 230, 230);
}
a:hover {
  color: rgb(100, 200, 200);
}
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
}
body {
  top: 10px;
  left: 5%;
  background-image: none;
  background-color: rgb(200, 200, 200);
}
.title-main {
  position: absolute;
  font-family: Times;
  font-weight: bold;
  border-image-source: none;
  font-size: 80px;
  text-align: center;
  width: 700px;
  height: 120px;
  color: rgb(0, 0, 0);
  margin-top: 20px;
}
.menu {
  position: absolute;
  font-family:'Times New Roman';
  text-align: center;
  width: 70px;
  height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.498039);
  color: rgb(255, 255, 255);
}
.m1 {
  left: 25px;
}
.m2 {
  left: 105px;
}
.m3 {
  left: 185px;
}
.m4 {
  left: 265px;
}
.top-img {
}
.menu-g {
  height: 40px;
  left: 30px;
  top: 20px;
  background-color: #666;
}

.container {
  width: 700px;
  position: absolute;
  height: 700px;
  top: 10px;
  left: 3%;
}
.img-main {
  top: 0px;
  left: 0px;
  width: 700px;
  height: 400px;
}
.container-body {
/*  position: absolute;*/
  width: 700px;
  height: 400px;
  top: 160px;
}
.container-body {
  position: absolute;
  width: 700px;
  height: 400px;
  top: 156px;
}
.container-footer {
  height: 60px;
  background-color: rgba(90, 70, 60, 0.8);
}
.copyRight {
  text-align: center;
  font-family: sans-serif;
  letter-spacing: 0.1em;
  line-height: 120%;
  font-size: 12px;
  color: rgb(208, 208, 208);
  margin-top: 30px;
  padding-top:15px;
}
.music-name {
  position: absolute;
  width: 70px;
  height: 18px;
  font-family:'Times New Roman';
  text-align: right;
  letter-spacing: 0.1em;
  right: 25px;
  top: 40px;
  color:fff;
}
.icon-note {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  opacity: 0.8;
  top: 120px;
  background-image: url(/web/20180816143456im_/http://atsumiyoshiro.com/img/icon-note.png);
}
.icon-note:hover {
  background-image: url(/web/20180816143456im_/http://atsumiyoshiro.com/img/icon-note-hover.png);
}
/*
     FILE ARCHIVED ON 14:34:56 Aug 16, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:57:33 Jul 13, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.442
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.015
  esindex: 0.01
  cdx.remote: 13.104
  LoadShardBlock: 536.22 (3)
  PetaboxLoader3.resolve: 520.942 (4)
  PetaboxLoader3.datanode: 254.977 (4)
  load_resource: 307.963
*/