ブログの説明部分でのリンク表示下線を消したい。

「ブログの説明」の所に書いた文字にリンクを張っています。
その文字の上にカーソルを合わせると、下線が表示されます。
文字にルビを入れたところ、ルビ文字にも下線が入ってしまい、目障りです。
ルビ文字の下線を消すにはどうしたら良いのでしょうか？
見よう見まねでタグをつけているので、
丁寧に教えていただけると助かります。
現在は下記の通りです。

<a href="http://blog.livedoor.jp/isgimr79/"><color=green><ruby>チャオ<rp>(<rt>ちゃお<rp>)</ruby>と<ruby>一緒<rp>(<rt>いっしょ<rp>)</ruby>に。</font></a>

これが最善の方法かどうかはわかりませんが、
こんな感じでどうでしょう？

<a href="http://blog.livedoor.jp/isgimr79/"><font color=green><ruby>チャオ<rp><span style="text-decoration:none;">(<rt>ちゃお<rp>)</span></ruby>と<ruby>一緒<rp><span style="text-decoration:none;">(<rt>いっしょ<rp>)</span></ruby>に。</font></a>