/* 表示しない */
.notvisible {
  display: none;
}

/* 一般 */
a:link {
  color: #00f;
}

a:visited {
  color: #309;
}

a:link:active, a:visited:active {
  color: #f00;
}

a:link:hover, a:visited:hover {
  color: #f00;
  background: #ffc;
}

p {
  text-indent: 1em;
  margin: 0;
  padding: 0;
}

.center {
  text-indent: 0;
  text-align: center;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

a.img img {
  border: 0;
}

.large {
  font-size: large;
}

.notice {
  color: #f00;
}

.large-notice {
  font-size: large;
  color: #f00;
}

.more {
  text-align: right;
  font-style: italic;
  font-weight: normal;
}

.right {
  text-align: right;
}

.bbox {
  border: solid 1px #999;
  margin: 0.5em 0 0.5em 0;
  padding: 0.25em;
}

.box {
  background: #ffe;
  border: solid 1px #999;
  margin: 0.5em 0 0.5em 0;
  padding: 0.25em;
}

ul.box, ol.box {
  padding-left: 1.5em;
}

.box-screen {
  background: #333;
  color: #fff;
  border: solid 1px #999;
  margin: 0.5em 0 0.5em 0;
  padding: 0.25em;
}

.box-screen .rev {
  color: #000;
  background: #ccc;
}

/* 表現 */
body {
  background: #efe url('img/bg.png');
}

.root {
  background: #fff;
  border: 1px #999 solid;
}

/* 小間物 */
.top {
  margin: 0;
  padding: 0.5em;
  border-style: solid;
  border-color: #999;
  border-width: 0 0 1px 0;
  height: 1.25em;
  background: #fc6;
  color: #000;
}

.toplogo {
  text-indent: 0;
  margin: 0;
  padding: 0;
  float: left;
}

.top a,
.top a:link,
.top a:visited {
  text-decoration: none;
  color: #000;
  background: transparent;
}

.main h1 {
  font-size: 1.8em;
  border-style: solid;
  border-color: #f90;
  border-width: 0 0 2px 0;
  margin: 1em 0 0.5em 0;
}

.main h1.title {
  margin-top: 0.25em;
}

.main h2 {
  font-size: 1.5em;
  border-style: solid;
  border-color: #f90;
  border-width: 0 0 1px 0;
  margin: 1em 0 0.5em 0;
}

.main .box h2 {
  margin: 0.25em 0 0.5em 0;
}

.main h3 {
  font-size: 1.25em;
  border-style: solid;
  border-color: #f90;
  border-width: 0 0 1px 0;
  margin: 1em 0 0.5em 0;
}

.sub {
  border: solid 1px #999;
  margin: 0.5em 0.25em 0.5em 0.25em;
  padding: 0.5em;
}

.sub h2 {
  font-size: 1em;
  margin: 0;
  padding: 0.25em;
  border: solid 1px #999;
  border-width: 1px 0 1px 0;
  background: #eee;
}

.sub ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0.25em 0 0.25em;
}

.sub li {
  margin: 0.25em 0 0.25em 0;
  padding: 0.25em 0 0.25em 0;
}

.tail {
  clear: both;
  margin: 0;
  padding: 0.25em;
  border-style: solid;
  border-color: #999;
  border-width: 1px 0 0 0;
  text-align: right;
  background: #fc6;
  color: #000;
}

.tail a,
.tail a:link,
.tail a:visited {
  text-decoration: none;
  color: #000;
  background: transparent;
}

.catch {
  font-size: 1.2em;
  margin: -0.45em 0 1em 0;
}

.paper {
  margin: 0.25em;
  padding: 0.25em;
  border: solid 1px #999;
}

.paper h2 {
  border: none;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
}

.terms dt {
  margin: 0.5em 0 0 0;
  padding: 0;
}
.terms dd {
  margin: 0 0 0.5em 0;
  padding: 0;
}

.terms .head {
  display: block;
  margin: 0;
  padding: 0;
}

.terms .number {
  float: left;
  padding: 0 1em 0 0;
}

h2.qa {
  margin: 0;
  padding: 0;
  border-style: solid;
  border-color: #f90;
  border-width: 0 0 1px 0;
}

dl.qa dt {
  margin: 1em 0 0.125em 0;
  padding: 0.125em 0 0.125em 0;
  border-style: solid;
  border-color: #999;
  border-width: 1px 0 1px 0;
  background: #eee;
}

dl.qa dd {
  margin: 0.25em 0 1em 0;
  padding: 0;
}

.application {
  border: solid 1px #999;
  margin: 0.5em 0 0.5em 0;
  padding: 0.5em;
}

.application li {
  margin: 0.5em 0 0.5em 1em;
}

.application li li {
  margin: 0.25em 0 0.25em 1em;
}