@charset "Shift_JIS";



/* ナビゲーション
---------------------------------------------------- */
#navigation {
	position: absolute; /* 値にabsoluteを指定 */
	left: 0px; /* 左方向からの配置位置を指定 */
	top: -5px; /* 上方向からの配置位置を指定 */
	width: 210px; /* ボックスの幅を指定 */
	/*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: 210px;
  height: 40px;
  text-indent: -9999px;
}
#navigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 210px;
  height: 40px;
}


#navigation li#top     {
	background: url(../common/navigation.jpg) no-repeat 0px 0px;
}
#navigation li#essay      {
	background: url(../common/navigation.jpg) no-repeat 0px -40px;
}
#navigation li#reading      {
	background: url(../common/navigation.jpg) no-repeat 0px -80px;
}
#navigation li#movie    {
  background: url(../common/navigation.jpg) no-repeat 0px -120px;
}
#navigation li#writing  {
  background: url(../common/navigation.jpg) no-repeat 0px -160px;
}
#navigation li#activities {
  background: url(../common/navigation.jpg) no-repeat 0px -200px;
}
#navigation li#profile     {
  background: url(../common/navigation.jpg) no-repeat 0px -240px;
}
#navigation li#inquiry     {
  background: url(../common/navigation.jpg) no-repeat 0px -280px;
}
#navigation li#link      {
  background: url(../common/navigation.jpg) no-repeat 0px -320px;
}

/*ロールオーバー部分*/

#navigation li#top a:hover     {
    background:url(../common/navigation.jpg) no-repeat -210px 0px;
}

#navigation li#essay a:hover     {
	background: url(../common/navigation.jpg) no-repeat -210px -40px;
}
#navigation li#reading a:hover     {
	background: url(../common/navigation.jpg) no-repeat -210px -80px;
}
#navigation li#movie a:hover   {
  background: url(../common/navigation.jpg) no-repeat -210px -120px;
}
#navigation li#writing a:hover {
  background: url(../common/navigation.jpg) no-repeat -210px -160px;
}
#navigation li#activities a:hover{
  background: url(../common/navigation.jpg) no-repeat -210px -200px;
}
#navigation li#profile a:hover    {
  background: url(../common/navigation.jpg) no-repeat -210px -240px;
}
#navigation li#inquiry a:hover    {
  background: url(../common/navigation.jpg) no-repeat -210px -280px;
}
#navigation li#link a:hover     {
  background: url(../common/navigation.jpg) no-repeat -210px -320px;
}