@charset "utf-8";


.art_list {width: 60%;height:800px;margin: 0px auto;}
.art_list li  {
	display: inline-block;
	width: 100%;
	height: 50px;
	color: #777;
	font-size: 15px;
	text-indent: 2em;
	background-color: #f3f5f7;
	line-height: 50px;
	overflow: hidden;
}
.art_list li a:link,a:visited{
	text-decoration: none;
	color: #777;
	font-size: 15px;
}
.art_list li a:hover,a:active{
	text-decoration: underline;
	color:white;
}
.art_list li span {float: right;*margin-top: -24px;padding-right: 10px;}

.wp-pagenavi{
    padding: 0;
    margin: 0;
    margin-bottom:10px;
    margin-top:20px;
    height:50px;
    text-align:center;
}
.pages{
    color: black;
    float: left;
    padding: 8px 20px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    width:120px;
}


.wp-pagenavi a,.current {
    color: black;
    float: left;
    padding: 8px 20px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    width:40px;
}



.wp-pagenavi .current {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
    width:40px;
}

.wp-pagenavi  a:hover:not(.current) {background-color: #ddd;}