* {
	padding:0px;
	margin:0px;
	font-family:normal normal 100%/1em Osaka,Verdana,Roboto,"Droid Sans","ＭＳ Ｐゴシック",Arial,sans-serif;
}

/* pc */
@media screen and (min-width: 640px) {
	body {
		background:#FFF;
		text-align:center;
		width:640px;
		margin:150px auto;
		line-height:1.5em;
		font-size:0.8em;
	}
	header, nav, article, aside, section, footer{
		display:block;
	}
	header {
		text-align:center;
		padding:0px;
		margin-bottom:50px;
		border:none;
		line-height:0;
	}
	header h1 {
		width:480px;
		height:200px;
		padding:0px;
		margin-bottom:30px;
		margin-right:auto;
		margin-left:auto;
		border:none;
		position:relative;
		display:block;
		overflow:hidden;
	}
	header p {
		height:40px;
		font-size:0.8em;
		font-weight:normal;
		position:relative;
		top:30px;
		left:5px;
	}
	#main {
		margin-bottom:150px;
	}
	footer {
		clear:both !important;
		border:none;
		font-size:0.5em;
		text-align:center;
		margin:50px 0px 0px 0px;
	}
	a img {
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	a:hover img {
		opacity:0.6;
		filter:alpha(opacity=60);
	}
}





/* smartPhone */
@media screen and (max-width: 639px) {
	html {
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
	}
	body {
		background:#FFF;
		text-align:center;
		width:100%;
		margin:auto;
		line-height:1.5em;
		font-size:0.8em;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
	}
	header, nav, article, aside, section, footer{
		display:block;
	}
	header {
		text-align:center;
		padding:0px;
		margin-bottom:50px;
		border:none;
		line-height:0;
	}
	header h1 {
		text-align:center;
		width:100%;
		height:auto;
		padding:0px;
		margin-bottom:30px;
		margin-right:auto;
		margin-left:auto;
		border:none;
		position:relative;
		display:block;
		overflow:hidden;
	}
	header img {
		max-width:100%;
		height:auto;
	}
	header p {
		height:40px;
		font-size:0.8em;
		font-weight:normal;
		position:relative;
		top:30px;
		left:5px;
	}
	#main {
		overflow: hidden;
		margin-bottom:150px;
	}
	footer {
		clear:both !important;
		border:none;
		font-size:0.5em;
		text-align:center;
		margin:50px 0px 0px 0px;
	}
	a img {
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}
	a:hover img {
		opacity:0.6;
		filter:alpha(opacity=60);
	}
}