/* --------------------------------------------------------------
フッターをブラウザの下部に固定
-------------------------------------------------------------- */

html, body,#container, .page {height: 100%;}

body > #container > .page {height: auto; min-height: 100%;}

#contents {
	padding-bottom: 70px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 70px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */