/* spriteClass */
.csp {
	background: url(../images/sprite.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	border: none;
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.csp {
		background-image: url(../images/sprite@2x.png);
		background-size: 326px 244px;
	}
}

/* sprites */
#header h1 a.csp {
	background-position: 0px 0px;
	width: 310px;
	height: 40px;
}

#header .globalNav .future a span.csp {
	background-position: -189px -40px;
	width: 99px;
	height: 17px;
}

#header .globalNav .past a span.csp {
	background-position: 0px -40px;
	width: 68px;
	height: 20px;
}

#header .globalNav .present a span.csp {
	background-position: -68px -40px;
	width: 121px;
	height: 20px;
}

#future #contact h3.csp {
	background-position: 0px -60px;
	width: 312px;
	height: 20px;
}

#future #contact .em a.csp {
	background-position: 0px -144px;
	width: 326px;
	height: 23px;
}

#future #profile h3.csp {
	background-position: -236px -80px;
	width: 86px;
	height: 21px;
}

#past #contents #workList .detail .close a span.csp {
	background-position: -50px -199px;
	width: 34px;
	height: 32px;
}

#past #contents #workList .detail .nav .next a span.csp {
	background-position: -25px -199px;
	width: 25px;
	height: 45px;
}

#past #contents #workList .detail .nav .prev a span.csp {
	background-position: 0px -199px;
	width: 25px;
	height: 45px;
}

#past #contents #workList .detail .tail.csp {
	background-position: -84px -199px;
	width: 28px;
	height: 12px;
}

#present #contents .pager li.next a span.csp {
	background-position: -168px -167px;
	width: 51px;
	height: 12px;
}

#present #contents .pager li.prev a span.csp {
	background-position: -117px -167px;
	width: 51px;
	height: 12px;
}

#future #about h3.csp {
	background-position: 0px -80px;
	width: 236px;
	height: 21px;
}

#future #access h3.csp {
	background-position: 0px -101px;
	width: 302px;
	height: 20px;
}

#future .nav .about span.csp {
	background-position: -70px -186px;
	width: 51px;
	height: 13px;
}

#future .nav .access span.csp {
	background-position: -178px -186px;
	width: 63px;
	height: 13px;
}

#future .nav .contact span.csp {
	background-position: 0px -186px;
	width: 70px;
	height: 13px;
}

#future .nav .profile span.csp {
	background-position: -121px -186px;
	width: 57px;
	height: 13px;
}

#future #contact .tel a.csp {
	background-position: 0px -121px;
	width: 256px;
	height: 23px;
}

#present #contents .archive h3 span.csp {
	background-position: 0px -167px;
	width: 117px;
	height: 19px;
}