
/* :::::::::::::::::::::::::::::::::::::::::::::

	navi.css
	
	english + japanese

:::::::::::::::::::::::::::::::::::::::::::::*/


/* ----------------------------------------

 index navi

----------------------------------------*/
ul#top_navi02 {
	width: 754px;
	display: block;
	margin: 0 auto 0 2px;
}
ul#top_navi02 li {
	height: 22px;
	float: left;
}
ul#top_navi02 a {
	height: 22px;
	display: block;
	background-image: url(../../images/lv2/navi.gif);
	background-repeat: no-repeat;
}

#top_navi02 a span {
	display: none;
} 


a.studio02 {
    background-position: 0 0;
	width: 66px;
}
a:hover.studio02 {
    background-position: 0 -22px;
	width: 66px;
}

a.kazuo02 {
    background-position: -66px 0;
	width: 105px;
}
a:hover.kazuo02 {
    background-position: -66px -22px;
	width: 105px;
}
a.yoshito02 {
    background-position: -171px 0;
	width: 104px;
}
a:hover.yoshito02 {
    background-position: -171px -22px;
	width: 104px;
}
a.publish02 {
    background-position: -275px 0;
	width: 93px;
}
a:hover.publish02 {
    background-position: -275px -22px;
	width: 93px;
}
a.archives02 {
    background-position: -368px 0;
	width: 79px;
}
a:hover.archives02 {
    background-position: -368px -22px;
	width: 79px;
}
a.performance02 {
    background-position: -447px 0;
	width: 80px;
}
a:hover.performance02 {
    background-position: -447px -22px;
	width: 80px;
}
a.lesson02 {
    background-position: -527px 0;
	width: 80px;
}
a:hover.lesson02 {
    background-position: -527px -22px;
	width: 80px;
}
a.blog02 {
    background-position: -607px 0;
	width: 80px;
}
a:hover.blog02 {
    background-position: -607px -22px;
	width: 80px;
}
a.link02 {
    background-position: -687px 0;
	width: 67px;
}
a:hover.link02 {
    background-position: -687px -22px;
	width: 67px;
}

ul.years{
	/*width:100%;*/
	height:25px;
	margin:10px 0 5px 15px;
	text-align:right;
	padding:0 0 0 0px;
}
li.years_li{
	width:auto;
	height:25px;
	padding:0 0 0 0;
	float:left;
	font-size:11px;
	
}

/* ----------------------------------------

 link_detail

---------------------------------------- */
.link_detail {
	width: 105px;
	display: block;
	margin: 0 5px 5px 5px;
}
.link_detail li {
	height: 20px;
	margin: 0;
	padding: 0;
	float: right;
}
.link_detail a {
	display: block;
	height: 20px;
	background: url(../../images/link_detail.gif) no-repeat;
}

.link_detail a span {
	display: none;
} 

a.detail {
    background-position: 0 0;
	width: 105px;
}
a:hover.detail {
    background-position: 0 -20px;
	width: 105px;
}




/* ----------------------------------------

 link_buy02

---------------------------------------- */
.link_buy02 {
	width: 110px;
	margin-top: 0 5px 5px;
	margin-left: 5px;
	float: right;
	display: block;
}
.link_buy02 li {
	height: 20px;
	float: right;
	margin: 0 0 5px 0;
}
.link_buy02 a {
	display: block;
	height: 20px;
	background-image: url(../../images/link_buy.gif);
	background-repeat: no-repeat;
}

.link_buy02 a span {
	display: none;
} 


a.buy02 {
    background-position: 0 0;
	width: 110px;
}
a:hover.buy02 {
    background-position: 0 -20px;
	width: 110px;
}


/* ----------------------------------------

 link_list

---------------------------------------- */
.link_list {
	width: 110px;
	display: block;
	margin: 0 5px 5px 5px;
	float: right;
}
.link_list li {
	height: 20px;
	float: right;
	margin-top: 0 0 5px 0;
}
.link_list a {
	display: block;
	height: 20px;
	background-image: url(../../images/link_list.gif);
	background-repeat: no-repeat;
}

.link_list a span {
display: none;
} 


a.list {
    background-position: 0 0;
	width: 110px;
}
a:hover.list {
    background-position: 0 -20px;
	width: 110px;
}

a.print {
    background-position: 0 0;
	width: 151px;
}
a:hover.print {
    background-position: 0 -26px;
	width: 151px;
}


/* ----------------------------------------

 link_buy

---------------------------------------- */
.link_buy {
	width: 136px;
	display: block;
	margin: 0 5px 5px 5px;
	float: right;
}
.link_buy li {
	height: 26px;
	float: left;
}
.link_buy a {
	display: block;
	height: 26px;
	background: url(../../images/publish/link_buy.gif) no-repeat;
}

.link_buy a span {
	display: none;
} 


a.buy {
    background-position: 0 0;
	width: 136px;
}
a:hover.buy {
    background-position: 0 -26px;
	width: 136px;
}


/* ----------------------------------------

 link_cart

---------------------------------------- */
.link_cart {
	width: 156px;
	display: block;
	margin: 5px 5px 5px 5px;
	float: right;
}
.link_cart li {
	height: 26px;
	float: right;
}
.link_cart a {
	height: 26px;
	background: url(../../images/publish/link_cart.gif) no-repeat;
	display: block;
}

.link_cart a span {
	display: none;
} 


a.cart {
    background-position: 0 0;
	width: 156px;
}
a:hover.cart {
	background-position: 0 -26px;
	width: 156px;
}


/* ----------------------------------------

 link_tocart
 
---------------------------------------- */
.link_tocart {
	width: 164px;
	display: block;
	float: right;
}
.link_tocart li {
	height: 26px;
	float: right;
}
.link_tocart a {
	display: block;
	height: 26px;
	background: url(../../images/publish/link_tocart.gif) no-repeat;
}

.link_tocart a span {
	display: none;
} 


a.tocart {
    background-position: 0 0;
	width: 164px;
}
a:hover.tocart {
	background-position: 0 -26px;
	width: 164px;
}


/* ----------------------------------------

 link_booking

---------------------------------------- */
.link_booking {
	width: 136px;
	display: block;
	margin: 5px 5px 5px 5px;
	float: right;
}
.link_booking li {
	height: 26px;
	float: right;
	margin: 5px 0 0 0;
}
.link_booking a {
	height: 26px;
	display: block;
	background: url(../../images/performance/link_booking.gif) no-repeat;
}

.link_booking a span {
	display: none;
} 

a.booking {
    background-position: 0 0;
	width: 136px;
}
a:hover.booking {
    background-position: 0 -26px;
	width: 136px;
}


/* ----------------------------------------

 link_pdf

---------------------------------------- */
.link_pdf {
	width: 154px;
	display: block;
	margin: 5px 5px 5px 5px;
	float: right;
}
.link_pdf li {
	height: 26px;
	float: right;
	margin: 5px 0 0 0;
}
.link_pdf a {
	display: block;
	height: 26px;
	background-image: url(../../images/performance/link_map.gif);
	background-repeat: no-repeat;
}

.link_pdf a span {
	display: none;
} 


a.pdf {
    background-position: 0 0;
	width: 154px;
}
a:hover.pdf {
    background-position: 0 -26px;
	width: 154px;
}


/* ----------------------------------------

 link_explain
 
---------------------------------------- */
.link_explain {
	width: 67px;
	display: block;
	clear: both;
	float: left;
	margin: 2px;
}
.link_explain li {
	height: 20px;
	float: left;
}
.link_explain a {
	display: block;
	height: 20px;
	background-image: url(../../images/archives/link_explain.gif);
	background-repeat: no-repeat;
}

.link_explain a span {
	display: none;
} 


a.explain {
    background-position: 0 0;
	width: 67px;
}
a:hover.explain {
    background-position: 0 -20px;
	width: 67px;
}


/* ----------------------------------------

 link_photo
 
---------------------------------------- */
.link_photo {
	width: 67px;
	display: block;
	clear: both;
	float: left;
	margin: 2px;
}
.link_photo li {
	height: 20px;
	float: left;
}
.link_photo a {
	display: block;
	height: 20px;
	background: url(../../images/archives/link_photo.gif) no-repeat;
}

.link_photo a span {
	display: none;
} 


a.photo {
    background-position: 0 0;
	width: 67px;
}
a:hover.photo {
    background-position: 0 -20px;
	width: 67px;
}

a.broc {
    background-position: 0 0;
	width: 67px;
}
a:hover.broc {
    background-position: 0 -20px;
	width: 67px;
}




/* ============================================================

	english site

============================================================ */


/* ----------------------------------------

 navi english 
 
---------------------------------------- */

ul#top_navi_en{
	list-style:none;
	width:754px;
	height: 22px;
	padding: 0;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 2px;
}
ul#top_navi_en li{
	list-style:none;
	height:22px;
	margin: 0;
	padding: 0;
	float: left;
}
ul#top_navi_en a{
	display:block;
	height:22px;
	background-image:url(../../images_en/lv2/navi.gif);
	background-repeat: no-repeat;
}

#top_navi_en a span{display:none;} 


ul#top_navi_en a.studio02{
    background-position:0px 0px;
	width:127px;
}
ul#top_navi_en a:hover.studio02{
    background-position:0px -22px;
	width:127px;
}

ul#top_navi_en a.kazuo02{
    background-position:-127px 0px;
	width:101px;
}
ul#top_navi_en a:hover.kazuo02{
    background-position:-127px -22px;
	width:101px;
}
ul#top_navi_en a.yoshito02{
    background-position:-228px 0px;
	width:105px;
}
ul#top_navi_en a:hover.yoshito02{
    background-position:-228px -22px;
	width:105px;
}
ul#top_navi_en a.publish02{
    background-position:-336px 0px;
	width:78px;
}
ul#top_navi_en a:hover.publish02{
    background-position:-336px -22px;
	width:78px;
}
ul#top_navi_en a.archives02{
    background-position:-414px 0px;
	width:76px;
}
ul#top_navi_en a:hover.archives02{
    background-position:-414px -22px;
	width:76px;
}
ul#top_navi_en a.performance02{
    background-position:-490px 0px;
	width:61px;
}
ul#top_navi_en a:hover.performance02{
    background-position:-490px -22px;
	width:61px;
}
ul#top_navi_en a.lesson02{
    background-position:-551px 0px;
	width:93px;
}
ul#top_navi_en a:hover.lesson02{
    background-position:-551px -22px;
	width:93px;
}
ul#top_navi_en a.blog02{
    background-position:-644px 0px;
	width:56px;
}
ul#top_navi_en a:hover.blog02{
    background-position:-644px -22px;
	width:56px;
}
ul#top_navi_en a.link02{
    background-position:-700px 0px;
	width:54px;
}
ul#top_navi_en a:hover.link02{
    background-position:-700px -22px;
	width:54px;
}