@charset "shift_jis";

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

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

ul.pager {
	  text-align:center;
	  margin:20px auto;
		display:table;
	}
ul.pager li {
	float:left;
	list-style: none;
	margin:0 2px;
	padding:5px 20px;
	font-size:0.9em;
	line-height:1em;
	}
ul.pager li.active{
	margin:0 2px;
	padding:5px 20px;
	background:#0c510c;
	border: 1px #0c510c solid;
	font-weight: bold;
	color:#ffffff;
}
ul.pager li a {
	display:block;
	padding:5px 20px;
	margin:-5px -20px;
	text-decoration:none;
	border: 1px #0c510c solid;
	background:#ffffff;
	font-weight: bold;
	color:#0c510c;
}
ul.pager li a:hover,
ul.pager li a:active {
	background:#0c510c;
	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>
*/