@charset "UTF-8";

#topics_body h2 {
	width:19%;
	margin-bottom:43px;
}
#topics_body h2 img {
	width:100%;
	height:auto;
}
.entry {
	padding:20px 0 0 0;
	margin-bottom:60px;
	border-top:2px solid #000000;
}
.entry h3.entryttl {
	font-size:18px;
	color:#000;
	margin-bottom:15px;
}
.entry .entryattr {
	margin-bottom:16px;
}
.entry .entrydate {
	float:left;
	margin-right:20px;
	padding-top:1px;
}
.entry .entrydate a {
	font-size:12px;
	color:#6a6a6a;
}

.entry .entsname {
	font-size:10px;
	color:#fff;
	line-height:20px;
	float:left;
	padding:1px 10px 0 10px;
	background-color:#000;
}

#topics_body .pagenavi {
	display:none;
}
.pagenavilinks {
	text-align:center;
}
.pagenavilinks li {
	width:32px;
	height:32px;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	line-height:32px;
	margin-right:10px;
	background-color:#efedea;
	display:inline-block;  
	*display:inline;  
    *zoom:1;
}
.pagenavilinks li a {
	font-size:10px;
	font-weight:bold;
	color:#000000;
	width:32px;
	height:32px;
	display:inline-block;  
	*display:inline;  
    *zoom:1;
}
.pagenavilinks li.np {
	background-color:#000;
	color:#fff;
}
.pagenavilinks li.pageno {
	display:none;
}

#newentry li {
	margin-bottom:15px;
	padding-bottom:12px;
	border-bottom:1px dotted #ccc;
}
#newentry li::before {
	content:none!important;
}
#newentry li a {
	display:block;
}
#newentry h4 {
	font-size:12px;
	font-weight:normal;
}
#newentry p {
	margin-bottom:2px;
}
#newentry .newentry_date {
	font-size:12px;
	color:#6a6a6a;
	float:left;
	margin-right:5px;
	padding-top:1px;
}

#newentry .newentry_user {
	font-size:10px;
	color:#fff;
	line-height:20px;
	float:left;
	padding:1px 5px 0 5px;
	background-color:#000;
}
.entrynote {
	width:100%;
}
.entrynote a {
	text-decoration:underline;
}
	.entrynote a img {

		width:auto;
		max-width:100%;
		height:auto;
	}

@media screen and (min-width:961px) and (max-width:1235px) {
	
	.entrynote a img {

		width:100%;
		height:auto;
	}
}
	
@media screen and (min-width:769px) and (max-width:960px) {
#topics_body h2 {
	margin:0 auto 43px auto;
}

}

@media screen and (max-width:768px) {
#newentry li {
	width:100%!important;
	float:none!important;
}
#topics_body h2 {
	width:20%;
	margin:0 auto 20px auto;
}
#topics_body h2 img {
	width:100%;
	height:auto;
}
}

@media screen and (max-width:640px) {
#topics_body h2 {
	width:30%;
}
}