* { margin:0; padding: 0; list-style: none; }
body { font-family: Arial,Tahoma; color:#333; background: #eee; }



#page { margin: 0 auto; width: 640px; background: #080808; padding:10px; margin-top:-30px; margin-bottom: 20px; border: 1px solid #777; box-shadow: #535353 3px 3px 10px; }



#page h1 { font-weight: normal; font-size: 32px; letter-spacing: -2px; margin:0 0 20px 0; border-bottom: 1px solid #ddd; padding:0 0 10px 0; }
#page h2 { font-weight: bold; font-size: 22px; letter-spacing: -1px; font-style: italic; margin:40px 0 0 0; }
#page h3 { float: right; }
#page h3 a { font-weight: normal; font-size: 16px; color:#004499; }
#page h3 a:hover { color:#333; }


#bg {
	position:fixed; /*ボックスの配置方法(fixedは固定配置)*/
	top:-50%; /*上からの距離(positionで指定している場合に適用)*/
	left:-50%; /*左からの距離(positionで指定している場合に適用)*/
	width:200%; /*幅指定*/
	height:200%; /*領域の高さ指定(100%は縦いっぱいに表示)*/
	z-index:-1; /*ボックスの重なりの順序を指定*/
}

#bg img {
	position:absolute;
	top:0; /*上からの距離(positionで指定している場合に適用)*/
	left:0; /*左からの距離(positionで指定している場合に適用)*/
	right:0; /*右からの距離(positionで指定している場合に適用)*/
	bottom:0; /*下からの距離(positionで指定している場合に適用)*/
	margin: auto; /*ボックス外側の余白(autoはボックス幅や隣接する他ボックス幅による自動余白割り当て)*/
	min-width:50%; /*領域幅の最小値指定*/
	min-height:50%; /*領域高さの最小値指定*/
}
