@charset "shift_jis";
/* CSS Document */

/*===========================================
	.downloadArea
=============================================*/
div.downloadArea {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	background: #F0FAFF;
	border: #CCC 1px solid;
	margin: 0px;
	padding: 1em 0px;
	text-align: center;
}
@media (max-width: 640px) {
	div.downloadArea {
		width: 100%;
	}
}

/*
	====================================
		ul.products
	====================================
*/
#contents ul.products {
	margin-left: 2.5em;
}
#contents ul.products:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#contents ul.products li {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0 1em 0.5em 0;
	width: 33.33333333%;
}
@media (max-width: 640px) {
	#contents ul.products {
		margin-left: 1.8em;
	}
	#contents ul.products li {
		width: 50%;
	}
}
@media (max-width: 480px) {
	#contents ul.products li {
		float: none;
		width: auto;
	}
}

#contents table,
#contents th,
#contents td {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contents table {
	margin: 0;
	width: 100%;
}
#contents th.w-20 {
	width: 20%;
}
#contents th.w-40 {
	width: 40%;
}