/*-------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------*/

#NavBox					{ margin: 0 0 1px 85px; padding: 0px; height: 18px; width: 610px;}
#Nav					{ margin: 0px; padding: 0px;}
#NavBox li				{ margin: 0px; padding: 0px; list-style: none; float: left; }
#NavBox li, #NavBox a	{ height: 18px; overflow: hidden; }
#NavBox a				{ background-image: url(images/navi.gif); display: block; text-indent: -5000px; text-decoration: none; }

#NavBox-about			a			{ width: 105px; background-position:0 0;}
#NavBox-about			a:hover		{ background-position: 0 -45px;}
#NavBox-about			a.selected	{ background-position: 0 -45px;}

#NavBox-book			a			{ width: 145px; background-position: -105px 0;}
#NavBox-book			a:hover 	{ background-position: -105px -45px ;}
#NavBox-book			a.selected { background-position: -105px -45px ;}

#NavBox-event 		a			{ width: 95px; background-position: -250px 0;}
#NavBox-event 		a:hover		{ background-position: -250px -45px;}
#NavBox-event 		a.selected	{ background-position: -250px -45px;}

#NavBox-shop			a			{ width: 130px; background-position: -345px 0;}
#NavBox-shop			a:hover		{ background-position: -345px -45px;}
#NavBox-shop			a.selected	{ background-position: -345px -45px;}

#NavBox-stuff		a			{ width: 135px; background-position: -475px 0;}
#NavBox-stuff		a:hover		{ background-position: -475px -45px;}
#NavBox-stuff		a.selected	{ background-position: -475px -45px;}

/*-------------------------------------------------
SUB NAVIGATION
-------------------------------------------------*/

#s-NavBox					{ margin: 0 0 0 103px; padding: 0px; height: 11px; width: 610px;}
#s-Nav					{ margin: 0px; padding: 0px;}
#s-NavBox li				{ margin: 0px; padding: 0px; list-style: none; float: left; }
#s-NavBox li, #s-NavBox a	{ height: 11px; overflow: hidden; }
#s-NavBox a				{ background-image: url(images/navi.gif); display: block; text-indent: -5000px; text-decoration: none; }

#s-NavBox-bunkyo			a			{ width: 37px; background-position:-19px -18px;}
#s-NavBox-bunkyo			a:hover		{ background-position: -19px -63px;}
#s-NavBox-bunkyo			a.selected	{ background-position: -19px -63px;}

#s-NavBox-taneike			a			{ width: 58px; background-position: -56px -18px;}
#s-NavBox-taneike			a:hover 	{ background-position: -56px -63px ;}
#s-NavBox-taneike			a.selected { background-position: -56px -63px ;}

#s-NavBox-reg 		a			{ width: 66px; background-position: -114px -18px;}
#s-NavBox-reg 		a:hover		{ background-position: -114px -63px;}
#s-NavBox-reg 		a.selected	{ background-position: -114px -63px;}

#s-NavBox-ehon			a			{ width: 80px; background-position: -180px -18px;}
#s-NavBox-ehon			a:hover		{ background-position: -180px -63px;}
#s-NavBox-ehon			a.selected	{ background-position: -180px -63px;}

#s-NavBox-pre		a			{ width: 54px; background-position: -260px -18px;}
#s-NavBox-pre		a:hover		{ background-position: -260px -63px;}
#s-NavBox-pre		a.selected	{ background-position: -260px -63px;}

#s-NavBox-post		a			{ width: 31px; background-position: -314px -18px;}
#s-NavBox-post		a:hover		{ background-position: -314px -63px;}
#s-NavBox-post		a.selected	{ background-position: -314px -63px;}

/*-------------------------------------------------
TOP REPORT NAVIGATION
-------------------------------------------------*/

#ReportBox-Home		{ margin: 0px; padding: 0px; height: 112px; width: 192px;}
#ReportBox-Home a	{ height: 112px; width:192px; display:block; background-image: url(../images/navi-report-top.gif); text-indent: -5000px; 
					text-decoration: none; background-position:0 0;}
#ReportBox-Home	a:hover		{ background-position: 0 -112px;}

/*-------------------------------------------------
CONTENTS REPORT NAVIGATION
-------------------------------------------------*/

#ReportBox-Cnt		{ margin: 0px; padding: 0px; height: 80px; width: 112px;}
#ReportBox-Cnt a	{ height: 80px; width:112px; display:block; background-image: url(../images/navi-report-cnt.gif); text-indent: -5000px; 
					text-decoration: none; background-position:0 0;}
#ReportBox-Cnt	a:hover		{ background-position: 0 -80px;}
#ReportBox-Cnt	a.selected	{ background-position: 0 -80px;}