@charset "Shift_JIS";

/* common */

body {
 background: #000;
 margin: 0;
 font-size: 80%;
 color: #fff;
 }

a:link {
 color: #fff;
 text-decoration: none;
}
a:visited {
 color: #fff;
 text-decoration: none;

}
a:hover {
 color: #f00;
 text-decoration: underline;
}

div.update {
 text-align: right;
 font-size: 90%;
 color: #333;
}
div.update02 {
 margin-top: 0.2em;
 font-size: 90%;
 letter-spacing: 1px;
 color: #ccc;
}

div.mainarea {
  width: 740px;
 text-align: left;
 padding: 0.8em;
 color: #000;
 font-size: 90%;
}

td.bgpat01 {
 background-color: #000;
}
td.bgpat02 {
 background-color: #ccc;
}
td.bgpat03 {
 background-color: #000;
 padding-top: 0.4em;
}

table.laytab {
 color: #000;
 font-size: 90%;
 padding: 0;
}

/* mainarea */

h1 {
 font-size: 150%;
 color: #666;
 font-weight: bold;
 border-bottom: dashed 2px #666;
}

h2 {
 font-size: 120%;
 color: #f00;
 font-weight: bold;
 border-left: solid 6px #666;
 padding-left: 0.4em;
 margin: 1.2em auto 0.6em 0.4em;
}

h3 {
 font-size: 120%;
 color: #006;
 font-weight: bold;
 padding-left: 0.4em;
 margin: 1.2em auto 0.6em 0.4em;
}

p {
 margin: 0.4em auto 0.2em 1.2em;
}

p a:link {
 color: #00f;
 text-decoration: none;
}
p a:visited {
 color: #00f;
 text-decoration: none;

}
p a:hover {
 color: #fff;
 text-decoration: underline;
}