/*this is the css for the horizontal version*/
    .horizontal ul{
            list-style-type: none;
            padding: 0px;
            border: 0px;
            display: block;
            height: 19px;/*下線が出る感じになるので画像より大きく*/
            width: 580px;
            background-color:#FFFFFF;
            list-style-type: none;
              margin: 0 auto;
        }
        .horizontal li{
            float: left;
            display: inline;
            width: 100px; /*ここがでかすぎるとおかしくなる*/
              text-decoration: none;
               height: 18px;/*ここがでかすぎるとおかしくなる*/
            border: none;
            background-image:url(images/bottan_over.gif); /*背景画像に文字をのせる*/
               background-repeat: no-repeat;  /*IEでしか動かないのでピクセルでぴったり調整すること*/
               text-align:center;  /*文字の位置*/
              font-size:small;
            padding-top:1px;
            margin-top:0px;/*これがないとIE以外はサブメニューが出てこないしつかめない*/
            margin-left:12px;
        }
        .horizontal li a{
            text-decoration: none;
            height: 18px;
            float: left;
            display: block;
            width: 100px;
            height: 18px;
            padding:0px;/*サブメニューの画像のすきま*/
            border: none;
            color:#FFFFFF;
        }
        .horizontal li li a{
            border: none;
            padding-top:1px;
            margin-left:1px;
        }
        .horizontal li ul{
            position: absolute; 
            margin-top: 1.3em;
            margin-left: -12px;
            padding-top:1px;
            width: 100px;
            border: none;
            height: auto;
            border: none;
            display: block;
            height: 18px;
        }
        .horizontal li li ul{
            position: absolute;
            margin-top: 1px;
            margin-left: 125px;
        }
        .horizontal li ul li a{
        width: 101px;
        }    
    
        
        
        .horizontal li a:hover{
        text-decoration: none;
            display: block;
            padding: 1px 0px;
            border: none;
        width: 100px;
           height: 10px;
           float: left;
        background-image:url(images/bottan.gif);
           background-repeat:no-repeat;
        font-size:small;
          color:navy;
        margin-top:0px;
        float: left;
            color:#FFFFFF;
        }
        
        
        
        /*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This

 can be worked around by making top level links point to a sitemap*/
        /*Not sure if I recommend this or not*/
        .inaccesible li ul{
            display: none;
        }