@media screen and (min-width: 1023px) {
	#container {
		width: 1000px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 600px){
	#wrapper {
		margin: 9px;
		padding-top: 44px;
		border: 1px solid #A64242;
		-webkit-border-radius: 3px;
	}
	#logo {
		text-align: center;
	}
	#contents {
		display: block;
	}

	#side {
		display: block;
		width: 100%;
	}
	#side #menu {
		width: 100%;
	}
	#side #menu ul {
		width: 100%;
		padding: 0;
	}
	#side #menu ul li {
		padding: 4px 8px;
		border-bottom: 1px dotted #999;
	}
	#side #menu ul li.last {
		border-bottom: 0;
	}
	#side #menu ul li a {
		padding: 3px;
	}

	#main {
		display: block;
	}

	#footer ul li {
		padding: 6px;
	}
}