#container {
	text-align: center;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#header {
	text-align: left;
	width: 100%;
	/*height: 70px;*/
}

#header h1 {
	width: 980px;
	margin: auto;
}

#contents {
  width: 980px;
	margin: auto;
}

#main {
	text-align: left;
	width: 640px;
	float: left;
	overflow: hidden;
}

td {
	text-align: center;
}

#menu {
	text-align: left;
	width: 300px;
	float: left;
	overflow: hidden;
}

#footer {
	clear: left;
}

@media screen and (max-width:640px) {
  * {
		float: none;
		position: static;
	}

	#container {
		width: 100%
	}

	#header h1 {
		width: 90%;
	}

	#contents {
		width: 90%
	}

	#main {
		width: 100%;
	}

	#menu {
		width: 100%;
	}
}

@media screen and (min-width:641px) and (max-width:1024px) {
	* {
		float: none;
		position: static;
	}

	#container {
		width: 100%
	}

	#header h1 {
		width: 80%;
	}

	#contents {
		width: 80%
	}

	#main {
		width: 100%;
	}

	#menu {
		width: 100%;
	}
}