<style type="text/css">
/* リスト番号を自動採番 */
div.items ol {
counter-reset:item; /* リセット */
list-style:none;
}
div.items li:before {
content:counters(item, "-") ". "; /* 生成内容 */
counter-increment:item; /* カウンタ名 */
color:#63b6ce;
}
</style>
<div class="items">
<ol>
<li>項目
<ol>
<li>項目</li>
<li>項目</li>
<li>項目</li>
</ol>
</li>
<li>項目
<ol>
<li>項目</li>
<li>項目</li>
<li>項目</li>
</ol>
</li>
<li>項目</li>
</ol>
</div>