/******************************************* 
　■メインナビゲーション設定（ベース）
********************************************/

#navi {
	width: 870px;
	height: 47px;
	margin: 0 5px;/* real width:880px for topmovie 5px space */
}
#navi-innner {
	padding: 0;
}
#navi ul {
	margin:0;
	padding: 0;
}
#navi li {
	text-indent: -9990px;
	list-style: none;
	float: left;
}

/*** navigation 01 ***/
#navi li.n01 a {
	display: block;
	width: 125px;
	height: 47px;
	background-image: url(images/navi_01.png);
	background-position: left top;
}
#navi li.n01 a:hover {
	display: block;
	width: 125px;
	height: 47px;
	background-image: url(images/navi_01.png);
	background-position: left bottom;
}
#navi li.n01 a:hover.this {
	display: block;
	width: 125px;
	height: 47px;
	background-image: url(images/navi_01.png);
	background-position: left bottom;
}

/*** navigation 02 ***/
#navi li.n02 a {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_02.png);
	background-position: left top;
}
#navi li.n02 a:hover {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_02.png);
	background-position: left bottom;
}
#navi li.n02 a:hover.this {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_02.png);
	background-position: left bottom;
}

/*** navigation 03 ***/
#navi li.n03 a {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_03.png);
	background-position: left top;
}
#navi li.n03 a:hover {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_03.png);
	background-position: left bottom;
}
#navi li.n03 a:hover.this {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_03.png);
	background-position: left bottom;
}

/*** navigation 04 ***/
#navi li.n04 a {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_04.png);
	background-position: left top;
}
#navi li.n04 a:hover {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_04.png);
	background-position: left bottom;
}
#navi li.n04 a:hover.this {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_04.png);
	background-position: left bottom;
}

/*** navigation 05 ***/
#navi li.n05 a {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_05.png);
	background-position: left top;
}
#navi li.n05 a:hover {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_05.png);
	background-position: left bottom;
}
#navi li.n05 a:hover.this {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_05.png);
	background-position: left bottom;
}

/*** navigation 06 ***/
#navi li.n06 a {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_06.png);
	background-position: left top;
}
#navi li.n06 a:hover {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_06.png);
	background-position: left bottom;
}
#navi li.n06 a:hover.this {
	display: block;
	width: 124px;
	height: 47px;
	background-image: url(images/navi_06.png);
	background-position: left bottom;
}

/*** navigation 07 ***/
#navi li.n07 a {
	display: block;
	width: 125px;
	height: 47px;
	background-image: url(images/navi_07.png);
	background-position: left top;
}
#navi li.n07 a:hover {
	display: block;
	width: 125px;
	height: 47px;
	background-image: url(images/navi_07.png);
	background-position: left bottom;
}
#navi li.n07 a:hover.this {
	display: block;
	width: 125px;
	height: 47px;
	background-image: url(images/navi_07.png);
	background-position: left bottom;
}