~
<div id="center">
<!--▼ フリーエリア ▼-->
<!--▽ フリーエリア1 ▽-->
<div class="plugin3_outline">
<div class="plugin3_title" style="text-align: center;">フリーエリアタイトル1</div>
<div class="plugin3_body fa1">
<div style="text-align:left;">
ここにカテゴリー1のフリーエリアの内容を表示
</div>
</div><!--/plugin3_body-->
</div><!--/plugin3_outline-->
<!--△ フリーエリア1 △-->
<!--▽ フリーエリア2 ▽-->
<div class="plugin3_outline">
<div class="plugin3_title" style="text-align: center;">フリーエリアタイトル2</div>
<div class="plugin3_body fa2">
<div style="text-align:left;">
ここにカテゴリー2のフリーエリアの内容を表示
</div>
</div><!--/plugin3_body-->
</div><!--/plugin3_outline-->
<!--△ フリーエリア2 △-->
<!--▲ フリーエリア ▲-->
<!--▼▼ プラグイン カテゴリー3 ▼▼-->
~
/* フリーエリア1の背景画像設定 */
.fa1 {
background: url("画像URL");
}
/* フリーエリア2の背景画像設定 */
.fa2 {
background: url("画像URL");
background-repeat: no-repeat; /* 繰り返し表示しない場合に設定 */
background-position: right bottom; /* 画像位置設定 */
}