.banner {

	background: url(../../img/earlier/banner_manual.jpg) no-repeat center center
}

.piclistBox {

	margin: 3% 0;

}

.picBox {

	width: 100%;

	position: relative;

	margin-bottom: 1%;

	overflow: hidden;

}

.picBox img {
	width: 100%;
}

.btnBox {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: url(../images/notebook/produce_bg.png);

	color: #e9e9e9;

	display: none;

}

.btnBox p {

	font-size: 30px;

	text-align: center;

}

.btnBox a {

	display: block;

	width: 30%;

	padding: 1.5% 0;

	background: #003a8d;

	text-align: center;

	margin: 0 auto;

	font-size: 18px;

	margin-top: 2%;

	border-radius: 15px;

	line-height: 150%;

}

.btnBox a img {

	width: 7%;

	margin-left: 2%;

}

.table {

	display: table;

	height: 100%;

	width: 100%;



}

.cell {

	display: table-cell;

	vertical-align: middle;
	width: 100%;

}

.center {

	margin: 0 auto;

}

.picBox:hover .btnBox {

	display: block;

}

.half {

	width: 49.5%;

}

.half .btnBox a img {

	width: 14%;

}

/*濯掍綋鏌ヨ*/

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

	.btnBox {

		display: block;

		height: 20%;

		top: auto;

		bottom: 0;

		background: none;

		height: 30px;

		line-height: 30px;

	}

	.btnBox p {

		font-size: 16px;

		width: 60%;

		display: inline-block;

		padding: 0;

		float: left;

		background: #000;

		opacity: 0.5;

	}

	.btnBox a {

		font-size: 12px;

		width: 40%;

		display: inline-block;

		background: #000;

		opacity: 0.8;

		border-radius: 0;



		margin-top: 0;

		float: right;

		padding: 0;

		height: 30px;

		line-height: 30px;

	}

	.btnBox a img {

		width: 12%;

		vertical-align: middle;

		margin-bottom: 2%;

	}

	.half .btnBox a img {

		width: 24%;

	}

	.table {

		display: block;

	}

	.cell {

		display: block;

		height: 100%;

	}

}