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

/* reset */
html,body,div,h1,h2,h3,p,img,ul,li,dl,dt,dd,
table,th,td,form,fieldset,adress,small{
margin:0;
padding:0;
line-height:1.0;
font-family:
   "Hiragino Kaku Gothic Pro",
    "ヒラギノ角ゴ Pro W3",
    Meiryo, 
    "メイリオ", 
    Osaka, 
    "MS P Gothic", 
    "ＭＳ Ｐゴシック", 
    sans-serif;
  font-size: 16px;
}
ul{
	list-style-type:none
	}
	
	/*nav*/
#nav{
	width:685px;
	height:57px;
	margin:20px auto;
	
	}
#nav ul {
	width:685px;
	height:55px;
	display:block;
	float:left;
	display:inline;
	background-image: url(images/nav_bar.jpg)	 
	}
	
#nav li a{
	width:114px;
	height:55px;
	display:block;
	float:left;
	text-indent:-999em;
}

#top a{
	background: url(images/nav.jpg)no-repeat ;
}

#top a:hover, #top a:active{

	background-position:0 -55px;
	}

#products a{
	background: url(images/nav.jpg)no-repeat -114px 0px ;
}

#products a:hover, #products a:active{

	background-position:-114px -55px;
	}
	
#info a{
	background: url(images/nav.jpg)no-repeat -228px 0px ;
}

#info a:hover, #info a:active{

	background-position:-228px -55px;
	}
	
#access a{
	background: url(images/nav.jpg)no-repeat -342px 0px ;
}

#access a:hover, #access a:active{

	background-position:-342px -55px;
	}
	
#search a{
	background: url(images/nav.jpg)no-repeat -455px 0px ;
}

#search a:hover, #search a:active{

	background-position:-455px -55px;
	}
	
#log a{
	background: url(images/nav.jpg)no-repeat -569px 0px ;
}

#log a:hover, #log a:active{

	background-position:-569px -55px;
	}