/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera

Use the following classes to style your popular posts list as you like.
*/

.wpp-list { /* UL element */
	
}

	.wpp-list li { /* LI - post container */
		/*display:inline-block;*/ /* <-- uncommenting this line is recommended when using post thumbnails */
		float:none;
		clear:left;
	}

		/* title styles */
		.wpp-post-title {
display: block;
left: 28px;
margin: 0 0 -20px;
position: relative;
top: -20px;
width: 92%;		}
		
		/* thumbnail styles */
		.wpp-thumbnail {
			display:inline;
			float:left;
			margin:0 5px 0 0;
			border:none;
		}
		
		/* excerpt styles */
		.wpp-excerpt {
		}
		
		/* Stats tag styles */
		.post-stats {
			display:block;
			font-size:9px;
			font-weight:bold;
		}
			
			.wpp-comments {
			}
			
			.wpp-views {
			}
			
			.wpp-author {
			}
			
			.wpp-date {
			}
		
		/* WP-PostRatings styles */
		.wpp-rating {
		}
.wpp-list {
    counter-reset: number;/*ここは自分の好きな名前でOK*/
    list-style: none;
}

.wpp-list li:before {
 background-color: #353535;
border-radius: 2px;
color: #fff;
content: counter(number, decimal);
counter-increment: number;
display: block;
font-size: 12px;
height: 20px;
line-height: 20px;
opacity: 0.999;
text-align: center;
width: 20px;
}