@charset "euc-jp";
/*                                                   */
/* Default Style Sheet for Retro Computer People     */
/*                                                   */
/*               Copyright (C) 2006-2008 Thunderbolt */
/*                                                   */

body {
  color: white;
  background-color: black;
  font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS P Gothic", HiraKakuPro-W3, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Osaka;
  font-size: small;
}

div {
  margin: 2ex;
}

#logo {
  margin: 0px;
}

#head {
  margin: 2ex 0px;
}

#location {
  margin: 0px;
  font-weight: bold;
}

#title {
  color: lime;
  font-weight: bold;
  text-align: center;
  width: 100%;
  filter: Glow(color=lime,strength=2);
}

#body {
  line-height: 130%;
}

#menu {
  line-height: 150%;
}

#lyr {
  text-align: center;
  line-height: 150%;
}

/* Button */

div.button {
  text-align: center;
}

table.button {
  text-align: center;
  border-style: none;
}

td.button {
  text-align: center;
  vertical-align: middle;
  border-color: red;
  border-style: solid;
  border-width: 1px;
}

a.button {
  text-decoration: none;
}

/* Item */

.item {
  color: white;
  font-weight: bold;
  width: 100%;
  filter: Glow(color=blue,strength=120);
}

.item2 {
  color: deepskyblue;
  font-weight: bold;
  width: 100%;
  margin-left: 1ex;
}

/* Logo */

img.logo {
  width: 50%;
}

p.logo1 {
  color: #D30000;
  font-size: 35px;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 23px;
}

p.logo2 {
  color: #0000E3;
  font-size: 35px;
  font-weight: bold;
  margin-top: -45px;
  margin-left: 95px;
}

/* Important styles */

.i_right {
  text-align: right !important;
  border-right-style: none !important;
}

.i_left {
  text-align: left !important;
  border-left-style: none !important;
}

.i_top {
  border-top-style: none !important;
}

.i_bottom {
  border-bottom-style: none !important;
}

/* Global Style */

.hidden {
  display: none;
}

.mono {
  font-family: "£Í£Ó ¥´¥·¥Ã¥¯", "Osaka-ÅùÉý";
  text-align: center;
}

.xlarge {
  font-size: x-large;
}

.large {
  font-size: large;
}

.medium {
  font-size: medium;
}

.small {
  font-size: small;
}

.xsmall {
  font-size: x-small;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.margin5 {
  margin-left: 5%;
  margin-right: 5%;
}

.margin10 {
  margin-left: 10%;
}

.margin15 {
  margin-left: 15%;
}

.margin20 {
  margin-left: 20%;
}

.lh150 {
line-height: 150%;
}

.lh200 {
line-height: 200%;
}

.nobr {
  white-space: nowrap;
}


.notice {
  color: #f0f060;
  font-size: x-small;
  line-height: 120%;
}

.copyr {
  font-size: x-small;
  text-align: center;
}

.caution {
  color: yellow;
}

.new {
  color: darkorange;
  font-size: x-small;
}

.ul {
  text-decoration: underline;
}
.bgc1 { background-color: #000060 } /* PC-8801 */

.bgc2 { background-color: #405000 } /* PC-80 */

.bgc3 { background-color: #380048 } /* PC-88VA */

.bgc4 { background-color: #580000 } /* PC-98DO */

.bgc5 { background-color: #005040 } /* Intnl. */

.bgc6 {background-color: #703000 }

.bgc7 {background-color: gainsboro }

.bgc8 {background-color: #000080 }

.bgc9 {background-color: #303030 }

/* Hyperlink */

a:link {
  color: white;
}

a:hover {
  color: white;
  background-color: royalblue;
}

a:active {
  color: white;
}

a:visited {
  color: white;
}

/* Hyperlink menu & Icons */

#head A {
  background-repeat: no-repeat;
  text-decoration: none;
}

#head A:link {
  background-repeat: no-repeat;
}

#head A:hover IMG {
  visibility: hidden;
}

img.menu {
  border-style: none;
}

#mn_machin {
  background-image: url(../images/tb_machin.png);
  background-repeat: no-repeat;
}

#mn_games {
  background-image: url(../images/tb_games.png);
  background-repeat: no-repeat;
}

#mn_progs {
  background-image: url(../images/tb_progs.png);
  background-repeat: no-repeat;
}

#mn_links {
  background-image: url(../images/tb_links.png);
  background-repeat: no-repeat;
}

#mn_hist {
  background-image: url(../images/tb_hist.png);
  background-repeat: no-repeat;
}

#mn_gb {
  background-image: url(../images/tb_gb.png);
  background-repeat: no-repeat;
}

/* Screen images */

img.scrn30 {
  width: 30%;
  border-color: mediumblue;
  border-style: solid;
  border-width: 1px;
}

img.scrn60 {
  width: 60%;
  border-color: mediumblue;
  border-style: solid;
  border-width: 1px;
}

img.scrn100 {
  border-color: mediumblue;
  border-style: solid;
  border-width: 1px;
}

img.border {
  border-color: silver;
  border-style: solid !important;
  border-width: 1px;
}

/* Banner */

td.banner {
  vertical-align: top;
  padding-right: 1em;
  padding-bottom: 2em;
}

/* horizontal Rules */

hr.bottom {
  color: darkgray;
  height: 1px;
  noShade;
}

hr.border {
  color: slategray;
  height: 1px;
  noShade;
}

/* Machine spec. */

table.spec {
  font-size: x-small;
  vertical-align: middle;
  white-space: nowrap;
  border-style: none;
  border-width: 1px;
  overflow: scroll;
  border-collapse: collapse;
  empty-cells: show;
}

th.spec {
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  border-color: darkgray;
  border-style: solid;
  border-width: 1px;
  background-color: #505050;
}

td.spec {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  border-color: darkgray;
  border-style: solid;
  border-width: 1px;
}

/* Model number */

table.model {
  font-size: x-small;
  vertical-align: middle;
  white-space: nowrap;
  border-style: none;
  border-width: 1px;
  overflow: scroll;
  border-collapse: collapse;
  empty-cells: show;
}

th.model {
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  border-color: darkgray;
  border-style: solid;
  border-width: 1px;
  background-color: #505050;
}

td.model {
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  border-color: darkgray;
  border-style: solid;
  border-width: 1px;
}

/* BASIC reference list */

table.basref {
  font-size: small;
  vertical-align: middle;
  border-collapse: collapse;
  empty-cells: show;
}

td.basref {
  vertical-align: middle;
  padding: 3px;
  border-style: solid;
  border-width: 1px;
}

td.nobr {
  white-space: nowrap;
}

p.format {
  color: yellow;
  font-family: monospace;
  font-size: medium;
  font-weight: bold;
}

p.tips {
  text-indent: 1em;
}

/* Game Chronicles */

table.chro {
  font-size: x-small;
  vertical-align: middle;
  white-space: nowrap;
  border-style: none;
  border-width: 1px;
  overflow: scroll;
  border-collapse: collapse;
  empty-cells: show;
}

th.chro {
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  border-color: lightskyblue;
  border-style: solid;
  border-width: 1px;
  background-color: gray;
}

td.chro {
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  border-color: lightskyblue;
  border-style: solid;
  border-width: 1px;
}

/* Program information */

table.info {
  font-size: x-small;
  vertical-align: middle;
  white-space: nowrap;
  overflow: scroll;
  border-width: 1px;
  border-style: solid;
  border-color: lightskyblue;
  border-collapse: collapse;
}

th.info {
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  border-color: lightskyblue;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}

td.info {
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  border-style: none;
}

/* Game Detail Pages */

img.detail {
  width: 30%;
  border-color: lightsteelblue;
  border-style: solid;
  border-width: 1px;
  float: left;
}

td.detail {
  text-indent: 1em;
}

p.detail {
  clear: both;
}

/* Gradation */

.gr00 {  color: cyan; }

.gr01 {  color: #0df3f9; }

.gr02 {  color: #1ae6f3; }

.gr03 {  color: #27d9ec; }

.gr04 {  color: #33cce6; }

.gr05 {  color: #40c0e0; }

.gr06 {  color: #4db3d9; }

.gr07 {  color: #5aa6d3; }

.gr08 {  color: #6699cc; }

.gr09 {  color: #738dc6; }

.gr10 {  color: #8080c0; }

.gr11 {  color: #8d73ba; }

.gr12 {  color: #9966b3; }

.gr13 {  color: #a65aad; }

.gr14 {  color: #b34da7; }

.gr15 {  color: #c040a0; }

.gr16 {  color: #cc3399; }

.gr17 {  color: #d92794; }

.gr18 {  color: #e61a8d; }

.gr19 {  color: #f30d87; }

.gr20 {  color: #ff0080; }

/* End of Stylesheet */
