@charset "utf-8";


/* ============================================================

	style info : CSS sprite

============================================================ */

/* spriteClass */
.csp {
	overflow: hidden;
	display: block;
	border: none;
	text-indent: 200%;
	white-space: nowrap;
	vertical-align: top;
	background: url(../img/common/sprite.png) no-repeat;
}

/* sprites */
#sub .carousel ul.nav li.next a.csp {
	background-position: -441px -144px;
	width: 21px;
	height: 21px;
}

#sub .carousel ul.nav li.prev a.csp {
	background-position: -420px -144px;
	width: 21px;
	height: 21px;
}

#top .topicsSection ul.nav li a.csp {
	background-position: -462px -144px;
	width: 10px;
	height: 10px;
}

#top .topicsSection ul.nav li.selected a.csp {
	background-position: -462px -154px;
	width: 10px;
	height: 10px;
}

ul.globalNav li.about a span.csp {
	background-position: 0px -213px;
	width: 200px;
	height: 43px;
}

ul.globalNav li.asobu a span.csp {
	background-position: 0px -71px;
	width: 200px;
	height: 71px;
}

ul.globalNav li.relation a span.csp {
	background-position: 0px -256px;
	width: 200px;
	height: 43px;
}

ul.globalNav li.manabu a span.csp {
	background-position: 0px 0px;
	width: 200px;
	height: 71px;
}

ul.globalNav li.support a span.csp {
	background-position: 0px -299px;
	width: 200px;
	height: 43px;
}

ul.globalNav li.tsukuru a span.csp {
	background-position: 0px -142px;
	width: 200px;
	height: 71px;
}

#top .projectSection h2.csp {
	background-position: -420px -72px;
	width: 160px;
	height: 36px;
}

#top .sisterSection h2.csp {
	background-position: -420px -108px;
	width: 160px;
	height: 36px;
}

#top .clubSection h2.csp {
	background-position: -420px -36px;
	width: 160px;
	height: 36px;
}

#top .classSection h2.csp {
	background-position: -420px 0px;
	width: 160px;
	height: 36px;
}

ul.globalNav li.asobu a:hover span.csp {
	background-position: -210px -71px;
	width: 200px;
	height: 71px;
}

ul.globalNav li.manabu a:hover span.csp {
	background-position: -210px 0px;
	width: 200px;
	height: 71px;
}

ul.globalNav li.tsukuru a:hover span.csp {
	background-position: -210px -142px;
	width: 200px;
	height: 71px;
}

#header .siteLogo a.csp {
	background-position: -210px -220px;
	width: 453px;
	height: 56px;
}


@media screen and (max-width: 640px) {

/*
.globalNav li a span.csp,
.globalNav li a:hover span.csp,
#top .classSection h2.csp,
#top .clubSection h2.csp,
#top .projectSection h2.csp,
#top .sisterSection h2.csp {
	text-indent: 0;
	white-space: normal;
	background: none;
	width: auto;
	height: auto;
}
*/

/* spriteClass */
.csp {
	background-image: url(../img/common/sp/sprite.png);
	background-size: 305px 389px;
}

/* sprites */
#header .siteLogo a.csp {
	background-position: -155px -150px;
	width: 115px;
	height: 22px;
}

#top .projectSection h2.csp {
	background-position: -155px -90px;
	width: 150px;
	height: 30px;
}

#top .clubSection h2.csp {
	background-position: -155px -60px;
	width: 150px;
	height: 30px;
}

#top .classSection h2.csp {
	background-position: -155px -30px;
	width: 150px;
	height: 30px;
}
#top .sisterSection h2.csp {
	background-position: -155px -120px;
	width: 150px;
	height: 30px;
}

ul.globalNav li.tsukuru a span.csp,ul.globalNav li.tsukuru a:hover span.csp {
	background-position: 0px -111px;
	width: 150px;
	height: 56px;
}

ul.globalNav li.about a span.csp,ul.globalNav li.about:hover a span.csp {
	background-position: 0px -167px;
	width: 150px;
	height: 56px;
}

ul.globalNav li.asobu a span.csp,ul.globalNav li.asobu a:hover span.csp {
	background-position: 0px -56px;
	width: 150px;
	height: 56px;
}

ul.globalNav li.manabu a span.csp,ul.globalNav li.manabu a:hover span.csp {
	background-position: 0px 0px;
	width: 150px;
	height: 56px;
}

ul.globalNav li.news a span.csp,ul.globalNav li.news a:hover span.csp {
	background-position: 0px -333px;
	width: 150px;
	height: 56px;
}

ul.globalNav li.support a span.csp,ul.globalNav li.support a:hover span.csp {
	background-position: 0px -278px;
	width: 150px;
	height: 56px;
}

ul.globalNav li.relation a span.csp,ul.globalNav li.relation a:hover span.csp {
	background-position: 0px -222px;
	width: 150px;
	height: 56px;
}


} /* screen and (max-width:640px) */