@charset "utf-8";

/* articleBlock */
.l-content .articleBlock {
  letter-spacing: -0.4em;
}
.l-content .articleBlock .articleBox a,
.l-content .articleBlock .articleBox a:hover {
	text-decoration: none;
}
.l-content .articleBlock .articleBox.box_hover {
  cursor: pointer;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
.l-content .articleBlock .articleBox {
  width: 280px;
  border: 2px solid #bfbfbf;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 16px 16px;
  box-sizing: border-box;
  padding: 15px 0 20px;
  position: relative;
}
.l-content .articleBlock .articleBox .pic {
	margin: 0 auto 16px;
	width: 240px;
	text-align: center;
	position: relative;
}
.l-content .articleBlock .articleBox .ttl {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	padding: 0 18px 5px;
}
.l-content .articleBlock .articleBox .txt {
	font-size: 13px;
	text-align: left;
	padding: 0 18px;
}
.l-content .articleBlock .articleBox .txt_ls {
	letter-spacing: -0.05em;

}
.l-content .articleBlock .articleBox .categoryList {
  margin: 0 -10px 0 18px;
  letter-spacing: -0.4em;
}
.l-content .articleBlock .articleBox .categoryList li.category {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0;
  width: 115px;
  padding: 3px 10px;
  box-sizing: border-box;
	background-color: #818999;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.l-content .articleBlock .articleBox .new {
  position: absolute;
  top: 15px;
  left: 18px;
  width: 80px;
  padding: 3px 10px;
  box-sizing: border-box;
	background-color: #ffcc00;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}


/* btn_dl */
.l-content .btn_dl {
  width: 440px;
  height: 45px;
  font-size: 16px;
}