h1,h2,h3,h4,h5,h6,p {
padding:0;
margin:0;
}

#frame {
	width: 752px;
}

#frame a:link {color:#A9BBBE;;text-decoration: underline;}
#frame a:visited {color:#A9BBBE;;text-decoration: underline;}
#frame a:hover {color:#C1D6D9;;text-decoration: underline;}
#frame a:active {color:#C1D6D9;;text-decoration: underline;}

#frame #header .menu {
	float: left;
	width: 703px;
	padding-left: 23px;
	padding-right: 26px;
	padding-top: 24px;
}

#frame #header #nextpan{
	float: left;
	width: 752px;
}

#frame #header #nextpan .next {
	float: left;
	width: 132px;
	padding-right: 26px;
	padding-top: 11px;
}

#frame #header #nextpan .pan {
	float: left;
	width: 582px;
	text-align: right;
	padding-right: 12px;
	padding-top: 15px;
	color: #A9BBBE;
}

#frame #header .menu .btn {
	float: left;
	padding-left: 3px;
}
#frame #header {
	float: left;
	width: 752px;
	height: 78px;
	background-image: url(../../image/common/bg_header.gif);
}
#frame #footer {
	float: left;
	width: 752px;
	background-image: url(../../image/common/bg_footer.gif);
	height: 78px;
}

#frame #footer #nextpan{
	float: left;
	width: 752px;
}

#frame #footer #nextpan .next2 {
	float: left;
	width: 132px;
	padding-right: 26px;
	padding-top: 7px;
}

#frame #footer #nextpan .pan2 {
	float: left;
	width: 582px;
	text-align: right;
	padding-right: 12px;
	padding-top: 15px;
	color: #A9BBBE;
}

#frame #footer .menu {
	float: left;
	width: 703px;
	padding-left: 23px;
	padding-right: 26px;
	padding-top: 11px;
}
#frame #footer .menu .btn {
	float: left;
	padding-left: 3px;
}
#frame #main {
	float: left;
	width: 750px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E8ECEC;
	border-left-color: #E8ECEC;
	background-image: url(../../image/common/bg_line_b.gif);
}
#frame #main #contents {
	float: left;
	width: 720px;
	padding-left: 15px;
	padding-right: 15px;
}

#frame #main #contents #title {
	float: left;
	width: 720px;
	background-image: url(../../image/common/bg_main.gif);
	height: 241px;
	background-repeat: no-repeat;
}

#frame #main #contents #title #maintitle{
	float: left;
	width: 409px;
}
#frame #main #contents #title #maintitle h1 {
	float: left;
	width: 409px;
	height: 94px;
	margin: 0px;
	padding-top: 36px;
}
#frame #main #contents #title #maintitle p {
	float: left;
	width: 397px;
	color: #696969;
	padding-left: 12px;
	margin: 0;
}

#frame #main #contents #title #stylist {
	float: left;
	width: 311px;
	background-repeat: no-repeat;
	background-position: 145px;
	background-image: url(../image/bg_stylist.gif);
}

#frame #main #contents #title #stylist #catch{
	float: left;
	width: 167px;
}

#frame #main #contents #title #stylist #catch .ttl{
	float: left;
	width: 167px;
	margin-top: 80px;
}

#frame #main #contents #title #stylist #catch p{
	float: left;
	width: 144px;
	color: #696969;
	margin: 0;
	padding-left: 19px;
	margin-top: 3px;
}

#frame #main #contents #title #stylist #stylistimg{
	float: left;
	width: 144px;
	margin-top: 52px;
}

#frame #main #contents #step {
	float: left;
	width: 720px;
	background-image: url(../../image/common/bg_line_a.gif);
}





/*sub1始まり------------------------------------------------------------------*/


#frame #main #contents #step #sub-bg{
	float: left;
	width: 699px;
	padding-left: 10px;
	padding-right: 11px;
	background-image: url(../image/bg_sub1.gif);
	background-repeat: no-repeat;
}

#frame #main #contents #step #sub-bg #sub1 {
	float: left;
	width: 699px;
	height: 240px;
}


/*start------------------------------------------------------------------*/

#frame #main #contents #step #sub-bg #sub1 .start{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .start .start-title{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .start .start-frame{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .start .start-frame .chapter{
	float: left;
	width: 100px;
	padding-left: 51px;
	padding-right: 82px;
	margin-top: 35px;
}

#frame #main #contents #step #sub-bg #sub1 .start .start-frame .chapter-read{
	float: left;
	width: 168px;
	padding-left: 23px;
	padding-right: 42px;
}



/*step1------------------------------------------------------------------*/

#frame #main #contents #step #sub-bg #sub1 .step1{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .step1 .step1-title{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .step1 .step1-frame{
	float: left;
	width: 233px;
	margin-top: 10px;
}

#frame #main #contents #step #sub-bg #sub1 .step1 .step1-frame .step1-img1{
	float: left;
	width: 100px;
	padding-right: 10px;
}

#frame #main #contents #step #sub-bg #sub1 .step1 .step1-frame .step1-content1{
	float: left;
	width: 123px;
}

#frame #main #contents #step #sub-bg #sub1 .step1 .step1-frame .step1-content1 .step1-finding1{
	float: left;
	width: 123px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#frame #main #contents #step #sub-bg #sub1 .step1 .step1-frame .step1-content1 .step1-read1{
	float: left;
	width: 108px;
	color: #696969;
}

/*step2------------------------------------------------------------------*/

#frame #main #contents #step #sub-bg #sub1 .step2{
	float: left;
	width: 466px;
	background-image: url(../image/bg_stylist_end.gif);
	background-repeat: no-repeat;
}

#frame #main #contents #step #sub-bg #sub1 .step2 .step22-title{
	float: left;
	width: 466px;
}

#frame #main #contents #step #sub-bg #sub1 .step2 .step2-frame{
	float: left;
	width: 466px;
	margin-top: 10px;
}

#frame #main #contents #step #sub-bg #sub1 .step2 .step2-frame .step2-img1{
	float: left;
	width: 100px;
	padding-right: 10px;
}

#frame #main #contents #step #sub-bg #sub1 .step2 .step2-frame .step2-content1{
	float: left;
	width: 208px;
}

#frame #main #contents #step #sub-bg #sub1 .step2 .step2-frame .step2-content1 .step2-finding1{
	float: left;
	width: 130px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#frame #main #contents #step #sub-bg #sub1 .step2 .step2-frame .step2-content1 .step2-read1{
	float: left;
	width: 198px;
	color: #696969;
}

#frame #main #contents #step #sub-bg #sub1 .step2 .step2-frame .step2-image{
	float: left;
	width: 148px;
	color: #696969;
}
/*item------------------------------------------------------------------*/

#frame #main #contents #step #sub-bg #sub1 .item-step{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .item-step .item-title{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .item-step .item-frame{
	float: left;
	width: 233px;
	height: 183px;
	background-image: url(../image/bg_point_c.gif);
}

#frame #main #contents #step #sub-bg #sub1 .item-step .item-frame .item-content{
	float: left;
	width: 137px;
}

#frame #main #contents #step #sub-bg #sub1 .item-step .item-frame .item-content .item-icn{
	float: left;
	width: 121px;
	padding-left: 16px;
	margin-top: 39px;
}

#frame #main #contents #step #sub-bg #sub1 .item-step .item-frame .item-content .item-finding{
	float: left;
	width: 117px;
	margin-top: 13px;
	padding-left: 20px;
}

#frame #main #contents #step #sub-bg #sub1 .item-step .item-frame .item-content .item-read{
	float: left;
	width: 112px;
	color: #696969;
	padding-left: 20px;
	padding-right: 5px;
	margin-top: 7px;
}

#frame #main #contents #step #sub-bg #sub1 .item-step .item-frame .step-img{
	float: left;
	width: 86px;
	margin-top: 10px;
}

/*point1------------------------------------------------------------------*/

#frame #main #contents #step #sub-bg #sub1 .point1{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-title{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame1{
	float: left;
	width: 233px;
	height: 184px;
	background-image: url(../image/bg_point_b.gif);
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame1 .point1-content1{
	float: left;
	width: 137px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame1 .point1-content1 .point1-icn1{
	float: left;
	width: 121px;
	padding-left: 16px;
	margin-top: 15px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame1 .point1-content1 .point1-finding1{
	float: left;
	width: 117px;
	margin-top: 13px;
	padding-left: 20px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame1 .point1-content1 .point1-read1{
	float: left;
	width: 112px;
	color: #696969;
	padding-left: 20px;
	padding-right: 5px;
	margin-top: 5px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame1 .point1-img1{
	float: left;
	width: 86px;
	margin-top: 10px;
}


/*.point1-frame2*/
#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame2{
	float: left;
	width: 233px;
	height: 184px;
	background-image: url(../image/bg_point_b.gif);
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame2 .point1-content2{
	float: left;
	width: 121px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame2 .point1-content2 .point1-icn2{
	float: left;
	width: 106px;
	padding-left: 16px;
	margin-top: 15px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame2 .point1-content2 .point1-finding2{
	float: left;
	width: 104px;
	margin-top: 13px;
	padding-left: 18px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame2 .point1-content2 .point1-read2{
	float: left;
	width: 102px;
	color: #696969;
	padding-left: 20px;
	margin-top: 7px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame2 .point1-img1{
	float: left;
	width: 86px;
	margin-top: 35px;
	padding-left: 3px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame2 .point1-img2{
	float: left;
	width: 86px;
	margin-top: 42px;
	padding-left: 6px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame2 .point1-img3{
	float: left;
	width: 101px;
	margin-top: 32px;
}

/*.point1-frame3*/
#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame3{
	float: left;
	width: 233px;
	height: 184px;
	background-image: url(../image/bg_point_c.gif);
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame3 .point1-content3{
	float: left;
	width: 233px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame3 .point1-content3 .point1-icn3{
	float: left;
	width: 104px;
	padding-left: 16px;
	margin-top: 39px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame3 .point1-content3 .point1-finding3{
	float: left;
	width: 182px;
	margin-top: 13px;
	padding-left: 20px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame3 .point1-content3 .point1-read3{
	float: left;
	width: 182px;
	color: #696969;
	padding-left: 20px;
	margin-top: 7px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame3 .point1-img1{
	float: left;
	width: 86px;
	margin-top: 35px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame3 .point1-img2{
	float: left;
	width: 90px;
	margin-top: 32px;
}

#frame #main #contents #step #sub-bg #sub1 .point1 .point1-frame3 .point1-img3{
	float: left;
	width: 101px;
	margin-top: 32px;
}
/*large point1------------------------------------------------------------------*/

#frame #main #contents #step #sub-bg #sub1 .l-point1{
	float: left;
	width: 466px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-title{
	float: left;
	width: 466px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame1{
	float: left;
	width: 466px;
	height: 183px;
	background-image: url(../image/bg_l-point_a.gif);
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame1 .l-point1-content1{
	float: left;
	width: 326px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame1 .l-point1-content1 .l-point1-icn1{
	float: left;
	width: 310px;
	padding-left: 16px;
	margin-top: 30px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame1 .l-point1-content1 .l-point1-finding1{
	float: left;
	width: 306px;
	margin-top: 18px;
	padding-left: 20px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame1 .l-point1-content1 .l-point1-read1{
	float: left;
	width: 300px;
	color: #696969;
	padding-left: 20px;
	margin-top: 7px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame1 .l-point1-img1{
	float: left;
	width: 86px;
	margin-top: 42px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame1 .l-point1-img2{
	float: left;
	width: 120px;
	margin-top: 21px;
}

/*.point1-frame3*/

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame2{
	float: left;
	width: 466px;
	height: 183px;
	background-image: url(../image/bg_l-point_a.gif);
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame2 .l-point1-content2{
	float: left;
	width: 436px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame2 .l-point1-content2 .l-point1-icn2{
	float: left;
	width: 420px;
	padding-left: 16px;
	margin-top: 19px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame2 .l-point1-content2 .l-point1-teach{
	float: left;
	width: 112px;
	padding-left: 19px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame2 .l-point1-content2 .l-point1-teach .l-point1-finding2{
	float: left;
	width: 112px;
	margin-top: 13px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame2 .l-point1-content2 .l-point1-teach .l-point1-read2{
	float: left;
	width: 108px;
	color: #696969;
	padding-right: 4px;
	margin-top: 7px;
}

#frame #main #contents #step #sub-bg #sub1 .l-point1 .l-point1-frame2 .l-point1-content2 .l-point1-img3{
	float: left;
	width: 86px;
	margin-top: 8px;
}

/*stylist_end------------------------------------------------------------------*/

#frame #main #contents #step #sub-bg #sub1 .stylist_end1{
	float: left;
	width: 233px;
	height: 240px;
	background-image: url(../image/bg_stylist_end.gif);
}

#frame #main #contents #step #sub-bg #sub1 .stylist_end1 .image1{
	float: left;
	width: 94px;
	padding-left: 85px;
	padding-right: 54px;
}


/*sub1終わり------------------------------------------------------------------*/


/*まとめ------------------------------------------------------------------*/

#frame #main #contents #step #summary-bg{
	float: left;
	width: 699px;
	padding-left: 10px;
	padding-right: 11px;
	background-image: url(../image/bg_summary.gif);
	background-repeat: no-repeat;
	height: 295px;
}

#frame #main #contents #step #summary-bg #summary {
	float: left;
	width: 699px;

}


#frame #main #contents #step #summary-bg #summary .summary-icn{
	float: left;
	width: 684px;
	padding-left: 15px;
	margin-bottom: 5px;
}

#frame #main #contents #step #summary-bg #summary .summary-frame{
	float: left;
	width: 647px;
	padding-left: 26px;
	padding-right: 26px;

}

#frame #main #contents #step #summary-bg #summary .summary-frame .summary-content{
	float: left;
	width: 647px;
	margin-top: 15px;
}

#frame #main #contents #step #summary-bg #summary .summary-frame .summary-content .summary-finding{
	float: left;
	width: 647px;
}

#frame #main #contents #step #summary-bg #summary .summary-frame .summary-content .summary-read1{
	float: left;
	width: 647px;
	color: #696969;
	margin-top: 8px;
}

#frame #main #contents #step #summary-bg #summary .summary-frame .summary-content .summary-read2{
	float: left;
	width: 490px;
	color: #696969;
	margin-top: 6px;
}

#frame #main #contents #step .next-step{
	float: left;
	width: 699px;
	color: #696969;
	margin-top: 16px;
	text-align: right;
	padding-bottom: 30px;
}


/*見出し３用CSS------------------------------------------------------------------*/
#frame #main #contents #step #sub-bg #sub1 #title3{
	float: left;
	width: 699px;
}





/*まとめ終わり------------------------------------------------------------------*/