お世話になります。パラボッセの内堀です。

スタイルシートを利用してページのレイアウトをしています。
PC での表示では思った通りにできたのですが、iphone,ipad で確認するとレイアウト崩れになってしまいます。

恐れ入りますが、修正方法を教えていただけましたら幸いです。

環境はギガファイル便よりご取得いただければと思います。
http://17.gigafile.nu/?h646483a57074a0dd638e3a102a4da002-1125
パスワード：1118
インターネットでは以下の URL でご確認いただけます。
http://shopping.geocities.jp/SHOP-URL/head.html

レイアウトが崩れてしまうのは、head.html 内の 21行目から25行目の<div class="headerArea">…</div>の部分です。

説明不足な点がありましたらご連絡いただけますと幸いです。
お忙しいところ恐れ入りますが、どうぞよろしくお願いいたします。