@charset "shift_jis";

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

/********************
ページ番号
********************/
ul.pager {
	  text-align:center;
		letter-spacing:-0.4em;
	}
ul.pager li {
	display:inline-block;
	letter-spacing:normal;
	list-style: none;
	margin:0 2px;
	}

ul.pager li a {
	display:block;
	padding:5px 10px;
	text-decoration:none;
	background:#f1f7fa;
	font-weight: bold;
	color:#333333;
}
ul.pager li.active a,
ul.pager li a:hover,
ul.pager li a:active {
	background:#258ecf;
	color:#ffffff;
}
@media all and (-ms-high-contrast:none){
	ul.pager li a {padding:8px 10px 2px;}
}

/*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>
*/