<ol class="ol1">
	<li><span>リストの装飾です</span></li>
	<li><span>Neuchaというフォントを使っています</span></li>
	<li><span>色も変えるとなんだか新鮮！</span></li>
</ol>

<ol class="ol2">
	<li><span>リストの装飾です</span></li>
	<li><span>Lobsterというフォントを使っています</span></li>
	<li><span>色も変えるとなんだか新鮮！</span></li>
</ol>

<ol class="ol3">
	<li><span>リストの装飾です</span></li>
	<li><span>Philosopherというフォントを使っています</span></li>
	<li><span>色も変えるとなんだか新鮮！</span></li>
</ol>

/* 利用するGoogleフォントをインポート */
@import url(https://fonts.googleapis.com/css?family=Neucha);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Philosopher);

.ol1 li{
	color: #3cf;
	font-size:150%;
	font-family: 'Neucha';
	list-style: decimal inside;
}
.ol1 li span{
  color: #666;
  font-size:16px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}
.ol2 li{
	color: #690;
	font-size:150%;
	font-family: 'Lobster';
	list-style: decimal inside;
}
.ol2 li span{
  color: #666;
  font-size:16px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}
.ol3 li{
	color: #900;
	font-size:150%;
	font-family: 'Philosopher';
	list-style: decimal inside;
}
.ol3 li span{
  color: #666;
  font-size:16px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}