@charset "utf-8";
/* CSS Document */

#common-navigation{
	width:780px;
	height:100px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#common-navigation h1{
	float:left;
	width:200px;
	height:100px;
	background:url(common-navigation/h1.png);
}
#common-navigation h1 a{
	display:block;
	height:100px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;
}

#common-navigation nav{
	float:right;
	width:425px;
	height:100px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#common-navigation nav h2{
	display:none;
}


#common-navigation nav ul li{
	float:left;
	width:85px;
	height:100px;
	position:relative;
}

#common-navigation nav ul li a{
	display:block;
	width:85px;
	height:100px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;
}

/* newInfo */
#common-navigation nav ul li .newInfo{
	top:81px;
	left:2px;
}


/*--------------------------------------------------------
	キャラクター
	--------------------------------------------------------*/
#common-navigation nav ul li#navigation-character{
	background:url(common-navigation/navigation-character.gif) top;
}
body.bodyCharacter #common-navigation nav ul li#navigation-character{
	background:url(common-navigation/navigation-character.gif) bottom;
}

#common-navigation nav ul li#navigation-character 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-navigation/navigation-character.gif) bottom;
}

#common-navigation nav ul li#navigation-character a:hover,
#common-navigation nav ul li#navigation-character 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-navigation nav ul li#navigation-play{
	background:url(common-navigation/navigation-play.gif) top;
}

body.bodyPlay #common-navigation nav ul li#navigation-play{
	background:url(common-navigation/navigation-play.gif) bottom;
}


#common-navigation nav ul li#navigation-play 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-navigation/navigation-play.gif) bottom;
}

#common-navigation nav ul li#navigation-play a:hover,
#common-navigation nav ul li#navigation-play 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-navigation nav ul li#navigation-mode{
	background:url(common-navigation/navigation-mode.gif) top;
}

body.bodyMode #common-navigation nav ul li#navigation-mode{
	background:url(common-navigation/navigation-mode.gif) bottom;
}


#common-navigation nav ul li#navigation-mode 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-navigation/navigation-mode.gif) bottom;
}

#common-navigation nav ul li#navigation-mode a:hover,
#common-navigation nav ul li#navigation-mode 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-navigation nav ul li#navigation-enjoy{
	background:url(common-navigation/navigation-enjoy.gif) top;
}

body.bodyEnjoy #common-navigation nav ul li#navigation-enjoy{
	background:url(common-navigation/navigation-enjoy.gif) bottom;
}


#common-navigation nav ul li#navigation-enjoy 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-navigation/navigation-enjoy.gif) bottom;
}

#common-navigation nav ul li#navigation-enjoy a:hover,
#common-navigation nav ul li#navigation-enjoy 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-navigation nav ul li#navigation-spec{
	background:url(common-navigation/navigation-spec.gif) top;
}

body.bodySpec #common-navigation nav ul li#navigation-spec{
	background:url(common-navigation/navigation-spec.gif) bottom;

}

#common-navigation nav ul li#navigation-spec 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-navigation/navigation-spec.gif) bottom;
}

#common-navigation nav ul li#navigation-spec a:hover,
#common-navigation nav ul li#navigation-spec 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;
}

/*--------------------------------------------------------
	comming
	--------------------------------------------------------*/
#common-navigation nav ul li.navigationComming{
	background:url(common-navigation/navigationComming.gif) top;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0em;
	font-size:0;
}