@charset "utf-8";


*{
	margin:0;
	padding:0;
	}

body{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	}


ul{
	list-style:none;
	}

header{
	padding:10px;
	background:rgba(0,51,51,0.4);
	}

header h1{
	font-size:26px;
	}	


.kuzulist{
	display:flex;
	margin:10px;
	}

.kuzulist li{
	font-size:15px;
	margin-right:5px;
	}

aside ul li a{
	text-decoration:none;
	}

.kuzulist li a{
	text-decoration:none;
	color:#000;
	}

section{
	margin-top:30px;
	}
	

section p{
	margin-top:20px;
	padding:4px;
	font-size:18px;
	line-height:1.4em;
	}
	
section h1 {
	  position: relative;
	  margin-top:40px;
	  padding: 8px;
	  background-color:rgba(0,51,51,0.4);
	  font-size:23px;
	}

section h1::after {
	  position: absolute;
	  top: 0;
	  right: 0;
	  content: '';
	  width: 0;
	  border-width: 0 16px 16px 0;
	  border-style: solid;
	  border-color: #fff #fff #ddd #ddd;
	  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
	}
	
section h2{
	  margin-top:30px;	
	  padding: 7px;
	  background:rgba(0,51,51,0.4);
	  border-top: 1px dashed #ccc;
	  border-bottom: 1px dashed #ccc;
	  box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .2) inset;
	  font-size:22px;
	}	

section h3{
	margin-top:30px;
	padding:7px;
	border:2px solid rgba(0,51,51,0.4);
	font-size:22px;
	}

dl{
	margin-top:40px;
	}
	
dt{
	padding:3px 6px;
	background:rgba(0,51,51,0.2);
	border-left:6px solid rgba(0,51,51,0.4);
	}
	
dt a{
	text-decoration:none;
	color:#000;
	}

dd{
	margin:8px 0 25px 18px;
	}


footer{
	margin-top:50px;
	padding:16px;
	background:rgba(0,51,51,0.4);
	text-align:center;
	}
	
	
@media screen and (min-width:850px){
	
	#frame{
		margin:30px auto;
		width:850px;
		}
		
	nav ul{
		display:flex;
		justify-content:space-between;
		}
		
	nav ul li a{
		display:block;
		width:190px;
		height:45px;
		margin-right:2px;
		padding:10px 5px;
		background:rgba(0,51,51,0.4);
		text-decoration:none;
		color:#000;
		line-height:1em;
		text-align:center;
		}
	
	nav ul .current a{
		background:rgba(0,51,51,0.7);
		color:rgba(204,255,204,1);
		}
	
	
	nav ul li a:hover{
		background:rgba(0,51,51,0.7);
		color:rgba(204,255,204,1);
		}
	
	dt{
		width:340px;
		}

	
}


@media screen and (max-width:849px){
	
	#frame{
		padding:3px;
		}
	dt{
		width:340px;
		}
	
	nav ul li a{
		display:block;
		margin-bottom:1px;
		padding:3px 0;
		background:rgba(0,51,51,0.4);
		text-decoration:none;
		color:#000;
		text-align:center;
		}
	
	nav ul .current a{
		background:rgba(0,51,51,0.7);
		color:rgba(204,255,204,1);
		}
	
	
	nav ul li a:hover{
		background:rgba(0,51,51,0.7);
		color:rgba(204,255,204,1);
		}

	}
	

@media screen and (max-width:380px){
	
	dt{
		width:90%;
		}
	}

/* CSS Document */