@charset "UTF-8";
/* CSS Document */

#info-body{
	overflow:hidden;
	width:1024px;
	margin:40px auto;
	
}

.info-body-left{
	width:55%;
	float:left;
	text-align:left;
	margin-right:5%;
}

.info-title-br{
	text-align:left;
	border-bottom:solid 2px #444;
	padding-bottom:8px;
	margin-bottom:8px;
}

.info-body-right{
	width:40%;
	float:left;
	text-align:center;
}


.rssbox{
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:100%;
}

.rssbox ul{
	margin:0px;
	padding:0px;
}

li.infolistbox{
	list-style-type:none;
	line-height:26px;
	font-size:16px;
border-bottom:dashed 1px #f8c5ac;
	padding:6px 0px;
}

span.date{
	vertical-align:middle;
}

span.category{
	background-color:#e60012;
	color:#fff;
	margin-left:5px;
	padding:1px 5px;
	font-size:11px;
	vertical-align:middle;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

p.title{
	margin:0px;
	padding:0px;
	font-size:18px;
}


p.title a:link{
	color:#e60012;
	text-decoration:none;
}

p.title a:visited{
	color:#e60012;
	text-decoration:none;
}

p.title a:active{
	color:#e60012;
	text-decoration:none;
}

p.title a:hover{
	color:#444;
	text-decoration: underline;
}



#info2{
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	border:#000 solid 1px;
	width:90%;
	
}

#info2 .info2box{
	padding:10px;
}



@media screen and (max-width: 1024px) {
	
	


#info-body{
	overflow:hidden;
	width:100%;
	margin:40px auto;
	
}

.info-body-left{
width:100%;
	float: none;
	text-align:center;
	margin-bottom:30px;
	
}

.info-body-right{
width:100%;
	float: none;
	text-align:center;

}


.info-title-br{
	text-align:center;
	width:80%;
	border-bottom:solid 2px #444;
	padding-bottom:8px;
	margin:0 auto;
}


.rssbox{
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	width:80%;
	text-align:left;
}


}


@media screen and (max-width: 500px) {

.info-title-br img{
width:95%;

}