/* メニューバーの装飾 */

ul.ddmenu {
	margin-top:    335px;    /* メニューバー外側の各余白（単位px）*/
	margin-right:   30px;
	margin-bottom:  30px;
	margin-left:    17px;
	padding-top:     0px;    /* メニューバー内側の各余白（すべて0px）*/
	padding-right:   0px;
	padding-bottom:  0px;
	padding-left:    0px;
	background-color: #ffffff;  /* バーの背景色（白色）*/
}

/* メインメニュー項目の装飾 */

ul.ddmenu li {
    width: 177px;                     /* メニュー項目１個の横幅（px指定）*/
    display: inline-block;            /* 横並びに配置 */
    list-style-type: none;            /* リストの先頭記号を消す */
    position: relative;               /* サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
    background-color: #0000bf;        /* メニュー項目の背景色（濃い青色）*/
    color: white;                     /* メニュー項目の文字色（白色）*/
    line-height:  35px;               /* メニュー項目のリンクの高さ（40px）*/
    text-align:  center;              /* メインメニュー文字列の配置（中央寄せ）*/
    text-decoration: none;            /* メニュー項目の装飾（下線を消す）*/
    font-weight: bold;                /* 太字にする */
    display: block;                   /* 項目内（block）全域をリンク可能とする */
}
ul.ddmenu a:hover {
    background-color: #f4f4ff;        /* メニュー項目にマウスが乗った時の背景色（淡い青色）*/
    color: #070707;                   /* メニュー項目にマウスが乗った時の文字色（黒）*/
 }

/* サブメニューがある場合に開く処理 */

ul.ddmenu li:hover ul {
    display: block;                   /* マウスが乗っている項目の内部にあるリストを表示 */
}

/* サブメニューの装飾 */
ul.ddmenu ul {
    margin: 0px;                      /* サブメニュー外側の余白 */
    padding: 0px;                     /* サブメニュー内側の余白 */
    display: none;                    /* 標準では非表示にする */
    position: absolute;               /* 絶対配置にする */
}

/* サブメニュー項目の装飾 */

ul.ddmenu ul li {
    width: 177px;                     /* サブメニュー１項目の横幅（155px） */
    border-top: 1px solid pink;       /* 項目上側の枠線（白1pxx） */
}
ul.ddmenu ul li a {
    line-height: 30px;                /* サブメニュー１項目の高さ */
    text-align: left;                 /* 文字列の配置（左寄せ） */
    padding-left: 5px;                /* 文字列前方の余白 */
    font-weight: normal;                /* 太字にしない */
    color: white;                     /* メニュー項目の文字色（白色）*/
}
ul.ddmenu ul li a:hover {
   background-color:#e4e4f4;          /* マウスが乗った時の背景色（淡い青色） */ 
   color: #070707;                    /* マウスが乗った時の文字色（黒色） */ 
}

