/*THIS PART IS FOR THE NAVIGATION LINKS*/

.nav1 a:link, .nav1 a:visited{



	color: #4E4E4E;



	width: 25px;



	height: 12px;



	



	background: white;



	padding: 0;



}




.nav2 a:link, .nav2 a:visited{



	color: #4E4E4E;



	width: 47px;



	height: 12px;



	



	background: white;



	padding: 0;



}
 .nav3 a:link, .nav3 a:visited{

	color: #4E4E4E;

	width: 58px;

	height: 12px;

	background: white;

	padding: 0;


}
 .nav4 a:link, .nav4 a:visited{

	color: #4E4E4E;

	width: 50px;

	height: 12px;

	background: white;

	padding: 0;


}


.nav1 a:link, .nav1 a:visited{



	position: absolute;

	top: 28px;

	left: 421px;

/*	background: url(images/top.jpg) no-repeat;        */

}
.nav5 span{

	color: #4E4E4E;

	width: 48px;

	height: 12px;

	background: white;

	padding: 0;

	position: absolute;

	top: 28px;

	left: 363px;

	background: url(images/menusikiri.gif) no-repeat;

}


.nav2 a:link, .nav2 a:visited{

	position: absolute;

	top: 28px;

	left: 411px;

/*	background: url(images/news.jpg) no-repeat;      */

}

.nav6 span{
	color: #4E4E4E;

	width: 48px;

	height: 12px;

	background: white;

	padding: 0;

	position: absolute;

	top: 28px;

	left: 458px;

	background: url(images/menusikiri.gif) no-repeat;

}


.nav3 a:link, .nav3 a:visited{

	position: absolute;

	top: 28px;

	left: 506px;

/*	background: url(images/about.jpg) no-repeat;      */

}
.nav7 span{
	color: #4E4E4E;

	width: 48px;

	height: 12px;

	background: white;

	padding: 0;

	position: absolute;

	top: 28px;

	left: 564px;

	background: url(images/menusikiri.gif) no-repeat;

}


.nav4 a:link, .nav4 a:visited{

	position: absolute;

	top: 28px;

	left: 612px;

/*	background: url(images/review.jpg) no-repeat;      */

}

.nav8 span{
	color: #4E4E4E;

	width: 48px;

	height: 12px;

	background: white;

	padding: 0;

	position: absolute;

	top: 28px;

	left: 662px;

	background: url(images/menusikiri.gif) no-repeat;

}

.nav9 a:link, .nav9 a:visited{

	position: absolute;

	top: 28px;

	left: 710px;

/*	background: url(images/review.jpg) no-repeat;      */

}

.nav10 span{
	color: #4E4E4E;

	width: 48px;

	height: 12px;

	background: white;

	padding: 0;

	position: absolute;

	top: 28px;

	left: 772px;

	background: url(images/menusikiri.gif) no-repeat;

}





/*HOVER EFFECTS*/

/*

.nav1 a:hover, .nav1 a:active{



	background: url(images/top2.jpg) no-repeat;




}



.nav2 a:hover, .nav2 a:active{



	background: url(images/news2.jpg) no-repeat;




}



.nav3 a:hover, .nav3 a:active{



	background: url(images/about2.jpg) no-repeat;




}



.nav4 a:hover, .nav4 a:active{



	background: url(images/review2.jpg) no-repeat;




}

         */


	

/*USE A DIFFERENT COLOR WHEN USER IS ON THAT PAGE*/



#index .nav1 a:link, #index .nav1 a:visited, #works .nav2 a:link, #works .nav2 a:visited, #ryoukin .nav3 a:link, #ryoukin .nav3 a:visited, #area .nav4 a:link, #area .nav4 a:visited, #contact .nav5 a:link, #contact .nav5 a:visited, #contact .nav6 a:link, #contact .nav6 a:visited, #contact .nav7 a:link, #contact .nav7 a:visited{



	background: url(images/01_linkbg1.gif) top repeat-y;



}



/*THE FOLLOWING PART IS FOR THE FONT CONTROL*/



#fontcontrol{



	background: none;



	width: 66px;



	height: 18px;



	position: absolute;



	top: 18px;



	left: 615px;



}



#fontcontrol ul{



	background: none;



	list-style: none;



	padding: 0;



	margin: 0;



}



#fontcontrol li{



	background: none;



}



#fontcontrol i{



	display: block;



	visibility: hidden;



}



.font1 a:link, .font1 a:visited{



	width: 18px;



	height: 18px;



	position: absolute;



	top: 0;



	left: 0;



	background: url(images/01_font1.gif) no-repeat;



}



.font2 a:link, .font2 a:visited{



	width: 18px;



	height: 18px;



	position: absolute;



	top: 0;



	left: 22px;



	background: url(images/01_font2.gif) no-repeat;



}



.font3 a:link, .font3 a:visited{



	width: 18px;



	height: 18px;



	position: absolute;



	top: 0;



	left: 44px;



	background: url(images/01_font3.gif) no-repeat;



}



.font1 a:hover, .font1 a:active{



	background-position: 0 -18px;



}



.font2 a:hover, .font2 a:active{



	background-position: 0 -18px;



}



.font3 a:hover, .font3 a:active{



	background-position: 0 -18px;



}















































/*THIS PART IS FOR THE artIGATION LINKS*/



.art1 a:link, .art1 a:visited, .art2 a:link, .art2 a:visited, .art3 a:link, .art3 a:visited, .art4 a:link, .art4 a:visited, .art5 a:link, .art5 a:visited, .art6 a:link, .art6 a:visited, .art7 a:link, .art7 a:visited{



	color: #4E4E4E;



	width: 94px;



	height: 94px;



	line-height: 94px;



	background: white;



	padding: 0;



}



.art1 a:link, .art1 a:visited{



	position: absolute;



	top: 12px;



	left: 0px;

	background: url(images/yamamoto.jpg) no-repeat;

}



.art2 a:link, .art2 a:visited{



	position: absolute;



	top: 12px;



	left: 101px;

	

	background: url(images/christian.jpg) no-repeat;

}



.art3 a:link, .art3 a:visited{



	position: absolute;



	top: 12px;



	left: 202px;

	background: url(images/trinomark.jpg) no-repeat;

}



.art4 a:link, .art4 a:visited{



	position: absolute;



	top: 12px;



	left: 303px;

	background: url(images/nobuka.jpg) no-repeat;

}



.art5 a:link, .art5 a:visited{



	position: absolute;



	top: 12px;



	left: 404px;



	background: url(images/mouhitori.jpg) no-repeat;

}



/*HOVER EFFECTS*/



.art1 a:hover, .art1 a:active{



	background: url(images/yamamoto.jpg) no-repeat;

	margin: 1px 0 0 0;



}



.art2 a:hover, .art2 a:active{



	background: url(images/christian.jpg) no-repeat;

	margin: 1px 0 0 0;



}



.art3 a:hover, .art3 a:active{



	background: url(images/trinomark.jpg) no-repeat;

	margin: 1px 0 0 0;



}



.art4 a:hover, .art4 a:active{



	background: url(images/nobuka.jpg) no-repeat;

	margin: 1px 0 0 0;



}



.art5 a:hover, .art5 a:active{



	background: url(images/mouhitori.jpg) no-repeat;

	margin: 1px 0 0 0;



}



	

/*USE A DIFFERENT COLOR WHEN USER IS ON THAT PAGE*/



#index .art1 a:link, #index .art1 a:visited, #works .art2 a:link, #works .art2 a:visited, #ryoukin .art3 a:link, #ryoukin .art3 a:visited, #area .art4 a:link, #area .art4 a:visited, #contact .art5 a:link, #contact .art5 a:visited, #contact .art6 a:link, #contact .art6 a:visited, #contact .art7 a:link, #contact .art7 a:visited{



	background: url(images/01_linkbg1.gif) top repeat-y;



}



/*THE FOLLOWING PART IS FOR THE FONT CONTROL*/



#fontcontrol{



	background: none;



	width: 66px;



	height: 18px;



	position: absolute;



	top: 18px;



	left: 615px;



}



#fontcontrol ul{



	background: none;



	list-style: none;



	padding: 0;



	margin: 0;



}



#fontcontrol li{



	background: none;



}



#fontcontrol i{



	display: block;



	visibility: hidden;



}



.font1 a:link, .font1 a:visited{



	width: 18px;



	height: 18px;



	position: absolute;



	top: 0;



	left: 0;



	background: url(images/01_font1.gif) no-repeat;



}



.font2 a:link, .font2 a:visited{



	width: 18px;



	height: 18px;



	position: absolute;



	top: 0;



	left: 22px;



	background: url(images/01_font2.gif) no-repeat;



}



.font3 a:link, .font3 a:visited{



	width: 18px;



	height: 18px;



	position: absolute;



	top: 0;



	left: 44px;



	background: url(images/01_font3.gif) no-repeat;



}



.font1 a:hover, .font1 a:active{



	background-position: 0 -18px;



}



.font2 a:hover, .font2 a:active{



	background-position: 0 -18px;



}



.font3 a:hover, .font3 a:active{



	background-position: 0 -18px;



}