三点リーダについてですが、こちらはフォントが原因となっております。
HEADのわりと上部の、PC用のCSSの記述の最初の方に
body {
font:0.8em/1.5 "Lucida Sans Unicode",Osaka,"Meiryo UI",sans-serif;
}
という行があるので、この中のLucida Sans Unicodeを削除して
body {
font:0.8em/1.5 Osaka,"Meiryo UI",sans-serif;
}
とすると、三点リーダが中央の位置に表示されるかと思います。ただし英字フォントも変わってしまいますが…
英字フォントを変更せずに三点リーダのみフォントを変更する場合、面倒ですが一つ一つspanで囲むか、もしかしたらJavaScriptを使えばできるかもしれないです。
(追記)
こちらこそご丁寧にお返事をくださりありがとうございます!
私も少し気になって調べてみたのですが、やはりJavaScriptを使う方法が最も手軽であるようです。敷居は高いと感じますけど…。
ナノでもグーグルのライブラリが使用できますので、こちらのページ(三点リーダが真ん中に表示されない理由)を参考に、こんな感じで…
<pc>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function() {
$('body').each(function(){
var txt = $(this).html();
$(this).html(txt.replace(/[^>]…/,'<span lang="ja" xml:lang="ja">…</span>'));
});
});
</script>
</pc>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function() {
$('body').each(function(){
var txt = $(this).html();
$(this).html(txt.replace(/[^>]…/,'<span lang="ja" xml:lang="ja">…</span>'));
});
});
</script>
</pc>
これをHEADのCSSの外(<style>〜</style>の間には入れない)に挿入すると、英字フォントを使いつつ三点リーダを真ん中に表示できるかもです。jQueryについては無知なので何ができるのかもわからないのですが、下のスクリプトは文中の三点リーダを自動的にタグで囲んだものに差し替える、というものです。
ただJavaScriptの性質上、一度端末で全て読み込んだ上で処理が実行されるという流れになりますので、表示速度が遅くなる可能性はあります。
JavaScriptのことはほとんどわからないも同然なので、ちょっと無責任なお話になってしまいましたが…一応こんな方法もあったよということで…。
長くなってしまってごめんなさい。それでは失礼いたします。