@charset "shift_jis";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:100%;
}

html, body {
	height:100%;
}

body > #wrap {
	height:auto;
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

a {
	overflow:hidden;
	outline:none;
	color: #EA2A90;
}

img {
	border:0;
	vertical-align: bottom;
}

body {
	font-size: 13px;
	line-height: 160%;
	color: #545465;
	background: url(img/bg.gif) repeat;
	height: 100%;
	font-family: verdana,"‚l‚r ‚oƒSƒVƒbƒN",sans-serif,"ƒqƒ‰ƒMƒmŠpƒS Pro W6";
}

#wrap {
	margin: 0px auto;
	width: 808px;
	text-align: center;
	vertical-align: top;
	min-height:100%;
	background: url(img/base.png) repeat-y;
}

h1 {
	width:790px;
	height: 260px;
	text-indent: -9999px;
	background: url(img/header.gif) no-repeat;
	margin:0 auto;
}

p.text {
	margin-top: 20px;
	margin-bottom: 10px;
}

p.period {
	color: #EA2A90;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

#wp {
	width: 612px;
	margin: 0px auto 40px;
	line-height: 0px;
}

img.thumb {
	margin-bottom: 6px;
}

.box {
	float: left;
	height: 256px;
	width: 291px;
	margin-top: 30px;
}

.left {
	margin-right: 30px;
}

.howto {
	margin: 0px 0 20px 100px;
	text-align:left;
}

h2 {
	margin: 0 0 10px 0;
	color: #EA2A90;
	font-size: 14px;
}

h3 {
	margin: 0 0 5px 20px;
}

.howto p {
	margin: 0 0 10px 20px;
}

div.copy {
	font-size: 10px;
	text-align: center;
	vertical-align: top;
	padding-bottom: 20px;
	padding-top: 20px;
}

div.copy .official {
	font-size: 14px;
}