新着情報

2010年11月22日 
【1件目!】1件目の投稿 ○○○のページ 更新しました。
2010年10月10日 
【2件目!】2件目の投稿 ○○○のページ 更新しました。
2010年09月09日 
【3件目!】3件目の投稿 ○○○のページ 更新しました。
2010年08月08日 
【4件目!】4件目の投稿 ○○○のページ 更新しました。
2010年07月07日 
【5件目!】5件目の投稿 ○○○のページ 更新しました。
2010年06月06日 
【6件目!】6件目の投稿 ○○○のページ 更新しました。
2010年05月05日 
【7件目!】7件目の投稿 ○○○のページ 更新しました。
2010年04月04日 
【8件目!】8件目の投稿 ○○○のページ 更新しました。
2010年03月03日 
【9件目!】9件目の投稿 ○○○のページ 更新しました。
『<body>』内のソースです

<body>

<div id="update">
<h3 class="midashi">新着情報</h3>
<div id="box" class="flexcroll">
<dl>
<dt> <img src="sintyaku.gif" border="0" />2010年11月22日  </dt>
<dd> <a href="#">【1件目!】1件目の投稿 ○○○のページ 更新しました。</a> </dd>
</dl>
 <!--  繰り返しは省略しています -->

</div>

</div>
</body>

スクロール部分のCSSです。

/* 本体 */
div#box {
padding:10px;
width:700px;
height:210px;
overflow:auto;
position:relative;
background-color:#FFFBEE;
}

/* 本体 */
.scrollgeneric {
line-height:1px;
font-size:1px;
position:absolute;
top:0;
left:0;
}

/* 縦スクロール範囲 */

.vscrollerbase {
width:10px;
background-color:#eee;
}

/* 縦スクロールバー */
.vscrollerbar {
width:10px;
background-color:#900;
}

/* 横スクロール範囲 */
.hscrollerbase {
height:10px;
background-color:#eee;
}

/* 横スクロールバー */
.hscrollerbar {
height:10px;
background-color:#900;
}

/* 縦横スクロールバー */
.scrollerjogbox {
width:10px;
height:10px;
top:auto;
left:auto;
bottom:0;
right:0;
background-color:#eee;
}