/* external CSS file */
/* filename: menu.css */
/* to use for reachmahjong.jenn.jp */

#navlist
{
position: relative;
width: 100%;
height: 1.05em;
margin: 0;
padding: 0;
border-bottom: 3px solid #002458;
white-space: nowrap;
}

#navlist li
{
float: left;
margin: 0 0 0 2px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #7fa6d4 #01254b #002458 #99a8cc;
list-style-type: none;
}

#navlist li a
{
position: relative;
width: 6em;
display: block;
margin: 0;
padding: 1px 0.4em;
border-bottom: 3px solid #002458;
border-top: 1px solid #ccc;
border-width: 1px 1px 0 1px;
border-type: solid;
border-color: #ccc;
background-color: #eee;
color: #506eab;
font: normal 1.25em/120% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

#navlist li a:hover
{
color: #00c;
text-decoration: underline;
}

#navlist li#active a
{
font-weight: bold;
background-color: #002458;
color: #fff;
border-color: #508cc7 #002458 #002458 #5391d4;
}

#navlist li#active a:hover { color: #fff; }



#navlist ul#subnavlist
{
position: absolute;
left: 0;
top: 2em;
height: 1.2em;
margin: 0;
padding: 0;
border-bottom: 3px solid #002458;
border-right: 3px solid #002458;

white-space: nowrap;
}



#navlist ul#subnavlist li
{
width: 14ex;
margin: 0;
border: 0;
}

#navlist ul#subnavlist li a
{
width: auto;
padding: 0.06em 1em 0;
border: 0;
background-color: #fff;
color: #000;
font: normal bold 1em/110% Verdana, Arial, sans-serif;
}

#navlist ul#subnavlist li a:hover
{
color: #00c;
text-decoration: underline;
/*font-weight: 400;
 IE5/Mac disappearing item fix */
}

#navlist ul#subnavlist li#subactive a
{
background-color: #b0d5fc;
color: #000;
}


* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 600px;
/* IE5/Mac fixed width fix */
}