@charset "UTF-8";

/*************************************************************

 Copyright (C) media kraft fuzoku aaa.

************************************************************
*/


/*////////////////////////////////////////////

	ヘッダーナビゲーション用スタイル

		①. Base
		②. h2
		③. ul


////////////////////////////////////////////*/



/* ----------------------------------------
 * 1. Base
 * ---------------------------------------- */


div#header-navi {
	clear: both;
	margin: 4px auto 0;
	width: 890px;
	height: 33px;
	text-align: left;
	background: #FFFFFF url(/image/base/aaa_navi.png) no-repeat scroll left bottom;
}

/* ----------------------------------------
 * ②. h2
 * ---------------------------------------- */

div#header-navi h2 {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	color: #fff;
	}

/* ----------------------------------------
 * ③. ul
 * ---------------------------------------- */

div#header-navi ul {
	width: 890px;
	height: 33px;
	}

div#header-navi ul li {
	display: inline;
	height: 33px;
	float: left;
	text-indent: -9999px;
/*	border: 1px #990 dashed; */
	}

div#header-navi ul li#top,             { left:0; }
div#header-navi ul li#news,            { left:60px; }
div#header-navi ul li#areasearch,      { left:130px; }
div#header-navi ul li#free,            { left:196px; }
div#header-navi ul li#ticket,          { left:266px; }
div#header-navi ul li#event,           { left:337px; }
div#header-navi ul li#gravure,         { left:414px; }
div#header-navi ul li#comic,           { left:491px; }
div#header-navi ul li#animation,       { left:556px; }
div#header-navi ul li#experiences,     { left:622px; }
div#header-navi ul li#soap,            { left:692px; }
/* div#header-navi ul li#av,              { left:759px; } */
div#header-navi ul li#kitakanto,       { left:759px; }
div#header-navi ul li#catalog a,       { left:819px; }


div#header-navi ul li#top a,
div#header-navi ul li#news a,
div#header-navi ul li#areasearch a,
div#header-navi ul li#free a,
div#header-navi ul li#ticket a,
div#header-navi ul li#event a,
div#header-navi ul li#gravure a,
div#header-navi ul li#comic a,
div#header-navi ul li#animation a,
div#header-navi ul li#experiences a,
div#header-navi ul li#soap a,
/* div#header-navi ul li#av a, */
div#header-navi ul li#kitakanto a,
div#header-navi ul li#catalog a {
	display: block;
	height: 33px;
	background-image: url(/image/base/aaa_navi.png);
	text-decoration: none;
	overflow:hidden;
}

div#header-navi ul li#top a              { width: 60px; background-position:      0 0; }
div#header-navi ul li#news a             { width: 70px; background-position:  -60px 0; }
div#header-navi ul li#areasearch a       { width: 66px; background-position: -130px 0; }
div#header-navi ul li#free a             { width: 70px; background-position: -196px 0; }
div#header-navi ul li#ticket a           { width: 71px; background-position: -266px 0; }
div#header-navi ul li#event a            { width: 77px; background-position: -337px 0; }
div#header-navi ul li#gravure a          { width: 77px; background-position: -414px 0; }
div#header-navi ul li#comic a            { width: 65px; background-position: -491px 0; }
div#header-navi ul li#animation a        { width: 66px; background-position: -556px 0; }
div#header-navi ul li#experiences a      { width: 70px; background-position: -622px 0; }
div#header-navi ul li#soap a             { width: 67px; background-position: -692px 0; }
/* div#header-navi ul li#av a               { width: 60px; background-position: -759px 0; } */
div#header-navi ul li#kitakanto a               { width: 60px; background-position: -759px 0; }
div#header-navi ul li#catalog a          { width: 71px; background-position: -819px 0; }

div#header-navi ul li#top a:hover               { width: 60px; background-position:      0 -33px; }
div#header-navi ul li#news a:hover              { width: 70px; background-position:  -60px -33px; }
div#header-navi ul li#areasearch a:hover        { width: 66px; background-position: -130px -33px; }
div#header-navi ul li#free a:hover              { width: 70px; background-position: -196px -33px; }
div#header-navi ul li#ticket a:hover            { width: 71px; background-position: -266px -33px; }
div#header-navi ul li#event a:hover             { width: 77px; background-position: -337px -33px; }
div#header-navi ul li#gravure a:hover           { width: 77px; background-position: -414px -33px; }
div#header-navi ul li#comic a:hover             { width: 65px; background-position: -491px -33px; }
div#header-navi ul li#animation a:hover         { width: 66px; background-position: -556px -33px; }
div#header-navi ul li#experiences a:hover       { width: 70px; background-position: -622px -33px; }
div#header-navi ul li#soap a:hover              { width: 67px; background-position: -692px -33px; }
/* div#header-navi ul li#av a:hover                { width: 60px; background-position: -759px -33px; } */
div#header-navi ul li#kitakanto a:hover         { width: 60px; background-position: -759px -33px; }
div#header-navi ul li#catalog a:hover           { width: 71px; background-position: -819px -33px; }

div#header-navi ul li#top a#on               { width: 60px; background-position:      0 -33px; }
div#header-navi ul li#news a#on              { width: 70px; background-position:  -60px -33px; }
div#header-navi ul li#areasearch a#on        { width: 66px; background-position: -130px -33px; }
div#header-navi ul li#free a#on              { width: 70px; background-position: -196px -33px; }
div#header-navi ul li#ticket a#on            { width: 71px; background-position: -266px -33px; }
div#header-navi ul li#event a#on             { width: 77px; background-position: -337px -33px; }
div#header-navi ul li#gravure a#on           { width: 77px; background-position: -414px -33px; }
div#header-navi ul li#comic a#on             { width: 65px; background-position: -491px -33px; }
div#header-navi ul li#animation a#on         { width: 66px; background-position: -556px -33px; }
div#header-navi ul li#experiences a#on       { width: 70px; background-position: -622px -33px; }
div#header-navi ul li#soap a#on              { width: 67px; background-position: -692px -33px; }
/* div#header-navi ul li#av a#on                { width: 60px; background-position: -759px -33px; } */
div#header-navi ul li#kitakanto a#on         { width: 60px; background-position: -759px -33px; }
div#header-navi ul li#catalog a#on           { width: 71px; background-position: -819px -33px; }