Edit in JSFiddle

<ol>
 <li>いろはにほへと ちりぬるをわかよたれそ
 <ol>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
 <li>いろはにほへと ちりぬるをわかよたれそ
 <ol>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
</ol></li>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
</ol>
 </li>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
 <li>いろはにほへと ちりぬるをわかよたれそ
 <ol>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
 <li>いろはにほへと ちりぬるをわかよたれそ</li>
</ol></li>
</ol>
	ol {
  counter-reset : mycount;
  list-style-type : none;

}

li:before {
  content : counter(mycount) ". ";
  counter-increment : mycount;
}
li li:before {
  content : "(" counter(mycount) ")";
}
li li li:before {
   content: counter(mycount,cjk-ideographic) ". ";
/*   content : counter(mycount,upper-alpha) ". "; */
}