#mainpage {
  border: 2px solid black;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 25px;
  background: url(/bg_main2.png);
  background-size: 384px 384px;
}
#intrimg {
  opacity: 1.0;
  transform: scale(1);
}
#intrimg:hover {
  opacity: 0.9;
   transform: scale(0.99);
}
#mainchara {
  opacity: 1.0;
  border: 2px solid black;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background: url(/bg_maincharasm.png);
  background-size: 192px 192px;
}
#pagesmall {
  border: 2px solid black;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  padding: 25px;
    background: url(/bg_main.gif);
}
#maincharasm {
  opacity: 1.0;
  border: 2px solid black;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 85%;
  background: url(/bg_maincharasmu.png);
}