* {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style:none;
}
html {
	height: 100%;
	width: 100%;
}
body {
	color: #000;
	font-size:12px;
	background-color:#fff;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	height: 100%;
	width: 100%;
	letter-spacing:-0.001em;
	-webkit-text-size-adjust:100%;
	padding:0;
}

/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
 
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; overflow: hidden; }

img {
   vertical-align:bottom;
}

/* Style for PCs */
@media screen and (min-width: 1025px) {

	#header {
		width:100%;
		height:auto;
		padding:30px 5%;
		text-align:center;
	}
	#header h1 {
		font-size:18px;
		line-height:1.4em;
		font-weight:normal;
		color:#000;
	}
	
	#footer {
		width:100%;
		height:auto;
		padding:30px 5%;
		text-align:center;
	}
	#footer p {
		font-size:0.9em;
		line-height:1.4em;
		color:#999;
	}

}

/* Style for TabletPCs */
@media screen and (min-width: 641px) and (max-width: 1024px) {
	
	#header {
		width:100%;
		height:auto;
		padding:30px 5%;
		text-align:center;
	}
	#header h1 {
		font-size:16px;
		line-height:1.4em;
		font-weight:normal;
		color:#000;
	}
	
	#footer {
		width:100%;
		height:auto;
		padding:30px 5%;
		text-align:center;
	}
	#footer p {
		font-size:0.9em;
		line-height:1.4em;
		color:#999;
	}

}

/* Style for Smartphonea */
@media screen and (max-width: 640px) {
	
	#header {
		width:100%;
		height:auto;
		padding:30px 5%;
		text-align:center;
	}
	#header h1 {
		font-size:16px;
		line-height:1.4em;
		font-weight:normal;
		color:#000;
	}
	
	#footer {
		width:100%;
		height:auto;
		padding:30px 5%;
		text-align:center;
	}
	#footer p {
		font-size:0.9em;
		line-height:1.4em;
		color:#999;
	}
	
}