@charset "utf-8";

.onair{
	width:100%;
	text-align:center;
}


ul.month-box{
	width:18%;
	margin-right:22%;
}
ul.month-box li{
	margin-bottom:10px;
	background:#0086dc;
	text-align:left;
	padding:10px;
}
ul.month-box li a{
	width:100%;
	color:#FFF;
	background:url(img/news_arrow.png) no-repeat 0 4px;
	padding-left:22px;
}
ul.month-box li img{
	width:100%;
}
.info-box{
	width:78%;
	float:right;
	text-align:left;
}

.info-box dl{
	text-align:left;
	margin:0 0 20px 20px;
}
.info-box dl dt{
	color:#0085cc;
	margin-bottom:8px;
}
.info-box dl dd{
	background:url(../img/top/whatnew_arow.jpg) no-repeat left top;
	padding-left:20px;
	line-height:140%;
	font-size:80%;
}
.info-box dl dt span{
	font-size:0.3em;
	padding: 2px 4px;
	background:#0086dc;
	border-radius:5px;
	color: #fff;
	margin-left:8px;
}




@media (max-width: 1024px){
	ul.month-box img{
		width:100%;
	}
}

@media (max-width: 768px){
	.info-box{
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	ul.month-box{
		width:100%;
		margin-right:0;
		overflow:hidden;
	}
	ul.month-box li{
		width:26%;
		float:left;
		margin-left:2%;
	}
}
@media (max-width: 414px){
	ul.month-box li{
		width:40%;
		margin-left:3%;
	}
}