@charset "utf-8";

*{
	margin:0;
	padding:0;
	}
	

body{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}

ul{
	list-style:none;
	}
	
header{
	
	}

hgroup h1{
	padding:5px;
	font-size:20px;
	background-color:rgb(0,153,255);
	}

hgroup h2{
	padding:5px;
	font-size:15px;
	border-top:1px solid #039;
	background-color:rgb(0,153,255);
	}

.imgs{
	text-align:center;
	}	

.imgs img{
	vertical-align:bottom;
	}
	
#crumbs{
	margin-top:15px;
	font-size:13px;
	display:flex;
	}
	
#crumbs li{
	margin-right:10px;
	}

#crumbs a {
	text-decoration:none;
	color:#000;
	}

#container{
	margin-top:30px;
	padding:5px;
	}
	
section{
	padding:10px 5px 25px 5px;
	border-top:1px solid #039;
	border-bottom:1px solid #039;
	}

section p{
	margin-top:15px;
	font-size:17px;
	}

section h1{
	padding:8px 0;
	font-size:18px;
	color:#039;
	border-bottom:2px dashed #039;
	}

section h2{
	width:80%;
	padding:8px 0;
	margin-top:20px;
	font-size:16px;
	color:#039;
	border-bottom:2px dashed #039;
	}
	
.flexbox{
	margin-top:20px;
	}

.side{
	margin-left:10px;
	}
	
.active a{
	background-color:#09F;
	font-weight:bold;
	}

	
aside ul li a{
	width:200px;
	margin-bottom:20px;
	padding:10px;
	display:block;
	text-decoration:none;
	text-align:center;
	border:1px solid #039;
	font-size:15px;
	color:#000;
	}

aside ul li a:hover{
	background-color:#09F;
	font-weight:bold;
	}
	
dl{
	margin-top:20px;
	}	
	
dt{
	margin-top:15px;
	padding:3px;
	font-size:17px;
	}
	
dt a{
	text-decoration:none;
	color:#003;
	}

dd{
	margin:5px 0 0 15px;
	font-size:15px;
	}

footer{
	margin-top:50px;
	padding:12px;
	text-align:center;
	background-color:#09F;
	border-top:1px solid #039;
	font-size:16px;
	font-weight:bold;
	}
	

@media screen and (min-width:769px){
	
	#container{
		margin:0 auto;
		width:1020px;
		}
		
	.flexbox {
      display: -webkit-flex;
      display: flex;
    }
 	 .main {
    margin: 0 10px 0 0;
  }

}



@media screen and (max-width:768px){
		
	.active a{
	background-color:#0c1923;
	}
	
	.imgs{
		display:none;
		}
	

}

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

}

/* CSS Document */