.top_navi li{
	float: left;
}
.top_navi ul{
	list-style-type: none;
	margin: 0;

	overflow: hidden;
	background-color: #333;

}

.top_navi li a{
	display: block;
	color: white;
	text-align: center;
	font-size: 20px;
	padding-left: 10px;
	padding-right:  10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	font-family: "Courier New", monospace;
	border-left: solid 1px grey;
	border-bottom: solid 1px grey;
}

.top_navi li a:hover{
	background-color: #111;
}


#contents{
	height:auto;
	padding-left:40px; 
}

body,html {
	height: 100%;
	background-color: #999999;
	font-family: "Courier New", monospace;

}

#title{
		
		font-size: 30px;
		margin: 20px 10px 10px 0px;
		white-space: nowrap;
		overflow: hidden;
		width: 20em;
		animation: type 4s steps(60, end);
	}
	@keyframes type{
		from {width: 0;}
	}