@charset "Shift_JIS";



/* ナビゲーション
---------------------------------------------------- */
#navigation {
    /*position:relative;*/
	position: absolute;  /*値にabsoluteを指定 */
	left: 20px; /* 左方向からの配置位置を指定 */
	top: 53px; /* 上方向からの配置位置を指定 */
	width: 100px; /* ボックスの幅を指定 */
	float:left;
	/*background-color: #F9CFBA;*/
}

#navigation ul {
  margin: 0 0 1em;
  padding: 0;
  border-top: 0px ;
  border-bottom: 0px solid #cccccc;
  list-style: none;
}
#navigation li {
  margin: 0;
  padding: 0;
  width: 100px;
  height: 25px;
  text-indent: -9999px;
}
#navigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 100px;
  height: 25px;
}

#navigation li#home      {
  background: url(../img/png/navigation.png) no-repeat -0px 0px;
}
#navigation li#profile      {
	background: url(../img/png/navigation.png) no-repeat 0px -25px;
}
#navigation li#history      {
	background: url(../img/png/navigation.png) no-repeat 0px -50px;
}
#navigation li#partners    {
  background: url(../img/png/navigation.png) no-repeat 0px -75px;
}

/*ロールオーバー部分*/
#navigation li#home a:hover    {
/*  background: url(../img/png/navigation.png) no-repeat -99px 0px;*/
  background: url(../img/png/navigation.png) no-repeat -99px 0px;
}

#navigation li#profile a:hover    {
  background: url(../img/png/navigation.png) no-repeat -99px -25px;
}
#navigation li#history a:hover    {
  background: url(../img/png/navigation.png) no-repeat -99px -50px;
}
#navigation li#partners a:hover    {
  background: url(../img/png/navigation.png) no-repeat -99px -75px;
}