@charset "utf-8";

/* ***************************************************************************** */
/*

　目次

-------------------------------------------------------------------------------

　01. downloadBox

*/
/* ***************************************************************************** */

/*-----------------------------------------------------------
===  [ 01. downloadBox ]  ====================================
------------------------------------------------------------*/

.downloadBox .catalogBox {
	width: 100%;
	overflow: hidden;
}
.downloadBox .catalogBox .clearfix {
	width: 705px;
}

.downloadBox .downloadElement {
	float: left;
	width: 325px;
	margin: 0 5px 1em 0;
}
.downloadBox .downloadElement .downloadImg {
	width: 150px;
	margin: 0 auto;
}
.downloadBox .downloadElement .downloadLink {
	margin: 1.5em 0 0 0;
}
.downloadBox .downloadElement .downloadLinkZip {
	margin: 1.5em 0 0 0;
}
.downloadBox .downloadElement .downloadLink a {
	display: block;
	padding: 8px;
	background-color: #cbd2d7;
	border-radius: 4px;
	text-align: center;
	font-size: 123.1%;
}
.downloadBox .downloadElement .downloadLinkZip a {
	display: block;
	padding: 14px;
	background-color: #cbd2d7;
	border-radius: 4px;
	text-align: center;
	font-size: 123.1%;
}
.downloadBox .downloadElement .downloadLink a:link,
.downloadBox .downloadElement .downloadLink a:visited,
.downloadBox .downloadElement .downloadLink a:hover,
.downloadBox .downloadElement .downloadLink a:active, 
.downloadBox .downloadElement .downloadLinkZip a:link,
.downloadBox .downloadElement .downloadLinkZip a:visited,
.downloadBox .downloadElement .downloadLinkZip a:hover,
.downloadBox .downloadElement .downloadLinkZip a:active {
	color: #333;
	text-decoration: none;
}
.downloadBox .downloadElement .downloadLink a:hover,
.downloadBox .downloadElement .downloadLink a:active,
.downloadBox .downloadElement .downloadLinkZip a:hover,
.downloadBox .downloadElement .downloadLinkZip a:active {
	opacity: 0.8;
}
.downloadBox .downloadElement .downloadLink a img,
.downloadBox .downloadElement .downloadLinkZip a img {
	width: 31px;
	vertical-align: middle;
}

/* --- SP --- */
body.responsive-sp .downloadBox .catalogBox .clearfix {
	width: auto;
}
body.responsive-sp .downloadBox .downloadElement {
	float: none;
	width: auto;
	padding: 1em 0 0 0;
	margin: 0 0 1em 0;
	border-top: 1px solid #ccc;
}
body.responsive-sp .downloadBox .downloadElement:first-child {
	border-top: 0;
}
body.responsive-sp .downloadBox .downloadElement .downloadImg {
	width: auto;
	max-width: 228px;
}
body.responsive-sp .downloadBox .downloadElement dl {
	text-align: center;
}
body.responsive-sp .downloadBox .downloadElement dl dt {
	font-size: 138.5%;
	font-weight: bold;
}
body.responsive-sp .downloadBox .downloadElement .downloadLink a,
body.responsive-sp .downloadBox .downloadElement .downloadLinkZip a {
	padding: 15px;
	font-size: 138.5%;
}



/* ***************************************************************************** */

/*-----------------------------------------------------------
===  [ 02. sample ]  ====================================
------------------------------------------------------------*/
.sample_downloadImg{
	width:200px;
    margin: 0 auto;
}