@charset "utf-8";

/*============================= リセット =======================*/
* {margin: 0; padding: 0;}




ul#nav {
  margin: 0;
  padding: 0; 
}

/* リストを横並び */
ul#nav li {
  margin: 0 0 0 2px;
  padding: 0;
  float: left;
  width: 120px;
  height: 50px;
  list-style: none;
  text-indent: -9999px;
			}

/* リンク部分をブロック化 */
ul#nav li a {
	display: block;
	width: 120px;
	height: 50px;
}

/* ナビゲーションのli要素にhover用画像を指定 */
li#nav-home {
	background: url(../hover/home2.gif);
}

li#nav-class {
	background: url(../hover/class2.gif);
}

li#nav-info {
	background: url(../hover/info2.gif);
}

li#nav-photo {
	background: url(../hover/photo2.gif);
}

li#nav-blog {
	background: url(../hover/blog2.gif);
}

li#nav-link {
	background: url(../hover/link2.gif);
}

li#nav-mail {
	background: url(../hover/contact2.gif);
}


/* ナビゲーションのリンクにhover前の画像を指定 */
li#nav-home a {
	background: url(../img/home.gif);
}

li#nav-class a {
	background: url(../img/class.gif);
}

li#nav-info a {
	background: url(../img/info.gif);
}

li#nav-photo a {
	background: url(../img/photo.gif);
}

li#nav-blog a {
	background: url(../img/blog.gif);
}

li#nav-link a {
	background: url(../img/link.gif);
}

li#nav-mail a {
	background: url(../img/contact.gif);
}



/* hover時に画像が切り替わる・現在位置 */
ul#nav li a:hover,
ul#nav li.current a {
	background-image: none!important;}