@charset "utf-8";

/* 共通
---------------------------------------------------------- */
body {
	padding: 0 0 32px 0;
}

/* ヘッダー
---------------------------------------------------------- */
header {
	background: #555;
}
	header h1 {
		padding: 24px 0;
		margin: 0;
		color: #fff;
	}
		header h1 a {
			color: #fff;
		}
		header h1 a:hover {
			color: #fff;
		}

/* コンテンツ
---------------------------------------------------------- */
article .container {
	padding: 16px 0;
	text-align: center;
}

.ip {
	border: 1px solid #999;
	background: #eee;
	font-size: 5em;
	width: 70%;
	font-weight: bold;
	margin: 0 auto;
	padding: 16px 32px;
}



/* フッター
---------------------------------------------------------- */
footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #555;
}
	footer p.copyright {
		text-align: center;
		padding: 4px;
		margin: 0;
		color: #fff;
	}
		footer p.copyright a {
			color: #fff;
		}
		footer p.copyright a:hover {
			color: #fff;
		}