body{
	border-bottom:thick solid #0f6;
	width:800%;
}
a,a:visited{color:#0c0}
a:hover{color:#f66}
a:hover img{
	opacity:.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}


body>h1{
	font:normal 1.2em/1.1em "明石","Akashi",monospace;
	letter-spacing:0.3em;
}
nav{
	position:fixed;
	left:1em;
}

nav ul{list-style:none}
nav.page li{
	font:normal 0.8em/1.3em "カクミン R","Kakumin Regular",sans-serif;
	float:left;
	border-bottom:thin solid #000;
	margin:0 0.5em 1em;
}

nav.pieces{
	clear:left;
	top:4em;
}
nav.pieces li{
	padding:0 0 1px;
	float:left;
}
nav.pieces li a{
	display:inline-block;
	width:60px;
	height:30px;
	overflow:hidden;
	border:medium solid #000;
}
nav.pieces li img{width:100%}

article{
	display:inline-block;
	width:11.8%;
	margin:7em 0.5% 0 0;
	padding:0.3em 0 0;
	border-top:thin dotted #999;
	overflow:hidden;
}
article h2{float:right}
article p{
	float:right;
	clear:right;
}
article img{float:left}

footer{text-align:right}