左右のテキストの高さが合わない

質問

２点解決できない問題がありまして
ｈttp://shinroku.net/graypartner/industrial.html​
こちらのページ内のimg画像下のテキストなのですが
何故か右側が一行下がってしまうのですが左右のレベルを合わせるには
どうしたら良いのでしょうか？（上のラインで合わせたいのですが）
以下ソースに記述
<div class="text01" style="font-family : Arial;">
電力会社 ⇒ Warren RECC<br />
・ 敷地内に12.47ｋVの配電線、敷地周辺に161ｋVと69kVの<br />
　送電線<br />
・ 敷地内に新規変電施設
</div>
<div class="text02" style="font-family : Arial;">
ガス会社 ⇒ Atmos Energy<br />
・ 敷地北側に8インチの本管<br />
・ US Highway 68号線沿いに4インチの配管、US Highway 31<br />
　号線沿いに2インチと6インチの配管
</div>
以下ＣＳＳ記述
.text01{
width : 380px;
float : left;
font-size : 13px;
font-family : "ＭＳ Ｐゴシック";
line-height : 1.6;
color : #000000;
padding-left : 30px;
}
.text02{
margin-left : 0px;
font-size : 13px;
font-family : "ＭＳ Ｐゴシック";
line-height : 1.6;
color : #000000;
padding-left : 23px;
}
もう１点は
フッターないのメールアドレスとＵＲＬがフォントを"Arial"に指定しているのですがFireFoxですとフォント指定が無視されてしまうのですが解決策がありましたらご教授ください。
.adress{
background-image : url(img/adress.gif);
background-repeat : no-repeat;
width : 800px;
height : 96px;
margin-top : 0px;
margin-left : auto;
margin-right : auto;
}
.adress p{
font-size : 12px;
font-family : Arial;
color : #efefef;
padding-left : 530px;
line-height : 1.3;
padding-top : 13px;
}
.adress p a{
color : #efefef;
text-decoration : none;
}
.adress p a:hover{
color : #e2e2c7;
text-decoration : underline;
}

お忙しいところすいませんが宜しくお願いします。

回答No.2

ORUKA1951 · ベストアンサー

問題は見受けられませんが・・・
ただ、Araialは全角文字を含まないので、日本語を含むところに指定しても意味ないでしょう。無ければデフォルトの書体を使います。各所でArialが指定されていますが、日本語はIEならＭＳ Ｐゴシック"か"MS UI Gothic"で、firefoxならデフォルトのＭＳ Ｐ明朝"あたりが使われるでしょう。

　きちんと、font-familyを羅列して、最後に一般名という書き方をしましょう。
Arialはプロポーショナルの刎ねの無いフォントですから、OSに合わせてプロポーショナルなゴシックを並べて最後に一般名を入れておけば良いでしょう。
font-family: Arial,"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,Sans-Serif;

お礼

ORUKA1951さん
とても参考になりました、ありがとうございました。

回答No.1

noname#83877

フォント指定はユーザーの指定が優先されます。なので、強制的に特定のフォントを表示するのは無理です。
おそらくFirefoxで何かしらのフォントが指定されているのでしょう。

画像の下の改行（？）はどのブラウザでの症状ですか？

お礼

metametamuさんありがとうございます。

(左側text01) (右側text02)
電力会社 ⇒ Warren RECC
ガス会社 ⇒ Atmos Energy

といった具合で左側上部にスペースが入ってしまうのですが？

この説明でわかりますでしょうか？

環境確認は
■Microsoft Internet Explorer 6
■Microsoft Internet Explorer 7
■Microsoft Internet Explorer 8
■Sleipnir
■Firefox（バージョン3.0.1）
で行ってます、全て上記のようになってます。
電力→ガス会社と上のラインに合わせたいのですが？