/*┌──────────────────┐*/
/*│メインメニューの設定                │*/
/*└──────────────────┘*/
#toc_container{
  width:960px;
  background-color:#ffffff;
  color:#000000;
  font-size:0.9em;
}
#toc_container ul,#toc_container li{
  list-style:none;
  margin:0;
  padding:0;
}
#toc_container-en{
  width:1120px;
  background-color:#ffffff;
  color:#000000;
  font-size:0.9em;
}
#toc_container-en ul,#toc_container li{
  list-style:none;
  margin:0;
  padding:0;
}
/*#toc_container p{
  margin:0;
  padding:0;
  clear:both;
}*/
#root_toc li,#root_toc li a{
  width: 160px;
  /*height: 30px;*/
}

#root_toc li{
  float:left; /* 縦にする場合はこの指定は不要 */
  /*border:1px solid #ccc; メニューに罫線をつける場合指定する*/
}

#root_toc li.plist ul{
  display:none;
  position:absolute;
  text-indent:0.3em;
}
#root_toc li.plist:hover ul{
  display: block;
  /*半透明化*/
  filter: Alpha(opacity=100); /* IE系 */
  -moz-opacity:1; /* 旧Mozzila系 */
  opacity:1; /* Mozzila系 */
}
#root_toc li.plist li{
  float:none;
  display:list-item;
  filter: Alpha(opacity=90);
  -moz-opacity:0.9;
  opacity:0.9;
}
#root_toc li a{
  display: block;
  /*text-indent:0.3em;*/
  line-height:1.8em;
  color:#ffffff;
  background-color:#003399;
  text-decoration:none;
}
#root_toc li a:hover{
  color:#ffffff;
  background-color:#0099ff;
}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
    margin: 0px; /* メニューバー外側の余白(ゼロ) */
    padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
    background-color: rgba(1,109,241,1.0); /* バーの背景色(濃い黄緑色) */
    font-size:1.2em;
}

    /* -------------------------- */
    /* ▼メインメニュー項目の装飾 */
    /* -------------------------- */
    ul.ddmenu li {
        width: 260px; /* メニュー項目の横幅(125px) */
        display: inline-block; /* ★1:横並びに配置する */
        list-style-type: none; /* ★2:リストの先頭記号を消す */
        position: relative; /* ★3:サブメニュー表示の基準位置にする */
    }

    ul.ddmenu a {
        background-color:rgba(1,109,241,1.0); /* メニュー項目の背景色(濃い黄緑色) */
        color: white; /* メニュー項目の文字色(白色) */
        line-height: 30px; /* メニュー項目のリンクの高さ(40px) */
        text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
        text-decoration: none; /* メニュー項目の装飾(下線を消す) */
        font-weight: bold; /* 太字にする */
        display: block; /* ★4:項目内全域をリンク可能にする */
        font-size: 1.2em;
    }

        ul.ddmenu a:hover {
            background-color:rgba(86,162,254,0.7); /* メニュー項目にマウスが載ったときの背景色(淡い黄緑) */
            color: rgba(244,242,140,1); /* メニュー項目にマウスが載ったときの文字色(濃い黄緑色) */
        }

    /* ▼サブメニューは、とりあえず非表示にしておく */
    ul.ddmenu ul {
        display: none; /* ★5:非表示にする */
    }
    /* -------------------- */
    /* ▼サブメニューの装飾 */
    /* -------------------- */
    ul.ddmenu ul {
        display: none; /* ★1:標準では非表示にする */
        margin: 0px; /* ★2:サブメニュー外側の余白(ゼロ) */
        padding: 0px; /* ★3:サブメニュー内側の余白(ゼロ) */
        position: absolute; /* ★4:絶対配置にする */
    }

    /* ---------------------------------- */
    /* ▼サブメニューがある場合に開く処理 */ /* ※サブメニューが1階層しか存在しない場合の記述 */
    /* ---------------------------------- */
    ul.ddmenu li:hover ul {
        display: block; /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
    }

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu-en {
    margin: 0px; /* メニューバー外側の余白(ゼロ) */
    padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
    background-color: rgba(1,109,241,1.0); /* バーの背景色(濃い黄緑色) */
    font-size:1.2em;
}

    /* -------------------------- */
    /* ▼メインメニュー項目の装飾 */
    /* -------------------------- */
    ul.ddmenu-en li {
        width: 218px; /* メニュー項目の横幅((1190px/メニューの数)-マージンの20px) */
        display: inline-block; /* ★1:横並びに配置する */
        list-style-type: none; /* ★2:リストの先頭記号を消す */
        position: relative; /* ★3:サブメニュー表示の基準位置にする */
    }

    ul.ddmenu-en a {
        background-color:rgba(1,109,241,1.0); /* メニュー項目の背景色(濃い黄緑色) */
        color: white; /* メニュー項目の文字色(白色) */
        line-height: 30px; /* メニュー項目のリンクの高さ(40px) */
        text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
        text-decoration: none; /* メニュー項目の装飾(下線を消す) */
        font-weight: bold; /* 太字にする */
        display: block; /* ★4:項目内全域をリンク可能にする */
        font-size: 1.2em;
    }

        ul.ddmenu-en a:hover {
            background-color:rgba(86,162,254,0.7); /* メニュー項目にマウスが載ったときの背景色 */
            color: rgba(244,242,140,1); /* メニュー項目にマウスが載ったときの文字色 */
        }

    /* ▼サブメニューは、とりあえず非表示にしておく */
    ul.ddmenu-en ul {
        display: none; /* ★5:非表示にする */
    }
    /* -------------------- */
    /* ▼サブメニューの装飾 */
    /* -------------------- */
    ul.ddmenu-en ul {
        display: none; /* ★1:標準では非表示にする */
        margin: 0px; /* ★2:サブメニュー外側の余白(ゼロ) */
        padding: 0px; /* ★3:サブメニュー内側の余白(ゼロ) */
        position: absolute; /* ★4:絶対配置にする */
    }

    /* ---------------------------------- */
    /* ▼サブメニューがある場合に開く処理 */ /* ※サブメニューが1階層しか存在しない場合の記述 */
    /* ---------------------------------- */
    ul.ddmenu-en li:hover ul {
        display: block; /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
    }
/*┌───────────────────────┐*/
/*｜スマフォ対応　　　　　　　　　　　　　　　　　｜*/
/*└───────────────────────┘*/

@media screen and (max-width:990px) {
    #toc_container-en {
        width: 100%;
        background-color: #ffffff;
        color: #000000;
        font-size: 0.9em;
    }

    ul.ddmenu-en {
        margin: 0px; /* メニューバー外側の余白(ゼロ) */
        padding: 0px 0px 0px 8px; /* メニューバー内側の余白 */
        font-size: 1.0em;
    }

        ul.ddmenu-en li {
            width: 180px; /* メニュー項目の横幅((1190px/メニューの数)-マージンの20px) */
        }
}



/*
@media screen and (min-width:751px) and (max-width:990px) {
            
 }*/