/* all-navigation ===================================================== */
#all-navigation{
	padding:0;
	width:248px;
	height:397px;
	float:left;
}

/* h2 layout ----------------------------------------------- */
#all-navigation h2{
	padding:20px 0 0 14px;
}

/* default navi ----------------------------------------------- */
ul#none,ul#game,ul#chara,ul#enjoy,ul#movie{
	padding:0 0 0 26px;
	width:222px;
}

ul#none li,ul#game li,ul#chara li,ul#enjoy li,ul#movie li{
	display:block;
	width:222px;
	height:40px;
	overflow:hidden;
}
/* clear fix */
ul#none li,ul#game li,ul#chara li,ul#enjoy li,ul#movie li{
    zoom:1;/*for IE 5.5-7*/
}

ul#none li:after,ul#game li:after,ul#chara li:after,ul#enjoy li:after,ul#movie li:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

ul#none li a,ul#game li a,ul#chara li a,ul#enjoy li a,ul#movie li a{
	display:block;
	width:172px;
	height:40px;

	float:left;

	font-size:0;
	line-height:0;
	text-decoration:none;
	text-indent:-5000px;
}

#all-navigation ul li span{
	display:block;
	padding:8px 0 0 1px;
}

/* btn out */
#btnAbout a{
	background:url(all-navigation/li-bg-about.gif) no-repeat left 0px;
}

#btnChara a{
	background:url(all-navigation/li-bg-chara.gif) no-repeat left 0px;
}

#btnEnjoy a{
	background:url(all-navigation/li-bg-enjoy.gif) no-repeat left 0px;
}

#btnMovie a{
	background:url(all-navigation/li-bg-movie.gif) no-repeat left 0px;
}
/* btn over / active*/
#btnAbout a:hover,
#game #btnAbout a{
	background:url(all-navigation/li-bg-about.gif) no-repeat left -50px;
}

#btnChara a:hover,
#chara #btnChara a{
	background:url(all-navigation/li-bg-chara.gif) no-repeat left -50px;
}

#btnEnjoy a:hover,
#enjoy #btnEnjoy a{
	background:url(all-navigation/li-bg-enjoy.gif) no-repeat left -50px;
}

#btnMovie a:hover,
#movie #btnMovie a{
	background:url(all-navigation/li-bg-movie.gif) no-repeat left -50px;
}


/* special01 ----------------------------------------------- */
#navi-banner{
	padding:8px 0 20px 26px;
	width:222px;
}
#navi-banner li{
	padding:0;
	width:222px;
	height:75px;
	clear:both;
}

#navi-banner li#ringo{width:172px;text-align:center;}

/* clear fix */
#navi-banner li{
    zoom:1;/*for IE 5.5-7*/
}

#navi-banner li:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#navi-banner li a{
	float:left;
	display:block;
}