ＣＳＳに !important が抜けていました・・・m(_ _)m
旧スキンではページナビと説明していましたが
新デザインではＣＳＳの中で「ページング」と書かれていますのでこれを使います
このページング・・・・
どのような形で見えていますか？
四角形で見えている方は・・・・
残念ながらＣＳＳ3未対応のブラウザーを使われています
Internet Explorerでしたら9からは角が丸くなって見えるはずです
では・・色を変えてみます
CSSの最後に・・・
/*ページング*/
.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus {
border: 1px solid #ff00ff;/*枠 太さ 線種 線色*/
background-color:#ffccff;/*枠内の背景色*/
color:#ff00ff !important;/*文字色*/
}
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{/*マウスオーバー時*/
background-color:#ff00ff;/*枠内の背景色*/
color:#ffffff !important;/*文字色*/
}
/*ページング記事一覧*/
.pagingList{
color:#ff00ff;/*文字色*/
}
.pagingList:hove{/*記事一覧マウスオーバー時*/
color:#ffccff;/*文字色*/
text-decoration:none;/*リンクの下線を消す*/
}
記事一覧にも枠をつけちゃいたいって～場合・・・
.pagingList, .pagingList:visited, .pagingList:hover, .pagingList:focus{
border: 1px solid #ff00ff;/*枠 太さ 線種 線色*/
background-color:#ffccff;/*枠内の背景色*/
color:#ff00ff;/*文字色*/
margin:0;
padding: 4px 14px 3px;
}
.pagingList:hover,
.pagingList:focus{/*マウスオーバー時*/
background-color:#ff00ff;/*枠内の背景色*/
color:#ffffff;/*文字色*/
text-decoration:none;/*下線を消す*/
}
形も変えちゃいたい～って贅沢な方は・・・
.pagingPrev{/* ← */
border-radius:15px 0 0 15px;/*右上 左上 左下 右下*/
}
.pagingNext{/* → */
border-radius:0 15px 15px 0;/*右上 左上 左下 右下*/
}
border-radius は角丸にするプロパティです
CSS3ですので対応していないブラウザーもあります（その場合は四角のままです）