body{
	background-image: url('../image/bg.gif');
}

A:link.main {
	color: #FFFFFF;
	text-decoration: none
}  

A:visited.main {                 
	color: #FFFFFF;
	text-decoration: none  
}

A:active.main {
	color: #FFFFFF;
	text-decoration: none
}

A:hover.main {
	color: #0000FF;
	text-decoration: underline;
}

#title{
	font-size: 6ex;
	padding-top: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 2px 2px 1px #000000,
	-2px 2px 1px #000000,
	2px -2px 1px #000000,
	-2px -2px 1px #000000;
	margin-left: 50px;
	height:70px;
	background-image: url('../image/top.gif');
	background-repeat: no-repeat;
	background-position: bottom right; 
}

.contents {
        margin: 10px;
	padding: 5px;
}
.category{
	font-size: 4ex;
	color: #EEEEEE;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000,
	-1px 1px 1px #000000,
	1px -1px 1px #000000,
	-1px -1px 1px #000000;
	background: #B9A00B;
        margin: 5px;
	text-align: center;
	padding: 5px;
}

.category2{
	font-size: 24px;
	color: #EEEEEE;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000000,
	-1px 1px 1px #000000,
	1px -1px 1px #000000,
	-1px -1px 1px #000000;
	background: #009999;
        margin: 10px;
	padding: 5px;
}

.bottom{
	padding-top: 20px;
	text-align: center;
}

.category3{
	margin-left: 20px;
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
}

#site-box {
	width:1010px;
	margin:0px auto;
	#border: 3px solid #009999;
}

#top-box {
	width:1010px;
	#background: #009977;

}

#menu-box {
	float:left;
	width:250px;
	min-height: 600px;
	background: #FFFFFF;
}

#main-box {
	float:right;
	width:750px;
	min-height: 600px;
	background: #FFFFFF;
}

#bottom-box {
	color: #EEEEEE;
	clear:both;
	#border-top: 5px solid #009999;
	width:1010px;
	height:50px;
	#background: #B9A00B;
	background-image: url('../image/bottom.gif');
	background-repeat: no-repeat;
	background-position: top center; 
}