@charset "UTF-8";

#common-contents h2{
	background:url(common-contents/h2.gif) no-repeat;
}

/*--------------------------------------------------------
	ストーリー
	--------------------------------------------------------*/
#common-contents nav ul li#contents-story{
	background:url(common-contents/contents-story.gif) bottom;
}

body.bodyStory #common-contents nav ul li#contents-story{
	background:url(common-contents/contents-story.gif) top;
}

#common-contents nav ul li#contents-story a{
	opacity:0;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-ms-transition:opacity .3s linear;
	transition:opacity .3s linear;
	background:url(common-contents/contents-story.gif) top;
}

#common-contents nav ul li#contents-story a:hover,
#common-contents nav ul li#contents-story a:focus{
	opacity:1;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-ms-transition:opacity .3s linear;
	transition:opacity .3s linear;
}

/*--------------------------------------------------------
	学校
	--------------------------------------------------------*/
#common-contents nav ul li#contents-school{
	background:url(common-contents/contents-school.gif) bottom;
}

body.bodySchool #common-contents nav ul li#contents-school{
	background:url(common-contents/contents-school.gif) top;
}

#common-contents nav ul li#contents-school a{
	opacity:0;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-ms-transition:opacity .3s linear;
	transition:opacity .3s linear;
	background:url(common-contents/contents-school.gif) top;
}

#common-contents nav ul li#contents-school a:hover,
#common-contents nav ul li#contents-school a:focus{
	opacity:1;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-ms-transition:opacity .3s linear;
	transition:opacity .3s linear;
}

/*--------------------------------------------------------
	ショップ
	--------------------------------------------------------*/
#common-contents nav ul li#contents-shop{
	background:url(common-contents/contents-shop.gif) bottom;
}

body.bodyShop #common-contents nav ul li#contents-shop{
	background:url(common-contents/contents-shop.gif) top;
}

#common-contents nav ul li#contents-shop a{
	opacity:0;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-ms-transition:opacity .3s linear;
	transition:opacity .3s linear;
	background:url(common-contents/contents-shop.gif) top;
}

#common-contents nav ul li#contents-shop a:hover,
#common-contents nav ul li#contents-shop a:focus{
	opacity:1;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-ms-transition:opacity .3s linear;
	transition:opacity .3s linear;
}

/*--------------------------------------------------------
	たいせん
	--------------------------------------------------------*/
#common-contents nav ul li#contents-duel{
	background:url(common-contents/contents-duel.gif) bottom;
}

body.bodyDuel #common-contents nav ul li#contents-duel{
	background:url(common-contents/contents-duel.gif) top;
}

#common-contents nav ul li#contents-duel a{
	opacity:0;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-ms-transition:opacity .3s linear;
	transition:opacity .3s linear;
	background:url(common-contents/contents-duel.gif) top;
}

#common-contents nav ul li#contents-duel a:hover,
#common-contents nav ul li#contents-duel a:focus{
	opacity:1;
	-webkit-transition:opacity .3s linear;
	-o-transition:opacity .3s linear;
	-moz-transition:opacity .3s linear;
	-ms-transition:opacity .3s linear;
	transition:opacity .3s linear;
}


/*--------------------------------------------------------
	じゅんびちゅう
	--------------------------------------------------------*/
#common-contents nav ul li.commingSoon{
	background:url(common-contents/commingSoon.gif);
	display:block;
	width:170px;
	height:75px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;
}

