@charset "UTF-8";

.clearfix {
	clear:both;
}

@media screen and (min-width:970px) {

	#content {
		width:1270px;
		margin:40px auto 40px auto;
		overflow:hidden;
	}
	main {
		width:970px;
		float:left;
		text-align:left;
	}
	aside {
		width:300px;
		float:left;
		text-align:left;
		padding-left:20px;
		padding-bottom:32768px;
		margin-bottom:-32768px;
	}
	main ul {
		background:#f6f6f6;
		padding:15px;
		font-size:15px;
		margin:30px 0 30px 0;
		font-weight:bold;
	}
	main ul li {
		margin:5px 0 5px 0;
	}
	main ul li span {
		color:#fca702;
	}
	main dl {
		width:100%;
	}
	main dl dt {
		background:#458ac5;
		color:#ffffff;
		border-radius:5px 5px 0 0;
		font-size:1.6rem;
		width:100%;
		margin:0;
		padding:10px;
	}
	main dl dd {
		background:#e4f0fa;
		border-radius:0 0 5px 5px;
		width:100%;
		margin:0 0 20px 0;
		padding:10px;
	}
	main h1 {
		margin:0 0 40px 0;
		font-size:3rem;
		font-weight:bold;
	}
	main h2 {
		border-left:7px solid #458ac5;
		background:#e4f0fa;
		padding:13px 10px 10px 10px;
		font-size:2.5rem;
		margin:60px 0 20px 0;
	}
	main h3 {
		border-bottom:3px dotted #ddd;
		padding:7px 7px 7px 0;
		margin-top:30px;
		font-size:2.2rem;
		font-weight:bold;
		color:#458ac5;
	}
	main h4 {
		font-weight:bold;
		font-size:1.8rem;
		margin-top:30px;
	}
	main h5 {
		font-weight:bold;
		font-size:1.6rem;
	}
	main table {
		width:100%;
		margin-bottom:20px;
	}
	main th {
		background:#f0f0f0;
		padding:10px;
		text-align:center;
		border:1px solid #ddd;
		min-width:100px;
	}
	main td {
		padding:10px;
		text-align:left;
		border:1px solid #ddd;
	}
	aside h2 {
		border-bottom:2px solid #458ac5;
		background:#e4f0fa;
		padding:10px 10px 10px 10px;
		font-size:1.8rem;
	}
	aside ul {
		width:100%;
	}
	aside ul li {
		border-bottom:1px solid #eee;
		padding:5px 0;
		position:relative;
	}
	aside ul li:last-child {
		border-bottom:none;
	}
	aside ul li:after {
		position:absolute;
		content:'〉';
		color:#ddd;
		top:20%;
		right:0;
	}
	aside ul li a {
		display:block;
		width:100%;
	}

}
@media screen and (max-width:970px) {

	#content {
		width:100%;
	}
	main {
		width:100%;
		padding:0 10px 60px 10px;
		text-align:left;
	}
	aside {
		width;100%;
		padding:0 10px 0 10px;
		text-align:left;
	}
	main h1 {
		margin:40px 0 40px 0;
		font-size:3rem;
		font-weight:bold;
	}
	main h2 {
		border-left:7px solid #458ac5;
		background:#e4f0fa;
		padding:13px 10px 10px 10px;
		margin:60px 0 20px 0;
		font-size:2.3rem;
	}
	main h3 {
		border-bottom:2px dotted #ddd;
		padding:7px 7px 7px 0;
		margin-top:30px;
		font-size:2rem;
		font-weight:bold;
		color:#458ac5;
	}
	main h4 {
		font-weight:bold;
		font-size:1.8rem;
		margin-top:30px;
	}
	main h5 {
		font-weight:bold;
		font-size:1.6rem;
	}
	main table {
		width:100%;
		margin-bottom:20px;
	}
	main th {
		background:#f0f0f0;
		padding:10px;
		text-align:center;
		border:1px solid #eee;
		min-width:100px;
	}
	main td {
		padding:10px;
		text-align:center;
		border:1px solid #eee;
	}
	main ul {
		background:#f6f6f6;
		padding:15px;
		font-size:15px;
		margin:30px 0 30px 0;
		font-weight:bold;
	}
	main ul li {
		margin:5px 0 5px 0;
	}
	main ul li span {
		color:#fca702;
	}
	main dl {
		width:100%;
	}
	main dl dt {
		background:#458ac5;
		color:#ffffff;
		border-radius:5px 5px 0 0;
		font-size:1.6rem;
		width:100%;
		margin:0;
		padding:10px;
	}
	main dl dd {
		background:#e4f0fa;
		border-radius:0 0 5px 5px;
		width:100%;
		margin:0 0 10px 0;
		padding:10px;
	}
	aside h2 {
		border-bottom:2px solid #458ac5;
		background:#e4f0fa;
		padding:10px 10px 10px 10px;
		font-size:1.6rem;
	}
	aside ul {
		width:100%;
	}
	aside ul li:last-child {
		border-bottom:none;
	}
	aside ul li {
		border-bottom:1px solid #eee;
		padding:5px 0;
		position:relative;
	}
	aside ul li:after {
		position:absolute;
		content:'〉';
		color:#ddd;
		top:20%;
		right:0;
	}
	aside ul li a {
		display:block;
		width:100%;
	}

}