body
{

	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: black;
	background: #ffffff url(wood-73.jpg);
}
#main
{
margin: 0 auto;
width: 878px;
background: #ffffff url(logo.php) no-repeat center top;
}

#header
{
width: 763px;
margin: 0 auto;
height: 160px;


}

a{text-decoration: none;}
a:link {color:blue;}
a:visited{color:red;}
a:hover{
color: black; 
border-bottom:1px solid black; 
border-left:1px solid black; 
border-right:1px solid black; 
border-top:1px solid black;
background-color: yellow; 
text-decoration: underline; 
font-size: 12px; 
color : black;
}
.darkgray {
background: #2C2C2C url(wood-7.jpg);
font-size: 16px;
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin: 5px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #cccccc;
padding: 3px 3px 3px 3px;
}
.darkgreen {
background: #2C2C2C url(wood-77.jpg);
font-size: 16px;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin: 5px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #cccccc;
padding: 3px 3px 3px 3px;
}
.darklime {
background: #2C2C2C url(wood-77.jpg);
font-size: 16px;
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin: 5px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #cccccc;
padding: 3px 3px 3px 3px;
}
div.pagination {
	padding:3px;
	margin:3px;
	text-align:left;
}
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 2px solid #2C2C2C;
	text-decoration: none; 
	color: black;
        font-size: 12px;
	background: #2C2C2C url(image2.gif);
}
div.pagination a:hover, div.pagination a:active {
	border:3px solid darkgreen;
	color: #FFF;
	background: #AAD83E url(image1.gif);
}
div.pagination span.current {
	padding: 2px 2px 2px 2px;
	margin-right: 2px;
	border: 1px solid #AAD83E;
  font-weight: bold;
	background: #AAD83E url(image1.gif);
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
div.hidden { 
padding : 1px 6px 1px 6px; 
} 
select, textarea ,input { 
background: #2C2C2C url(input.jpg); 
font-size: 18px;
font-family:Comic Sans MS;
} 
.footer{
margin: 0 auto;
width: 878px;
height: 120px;
text-align: left;
background: #ffffff url(footer.png) repeat center top;
}
.menu_navi{
margin: 2px;
font-size: 14px;
width: auto;
height: 20px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 0px solid #fff;
border-right: 0px solid #cccccc;
padding: 3px 3px 3px 3px;
text-align: center;
background: #9AE916;
}
.menu_text{
font-size: 18px;
color : white;
margin: 4px;
width: auto;
height: 32px;
text-align: center;
border-bottom:2px solid darkgreen; 
border-left:2px solid darkgreen; 
border-right:2px solid darkgreen; 
border-top:2px solid darkgreen;
background: url(elements2.png) repeat;
}
.img{
text-align: center;
}
iframe{
 padding: 4px;
 background: #9AE916;
}

table {
 width: 100%; /* Ù¨é®  á¢«é·» */
 border-collapse: collapse; /* Ô¡é± æ¬ å£®ê®»å¡«é®¨è¡¬æ§¤ æªªá­¨ */
}
td, th {
 padding: 4px; /* Ð®ì¿ â¡¿æªªáµ */
 border: 1px solid #000080; /* Ä°á®¨à¡¬æ§¤ æªªá­¨ */
}
th {
 background: #000080; /* ×¢æ² ï®  ï«¨ è¡£ï¬®ã«  */
 color: #ffe; /* ×¢æ² æ«±à ª/
 text-align: left; /* Ã»á£­é£ î©¥ à® ì¦¢ï­³ ë±  */
 font-family: Arial, Helvetica, sans-serif; /* Ã»â¯° ä¡°î©² */
 font-size: 90%; /* Ñ è­¥ æ«±à ª/
}
p:first-letter {
 font-size: 150%; /* Ñ è­¥ éµ²à¡¡ë£¨ */
 /*float: left;  Ã»á£­é£ î©¥ à® ì¦¢ï­³ ë±  */
 color: red; /* Ë°á²­é¡¶ã¦² à¦°ã¯© â´ªã» */
 /*padding: 3px;  Ð®ì¿ í¦¦å³ â´ªã©¶æ© è¡²æ«±ï¬ */
 /*margin-top: 3px;  Ï²ï¡±ã¦° */ 
}
.padding { 
padding:1px 6px 1px 6px;
}
