@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Montserrat:700,400);
@import url(http://mplus-webfonts.sourceforge.jp/mplus_webfonts.css);

/* レイアウト */
body{
	margin:0;
	font-family:mplus-1p-regular, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#630;
}


#h_container{
	width: 100%;
	background-color: #690;
	color:#fff;
}
#h_container:after{
	/* clearfix */
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
header{
	width:960px;
	margin:0 auto;
	padding:0 5px;
}
header h1{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	font-size:48px;
	margin:0;
	line-height:1;
}
header h1 a:link,
header h1 a:visited{
	color:#fff;
	text-decoration:none;
}
header h1 a:hover{
	color:#cf0;
}
header h6{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:12px;
	margin:0;
}
#site{
	float:left;
	margin:0 5px;
}
#iconmenu{
	float:right;
	text-align:right;
	margin:5px 10px 0 0;
}
#iconmenu a{
	color:#fff;
}
#iconmenu a:hover{
	color: #CF0;
}
#iconmenu .fa{
	font-size:24px;
	margin-left:4px;
}


#header_img{
	width:960px;
	margin:auto;
}
#header_nav{
	font-size:14px;
	overflow:hidden;
	background-color:#690;
	margin-bottom:25px;
}
#header_nav ul{
	margin:0;
	padding:0;
}
#header_nav li{
	list-style-type:none;
	float:left;
}
#header_nav li a{
	display:block;
	width:120px;
	padding:5px 0;
	border-right:solid 1px #fff;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
#header_nav li a:hover{
	background-color:#360;
}


#m_container{
	width:960px;
	margin:0 auto;
	padding:10px 0;
}
section{
	width:660px;
	float:left;
	margin:0px;
	padding:0 5px;
}
section h2{
	color:#363;
	font-size:28px;
	border-bottom:solid 1px #aaa;
	margin:0 0 6px;
	padding:0 0 3px;
}
section h2 a{
	color:#363;
	text-decoration:none;
}
section h2 a:hover{
	color:#F90;
}
section h2 .fa{
	font-size:18px;
}
section h3{
	clear:left;
	font-size: 24px;
	color: #363;
	margin: 25px 0 5px;
	border-bottom:dashed 1px #999;
}
section p{
	margin:0 0 1em;
	line-height:1.6;
}
section ul{
	margin:0 0 50px 36px;
}
section ul li{
	line-height:1.6;
	padding-left:0.3em;
}
section dl{
	margin:0 0 50px 20px;
}
section dl dt{
	line-height:1.6;
	width:140px;
	float:left;
	clear:both;
}
section dl dd{
	line-height:1.6;
	width:500px;
	float:left;
}
section dl:after{
	/* clearfix */
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
section .box{
	width:200px;
	height:260px;
	padding:0 15px 15px 0;
	float:left;
}
section .pagetop{
	clear:left;
	text-align:right;
}
section .pagetop a{color:#06c;}
section .pagetop a:hover{color:#f90;}


aside{
	width:240px;
	float:right;
	margin:0 0 50px;
}
aside nav{
	margin-bottom:50px;
}
aside nav h4{
	font-size: 26px;
	color: #363;
	margin: 0 3px 5px;
}
aside nav ul{
	margin:0;
	padding:0;
	border-top:solid 1px #aaa;
}
aside nav li{
	margin-bottom:0;
	list-style-type:none;
	border-bottom:solid 1px #aaa;
}
aside nav li a{
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#630;
	padding:10px;
}
aside nav li a:hover{
	background-color: #CF9;
	color:#363;
}
aside nav ul ul li a{
	padding:10px 10px 10px 32px;
	font-size:12px;
}
aside nav ul ul li:last-child{
	border-bottom:none;
}
aside nav li .fa{
	color:#363;
}


#f_container{
	clear:both;
	width:100%;
	background-color:#690;
	color:#fff;
	padding:10px 10px 20px;
}
footer{
	width:960px;
	margin:0 auto;
}
footer p{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:100%;
	margin:0;
}
footer small{
	font-size:12px;
	display:block;
}


.fa-fw{
	margin-right:0.5em;
}
a{color:#06C;}
a:visited{color:#630;}
a:hover{color:#F90;}
a:active{color:#C30;}
a img{
	border:none;
}
a:hover img{
	opacity:0.8;
}