body {
	background-color: #fffff8;
	padding: 0;
	margin: 0;
	font-family: Arial, Roboto, �gDroid Sans�h, �g���S�V�b�N�h, YuGothic, �g�q���M�m�p�S ProN W3�h, �gHiragino Kaku Gothic ProN�h, �g���C���I�h, Meiryo, sans-serif;
}
img {
	max-width: 100%;
}
div#wrapper {
	margin: 0 0.5em;
}

@media only all and (min-width: 640px){
	div#wrapper {
		margin: 0 2em;
	}
}
@media only all and (min-width: 1000px){
	div#wrapper {
		margin: 0 4em;
	}
}
.btnlink {
	text-decoration: none;
	display: inline-block;
	padding: 0.5em 2em;
	margin: 5px;
	color:white;
	background-color:#62c462;
	background-image:linear-gradient(to bottom, #62c462, #51a351);
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px 1px gray;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}
.btnlink:hover {
	background-color:#51a351;
	background-image:none;
	transition: background-color 1s linear;

}

header {
	background-color: #669933;
	padding: 1em;
}
header h1 {
	color:white;
}
.gplay img {
	max-width: 300px;
}
h2 {
	padding: 0.5em;
	margin: 5px;
	color:white;
	background-color:#62c462;
	background-image:linear-gradient(to bottom, #62c462, #51a351);
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px 1px gray;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	
}