/* TOP */
img.topImg {
  width: 480px;
  height: 640px;
  padding: 2px;
  border: double 4px #c00;
  margin: 0 auto;
}

dl.topInfo {
  width: 440px;
}

dl.topInfo dt {
  width: 160px;
}

dl.topInfo dd {
  padding-left: 160px;
}

/* CHARACTER */
div.chrAreaLeft {
  float: left;
  width: 50%;
}

div.chrAreaRight {
  float: right;
  width: 50%;
}

div.chrImgArea {
  position: relative;
  text-align: left;
  width: 240px;
  height: 320px;
  padding: 2px;
  border: double 4px #c00;
  background: #400;
  margin: 0 auto 1em;
}

div.chrImgArea img {
  background: #600;
}

div.chrImgArea div {
  position: absolute;
  right: -28px;
  background: #900;
  width: 16px;
  height: 16px;
}

div.chrImgArea div:hover {
  background: #f00;
}

div.chrRollover1 {
  top: 8px;
}
div.chrRollover2 {
  top: 32px;
}

img.chrImgRollover {
  position: absolute;
  top: 2px;
  left: 2px;
  background: #600;
  visibility: hidden;
}

div:hover + img.chrImgRollover {
  visibility: visible;
}

/* SYSTEM */
div.scrImgArea img{
  padding: 2px;
  border: double 4px #c00;
  margin: 0 auto;
}

img.scrImg {
  width: 320px;
  height: 240px;
}

img.scrImgH80 {
  width: 320px;
  height: 80px;
}

dl.startOpr {
  width: 400px;
}

dl.startOpr dt {
  width: 160px;
}

dl.startOpr dd {
  padding-left: 160px;
}

dl.eventOpr {
  width: 440px;
}

dl.eventOpr dt {
  width: 160px;
}

dl.eventOpr dd {
  padding-left: 160px;
}

dl.eventMenu {
  width: 400px;
}

dl.eventMenu dt {
  width: 160px;
}

dl.eventMenu dd {
  padding-left: 160px;
}

dl.moveOpr {
  width: 360px;
}

dl.moveOpr dt {
  width: 120px;
}

dl.moveOpr dd {
  padding-left: 120px;
}

dl.menuOpr {
  width: 360px;
}

dl.menuOpr dt {
  width: 120px;
}

dl.menuOpr dd {
  padding-left: 120px;
}

dl.status {
  width: 480px;
}

dl.status dt {
  width: 120px;
}

dl.status dd {
  padding-left: 120px;
}

dl.battleUnit {
  width: 520px;
}

dl.battleUnit dt {
  width: 120px;
}

dl.battleUnit dd {
  padding-left: 120px;
}

dl.battleCmd {
  width: 440px;
}

dl.battleCmd dt {
  width: 120px;
}

dl.battleCmd dd {
  padding-left: 120px;
}

/* THANKS */
dl.thanks {
  width: 480px;
}

dl.thanks dt {
  width: 160px;
}

dl.thanks dd {
  padding-left: 160px;
}
