メニュータイトルを均等割付に、変更。


/* ----------------------- menu_element_basis ----------------------- */
.mainMenu {
margin-bottom: 15px;
}
.menu_title {
margin: 0px 2px 7px ;
padding: 13px 18px 7px 5px;
/* border-bottom: 1px dashed #006599; バーを削除  */
background-image: url(画像のアドレス);
background-repeat: no-repeat;
background-position: -2px 0px;  /*アイコンの位置*/
text-indent: 15px; /*タイトルの書き始め*/
}

/* ----------------------- menu_element_background ----------------------- */



文字位置を1px下げて

文字終了位置を18px狭め

文字開始位置を5px左にずらした


って感じです(参考:変更前の数値

次に、


/* ----------------------- font-information ----------------------- */
body{
color:#000000;
font-size:12px;
}
.list{
font-size:10px;
}
#header h1 a{
color: #FFFFFF;
font-size: 30px;
font-weight: bold;
line-height: 115%;
}
#header h2{
color:#336699;
font-size:15px;
font-weight: bold;
line-height:150%;
filter: shadow(color=#99ccff, direction=135);
}
.menu_title {
color: #FFFFFF;
font-size:12px;
font-weight: bold;
text-align:justify; text-justify:distribute-all-lines;  /*均等割付の設定*/
}

の1行を追加。