@charset "utf-8";

p, h1, h2, h3, h4, h5, h6, ul {
　　margin: 0px;
　　padding: 0px;
} 
li {
　　list-style: none;
}
html {
　　height: 100%;
} 
body {
 	background-color: #193300;
 	margin: 0px;
 	padding: 0px;
}
table.logo {
	width: 100%;
	background-image: url(img/haru01.jpg);
	background-repeat: repeat;
}
div.logo {
	padding: 25px 0px 25px 0px;
	width: 100%;
	filter: shadow(color=black,direction=135,strength=10);
}
table.whole {
	margin: 20px 0px 0px 0px;
	border: 3px solid white;
	border-collapse: collapse;
	text-align: center;
}
table.navi {
	font-size: 120%;
	border: 1px solid white;
	width: 770px;
	filter: shadow(color=black,direction=135,strength=10);
}
table.navi td{
	width: 25%;
	border: 1px solid white;
	padding: 3px;
	text-align: center;
}
#navigation a {
	letter-spacing: .2em;
	display: block;
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#navigation a:hover {
	background: #0077ff;
}
p.title {
	margin: 40px 0px 0px 0px;
	font-size: 200%;
	color: #ccff99;
	text-align: center;
	width: 770px;
	filter: shadow(color=black,direction=135,strength=10);
}
table.content {
	margin: 20px 0px 0px 0px;
	text-align: left;
	width: 770px;
	filter: shadow(color=black,direction=135,strength=10);
}
#shadow a {
	display: block;
	color: white;
	text-decoration: none;
}
#shadow a:hover {
	background: #0077ff;
}
#shadow2 a {
	display: block;
	color: black;
	text-decoration: none;
}
#shadow2 a:hover {
	background: #0077ff;
	color: white;
}
.copyright {
	margin: 20px 0px 10px 0px;
	font-family: Arial;
	color: white;
	font-size: 50%;
	text-align: center;
}
/* 注意：shadow は width とセットでないとうまくいかない。*/