@charset "euc-jp";

/* menu */
ul {
  margin: 0px;
  padding: 0px;
  text-align: left;
  list-style: none none;
}

#menu {
  margin: 0px;
  padding: 0px;
  clear: both;
  height: 50px;
  position:relative;
}
#menu a {
  text-decoration: none;
}
/* IE6 対策 */
#menu ul {
  behavior: url("/csshover.htc");
}

/* main genres */
#menu li {
  float: left;
  background-repeat: no-repeat;
  position: relative;
  margin: 0px;
  padding: 0px;
  height: 50px;
  width: 149px;
}
#menu li#menu5 { width: 152px; }
#menu1 { background-image: url(/images/top/menu_business.png); }
#menu2 { background-image: url(/images/top/menu_self.png); }
#menu3 { background-image: url(/images/top/menu_study.png); }
#menu4 { background-image: url(/images/top/menu_practical.png); }
#menu5 { background-image: url(/images/top/menu_novel.png); }
#menu6 { background-image: url(/images/top/menu_pack2.png); }

#menu li a {
  display: block;
  width: 149px;
  height: 50px;
  text-indent: -9999px;
}

/* gnavi section: hover*/
#menu1 a:hover { background-image: url(/images/top/menu_business_in.png); }
#menu2 a:hover { background-image: url(/images/top/menu_self_in.png); }
#menu3 a:hover { background-image: url(/images/top/menu_study_in.png); }
#menu4 a:hover { background-image: url(/images/top/menu_practical_in.png); }
#menu5 a:hover { background-image: url(/images/top/menu_novel_in.png); }
#menu6 a:hover { background-image: url(/images/top/menu_pack2_in.png); }

/* subGenres */
#menu li ul {
  display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
#menu li:hover ul {
  display: block;
  position: absolute;
  z-index: 100;
  background: #fff;
}

#menu1 li#menu_foot{
  float: none;
  text-indent: 0;
  height: 20px;
  margin: 0;
  border-top: dashed 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

#menu li ul {
  width: 140px;
  margin: 0;
  padding: 0px;
}

#menu li ul li {
  float: none;
  text-indent: 0;
  height: 20px;
  margin: 0;
  padding: 0px;
  border-top: dashed 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
}

#menu li ul li a {
  color: #000;
  font-size: 12px;
  width: 140px;
  height: 20px;
  text-indent: 2px;
  padding: 2px 4px;
  background: #fff;
}


#menu li ul li a:hover {
  background: #eee;
}


/* side_main genres */
#menu li ul li#side_menu1 {
	background-image: url(/images/top/side_side_topbg_business.png);
	height: 10px;
	border-top: none 0px #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

#menu li ul li#side_menu2 {
	background-image: url(/images/top/side_side_topbg_self.png);
	height: 10px;
	border-top: none 0px #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

#menu li ul li#side_menu3 { 
	background-image: url(/images/top/side_side_topbg_study.png); 
	height: 10px;
	border-top: none 0px #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}
#menu li ul li#side_menu4 { 
	background-image: url(/images/top/side_side_topbg_practical.png); 
	height: 10px;
	border-top: none 0px #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}
#menu li ul li#side_menu5 { 
	background-image: url(/images/top/side_side_topbg_novel.png); 
	height: 10px;
	border-top: none 0px #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

*:first-child+html #menu li ul li#side_menu1
{
/*  height:18px; */
  margin-top:-8px;
}

*:first-child+html #menu li ul li#side_menu2
{
  margin-top:-8px;
}

*:first-child+html #menu li ul li#side_menu3
{
  margin-top:-8px;
}

*:first-child+html #menu li ul li#side_menu4
{
  margin-top:-8px;
}

*:first-child+html #menu li ul li#side_menu5
{
  margin-top:-8px;
}