@charset "UTF-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #333333;
	margin: 10;
	padding: 10;
	color: #FFF;
}

.container {
	width: 800px;
　
	margin: 0 auto; 
	top: 70px;
}

.hedder {
	margin:0;
	padding:0;
	height:60px;
}

.menu {
	margin: 40;
	padding: 0;
}

.menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.menu li {
	float:left;
	width:100px;
	margin:0;
	padding:0;
}

.image-link {
	display:inline-block;
	padding:4px;
	margin:0 0.5rem 1rem 0.5rem;
	line-height:0;
	-webkit-transition:background-color 0.1s ease-out;
	-moz-transition:background-color 0.1s ease-out;
	-o-transition:background-color 0.1s ease-out;
	transition:background-color 0.1s ease-out;
}

.image-link:hover {
	background-color: #CCC
}

.image {
	width: 100px;
	height: 100px;
}

.content {
	width:600px;　
}

.footer {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 12px;
}