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


/*------navigation*/



#navi {
	height:21px;
	background-image:url(img/navigation.png);
	background-repeat:no-repeat;
	background-position:top left;

}
#navi ul {
	margin:0;
	padding:0;
}
#navi li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
#navi li a {
	height:21px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#navi li#news a {
	background:url(img/navigation.png) no-repeat 0px 0px;
	width:89px;
}
#navi li#artist a {
	background:url(img/navigation.png) no-repeat -89px 0px;
	width:98px;
}
#navi li#exhibition a {
	background:url(img/navigation.png) no-repeat -187px 0px;
	width:118px;
}
#navi li#information a {
	background:url(img/navigation.png) no-repeat -305px 0px;
	width:131px;
}
#navi li#link a {
	background:url(img/navigation.png) no-repeat -436px 0px;
	width:82px;
}
#navi li#contact a {
	background:url(img/navigation.png) no-repeat -518px 0px;
	width:104px;
}
#navi li#shop a {
	background:url(img/navigation.png) no-repeat -622px 0px;
	width:88px;
}


#navi li#tw a {
	background:url(img/navigation.png) no-repeat -741px 0px;
	width:34px;
	margin-left:31px;
}
#navi li#fa a {
	background:url(img/navigation.png) no-repeat -809px 0px;
	width:34px;
	margin-left:31px;
}
#navi li#fl a {
	background:url(img/navigation.png) no-repeat -877px 0px;
	width:34px;
	margin-left:31px;
}




/*------hover*/
#navi li#news a:hover {
	background:url(img/navigation.png) no-repeat 0px -21px;
	width:89px;
}
#navi li#artist a:hover {
	background:url(img/navigation.png) no-repeat -89px -21px;
	width:98px;
}
#navi li#exhibition a:hover {
	background:url(img/navigation.png) no-repeat -187px -21px;
	width:118px;
}
#navi li#information a:hover {
	background:url(img/navigation.png) no-repeat -305px -21px;
	width:131px;
}
#navi li#link a:hover {
	background:url(img/navigation.png) no-repeat -436px -21px;
	width:82px;
}
#navi li#contact a:hover {
	background:url(img/navigation.png) no-repeat -518px -21px;
	width:104px;
}
#navi li#shop a:hover {
	background:url(img/navigation.png) no-repeat -622px -21px;
	width:88px;
}

#navi li#tw a:hover {
	background:url(img/navigation.png) no-repeat -741px -21px;
	width:34px;
	margin-left:31px;
}

#navi li#fa a:hover {
	background:url(img/navigation.png) no-repeat -809px -21px;
	width:34px;
	margin-left:31px;
}

#navi li#fl a:hover {
	background:url(img/navigation.png) no-repeat -877px -21px;
	width:34px;
	margin-left:31px;
}



/*------on*/
#navi li#news_on a {
	background:url(img/navigation.png) no-repeat 0px -21px;
	width:89px;

}
#navi li#artist_on a {
	background:url(img/navigation.png) no-repeat -89px -21px;
	width:98px;
}
#navi li#exhibition_on a {
	background:url(img/navigation.png) no-repeat -187px -21px;
	width:118px;
}
#navi li#information_on a {
	background:url(img/navigation.png) no-repeat -305px -21px;
	width:131px;
}
#navi li#link_on a {
	background:url(img/navigation.png) no-repeat -436px -21px;
	width:82px;
}
#navi li#contact_on a {
	background:url(img/navigation.png) no-repeat -518px -21px;
	width:104px;
}
#navi li#shop_on a {
	background:url(img/navigation.png) no-repeat -622px -21px;
	width:88px;
}

#navi li#tw_on a {
	background:url(img/navigation.png) no-repeat -741px -21px;
	width:34px;
	margin-left:31px;
}
#navi li#fa_on a {
	background:url(img/navigation.png) no-repeat -809px -21px;
	width:34px;
	margin-left:31px;
}
#navi li#fl_on a {
	background:url(img/navigation.png) no-repeat -877px -21px;
	width:34px;
	margin-left:31px;
}

/*------langage*/


#language ul {
	margin:0;
	padding:0;
}

#language li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
#language li a {
	height:13px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#language li#ja a {
	background:url(img/language.png) no-repeat 0px 0px;
	width:48px;
}
#language li#en a {
	background:url(img/language.png) no-repeat -48px 0px;
	width:45px;
}

/*------hover*/
#language li#ja a:hover {
	background:url(img/language.png) no-repeat 0px -13px;
}
#language li#en a:hover {
	background:url(img/language.png) no-repeat -48px -13px;
}

/*------on*/
#language li#ja_on a {
	background:url(img/language.png) no-repeat 0px -13px;
	width:48px;
}
#language li#en_on a {
	background:url(img/language.png) no-repeat -48px -13px;
	width:45px;
}