body {
	margin: 0;
	padding: 0;
}

#cropBox {
	position:relative; 
	height: 150px;
	width: 225px;
	overflow: hidden;
}

#photoBox {
	position:relative; 
	width: 22500px;
}

#photo00 {
	height: 150px;
	width: 450px;
	float: left;
}

#photo01, #photo02, #photo03, #photo04, #photo05, #photo06, #photo07, #photo08, #photo09, #photo10,
#photo11, #photo12, #photo13, #photo14, #photo15, #photo16, #photo17, #photo18, #photo19, #photo20 {
	height: 150px;
	width: 1125px;
	float: left;
}

#photo00 { background: #FFF url(images/logic_000.jpg) no-repeat; }
#photo01 { background: #FFF url(images/logic_001.jpg) no-repeat; }
#photo02 { background: #FFF url(images/logic_002.jpg) no-repeat; }
#photo03 { background: #FFF url(images/logic_003.jpg) no-repeat; }
#photo04 { background: #FFF url(images/logic_004.jpg) no-repeat; }
#photo05 { background: #FFF url(images/logic_005.jpg) no-repeat; }
#photo06 { background: #FFF url(images/logic_006.jpg) no-repeat; }
#photo07 { background: #FFF url(images/logic_007.jpg) no-repeat; }
#photo08 { background: #FFF url(images/logic_008.jpg) no-repeat; }
#photo09 { background: #FFF url(images/logic_009.jpg) no-repeat; }
#photo10 { background: #FFF url(images/logic_010.jpg) no-repeat; }
#photo11 { background: #FFF url(images/logic_011.jpg) no-repeat; }
#photo12 { background: #FFF url(images/logic_012.jpg) no-repeat; }
#photo13 { background: #FFF url(images/logic_013.jpg) no-repeat; }
#photo14 { background: #FFF url(images/logic_014.jpg) no-repeat; }
#photo15 { background: #FFF url(images/logic_015.jpg) no-repeat; }
#photo16 { background: #FFF url(images/logic_016.jpg) no-repeat; }
#photo17 { background: #FFF url(images/logic_017.jpg) no-repeat; }
#photo18 { background: #FFF url(images/logic_018.jpg) no-repeat; }
#photo19 { background: #FFF url(images/logic_019.jpg) no-repeat; }
#photo20 { background: #FFF url(images/logic_020.jpg) no-repeat; }


#navi {
	position: fixed;
	top: 0;
	left: 0;
}

#title {
	width: 225px;
	height: 150px;
	float: left;
}
#title p {
	margin: 50px 0 0 0;
}

#pre {
	display: table-cell;
	width: 225px;
	height: 150px;
	text-align: center;
	float: left;
}

#pre p {
	margin: 34px 0 0 0;
	color:#FFF;
	font-size: 12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

#pre a:link, #pre a:visited {
	color: #FFF;
	text-decoration: underline;
}

#pre a:hover {
	color: #FFF;
	text-decoration: none;
}