@charset "utf-8";
/* CSS Document */
#footer{
	width:100%;
	border-top:solid 1px #CCC;
	font-size: 0.8em;
	background-color: #DDDDDD;
}
footer {
	width: 1000px;
	height: auto;
	overflow: hidden;
	padding:0 1%;
	margin:0 auto;
	font-size:1em;
}
footer a{
	color:#444;
}
footer nav a{
	color: #555;
}

#copy{
	width:100%;
	text-align:center;
	clear:both;
	background-color: #222222;
	padding:0;
}
small {
	color: #FFF;
	font-weight: bold;
	font-size: 0.5em;
}
footer .boxLeft{
	width:30%;
	box-sizing:border-box;
	float:left;
	padding:1% 2%;
}
.boxLeft img{
	padding: 2%;
}
footer .boxLeft h3 {
  text-align:left;
  border:none;
}
footer .boxRight{
	width: 70%;
	box-sizing: border-box;
	float: left;
	padding:1% 2%;
}
	

/* 幅1200px以下のスタイル*/
@media screen and (max-width: 1200px) {
	footer{
		width:100%;
	}
}

/* 幅750px以下のスタイル*/
@media screen and (max-width: 750px) {
	footer{
		display:none;
	}
	.pageTop{
	padding:3% 0;
	margin-bottom:5%;
	text-align:center;
	background-color:#555;
	}
	.pageTop a{
		color:#FFF;
		display:block;
	}
}