@charset "utf-8";

section img { vertical-align: top; }

.ta-c { text-align: center; }

h1 {
	margin-bottom: 5px;
	background-position: left center;
	line-height: 60px;
	height: auto;
}

.content { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.explain {
	margin: 20px 0;
	padding: 10px 424px 0 0;
	min-height: 240px;
	font-size: 14px;
	background-position: right top;
	background-repeat: no-repeat;
}

a.link-btn {
	display: block;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

a.raw-dl {
	margin: 10px auto 30px;
	padding: 18px 0;
	width: 620px;
	background-color: #48b070;
	font-size: 20px;
	box-shadow: 0 2px 2px #808080;
}

a.raw-dl:hover { background-color: #68d090; }

a.ds-dl {
	margin: 40px auto 0;
	padding: 12px 0;
	width: 500px;
	background-color: #d65522;
	font-size: 18px;
	box-shadow: 0 1px 1px #808080;
}

a.ds-dl:hover { background-color: #f06630; }

.howto-btn {
	margin: 0 auto 20px;
	width: 315px;
	padding: 15px 5px 15px 0;
	color: #ffffff;
	background-color: #0080cd;
	border-radius: 36px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 2px 2px #808080;
}

.howto-btn:hover { background-color: #20a0ed; }

.howto-content {
	position: relative;
	padding: 20px 18px 5px 412px;
	min-height: 370px;
	background-color: #f0f9ff;
	border: solid 1px #486080;
}

.howto-content p:first-child { margin-top: 0; }

.howto-content b { color: #ff4848; }

.zip-ss {
	position: absolute;
	top: 20px;
	left: 20px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	padding: 9px;
}

.bnr { text-align: center; }
.bnr a img { vertical-align: top; }

a.btn-gray {
	margin: 10px auto 30px;
	padding: 18px 0;
	width: 620px;
	background-color: #808080;
	font-size: 20px;
	box-shadow: 0 2px 2px #666666;
}
a.btn-gray:hover { background-color: #999999; }

a.btn-arrow span {
	position: relative;
	padding-right: 32px;
}
a.btn-arrow span:after {
	content: url("http://www2.isl.co.jp/SILKYPIX/japanese/download/raw/image/arrow-right.png");
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px;
}

.previous-list {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
	font-size: 0;
}
.previous-list li {
	width: 400px;
	display: inline-block;
	margin: 0 14px 14px 0;
}
.previous-list li:nth-child(2n) {
	margin-right: 0;
}
.previous-list li a {
	display: block;
	border: 2px solid #999999;
	border-radius: 5px;
	color: #808080;
	font-size: 16px;
	line-height: 1.0;
	padding: 15px 20px;
	text-decoration: none;
}
.previous-list li a:hover {
	border-color: #20a0ed;
	color: #108fde;
}