@charset "utf-8";

	*{
		margin:0;
		padding:0;
	}
	
	ul{
		list-style:none;		
	}
	

	.clearfix:after{
		content:"";
		display:block;
		clear:both;
		}
	
	hgroup h1{
		font-size:20px;
		padding:9px 15px;
		background-color:#F93;
		}
		
	hgroup h2{
		margin-top:10px;
		padding:9px 15px;
		font-size:12px;
		border:1px solid #F93;
		border-radius:3px;
		}
		
	#navi{
		font-size:13px;
		margin:15px;
		}
	
	#navi li{
		margin-right:10px;
		float:left;
		}
	#navi a{
		text-decoration:none;
		color:#000;
		font-size:13px;
		}
	
	#side li a{
		width:250px;
		margin-bottom:10px;
		padding:10px;
		background-color:#C96;
		display:block;
		text-align:center;
		text-decoration:none;
		border-radius:10px;
		font-size:18px;
		color:#FFF;
		}
	
	#side li a:hover{
		background-color:#C66;
		}
	
	.act{
		font-weight:bold;
		}
		
	#side .act a{
		background-color:#c66;
		}
	
	section{
		padding:5px 5px 15px 5px;
		border:1px solid #F93;
		border-radius:5px;
		}
	
	section h1{
		margin:15px 0;
		padding:5px 15px 10px 5px;
		border-bottom:4px solid #C99;
		font-size:18px;
	}
	
	section h2{
		margin:15px 0;
		padding:5px 15px 10px 5px;
		border-bottom:4px dotted #C99;
		font-size:16px;
	}

	section p{
		margin-top:10px;
		padding:0 10px;
		line-height:1.4em;
		font-size:18px;
	}
	
	dt{
		margin-top:15px;
		width:400px;
		padding:3px 10px;
		border-left:7px double #000;
		background-color:#FCF;
		
	}
	
	dt a{
		text-decoration:none;
		color:#00C;
		font-weight:bold;
	}
	
	dt a:hover{
		color:#F00;
		}
		
	dd{
		margin-left:15px;
		}
	.imgs{
		text-align:center;
		}
	footer{
		padding:5px 0;
		margin-top:40px;
		text-align:center;
		background-color:#F93;
		}
		

@media screen and (min-width:769px){
	
	body{
		width:1040px;
		margin:0 auto;
		}
		
	aside{
		float:right;
		width:290px;
		}
		
	section{
		float:left;
		width:730px;
		}
	.slicknav_menu {
	display: none;
}

}


@media screen and (max-width:768px){
	
	aside{
		display:none;
		}

}

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

}


/* CSS Document */