body {
	background-color: #ffffff;
	color: #7f7f7f;
	height: 100%;
	top: 0px;
	position: absolute;
	left: 50%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	text-align: center;
}

@media screen and (max-width: 599px) {

	/*　画面サイズ 599pxまで適用　*/
	body {
		width: 300px;
		margin-left: -150px;
	}
}

@media screen and (min-width: 600px) and (max-width: 999px) {

	/*　画面サイズ 600pxから999pxまで適用　*/
	body {
		width: 580px;
		margin-left: -290px;
	}
}

@media screen and (min-width: 1000px) {

	/*　画面サイズ 1000px以上から適用　*/
	body {
		width: 980px;
		margin-left: -480px;
	}
}

.header {
	width: 100%;
	top: 0px;
	position: absolute;
}

.header a {
	text-decoration: none;
	color: #7f7f7f;
	font-weight: bolder;
}

.header .logo {
	width: 200px;
	text-align: center;
}

.header .logo p {
	margin: 0px;
}

.header .logo img {
	width: 200px;
}

.main {
	width: 100%;
	top: 30%;
	position: absolute;
}

.main a {
	color: #353535;
	font-weight: bolder;
}

.footer {
	width: 100%;
	bottom: 50px;
	position: absolute;
}