html, body {
   margin: 0; 
   padding: 0;
   font-size : 14px;
   color: #000000;
   background: #ffffff;
   font-family: meiryo, MS PGothic, Arial, Verdana, sans-serif;
   
            }

#Subjects th.About_Archive_topic {
  text-align: left;
  vertical-align: middle;
  color: #000000;
  background-color : #f0e68c;
  border-color: #ffffff;
  font-weight: bold;
 }

#Subjects td.About_Archive_explain {
  text-align: left;
  vertical-align: middle;
  color: #000000;
  border-color: #ffffff;
 }


/*h1 {color: #ffffff;
   background: #41A317;
   font: bold 20px meiryo, MS PGothic, Arial, Verdana, sans-serif;
   width: 100%;
   padding: 5px 5px 5px 20px;
   margin: 0px;
   border: 1px solid #41A317;
   border-width: 2px 0;
}

#main {font-size: 100%; background: #FFF;
  margin: 0; padding: 1.5% 8.5%; clear: left;
  }
#main a:hover {	
	color: #009900;
	background-color: #66ffcc;
	text-decoration: none
	}
#main a:visited {
	color:#008080;
                }


#main li {
        line-height:1.8em;
          }

p.center {
        text-align:center;
          }
p.center img {
        border-style: dotted;
        border-color: darkgray;
             }
div.right {
        text-align:right; 
        color:slategray; 
        font-size:15px;
          }
img {
        border-style: none;
          }
img.part-title {
        vertical-align: middle;
         }

#main .red {
        color:#ff0000; 
        font-weight: bold;
           }
#indent {
        margin: 0;
        padding: 1% 2%;
        clear: left;
        border-style:dotted;
        border-color: #000000;
        border-width:1px;
        }
table {
   width: 80%;
       }

th {
        font-size: 18px;
        background-color: #fff8c6;
        font-weight: bold;
        text-align: left;
        padding: 5px 5px 5px 5px; 
        }
        

td.explain-black-m {
        font-size:15px;
        background-color:#ffffff;
        color:#000000;
        padding: 5px 0px 5px 50px; 
        }
td.explain-black-s {
        font-size:13px;
        background-color:#ffffff;
        color:#000000;
        padding: 5px 0px 5px 75px; 
        }

td.explain-red-m {
        font-size:15px;
        background-color:#ffffff;
        color:#ff0000;
        }

td.explain-red-s {
        font-size:13px;
        background-color:#ffffff;
        color:#ff0000;
        }

span.blue {
        font-size:13px;
        background-color:#ffffff;
        color:#0066cc;
        }

span.explain-black-s {
        font-size:13px;
        background-color:#ffffff;
        color:#000000;
        }

div.explain-black-s {
        font-size:13px;
        background-color:#ffffff;
        color:#000000;
        padding:10px 0px 10px 70px
        }


span.white-red {
        font-size:13px;
        background-color:#F62817;
        color:#ffffff;
        }

td.topic-title {
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        border-color: #fbbbb9;
        border-style: solid;
        background-color: #fbbbb9;
        color: #000000;
        padding: 20px 20px 20px 20px;
        }

td.topic {
        font-size:15px;
        border-color: #fbbbb9;
        border-style: double;
        background-color: #ffffff;
        color: #000000;
        padding: 10px 20px;
        }


ul    {
       display: list-item;
       list-style-type: none;
        }