@charset "Shift-JIS";

#contents {
	padding: 0 0 0 14px;
}

#contents h2 {
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background-repeat: no-repeat;
}

#contents h2.title1 {
	width: 734px;
	height: 36px;
	background-image: url(../img/guid_01.jpg);
}

#contents h2.title2 {
	margin: 50px 0 20px 0;
	width: 731px;
	height: 28px;
	background-image: url(../img/guide_title2.gif);
}

#contents h2.title3 {
	margin: 35px 0 25px 0;
	width: 734px;
	height: 27px;
	background-image: url(../img/guide_title3.gif);
}

#contents p.p1 {
	margin-top:15px;
	width: 734px;
	height: 305px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background-image: url(../img/guid_02.jpg);
}

#contents p.p2 {
	width: 734px;
	height: 52px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background-image: url(../img/guide_p2.gif);
}

#contents p.p3 {
	margin: 0 0 0 10px;
	width: 388px;
	height: 183px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background-image: url(../img/guide_p2.jpg);
}

#contents p.p4 {
	width: 734px;
	height: 245px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background-image: url(../img/guide_p3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#contents p.p5 {
	width: 734px;
	padding: 40px 0 25px 0;
	background-image: url(../img/guide_border.gif);
	background-repeat: no-repeat;
	background-position: top;
	line-height: 170%;
}

#contents p.p6 {
	width: 734px;
	padding: 40px 0 25px 0;
	background-image: url(../img/guide_border.gif);
	background-repeat: no-repeat;
	background-position: top;
	line-height: 170%;
	text-align: right;
}

#contents p.p5 img {
	float: right;
}

#contents p.p6 img {
	float: left;
}

#contents p.p6 a {
	color: #e33354;
	font-weight: bold;
}

#contents p.p7 {
	width: 734px;
	height: 100px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background-image: url(../img/guide_p4.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#contents p.p8 {
	width: 734px;
	height: 116px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	background-image: url(../img/guide_p5.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#contents .box {
	width: 734px;
	height: 210px;
	background-image: url(../img/guide_img1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#contents div.border {
	width: 734px;
	height: 40px;
	overflow: hidden;
	background-image: url(../img/guide_border.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#contents .btn {
	margin: 25px 0 0 0;
	width: 734px;
	height: 49px;
	text-align: center;
}

#contents .btn a {
	margin: 0 auto 0 auto;
	width: 229px;
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	display: block;
	background-image: url(../img/btn_howto.jpg);
}

#contents .btn a:hover {
	background-position: bottom;
}


#contents .stuff {
	padding: 0 0 0 10px;
}

#contents .stuff .box1 {
	width: 702px;
	margin: 0 0 20px 0;
	background-image: url(../img/guide_body.jpg);
}

#contents .stuff .box2 {
	width: 702px;
	padding: 15px 0 20px 0;
	background-image: url(../img/guide_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#contents .stuff .box2 .left {
	width: 220px;
	float: left;
}

#contents .stuff .box2 .left img {
	margin: 0 0 10px 17px;
}

#contents .stuff .box2 .left h4 {
	margin: 0 0 0 20px;
	padding: 3px 0 3px 5px;
	color: #f5898e;
	font-weight: bold;
	border-left: 7px #f5898e solid;
}

#contents .stuff .box2 .right {
	width: 460px;
	background-color: #ffffff;
	border: 1px #e0e0e0 solid;
	float: left;
}

#contents .stuff .box2 .right p {
	padding: 15px 15px 15px 15px;
	color: #000000;
	line-height: 180%;
}