/* ナビゲーション
---------------------------------------------------- */
ul#navigation {
	position: relative;
	list-style: none;
	height: 48px;
	margin: 0;
	padding: 0;
}
ul#navigation li {
	position: absolute;
	top: 0px;
	display: block;	height: 48px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
ul#navigation li#menu0 {
	left: 732px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -732px 0px;
	width: 68px;
}
ul#navigation li#menu1 {
	left: 0px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 61px;
}
ul#navigation li#menu2 {
	left: 61px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -61px 0px;
	width: 61px;
}
ul#navigation li#menu3 {
	left: 122px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -122px 0px;
	width: 61px;
}
ul#navigation li#menu4 {
	left: 183px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -183px 0px;
	width: 61px;
}
ul#navigation li#menu5 {
	left: 244px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -244px 0px;
	width: 61px;
}
ul#navigation li#menu6 {
	left: 305px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -305px 0px;
	width: 61px;
}
ul#navigation li#menu7 {
	left: 366px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -366px 0px;
	width: 61px;
}
ul#navigation li#menu8 {
	left: 427px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -427px 0px;
	width: 61px;
}
ul#navigation li#menu9 {
	left: 488px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -488px 0px;
	width: 61px;
}
ul#navigation li#menu10 {
	left: 549px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -549px 0px;
	width: 61px;
}
ul#navigation li#menu11 {
	left: 610px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -610px 0px;
	width: 61px;
}
ul#navigation li#menu12 {
	left: 671px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -671px 0px;
	width: 61px;
}

ul#navigation a {
	display: block;	height: 48px;
	text-decoration: none;
}
ul#navigation li#menu0 a:hover {
	left: 732px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -732px -48px;
	width: 68px;
}
ul#navigation li#menu1 a:hover {
	left: 0px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -48px;
	width: 61px;
}
ul#navigation li#menu2 a:hover {
	left: 61px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -61px -48px;
	width: 61px;
}
ul#navigation li#menu3 a:hover {
	left: 122px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -122px -48px;
	width: 61px;
}
ul#navigation li#menu4 a:hover {
	left: 183px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -183px -48px;
	width: 61px;
}
ul#navigation li#menu5 a:hover {
	left: 244px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -244px -48px;
	width: 61px;
}
ul#navigation li#menu6 a:hover {
	left: 305px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -305px -48px;
	width: 61px;

}
ul#navigation li#menu7 a:hover {
	left: 366px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -366px -48px;
	width: 61px;
}
ul#navigation li#menu8 a:hover {
	left: 427px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -427px -48px;
	width: 61px;
}
ul#navigation li#menu9 a:hover {
	left: 488px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -488px -48px;
	width: 61px;
}
ul#navigation li#menu10 a:hover {
	left: 549px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -549px -48px;
	width: 61px;
}
ul#navigation li#menu11 a:hover {
	left: 610px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -610px -48px;
	width: 61px;
}
ul#navigation li#menu12 a:hover {
	left: 671px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -671px -48px;
	width: 61px;
}

ul#navigation li#menu0 selected {
	left: 732px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -732px -48px;
	width: 68px;
}
ul#navigation li#menu1 selected {
	left: 0px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0px -48px;
	width: 61px;
}
ul#navigation li#menu2 selected {
	left: 61px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -61px -48px;
	width: 61px;
}
ul#navigation li#menu3 selected {
	left: 122px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -122px -48px;
	width: 61px;
}
ul#navigation li#menu4 selected {
	left: 183px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -183px -48px;
	width: 61px;
}
ul#navigation li#menu5 selected {
	left: 244px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -244px -48px;
	width: 61px;
}
ul#navigation li#menu6 selected {
	left: 305px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -305px -48px;
	width: 61px;

}
ul#navigation li#menu7 selected {
	left: 366px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -366px -48px;
	width: 61px;
}
ul#navigation li#menu8 selected {
	left: 427px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -427px -48px;
	width: 61px;
}
ul#navigation li#menu9 selected {
	left: 488px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -488px -48px;
	width: 61px;
}
ul#navigation li#menu10 selected {
	left: 549px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -549px -48px;
	width: 61px;
}
ul#navigation li#menu11 selected {
	left: 610px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -610px -48px;
	width: 61px;
}
ul#navigation li#menu12 selected {
	left: 671px;
	background-image: url(../../images/menu.gif);
	background-repeat: no-repeat;
	background-position: -671px -48px;
	width: 61px;
}

/* subnavi
---------------------------------------------------- */
#subnavigation {
	float: left;
	width: 214px;
	margin-left: 10px;
}
#subnavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subnavigation li {
  margin: 0;
  padding: 0;
  width: 214px;
  height: 54px;
  text-indent: -9999px;
}
#subnavigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 214px;
  height: 54px;
}
#subnavigation li#menu1 {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#subnavigation li#menu2 {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position: 0px -54px;
}
#subnavigation li#menu3 {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position: 0px -108px;
}
#subnavigation li#menu4 {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position: 0px -162px;
}
#subnavigation li#menu5 {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position: 0px -216px;
}
#subnavigation li#menu6 {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position: 0px -270px;
}
#subnavigation li#menu7 {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position: 0px -324px;
}
#subnavigation li#menu1 a:hover {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position:-214px 0px;
}
#subnavigation li#menu2 a:hover {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position:-214px -54px;
}
#subnavigation li#menu3 a:hover {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position:-214px -108px;
}
#subnavigation li#menu4 a:hover {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position:-214px -162px;
}
#subnavigation li#menu5 a:hover {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position:-214px -216px;
}
#subnavigation li#menu6 a:hover {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position:-214px -270px;
}
#subnavigation li#menu7 a:hover {
	background-image: url(../../images/submenu.gif);
	background-repeat: no-repeat;
	background-position:-214px -324px;
}

/* wonderland
---------------------------------------------------- */
#wonderland {
	width: 214px;
}
#wonderland ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wonderland li {
  margin: 0;
  padding: 0;
  width: 214px;
  height: 120px;
  text-indent: -9999px;
}
#wonderland li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 214px;
  height: 120px;
}
#wonderland li#menu1 {
	background-image: url(../../images/wonderland.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#wonderland li#menu1 a:hover {
	background-image: url(../../images/wonderland.jpg);
	background-repeat: no-repeat;
	background-position:0px -120px;
}

