<p class="si-box" title="人気記事"><a href="#">テキストテキスト</a></p>
<p class="si-box red" title="おすすめ"><a href="#">テキストテキスト</a></p>
<p class="si-box blue" title="関連記事"><a href="#">テキストテキスト</a></p>
<p class="si-box orange" title="公式サイト"><a href="#">テキストテキスト</a></p>
- メニュー1
- メニュー2
- メニュー3
<ul class="si-list-box" title="特徴"> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー3</li> </ul>
- メニュー1
- メニュー2
- メニュー3
<ul class="si-list-box red" title="メニュー一覧"> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー3</li> </ul>
- メニュー1
- メニュー2
- メニュー3
<ul class="si-list-box blue" title="人気メニュー"> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー3</li> </ul>
- メニュー1
- メニュー2
- メニュー3
<ul class="si-list-box orange" title="こんな人におすすめ"> <li>メニュー1</li> <li>メニュー2</li> <li>メニュー3</li> </ul>
以上です。