/* ====== standard ========= */
.standard  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 120px;
	height:120px;
	border: 1px solid #D0D0D0;
	/* background-image: url("Kodachrome160.png"); */
}
.standard img { 
	position: absolute;
	top: 30px;
	left: 15px;
	width:  90px;
	height: 60px;
	border: 1px solid #888;
}
.standard span { 
	position: absolute;
	width: 120px;
	left: 0;
	top: 100px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.standard p { 
	position: absolute;
	width: 120px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

.standard-po  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 120px;
	height:120px;
	border: 1px solid #D0D0D0;
	/* background-image: url("Kodachrome160po_tnt.png"); */
}
.standard-po img { 
	position: absolute;
	top: 15px;
	left: 30px;
	width: 60px;
	height: 90px;
	border: 1px solid #888;
}
.standard-po span { 
	position: absolute;
	width: 120px;
	left: 0;
	bottom: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.standard-po p { 
	position: absolute;
	width: 120px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

/* ====== noframe ========= */
.noframe  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 120px;
	height:120px;
	/*border: 1px solid #D0D0D0; */
	/* background-image: url("Kodachrome160.png"); */
}
.noframe img { 
	position: absolute;
	top: 20px;
	left: 0px;
	width:  120px;
	height:  80px;
	border: 1px solid #888;
}
.noframe span { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 100px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.noframe p { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

.noframe-po  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 120px;
	height:120px;
	/* border: 1px solid #D0D0D0; */
	/* background-image: url("Kodachrome160po_tnt.png"); */
}
.noframe-po img { 
	position: absolute;
	top:   0px;
	left: 20px;
	width:   80px;
	height: 120px;
	border: 1px solid #888;
}
.noframe-po span { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	bottom: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.noframe-po p { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

/* ====== tile ========= */
.tile  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 120px;
	height: 80px;
	/*border: 1px solid #D0D0D0; */
	/* background-image: url("Kodachrome160.png"); */
}
.tile img { 
	position: absolute;
	top:  0px;
	left: 0px;
	width:  120px;
	height:  80px;
	border: 1px solid #888;
}
.tile span { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 100px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.tile p { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

.tile-po  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width:  60px;
	height: 80px;
	/* border: 1px solid #D0D0D0; */
	/* background-image: url("Kodachrome160po_tnt.png"); */
}
.tile-po img { 
	position: absolute;
	top:   0px;
	left:  0px;
	width:   60px;
	height:  80px;
	border: 1px solid #888;
}
.tile-po span { 
	position: absolute;
	display : none;
	width: 60px;
	left: 0;
	bottom: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.tile-po p { 
	position: absolute;
	display : none;
	width: 60px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

/* ======== filmstrip ========= */
.filmstrip  { 
	display : block;
	margin-top: 3px;
	float: left;
	position: relative;
	width: 132px;
	height:120px;
	/*border: 1px solid #D0D0D0; */
	background-image: url("K5033H120.png");
}
.filmstrip img { 
	position: absolute;
	margin-left: 3px;
	top:  20px;
	left:  3px;
	width:  120px;
	height:  80px;
	border: none;
}
.filmstrip span { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 100px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.filmstrip p { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

.filmstrip-po  { 
	display : block;
	margin-top: 3px;
	float: left;
	position: relative;
	width:   80px;
	height: 120px;
	/* border: 1px solid #D0D0D0; */
	background-image: url("K5033H120.png");
}
.filmstrip-po img { 
	position: absolute;
	margin-left: 3px;
	top:   20px;
	left:   3px;
	width:   60px;
	height:  80px;
	border: none;
}
.filmstrip-po span { 
	position: absolute;
	display : none;
	width: 60px;
	left: 0;
	bottom: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.filmstrip-po p { 
	position: absolute;
	display : none;
	width: 60px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

.filmstrip-real  { 
	display : block;
	margin-top: 3px;
	float: left;
	position: relative;
	width: 132px;
	height:120px;
	/*border: 1px solid #D0D0D0; */
	 background-image: url("K5033H120.png");
}
.filmstrip-real img { 
	position: absolute;
	margin-left: 3px;
	top:  20px;
	left:  3px;
	width:  120px;
	height:  80px;
	border: none;
}
.filmstrip-real span { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 100px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.filmstrip-real p { 
	position: absolute;
	display : none;
	width: 120px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

.filmstrip-real-po  { 
	display : block;
	margin-top: 3px;
	float: left;
	position: relative;
	width: 132px;
	height:120px;
	/* border: 1px solid #D0D0D0; */
	background-image: url("K5033H120.png");
}
.filmstrip-real-po img { /* will not work on IE8 */
	position: absolute;
	margin-left: 3px;
	top:  20px;
	left:  3px;
	width:   80px;
	height: 120px;
	/* +90 degree ==> origin: 60px 60px   top: 20px  left :  3px */
	/* -90 degree ==> origin: 40px 40px   top: 20px  left :  3px */
	-webkit-transform-origin: 40px 40px;
	-moz-transform-origin: 40px 40px;
	-o-transform-origin: 40px 40px;
	-ms-transform-origin: 40px 40px;
	transform-origin: 40px 40px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	border: none;
}
.filmstrip-real-po span { 
	position: absolute;
	display : none;
	width: 60px;
	left: 0;
	bottom: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.filmstrip-real-po p { 
	position: absolute;
	display : none;
	width: 60px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

/* ====== kodachrome =========== */
.kodachrome  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 160px;
	height:160px;
	border: 1px solid #A0A0A0;
	background-image: url("Kodachrome160.png");
}
.kodachrome img { 
	position: absolute;
	top: 40px;
	left: 20px;
	width: 120px;
	height: 80px;
	border: 1px solid #888;
}
.kodachrome img.globe16px { 
	position: absolute;
	top: 140px;
	left: 10px;
	width: 16px;
	height: 16px;
	border: none;
}

.kodachrome span { 
	position: absolute;
	width: 160px;
	left: 0;
	top: 130px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.kodachrome p { 
	position: absolute;
	width: 160px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

.kodachrome-po  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 160px;
	height:160px;
	border: 1px solid #A0A0A0;
	 background-image: url("Kodachrome160po.png");
}
.kodachrome-po img { 
	position: absolute;
	top: 20px;
	left: 40px;
	width: 80px;
	height: 120px;
	border: 1px solid #888;
}

.kodachrome-po img.globe16px { 
	position: absolute;
	top: 140px;
	left: 140px;
	width: 16px;
	height: 16px;
	border: none;
}

.kodachrome-po span { 
	position: absolute;
	width: 160px;
	left: 0;
	bottom: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.kodachrome-po p { 
	position: absolute;
	width: 160px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

/* ====== kodachrome (Tokai Nature Trail) =========== */

.kodachrome_tnt  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 160px;
	height:160px;
	border: 1px solid #A0A0A0;
	background-image: url("Kodachrome160_tnt.png");
}
.kodachrome_tnt img { 
	position: absolute;
	top: 40px;
	left: 20px;
	width: 120px;
	height: 80px;
	border: 1px solid #888;
}
.kodachrome_tnt img.globe16px { 
	position: absolute;
	top: 140px;
	left: 10px;
	width: 16px;
	height: 16px;
	border: none;
}

.kodachrome_tnt span { 
	position: absolute;
	width: 160px;
	left: 0;
	top: 130px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.kodachrome_tnt p { 
	position: absolute;
	width: 160px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}

.kodachrome_tnt-po  { 
	display : block;
	float: left;
	position: relative;
	margin: 3px 3px;
	width: 160px;
	height:160px;
	border: 1px solid #A0A0A0;
	background-image: url("Kodachrome160po_tnt.png");
}
.kodachrome_tnt-po img { 
	position: absolute;
	top: 20px;
	left: 40px;
	width: 80px;
	height: 120px;
	border: 1px solid #888;
}
.kodachrome_tnt-po img.globe16px { 
	position: absolute;
	top: 140px;
	left: 140px;
	width: 16px;
	height: 16px;
	border: none;
}

.kodachrome_tnt-po span { 
	position: absolute;
	width: 160px;
	left: 0;
	bottom: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: center;
	text-indent: 0.5em;
	color: #555;
}
.kodachrome_tnt-po p { 
	position: absolute;
	width: 160px;
	left: 0;
	top: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ丸ゴ ProN W4",  "meiryo", "MS Gothic", arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.15em;
	text-align: left;
	text-indent: 0.5em;
	color: #888;
}