@charset "utf-8";

.widget-list	{padding-bottom: 30px;}

.list-article li	{margin-bottom: 20px;}
.list-article .title	{margin-bottom: 8px;}
.list-article .list-category	{margin-right: 5px;}
.list-article .area-info span	{margin-right: 8px;}

.list-comment li	{position: relative; padding-left: 60px; margin-bottom: 10px;}
.list-comment .pf-image-wrap	{position: absolute; left: 0; top: 0; width: 40px; text-align: center; line-height: 160%; font-size: 11px; line-height: 160%;}
.list-comment .pf-image	{margin-bottom: 5px; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.bubble	{padding: 12px; position: relative;}
.bubble:before	{content: ''; position: absolute; right: 100%; top: 10px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent;}
.bubble:after	{content: ''; position: absolute; right: 100%; top: 11px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.bubble .title	{display: block; margin-bottom: 5px; line-height: 160%;}
.bubble .img-date,
.bubble a.img-locate	{margin-right: 8px;}
.img-locate	{padding-left: 12px; font-size: 11px;}

.list-webzine li	{position: relative; margin-bottom: 13px; margin-bottom: 15px  \0/IE8+9;}
.list-webzine .area-thumb	{display: block; position: absolute; left: 0; top: 0;}
.list-webzine .area-title	{margin-bottom: 8px;}
.list-webzine .summary	{margin-bottom: 8px; font-size: 11px; line-height: 160%;}
.list-webzine .img-date,
.list-webzine a.img-author	{margin-right: 8px;}

.list-image	{font-size: 0; vertical-align: top;}
.list-image li	{float: left; padding: 0 5px 10px;}

.list-ranking	{width: 120%;}
.list-ranking li	{padding-bottom: 9px;}
.list-ranking .rank-num	{display: inline-block; margin-right: 5px; padding: 3px 8px;}
.list-ranking .locate	{display: inline-block; margin-left: 8px; padding-left: 8px;}