@charset "shift_jis";

/*1. level 1
=========================================================*/
ul.MenuBarHorizontal {
 width:740px;
 margin:0;
 margin-bottom:12px;
 margin-left:10px;
 padding:0;
 cursor: default;
 list-style-type: none;
}
ul.MenuBarActive {
 z-index: 1000;
}
ul.MenuBarHorizontal li {
 width:148px;
 float:left;
 position:relative;
 text-align:left;
 cursor:pointer;
 background-repeat:no-repeat;
 background-position:top left;
 list-style:none;
}
ul.MenuBarHorizontal li#search  { background-image:url(../images/nav_g_search.gif); }
ul.MenuBarHorizontal li#inquiry { background-image:url(../images/nav_g_inquiry.gif); }
ul.MenuBarHorizontal li#study   { background-image:url(../images/nav_g_study.gif); }
ul.MenuBarHorizontal li#use     { background-image:url(../images/nav_g_use.gif); }
ul.MenuBarHorizontal li#about   { background-image:url(../images/nav_g_about.gif); }

ul.MenuBarHorizontal li a {
 display:block;
 height:31px;
 text-indent:-9999px;
 text-decoration:none;
 font-size:78%;
 outline:none;
}

/*2. level 2
=========================================================*/
ul.MenuBarHorizontal li ul {
 width:146px;
 margin:0;
 padding:0;
 position:absolute;
 left:-9999px;
 border:1px solid #CCC;
 z-index:1020;
 cursor:default;
}
ul.MenuBarHorizontal li ul.MenuBarSubmenuVisible {
 left:auto;
}
ul.MenuBarHorizontal li ul li {
 width:146px;
}
ul.MenuBarHorizontal li ul li a {
 height:auto;
 display:block;
 cursor:pointer;
 background:url(../images/nav_g_ico1.gif) #EDEEED no-repeat right center;
 padding:.4em;
 padding-right:13px;
 color:#333333;
 text-indent:0;
}
ul.MenuBarHorizontal li ul li a.none {
 background-image:none;
 padding:.4em;
}

/*3. level 3
=========================================================*/
ul.MenuBarHorizontal li ul li ul {
 position: absolute;
 margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal li ul.MenuBarSubmenuVisible li ul.MenuBarSubmenuVisible {
 left: auto;
 top: 0;
}

ul.MenuBarHorizontal li ul li ul li a {
 padding:.4em;
 background-image:none;
}

ul.MenuBarHorizontal li ul li ul li a:hover {
 background-image:none;
}

/*3. level 2,3common
=========================================================*/
ul.MenuBarHorizontal li ul a:hover, ul.MenuBarHorizontal li ul a:focus {
 background-image:url(../images/nav_g_ico2.gif);
 background-color:#368A1A;
 color: #FFFFFF;
}
ul.MenuBarHorizontal li ul a.MenuBarItemHover, ul.MenuBarHorizontal li ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li ul a.MenuBarSubmenuVisible {
 background-color:#368A1A;
 color: #FFFFFF;
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
 position: absolute;
 z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
 ul.MenuBarHorizontal li.MenuBarItemIE
 {
  display: inline;
  f\loat: left;
 }
}