タイトル付の囲み枠をさかさまにして、メニューと合わせて作るのもよいですねウインク

 

 

宝石緑 募集中の講座 宝石赤
こんな感じで作ってみるのもよいです。
 
| ごあいさつ | プロフィール | 最新のスケジュール | 講座案内 | お問い合わせ |

 

<div style="border:1px solid #F69; padding:10px;"><img draggable="false" alt="宝石緑" height="16" width="16" src="http://stat100.ameba.jp/blog/ucs/img/char/char2/116.gif" />&nbsp;<span style="color:#000000;"><span style="font-weight:bold;">募集中の講座</span></span>&nbsp;<img draggable="false" alt="宝石赤" height="16" width="16" src="http://stat100.ameba.jp/blog/ucs/img/char/char2/118.gif" />
  <br />こんな感じで作ってみるのもよいです。
  <br /> 
</div><div style="background:#F69; border:1px solid #F69; padding-left:10px;"><center><span style="font-size:0.83em;"><font style="color:#ffffff; font-weight:normal;">| ごあいさつ | プロフィール | 最新のスケジュール | 講座案内 | お問い合わせ |</font></span></center></div>