html{
	background: #f5f5f5;
}

*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
a{
	color: #00f;
}


/*=======================================================*/
/* ヘッダー */
/*=======================================================*/
header{
	border-bottom: solid 3px #47ae3c;
	background: #fff;
}
header .header-area{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 15px 0;
}
header .header-area .img-logo{
	width: 320px;
}
header #navi {
	position: absolute;
	top: 45px;
	right: 20px;
	width: 400px;
	text-align: right;
}
header #navi span{
	padding: 0 0 0 20px;
}
header #navi a{
	color: #777;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}

/*=======================================================*/
/* メインコンテントエリア */
/*=======================================================*/
#wrapper{
	position: relative;
	width: 960px;
	margin: 0 auto;
	min-height: 550px;
	background: #fff;
	padding: 10px 20px 60px 20px;
}

#wrapper nav{
	font-size: 14px;
	color: #47ae3c;
	padding-bottom: 10px;
}
#wrapper nav a{
	color: #47ae3c;
	text-decoration: none;
}
#wrapper nav a:hover{
	text-decoration: underline;
}
#wrapper nav .img-icon{
	width: 15px;
	margin-right: 5px;
}
#wrapper nav span{
	color: #535353;
}
#wrapper h2{
	font-size: 24px;
	font-weight: bold;
	color: #47ae3c;
    border-bottom: 2px solid #47ae3c;
    margin-bottom: 20px;
}


/*=======================================================*/
/* フッター */
/*=======================================================*/
footer{
	background: #47ae3c;
	text-align: center;
}
footer .footer-area{
	width: 960px;
	margin: 0 auto;
	padding: 15px 0;
	color: #fff;
}
footer .copyright{

}