眼鏡テンプレを右メニューにする方法

おはようございます。
眼鏡テンプレの右メニュー版を作って欲しいというメールをいただいたのですが、簡単にカスタマイズできますので、ここにやり方を書いておきますね
見本は今、表示している感じになります（って、いつまで表示しているかわからないんですが……爆）。
変更箇所は4つだけです。

●その1

/* メニュー囲み */
#menu_block{
float: left; /* 左に回り込む */
width: 220px; /* メニューの幅 */
background-color: #transparent; /* 背景を透明に */
margin: 0px;
padding:0px;
}

上記の箇所を探してください。
赤字のところを
float: right;
に変えてください。

●その2

/* メニュー内枠 */
.menu_body{
margin-left:10px;
padding: 0px;
}

赤字を
margin-right:10px;
に変えてください。

●その3

/* メニュータイトル */
.menu_title{
text-align: left;
font-size: 12px; /* メニュータイトルの大きさ */
color: #fff; /* メニュータイトルの色 */
background-color: #000; /* メニュータイトルの背景色 */
font-weight:bold; /* メニュータイトルの太さ */
margin:25px 0px 5px 10px;
padding: 4px 5px;
}

赤字を
margin:25px 10px 5px 0px;
に変えてください。

●その4

/* メイン囲み */
#main{
float: right; /* 右に回り込む */
width: 580px; /* メイン幅 */
margint: 0px;
padding: 0px;
}

赤字を
margin-right:10px;
に変えてください。

これでOKです
うまくいったら教えてくださると嬉しいです♪


どうでもいいことですが、一番上の
background-color: #transparent; /* 背景を透明に */
って#が余分なので、ソースのアホっぽさが気になるようでしたら#を削除、もしくは行ごと削除しちゃってください(^_^;)
この行自体あってもなくても、影響のない無駄なタグなので、そのままにしておいても問題はなく、見なかったことにして放置しても構いませんが(;^_^A
一度、そういうのちゃんと見直さないとねー