body {
         font-family: Verdana;
         font-size: 70%;
         background-color: #ffdc6b;
         background-color: rgb(200,209,224);
      }

      h1 {
         font-style: italic;
         color: #ffffff;
         font-size: 240%;
      }

      h4 {
         margin: 0.2em;
         margin-top: 0.6em;
         font-size: 120%;
      }

      table {
         font-size: 100%;
         margin-top: 2em;
         border-collapse: collapse;
         margin-bottom: 1em;
         width: 100%;
      }

      table, th, td {
         border: 1px solid #000000;
      }

      .noborder {
         border: 0px;
         padding: 2px;
         margin: 0px;
      }

      th {
         background-color: #dddddd;
      }

      .i-th {
         text-align: left;
         padding: 4px;
         font-size: 110%;
      }

      td {
         padding: 0.4em;
      }

      a {
         color: #000000;
      }

      input, select, textarea, button {
         font-family: Verdana;
         font-size: 100%;
         font-weight: bold;
      }

      button {
          border: 1px solid white;
          background-color: orange;
          padding: 1em;
          cursor: hand;
          font-size: 110%;
      }

      input, select {
         width: 100%;
         width: 20em;
      }

      .ch-box {
         width: 2em;
      }

      label {
         font-weight: normal;
         color: #a0a0a0;
         color: #262626;
      }

      hr {
         height: 1px;
         color: #000000;
         margin-top: 1em;
         margin-bottom: 1em;
      }

      ul {
         margin: 0em;
         margin-left: 0em;
      }

      li {
         margin-left: -2em;
         *margin-left: 2em; /* IE */
      }

      #i-navigation {
         border: 1px solid #000000;
         background-color: #ffffff;
         padding: 1em;
         margin: 0.5em;
         margin-left: 0em;
      }

      .i-quot {
         text-align: center;
      }
      .i-quot-INNER {
         border: 1px solid #000000;
         background-color: #ffffff;
         padding: 1em;
         margin: 0.5em;
         margin-left: 0em;
         font-size: 120%;
         margin-top: 2em;
         margin-bottom: 2em;
         text-align: center;
         width: 30em;
      }

      .i-new {
         color: #000000;
         border: 2px solid orange;
         background-color: #ffffff;
         padding: 2em;
         font-size: 110%;
         margin: 2em;

      }
         .i-new label {
            font-weight: bold;
         }
         .i-new textarea {
            width: 20em; height: 4em;
         }
         .i-new button {
            width: 20em;
            background-color: gray;
            padding: 0em;
            font-size: 100%;
            border: 1px solid white;
         }
         .mail-submit-info {
            font-size: 140%;
            font-weight: bold;
            margin: 1em;
         }

      .txt-page {
         margin: 2em;
      }

      .short {
         width: 5em;
      }

      .short-input {
         width: 49%;
         margin-right: 1em;
      }

      .alert {
         padding: 1em;
         font-size: 110%;
         /*color: #f28b15;*/
         color: #aa0000;
         background-color: #ffffff;
         font-weight: bold;
         border: 1px solid #dd0000;
         padding: 2em;
      }

      .c01 {
         cursor: help;
      }


      .i-query {
         background-color: #ffffaa;
      }

      .i-query-INNER ul {
         margin-top: 0.4em;
      }

      .correct {
         background-color: #00aa00;
         background-color: #35ec31;
      }

      .incorrect {
         background-color: #ed2121;
         background-color: #ff4a2e;
      }

      .ansewer {
         cursor: hand;
         border: 0em;
         border-bottom: 0.01em dotted #000000;
         padding: 0.2em;
         margin: 0.2em;
text-decoration: none;
      }

      .selected-ansewer {
         cursor: hand;
/*text-decoration: underline;*/
         border: 0.01em solid #000000;
         background-color: #ffffff;
         padding: 0.2em;
         margin: 0.2em;
      }

      .h-ansewer {
         color: #ffffaa;
      }

      .v-ansewer {
         color: #000000;
      }

      #copyright {
         font-size: 80%;
         color: #a0a0a0;
         color: #000000;
      }

      #js-alert {
         position: absolute;
         left: 10px; top: 10px;
         width: 100%; height: 200;
         font-size: 200%;
         color: #aa0000;
         background-color: #ffffff;
         font-weight: bold;
         border: 4px solid #aa0000;
         padding: 2em;
         z-index: 4;
      }

      .h {
         display: none;
      }