CSSについて教えてください。

10pt

比較的簡単に色を変更できるのは、以下の４点です。

• 項目のない、メニューの右側部分の背景色：.ddsmoothmenu
• 常時見えている項目の背景色：.ddsmoothmenu ul li a
• 子メニュー項目の背景色：.ddsmoothmenu ul li ul li a
• 項目にカーソルを乗せた際の背景色：.ddsmoothmenu ul li a:hover

それぞれ「background: #414141;」等で指定可能です。

CSS による色の指定の仕方は、解説ページを参照してください。

http://www.tagindex.com/stylesheet/basic/color.html

例：子メニューの背景色を真っ赤にする

.ddsmoothmenu ul li ul li a{
　　　　　・
　　　　　・
　　　　　・
background: #ff0000;　　　← 追加
}

文字色を変更する場合、

「.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited」の指定があり、

スマートに変更するのは少々やっかいなため、以下のような力技が簡単です。

例：子メニューの文字を真っ青にする

以下を追加
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{
color: #0000ff;
}

■.ddsmoothmenu

ナビゲーション全体

■.ddsmoothmenu ul

常時見えている項目の全体

■.ddsmoothmenu ul li

常時見えている項目の、見えない外枠

■.ddsmoothmenu ul li a

項目の基本設定。

border-right: 1px solid #778;　項目の右側につける線の設定（太さ・種類・色）

■* html .ddsmoothmenu ul li a

IE6 用での表示崩れを防ぐ為の設定

■.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited

項目の基本設定の補足

ページを訪れるとリンクの色が変わるのが一般的ですが、

ナビゲーションではそういった変化が無い方がよいため、

リンク先訪問後も色が変わらないように設定しています。

■.ddsmoothmenu ul li a.selected

サブメニューが開いた際の、選択中の親メニュー項目の表示設定

■.ddsmoothmenu ul li a:hover

項目の上にカーソルを乗せた際の設定

■.ddsmoothmenu ul li ul

子メニュー（Sub Item）全体の設定

■.ddsmoothmenu ul li ul li

子メニュー（Sub Item1.1等）項目の、見えない外枠

■.ddsmoothmenu ul li ul li ul

孫メニュー（Sub Item 2.1.1等）または、

それ以上深い階層の項目の全体の設定

■.ddsmoothmenu ul li ul li a

子メニュー（Sub Item1.1等）項目の基本設定