@charset "utf-8";
/*
.postnavi .pre,.postnavi .next{
background-image: url(csspic/postnavi.png);background-repeat: no-repeat;background-position: 0 0;}*/

.postnavi {float:left;width:100%; min-height:30px;display:block;text-align: center;margin:20px 0 0 0}
.postnavi ul {width:100%;padding:0; margin:0; display: inline-block; position: relative;}

.postnavi li {float: left;display: inline; font-family: Verdana, Geneva, sans-serif; font-size:13px;font-weight: normal;text-decoration: none;cursor: pointer; padding:0;}
.postnavi li a { padding:0 0 0 25px;color: #333;text-decoration: none; }
.postnavi li a:hover, .postnavi li a:active {color:#900;}




/* Link Icons */


.postnavi .pre {float:left;display:block; height:30px;  background:url(csspic/postnavi.png) no-repeat 0 -360px; margin:0; padding:5px 0 0 0;}
.postnavi .pre:hover {background-position: 0 -390px;}
.postnavi .pre:active {background-position: 0 -490px;}

.postnavi .next{float:right;display:block; height:30px;  background:url(csspic/postnavi.png) no-repeat right -450px; margin:0; padding:5px 20px 0 0;}
.postnavi .next:hover {background-position: right -480px;}
.postnavi .next:active {background-position: right -510px;}



.postnavi .back{float:right;display:block;text-indent: -9998px;margin:0; width:60px;height:30px;}
.postnavi .back a{display:block;height:30px; background:url(csspic/postnavi.png) no-repeat 0 0}
.postnavi .back a:hover{display:block;background-position: 0 -30px;}
.postnavi .back a:active{display:block;background-position: 0 -60px;}

.postnavi .gotop{float:right;display:block;text-indent: -9998px;margin:0; width:46px;height:30px;}
.postnavi .gotop a{display:block;height:30px; background:url(csspic/postnavi.png) no-repeat 0 -270px}
.postnavi .gotop a:hover{display:block;background-position: 0 -300px;}
.postnavi .gotop a:active{display:block;background-position: 0 -330px;}