@charset "Shift_JIS";
/*
*/
/* ********************************************************************************
 * layout
 * ******************************************************************************** */
/*-----boxedFrame-----*/
.boxedFrame .boxedTop, .boxedFrame .boxedBottom {
	width:768px;
	height:7px;
	font-size:0;
	line-height:0;
	background:url(../img/howto_boxed_frame.gif) no-repeat;
}
.boxedFrame .boxedTop {
	background-position:0 0;
}
.boxedFrame .boxedBottom {
	background-position:0 -7px;
	clear:both;
}
.boxedFrame .boxedIn {
	float:left;
	width:718px;
	clear:both;
	padding:20px 25px 0;
	background:url(../img/howto_boxed_frame.gif) -768px 0 repeat-y;
}
/*-----howto step1-----*/
#howto #howtoStep1 .itemBox {
	padding:0;
	height:324px;
	position:relative;
}
#howto #howtoStep1 .itemBox p {
	position:absolute;
	top:0px;
	left:-5px;
}
/*-----howto step1 btn-----*/
#howtoStep1 #btnHowStep1, #howtoStep1 #btnHowStep1 a {
	height:29px;
}
#howtoStep1 #btnHowStep1 {
	width:236px;
	padding-top:10px;
}
#howtoStep1 #btnHowStep1 a {
	display:block;
	width:100%;
	background:url(../img/howto_step1_btn.gif) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#howtoStep1 #btnHowStep1 a:hover {
	background-position:0 -29px;
}
/*-----howto step2-----*/
#howto #howtoStep2 .floatSet .textBox {
	float:left;
	width:442px;
}
#howto #howtoStep2 .floatSet .itemBox {
	position:relative;
	float:right;
	width:256px;
	height:384px;
}
#howto #howtoStep2 .floatSet .itemBox .imgBoxa {
	position:absolute;
	top:80px;
	left:-470px;
}
#howto #howtoStep2 .floatSet .itemBox .imgBoxb {
	position:absolute;
	top:0;
	right:0;
}
/*-----howto step3-----*/
#howto #howtoStep3 .floatSet .textBox {
	float:left;
	width:442px;
}
#howto #howtoStep3 .floatSet .itemBox {
	position:relative;
	float:right;
	width:256px;
	height:384px;
}
#howto #howtoStep3 .floatSet .itemBox .imgBoxa {
	position:absolute;
	top:107px;
	left:-458px;
}
#howto #howtoStep3 .floatSet .itemBox .imgBoxb {
	position:absolute;
	top:0;
	right:0;
}
/*-----howto Step4-----*/
#howto #howtoStep4 .floatSet .textBox {
	float:left;
	width:442px;
}
#howto #howtoStep4 .floatSet .itemBox {
	position:relative;
	float:right;
	width:256px;
	height:438px;
}
#howto #howtoStep4 .floatSet .itemBox .imgBoxa {
	position:absolute;
	top:80px;
	left:-458px;
}
#howto #howtoStep4 .floatSet .itemBox .imgBoxb {
	position:absolute;
	bottom:0;
	left:-458px;
}
#howto #howtoStep4 .floatSet .itemBox .imgBoxc {
	position:absolute;
	top:0;
	right:0;
}