@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
/* 0 to 768px */
body {
	-webkit-text-size-adjust: 100%;
	background: #f5f5f5;
}
header {
	overflow: hidden;
	background: #fff;
}
	header h1 {
		padding: 10px 10px 0 10px;
		font-size: 26px;
	}
#navi{
	overflow: hidden;
	background: #27577e;
}
#navi nav {
	overflow: hidden;
	background: #27577e;
}
#navi nav a {
	color: #fff;
}
	#navi nav ul {
		padding: 10px;
		list-style: none;
		overflow: hidden;
	}
	#navi nav ul li {
		float: left;
		margin-right: 15px;
	}
#contents #main {
	overflow: hidden;
	background: #fff;
}
	#contents #main article {
		overflow: hidden;
		padding: 10px;
	}
#contents aside {
	overflow: hidden;
	background: #fff;
}
	#contents aside p {
		padding: 10px;
	}
aside ol {
	margin-left: 30px;
	font-size: 14px;

}
footer {
	overflow: hidden;
	border-top: 2px solid #27577e;
	background: #f5f5f5;
}
	footer #copyright {
		padding: 10px;
	}
#contents h3 {
	padding: 5px;
	border-bottom: solid 2px #ff8040;
	background: #e3e3e3;
}
#contents h4 {
	padding: 5px;
	font-size: px;
	background: #ffe1ff;
}
#contents article p {
	margin-bottom: 15px;
	padding: 5px;
}
/**/
@media only screen and (min-width: 769px) {
header {
	min-width: 940px;
	overflow: hidden;
}
	header h1 {
		width: 940px;
		margin: 0 auto;
		padding: 10px 10px 0 10px;
		font-size: 32px;
	}
#navi{
	min-width: 940px;
	overflow: hidden;
	background: #27577e;
}
#contents {
	overflow: hidden;
	width: 940px;
	margin: 0 auto;
}
#navi nav {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	background: #27577e;
}
	#navi nav ul {
		padding: 5px 10px;
		list-style: none;
		overflow: hidden;
	}
	#navi nav ul li {
		float: left;
		margin-right: 25px;
	}
#contents #main {
	float: left;
	width: 640px;
	overflow: hidden;
	background: #fff;
}
	#contents #main article {
		overflow: hidden;
		padding: 10px;
	}
#contents h3 {
	padding: 5px;
	border-bottom: solid 2px #ff8040;
	background: #e3e3e3;
}
#contents h4 {
	padding: 5px;
	margin-top: 30px;
	font-size: px;
	background: #ffe1ff;
}
#contents article p {
	margin-bottom: 15px;
	padding: 5px;
	line-height: 1.8;
}

#contents aside {
	float: left;
	width: 300px;
	overflow: hidden;
	background: #fff;
}
	#contents aside p {
		padding: 10px;
	}
footer {
	min-width: 940px;
	overflow: hidden;
	border-top: 2px solid #27577e;
	background: #f5f5f5;
}
	footer #copyright {
		width: 940px;
		margin: 0 auto;
		padding: 10px;
	}
/**/}