@charset "utf-8";

html {
	background-color: #000;
	color: #DDD;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#container {
	width: 936px;
	margin: 20px auto;
}

#navigation {
	float: left;
	width: 256px;
	height: 64px;
	text-align: center;
/*	font-family: monospace;*/
}

#navigation div.pager {
	float: left;
	cursor: pointer;
	font-weight: bolder;
}

#navigation div.slideshow {
	float: right;
	cursor: pointer;
	font-weight: bolder;
}

#navigation div.page {
	clear: both;
	float: left;
	font-size: smaller;
}

#comment {
	font-weight: bolder;
	float: left;
	width: 640px;
	height: 64px;
	padding: 0 20px;
	vertical-align: middle;
}

#photoNumber {
	font-weight: normal;
	font-size: smaller;
	float: right;
	vertical-align: middle;
}

ul#thumbnails {
	display: block;
	float: left;
	width: 256px;
	height: 640px;
}

ul#thumbnails li {
	float: left;
	height: 128px;
	cursor: pointer;
}

ul#thumbnails li img {
}

#image {
	float: left;
	width: 640px;
	height: 640px;
	cursor: pointer;
	padding: 0 20px;
}