@charset "UTF-8";

/* =========================================================
catcher
========================================================= */
#catcher {
	font-size: 85%;
	line-height: 146%;
	margin: 10px 0;
}
#catcher .header {
	text-align: center;
	background-color: #f1eccf;
	margin: 0 -10px 15px -10px;
}
#catcher .header img {
	vertical-align: middle;
	width: 100%;
}
#catcher dt {
	color: #ffffff;
	font-weight: bold;
	background-color: #777777;
	margin: 0 -10px 10px -10px;
	padding: 10px;
}
#catcher .what {
	margin-bottom: 20px;
}
#catcher .what dd {
	margin-bottom: 10px;
}
#catcher .what div {
	text-align: center;
	background-color: #f0f0e8;
	padding: 15px;
}
#catcher .what div img {
	vertical-align: middle;
	width: 100%;
}
#catcher .howto ol {
	counter-reset: li;
	list-style:none;
	padding: 0;
	margin: 0;
}
#catcher .howto ol li {
	position: relative;
	margin:0 0 25px 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#catcher .howto ol li:before {
	position: absolute;
	top: 0;
	left: -1.5em;
	content: counter(li) ". ";
	counter-increment: li;
	font-weight:bold;
}
#catcher .howto ol li div {
	text-align: center;
	margin: 10px 0 0 -1.5em;
}
#catcher .howto ol li div img {
	vertical-align: middle;
	width: 100%;
}