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

/* テンプレDLボタン */

.b5_button {
	width: 250px;
	margin: 0px 58px 0 58px;
	padding: 10px 20px;
	display: inline;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	position: relative;
	top: -20px;
	/*float:left;*/
	box-shadow: 3px 3px 3px 0px #ccc;
	transition: all 0.3s ease-in-out;
}
.b5_button,
.b5_button:link,
.b5_button:visited {
	color: #fff;
	text-decoration: none;
}
.b5_button:hover {
	box-shadow: 0px 0px 3px 0px #fff;
}
.b5_button:visited {
	color: #fff;
}

.temp {
	width: 950px;
}

.psd {
	background: #4bd8ef;
	color: #fff;
}
.ai {
	background: #edb21e;
}
.indd {
	background: #ff4fa1;
}

/* サブナビボタン */
.black {
	background: #000;
	color: #fff;
}

.temp_prod_icon {
	width: 90px;
	height: 90px;
}

/*詳しくはこちらへのボタン*/

.btn-nv {
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	background-color: #007bff;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 3px 3px 3px 0px #ccc;
	transition: all 0.3s ease-in-out;
}

.btn-nv:hover {
	background-color: #0056b3;
	box-shadow: 0px 0px 3px 0px #fff;
}

.btn-nv:visited {
	color: #fff;
}

.btn-nv,
.btn-nv:link,
.btn-nv:visited {
	color: #fff;
	text-decoration: none;
}

.btn-nv-div {
	display: block;
	margin: 0 auto;
	padding: 20px 0;
}