/* HORIZONTAL FREESTYLE MENU LAYOUT */
#masthead01 div.menu{
font-size:.8em;
height:24px;
left:13px;
margin:0;
position:absolute;
top:86px;
z-index:10;
}
/* All <ul> tags in the menu including the first level */
.menulist,.menulist  ul{
list-style:none;
margin:0;
padding:0;
}
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul{
display:none;
left:-1px;
margin-top:13px;/* I'm using ems and px to allow people to zoom their font */
position:absolute;
top:1.0em;
width:150px;
}
/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul{
left:148px;
margin-top:0;
top:-1px;
}
/*
All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li{
border:none;/* background: #000;*/
display:block;
float:left;
margin-right:-1px;
padding:0;
position:relative;
}
/* KISSKA */
.menulist li li{
background:#a0a0a0;
border-bottom:1px solid #cdcdcd;
display:block;
float:left;
margin-right:-1px;
padding:0;
position:relative;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li{
border-top:1px solid #adadad;
float:none;
margin:0;
margin-bottom:-1px;
}
.menulist ul>li:last-child{
margin-bottom:1px;/* Mozilla fix */
}
/* Links inside the menu */
.menulist a{
color:#ffffff;
display:block;
padding:3px;
text-decoration:none;
}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover,.menulist a.highlighted:hover,.menulist a:focus{
background:#000000;
color:#ffffff;
}
.menulist a.highlighted{
background:#000000;
color:#ffffff;
}
.menulist a.active{
background:#ff6500;
color:#ffffff;
}
/* Only style submenu indicators within submenus. */
.menulist a .subind{
display:none;
}
.menulist ul a .subind{
display:block;
float:right;
}
/* KISSKA */
.menulist a#but1,.menulist a#butActive1,
.menulist a#but2,.menulist a#butActive2,
.menulist a#but4,.menulist a#butActive4,
.menulist a#but5,.menulist a#butActive5,
.menulist a#but77,.menulist a#butActive77,
.menulist a#but191,.menulist a#butActive191,
.menulist a#but209,.menulist a#butActive209,
.menulist a#but214,.menulist a#butActive214,
.menulist a#but368,.menulist a#butActive368{
background:#a0a0a0 url(../m/jpn/Masthead_But_Off.gif);
border:1px solid #999999;
border-bottom:0;
border-top:0;
color:#606060;
color:#000000;
height:18px;
padding:2px 0 4px 0;
text-align:center;
width:97px;
}
.menulist a#butActive1,
.menulist a#butActive2,
.menulist a#butActive4,
.menulist a#butActive5,
.menulist a#butActive77,
.menulist a#butActive191,
.menulist a#butActive209,
.menulist a#butActive214,
.menulist a#butActive368{
background:#ff6500 url(../m/jpn/Masthead_But_On.gif);
color:#000000;
font-weight:bold;
}
.menulist a#but1:hover,
.menulist a#but2:hover,
.menulist a#but4:hover,
.menulist a#but5:hover,
.menulist a#but77:hover,
.menulist a#but191:hover,
.menulist a#but209:hover,
.menulist a#but214:hover,
.menulist a#but368:hover,
.menulist a.highlighted#but1,
.menulist a.highlighted#but2,
.menulist a.highlighted#but4,
.menulist a.highlighted#but5,
.menulist a.highlighted#but77,
.menulist a.highlighted#but191,
.menulist a.highlighted#but209,
.menulist a.highlighted#but214,
.menulist a.highlighted#but368{
background:#ff6500 url(../m/jpn/Masthead_But_On.gif);
color:#000000;
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a{
float:left;
}
.menulist ul a{
float:none;
}
/* \*/
.menulist a{
float:none;
}
/* */
/*
HACKS: IE/Win:
A small height on <li> and <a> tags and floating prevents gaps in menu.
* html affects <=IE6 and *:first-child+html affects IE7.
You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menulist ul li{
float:left;
width:100%;
}
* html .menulist ul li{
float:left;
height:1%;
}
* html .menulist ul a{
height:1%;
}
/* End Hacks */