body {
  font-size: 100%;
  text-align: left;
  padding: 0;
  margin: 1 1 1 1;
}

#contents p {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

/* Main */
.main {
  color: navy;
  background-image: url("./img/bk_main.gif");
  width: 770px;
  border: solid 2px black 
}

.select1 {
  background-color: #f0f0f0;
  text-align: center;
  width: 110px
}

.select2 {
  background-color: #e1ffe9;
  text-align: center;
  width: 110px
}

/* Title */
.c1 {
  font-size: 150%;
  font-weight: bold;
  text-decoration: underline;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

/* Sub-Title */
.c2 {
  font-size: 120%;
  font-weight: bold;
  text-decoration: underline;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

/* Bold+ */
.c3 {
  font-size: 120%;
  font-weight: bold;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

/* Bold-Light */
.c4 {
  font-size: 80%;
  font-weight: bold;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

/* Light */
.c5 {
  font-size: 80%;
  font-weight: normal;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

/* Italic-Light */
.c6 {
  font-style: Italic;
  font-size: 80%;
  font-weight: normal;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

/* Sub-Title-Italic */
.c7 {
  font-style: Italic;
  font-size: 120%;
  font-weight: bold;
  text-decoration: underline;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

/* Bold-UndelrLine */
.c8 {
  font-size: 100%;
  font-weight: bold;
  text-decoration: underline;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

/* For Quiz */
.q1 {
  font-size: 200%;
  font-weight: bold;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}


/* Main */
.m1 {
  font-size: 180%;
  font-weight: normal;
  border-bottom: solid 1px #008080;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

.m2 {
  font-size: 120%;
  font-weight: normal;
  color: #0000ff;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

.m3 {
  font-size: 80%;
  font-weight: normal;
  color: #0000ff;
  height: 30px;
  margin-bottom: 1em;
  padding: 10px 0 0 0px;
}

.table_basic {
  border: 2px #808080 solid;
}

.table_cl {
  border: none;
  vertical-align: top;
}

.table_cl_btm {
  border: none;
  vertical-align: bottom;
}

.table_sky {
  background-color: #66ccff;
  border: 2px #808080 solid;
}

.table_purple {
  background-color: #cc66ff;
  border: 2px #808080 solid;
}

.table_normal {
  border: 2px #000080 solid;
}

.table_normal2 {
  border: 2px #FFA07A solid;
  text-align:center;
}

.table_normal3 {
  border: 2px #006400 solid;
  text-align:center;
}

.table_kouza_pi {
  color: #ffffff;
  border: 2px #FFA07A solid;
  text-align:left;
}

.table_kouza_gr {
  font-size: 125%;
  border: 2px #006400 solid;
  text-align:center;
}

.table_link {
  border: 2px #006400 solid;
  text-align:left;
}

.table_poem {
  border: 5px #b5cb9a solid;
  padding: 3px;
  margin: 3px;
  background-color: #f2ede6;
  text-align:center;
  color: #A52A2A;
}

.table_contrast {
  color: yellow;
  border: 1px #b5cb9a solid;
  margin: 2px;
  padding: 3px;
  font-size:  90%;
  text-align: center
}