#pagenavi{
	padding: 20px 0;
	height: 20px;
	line-height: 20px;
	position: relative;
	@include border-shadow();
	a{
		&:hover{
			text-decoration: underline;
		}
	}
	.prev, .next{
		position: absolute;
	}
	.prev{
		background: image-url('back.png') 0 center no-repeat;
		padding-left: 30px;
		left: 0;
	}
	.next{
		background: image-url('more.png') right center no-repeat;
		padding-right: 30px;
		right: 0;
	}
	.center{
		text-align: center;
		width: 100%;
		display: block;
		@media screen and (max-width: 400px){
			display: none;
		}
	}
}