@ charset "Shift JIS"
<style type="text/css">
*{
	padding:5px;
}
body{
	background:url(/~tuathgc/bgimg.jpg) no-repeat fixed center top;
	background-color:#a9a9a9;
        margin: 0 auto;
	font-family:"ŸàƒSƒVƒbƒN","‚l‚r ƒSƒVƒbƒN",sans-serif;
	color:white;

}
h1{
	font-family:"MV Boli","Segoe Script","Segoe Print",cursive;
	font-size:45px;
	margin-top:10%;	
}
h2{
	font-size:28px;
}
#header{
	text-align:center;
	padding-bottom:9%;
	margin:auto;

}
ul.topnav {
	overflow: hidden;
	padding:0px;
	list-style-type: none;
	background-color:rgba(0,0,0,0.7);
	
	margin:auto;
	
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: white;
}
ul.topnav li a:hover:not(.active) {
	background-color:#a9bce2;
}
ul.topnav li a.active {
	background-color: #da3c41;
}

@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}
#topic{
	background-color:rgba(0,0,0,0.7);
	padding-top:4%;
	padding-left:10%;
	padding-bottom:5%;
	color:white;
}
.news{
	padding-left:5%;
	color:white;
}
.footer{
	background-color:rgba(0,0,0,0.9);
	padding-bottom:10%;
	padding-top:5%;
	text-align:center;
}
.footer img{
	margin:10px;
}


</style>
