#photoBox {
	background:url(../img/bg_ajax01.gif) no-repeat 0 0;
	width: 673px;	height: 313px;
	/*display: block;text-indent: -9999px;overflow: hidden;text-align: left;*/
}
#thumbBoxAll {
	background:url(../img/bg_ajax02.gif) no-repeat 9px 8px ;
	position: relative;
	float: left;
	width: 86px;
	height: 277px;
	padding: 19px 12px 19px 22px;
}
#thumbBack{ 
	position: absolute;
	top: 19px; left: 22px;
	width: 86px; height: 21px;
	background:url(../img/btn_up.gif) no-repeat 0 0;
	cursor: pointer;
	display: block;text-indent: -9999px;overflow: hidden;text-align: left;
}
#thumbNext {
	position: absolute;
	bottom: 19px; left: 22px;
	width: 86px; height: 21px;
	background:url(../img/btn_down.gif) no-repeat 0 0;
	cursor: pointer;
	display: block;text-indent: -9999px;overflow: hidden;text-align: left;

}
#thumbBox {
	position: relative;
	top: 27px; left: 0;
	width: 86px; height: 223px;
	overflow: hidden;
}
#thumbInner {
	position: relative;
	top: 0px;
}
.thumbImgBox {
	width: 86px; height: 52px;
	margin-bottom: 5px;
	cursor: pointer;
}
#mainImageBox {
	float: left;
	width: 545px; height: 312px;
	overflow: hidden;
}
#mainImage {
	width: 545px; height: 297px;
	margin: 8px 0;
}


#thumbFocus {
	position: absolute;		/* absoluteかrelative指定は必須 */
	height: 52px;
	width: 95px;
	top: 46px;				/* フォーカスする部分初期値デザインにより指定 */
	left: 22px;				/* フォーカスする部分初期値デザインにより指定 */
	z-index: 10;
	background-image: url(../img/focus.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}