body	{

	width:800px;

	font-size:medium;

	font-family:gothic;

	color:#ffffff;

	background-color:#aaccff;

	margin:0;

	}



div.head{
	
	margin:5px;

	background-color:#0000ff;

	color:#ffffff;

	width:790px;

	text-align:center;

	font-weight:bold;

/*	padding:5px;	*/

	font-size:150%;

	}



div.navi{

	float:left;

	width:130px;

	margin-top:5px;

	margin-bottom:5px;

	margin-left:5px;

	margin-right:0px;

	background-color:#99ffff;

	color:＃000000；

	}


.navi h1{
	
	background-color:#66aaff;

	font-size:120%;

	font-style:italic;

	color:#000000;

	}


/*
.navi h2{

	background-color:#00ff00;

	font-size:80%;

	color:#666666;

	margin-bottom:0;

	text-align:left;

	}
*/


.navi p{

	color:#000000;

	font-size:60%;

	}


.navi ul{

	margin-left:5px; 

	font-size:80%;

	color:#000000;

	}


.navi ul ul{

	margin-left:5px; 

	color:#000000;

	}


.navi a:link{

	color:#ff0000;

	text-decoration:none;
	}


.navi a:visited{

	color:#da70d6;

	}


.navi a:hover{

	color:#cc99cc;

	}



div.content	{

	width:390px;

	background-color:#99ffcc;

	margin-top:5px;

	margin-bottom:5px;

	margin-left:5px;

	margin-right:0px;

	float:left;

/*	color:#ffffff; */

	}




.content h1{

	margin:5px;

	background-color:#006600;

	font-family:sans-serif;

/*	font-style:italic; */

	font-size:100%;

	color:#ffffff;

	text-align:right;

	}


.content h2{

	color:#990000;

	margin:10px;

	font-family:sans-serif;

	font-size:100%;

	}


.content ol{

	background-color:#ffffff;

	font-family:sans-serif;

	font-size:100%;

	color:#000000;

	}


.content ol li{

	margin-top:5px;

/*	background-color:#eeeeee;  */

	}


 .content ol ol{

	background-color:#ffffff;

	font-family:sans-serif;

	font-size:80%;

	color:#ofofof;

	}


.content ol ol li{

	margin-top:5px;

/*	background-color:#c0ffff;  */

	}


.content ul{

	background-color:#ffffff;

	font-family:sans-serif;

	font-size:80%;

	color:#000000;

	}


.content p{

	margin:15px;

	color:#000000;

	font-size:80%;

	}

p.update{
	font-color:#000000;
	text-align:right;
	font-size:x-small;
	}


.content a:link{

	color:#cc0000;

	}


.content a:visited{

	color:#999999;

	}


.content p.next{

	text-align:right

	}


div.topics	{

	width:250px;

	margin-top:5px;

	magin-bottom:5px;

	margin-left:5px;

	margin-right:5px;

	float:left;

	background-color:#ffffff;

	}


.topics h1{

	margin:5px;

	background-color:#444444;

	font-family:sans-serif;

/*	font-style:italic; */

	font-size:120%;

	color:#ffffff;

	text-align:left;

	}


.topics p{

	margin:10px;

	color:#000000;

	font-size:80%;

	}


.topics ul li{
	font-size:80%;
	color:#000000;
	margin-left:5px;
	}



table.main{

	width:100%;

	border:solid 1px black;

	border-collapse:collapse;

	}


th{

	border:solid 1px black;

	font-size:60%;

	text-align:center;

	}


td{

	width:10%;

	border:solid 1px black;

	font-size:60%;

	text-align:center;

	}



table.sample{

	width:100%;

	border:solid 1px black;

	border-collapse:collapse;

	}


th.sample{

	width:10%;

	border:solid 1px black;

	font-size:200%;

	text-align:center;

	}


td.sample{

	width:90%;

	border:solid 1px black;

	font-size:100%;

	text-align:left;

	}



div.foot{

	clear:both;

	whidth:100%;

	background-color:#0000ff;

	margin:5px;

	font-size:80%;

	font-style:italic;

	text-align:center;

	}


.foot p{

	color:#090909;

	}


.foot a{

	color:#090909;

	text-decoration:none;

	}


.foot a:hover{

	color:#ff99ff;

	}