@charset "Shift-JIS";




#contents_wrapper {
	width: 940px;
	float: left;
}

#contents {
	padding: 0 0 0 0;
	text-align: left;
}

#contents .box {
	width: 940px;
	background-image: url(../img/howto_middle.jpg);
}

#contents .box .box1 {
	padding: 15px 0 0 0px;
	height: 424px;
	background-image: url(../img/howto_mainimg.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-left:15px;
	position:relative;

}

#contents .box .box1 a{
	position:absolute;
	top:275px;
	left:22px;
	text-indent:0px;
	font-size:12px;
	color: #cb1b29;
	text-decoration:none;
}

#contents .box .box1 a:hover{
	color: #903;
}

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

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

#contents .box p {
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
}

#contents .box a {
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	display: block;
}

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

#contents .box .box1 h2 {
	width: 539px;
	height: 119px;
	text-indent:-99999px;
}

#contents .box .box1 p {
	margin: 15px 0 0 10px;
	width: 545px;
	height: 135px;
	text-indent:-99999px;
	font-size:1px;
}

#contents .box .box2 {
	width: 903px;
	height: 115px;
	position: relative;
}

#contents .box .box2 h2 {
	width: 643px;
	height: 21px;
	background-image: url(../img/howto_title2.gif);
	position: absolute;
	top: 0px;
	left: 35px;
}

#contents .box .box2 h3 {
	width: 656px;
	height: 16px;
	background-image: url(../img/howto_subtitle1.gif);
}

#contents .box .box2 p {
	margin: 15px 0 0 30px;
	width: 614px;
	height: 35px;
	background-image: url(../img/howto_p2.gif);
}

#contents .box .box3 {
	width: 903px;
	height: 72px;
	position: relative;
}

#contents .box .box3 h2 {
	width: 632px;
	height: 19px;
	background-image: url(../img/howto_title3.gif);
	position: absolute;
	top: 0px;
	left: 35px;
}

#contents .box .box3 p {
	width: 563px;
	height: 33px;
	background-image: url(../img/howto_p3.gif);
	position: absolute;
	top: 38px;
	left: 35px;
}

#contents .box .box3 a.btn3 {
	position: absolute;
	top: 0px;
	right: 0px;
}

#contents .box .box4 {
	width: 903px;
	height: 72px;
	position: relative;
}

#contents .box .box4 h2 {
	width: 504px;
	height: 19px;
	background-image: url(../img/howto_title4.gif);
	position: absolute;
	top: 0px;
	left: 35px;
}

#contents .box .box4 p {
	width: 482px;
	height: 13px;
	background-image: url(../img/howto_p4.gif);
	position: absolute;
	top: 38px;
	left: 35px;
}

#contents .box .box4 a.btn3 {
	position: absolute;
	top: 0px;
	right: 0px;
}

#contents .box .box2 .box5 {
	width: 656px;
	height: 80px;
	border-bottom: 1px #f97d7d solid;
	position: absolute;
	left: 35px;
	bottom: 0px;
}

#contents .box .box2 a.btn1 {
	position: absolute;
	top: 0px;
	right: 0px;
}

#contents .box .box2 a.btn2 {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#contents .box a.btn1 {
	width: 198px;
	height: 53px;
	background-image: url(../img/howto_btn1.jpg);
}


#contents .box a.btn2 {
	width: 198px;
	height: 53px;
	background-image: url(../img/howto_btn2.jpg);
}

#contents .box a.btn3 {
	width: 198px;
	height: 72px;
	background-image: url(../img/howto_btn3.jpg);
}

#contents p.p1 {
	margin: 20px 0 30px 31px;
	width: 872px;
	height: 180px;
	background-image: url(../img/howto_img2.jpg);
}

#contents p.p2 {
	margin: 20px 0 30px 31px;
	width: 872px;
	height: 180px;
	background-image: url(../img/howto_img3.jpg);
}

#contents p.p3 {
	margin: 20px 0 30px 31px;
	width: 870px;
	height: 180px;
	background-image: url(../img/howto_img4.jpg);
}


#contents .hotoline {
	background-repeat:no-repeat;
	padding-top:106px;
	width:270px;
	float:left;
	margin-left:12px;
	margin-right:12px;
	margin-top:30px;
	margin-bottom:30px;
}


*html #contents .hotoline {
	background-repeat:no-repeat;
	padding-top:106px;
	width:280px;
	float:left;
	margin-left:12px;
	margin-right:13px;
}





#contents .hotoline div{
	height:1050px;

}

#contents .howto_left {
	margin-left:40px;
	background-image:url(../img/howto_lineh1.jpg);
}
#contents .howto_center {
	background-image:url(../img/howto_lineh2.jpg);
}
#contents .howto_right {
	background-image:url(../img/howto_lineh3.jpg);
}


#contents .howto_left div{
	border:2px solid #f0646f;
}
#contents .howto_center div{
	border:2px solid #fa8b2b;
}
#contents .howto_right div{
	border:2px solid #ffcc12;
}

#contents h3{
	width:100%;
	height:183px;
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
}

#contents .howto_left h3{
	background-image:url(../img/howto/howto_03.jpg);
}
#contents .howto_center h3{
	background-image:url(../img/howto/howto_05.jpg);
}
#contents .howto_right h3{
	background-image:url(../img/howto/howto_07.jpg);
}


#contents .howto_left .step1 {
	background-image:url(../img/howto/howto_12.jpg);
	margin-top:20px;
}
#contents .howto_center .step1 {
	background-image:url(../img/howto/howto_13.jpg);
	margin-top:20px;
}
#contents .howto_right .step1 {
	background-image:url(../img/howto/howto_14.jpg);
	margin-top:20px;
}

#contents .howto_left .step2 {
	background-image:url(../img/howto/howto_18.jpg);
}
#contents .howto_center .step2 {
	background-image:url(../img/howto/howto_19.jpg);
}
#contents .howto_right .step2 {
	background-image:url(../img/howto/howto_20.jpg);
}


#contents .howto_left .step3 {
	background-image:url(../img/howto/howto_24.jpg);
}
#contents .howto_center .step3 {
	background-image:url(../img/howto/howto_25.jpg);
}
#contents .howto_right .step3 {
	background-image:url(../img/howto/howto_26.jpg);
}


#contents .howto_left .step4 {
	background-image:url(../img/howto/howto_30.jpg);
}
#contents .howto_center .step4 {
	background-image:url(../img/howto/howto_31.jpg);
}
#contents .howto_right .step4 {
	background-image:url(../img/howto/howto_32.jpg);
}


#contents .howto_left .step5 {
	background-image:url(../img/howto/howto_36.jpg);
}
#contents .howto_center .step5 {
	background-image:url(../img/howto/howto_37.jpg);
}
#contents .howto_right .step5 {
	background-image:url(../img/howto/howto_38.jpg);
}


#contents .howto_left .step6 {
	background-image:url(../img/howto/howto_42.jpg);
}
#contents .howto_center .step6 {
	background-image:url(../img/howto/howto_43.jpg);
}
#contents .howto_right .step6 {
	background-image:url(../img/howto/howto_44.jpg);
}

.step1 { width:100%; height:42px; background-repeat:no-repeat; text-indent:-99999px; overflow:hidden; background-position:center; }
.step2 { width:100%; height:42px; background-repeat:no-repeat; text-indent:-99999px; overflow:hidden; background-position:center; }
.step3 { width:100%; height:42px; background-repeat:no-repeat; text-indent:-99999px; overflow:hidden; background-position:center; }
.step4 { width:100%; height:42px; background-repeat:no-repeat; text-indent:-99999px; overflow:hidden; background-position:center; }
.step5 { width:100%; height:42px; background-repeat:no-repeat; text-indent:-99999px; overflow:hidden; background-position:center; margin-bottom:20px; }
.step6 { width:100%; height:53px; background-repeat:no-repeat; text-indent:-99999px; overflow:hidden;  background-position:center; }


#contents .howto_left p {text-indent:0px; overflow:inherit; padding-left:13px; padding-right:13px; margin-bottom:20px; margin-top:15px; height:100px; font-size:12px;	line-height:150%;}
#contents .howto_center p {text-indent:0px; overflow:inherit; padding-left:13px; padding-right:13px; margin-bottom:20px; margin-top:15px; height:100px; font-size:12px;	line-height:150%;}
#contents .howto_right p {text-indent:0px; overflow:inherit; padding-left:13px; padding-right:13px; margin-bottom:20px; margin-top:15px; height:100px; font-size:12px;	line-height:150%;}

#contents .howto_left p img {float:left; margin-right:13px; }
#contents .howto_center p img {float:left; margin-right:13px; }
#contents .howto_right p img {float:left; margin-right:13px; }








.btn_new {
	height: 120px;
	padding: 15px 0 0 0;
	border-top: 1px #E6E6E6 solid;
	margin:auto;
	width:100%;
	overflow:hidden;
	text-align:left;
	margin-top:20px;
}

 .btn_new dl{
	width:229px;
	display:block;
	float:left;
	margin-right:2px;
	margin-left:2px;
	padding:0px;
}

 .btn_new dd{
	 margin:0px;
	 padding:0px;
	 padding-top:10px;
 }
 
 .btn_new dt{
	 margin:0px;
	 padding:0px;
 }
 
.btn_new a {
	width: 229px;
	height: 49px;
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	display: block;
}

.btn_new a:hover {
	background-position: bottom;
}

 .btn_new a.btn_howto {background-image: url(../img/btn_howto.jpg);}
 .btn_new a.btn_shop {background-image: url(../img/btn_shop.jpg);}
 .btn_new a.btn_visit {background-image: url(../img/btn_visit.jpg);}
 .btn_new a.btn_brand {background-image: url(../img/btn_brand.jpg);}
 .btn_new a.btn_notbuy {background-image: url(../img/btn_notbuy.jpg);}
 .btn_new a.btn_question {background-image: url(../img/btn_question.jpg);}
 .btn_new a.btn_results {background-image: url(../img/btn_results.jpg);}
 .btn_new a.btn_request_kit {background-image: url(../img/btn_request_kit.jpg);}