@charset "shift_jis";

/*reset*/
ul,li{
	margin:0;
	padding:0;
}

/********************
ページ番号
********************/

ul.pager,
ol.pagenation {
	  text-align:center;
	}
ul.pager li,
ol.pagenation li {
	display:inline;
	list-style: none;
	margin:0;
	}

ul.pager li a,
ol.pagenation li a,
ol.pagenation li span{
	display:inline-block;
	padding:10px 20px;
	text-decoration:none;
	border: 1px #cccccc solid;
	background:rgba(255,255,255,0.7);
	font-weight: bold;
	font-size:0.9em;
	color:#333333;
}
ul.pager li.active a,
ul.pager li a:hover,
ul.pager li a:active,
ol.pagenation li span,
ol.pagenation li a:hover,
ol.pagenation li a:active{
	background:#00a88e;
	color:#ffffff;
}



/*html
    <ul class="pager">
    	<li class="prev"><a href="#">前へ</a></li>
    	<li><a href="#">1</a></li>
    	<li><a href="#">2</a></li>
    	<li class="active"><a href="#">3</a></li>
    	<li><a href="#">4</a></li>
    	<li><a href="#">5</a></li>
    	<li class="next"><a href="#">次へ</a></li>
    </ul>
<ol class="pagenation">
	<li><span>1</span></li>
</ol>

*/