@charset "utf-8";


*{
	margin:0;
	padding:0;
	}
	
body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
ul{
	list-style:none;
	}

header{
	padding:5px 24px;
	background:#ccc;
	}

header h1{
	font-size:25px;
	}
	
.kuzu{
	display:flex;
	margin:10px 28px;
	}

.kuzu li{
	margin-right:14px;
	}

.kuzu a{
	text-decoration:none;
	color:#000;
	}
	
section h1{
	padding: 8px 10px;
	background-color: #f6f6f6;
	border: 3px double #ccc;
	font-size:22px;
	}
	
section h2{
	margin-top:35px;
	padding: 8px 10px;
	background-color: #f6f6f6;
	border-left: 6px solid #ccc;
	font-size:22px;
	}

section h3{
	margin-top:35px;
	padding: 8px 10px;
  	border-left: 6px solid #ccc;
	font-size:22px;
	}

section p{
	margin-top:25px;
	padding:0 5px;
	font-size:16px;
	line-height:1.9em;
	}
	
dl{
	margin-top:40px;
	}
	
dt a{
	text-decoration:none;
	color:#000;
	}

dt{
	width:300px;
	padding:2px 0 2px 12px;
	background:#f6f6f6;
	border-bottom:1px solid #ccc;
	}

dd{
	margin:10px 0 30px 15px;
	}


footer{
	margin-top:60px;
	padding:14px;
	text-align:center;
	background:#ccc;
	}


@media screen and (min-width:750px){
	
	#all{
		display:flex;
		width:1000px;
		margin:30px auto;
		}
	
	aside{
		margin-right:30px;
		width:250px;
		}
		
	aside ul li a{
		display:block;
		margin-bottom:10px;
		padding:5px;
		text-decoration:none;
		background: #f6f6f6;
		border: 3px double #ccc;
		color:#000;
		text-align:center;
		}
		
	.current > a{
		background:#8B8B8B;
		}
	
	aside ul li a:hover{
		background:#8B8B8B;
		}
	
	section{
		width:700px;
		}
	
	}
	
@media screen and (max-width:749px){
	
	#all{
		margin:10px;
		}
	
	}
	

@media screen and (max-width:350px){
	dt{
		width:260px;
		}
	}

/* CSS Document */