/*----------------------------------------------------------------
  ----------------------------------------------------------------
	
	
	service_index


  ----------------------------------------------------------------
  --------------------------------------------------------------*/

#title{
	display:block;
	background:url(../img/index/title.png) no-repeat;
	width:698px;
	height:80px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}

/*---===流れリンク===---*/

#flow{
	position:relative;
	display:block;
	background:url(../img/index/back1.png) no-repeat;
	width:698px;
	height:176px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}

#flow li{
	list-style:none;
	}

#step1 a{
	position:absolute;
	display:block;
	width:75px;
	height:89px;
	text-indent:-9999;
	background:url(../img/index/step1.png) no-repeat;
	left: 15px;
	top: 45px;
	}

#step1 a:hover{
	background:url(../img/index/step1_on.png) no-repeat;
	}

#step2 a{
	position:absolute;
	display:block;
	width:75px;
	height:89px;
	text-indent:-9999;
	background:url(../img/index/step2.png) no-repeat;
	left: 113px;
	top: 45px;
	}

#step2 a:hover{
	background:url(../img/index/step2_on.png) no-repeat;
	}

#step3 a{
	position:absolute;
	display:block;
	width:75px;
	height:89px;
	text-indent:-9999;
	background:url(../img/index/step3.png) no-repeat;
	left: 215px;
	top: 45px;
	}

#step3 a:hover{
	background:url(../img/index/step3_on.png) no-repeat;
	}

#step4 a{
	position:absolute;
	display:block;
	width:75px;
	height:89px;
	text-indent:-9999;
	background:url(../img/index/step4.png) no-repeat;
	left: 316px;
	top: 45px;
	}

#step4 a:hover{
	background:url(../img/index/step4_on.png) no-repeat;
	}

#step5 a{
	position:absolute;
	display:block;
	width:75px;
	height:89px;
	text-indent:-9999;
	background:url(../img/index/step5.png) no-repeat;
	left: 420px;
	top: 45px;
	}

#step5 a:hover{
	background:url(../img/index/step5_on.png) no-repeat;
	}

#step6 a{
	position:absolute;
	display:block;
	width:75px;
	height:89px;
	text-indent:-9999;
	background:url(../img/index/step6.png) no-repeat;
	left: 522px;
	top: 45px;
	}

#step6 a:hover{
	background:url(../img/index/step6_on.png) no-repeat;
	}

#goal a{
	position:absolute;
	display:block;
	width:75px;
	height:89px;
	text-indent:-9999;
	background:url(../img/index/goal.png) no-repeat;
	left: 622px;
	top: 45px;
	}

#goal a:hover{
	background:url(../img/index/goal_on.png) no-repeat;
	}

#arrow{
	display:block;
	background:url(../img/index/arrow.png) no-repeat;
	width:698px;
	height:42px;
	margin:0 0 20px 0;
	text-indent:-9999px;
	}

/*---===Step1===---*/

#step1_title{
	display:block;
	background:url(../img/index/step1_title.png) no-repeat;
	width:698px;
	height:168px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}

#step1_subtitle1{
	display:block;
	background:url(../img/index/step1_subtitle1.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step1_subtitle2{
	display:block;
	background:url(../img/index/step1_subtitle2.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step1_subtitle3{
	display:block;
	background:url(../img/index/step1_subtitle3.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step1_area1{
	position:relative;
	background:url(../img/index/back2.png) no-repeat;
	width:698px;
	height:250px;
	margin:0 0 20px 0;
	}

#step1_text1{
	position:absolute;
	top:0;
	left:216px;
	font-size:12px;
	line-height:15px; 
	width:239px;
	}

#step1_text2{
	position:absolute;
	top:124px;
	left:293px;
	font-size:12px;
	line-height:15px; 
	}

#step1_text3{
	position:absolute;
	top:179px;
	left:293px;
	font-size:12px;
	line-height:15px; 
	}

#step1_text4{
	position:absolute;
	top:217px;
	left:293px;
	font-size:12px;
	line-height:15px; 
	}

#buttan1 a{
	position:absolute;
	top:162px;
	left:530px;
	display:block;
	background:url(../img/index/buttan1.png) no-repeat;
	width:143px;
	height:26px;
	text-indent:-9999px;
	}

#buttan1 a:hover{
	background:url(../img/index/buttan1_on.png) no-repeat;
	}

#step1_area2{
	background:url(../img/index/back3.png) no-repeat;
	width:698px;
	height:288px;
	margin:0 0 20px 0;
	}

#step1_area3{
	position:relative;
	background:url(../img/index/back4.png) no-repeat;
	width:698px;
	height:100px;
	margin:0 0 20px 0;
	}

#buttan2 a{
	position:absolute;
	top:10px;
	left:216px;
	display:block;
	background:url(../img/index/buttan2.png) no-repeat;
	width:186px;
	height:32px;
	text-indent:-9999px;
	}

#buttan2 a:hover{
	background:url(../img/index/buttan2_on.png) no-repeat;
	}

#buttan3 a{
	position:absolute;
	top:57px;
	left:216px;
	display:block;
	background:url(../img/index/buttan3.png) no-repeat;
	width:186px;
	height:32px;
	text-indent:-9999px;
	}

#buttan3 a:hover{
	background:url(../img/index/buttan3_on.png) no-repeat;
	}

/*---===Step2===---*/

#step2_title{
	display:block;
	background:url(../img/index/step2_title.png) no-repeat;
	width:698px;
	height:144px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}

#step2_subtitle1{
	display:block;
	background:url(../img/index/step2_subtitle1.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step2_subtitle2{
	display:block;
	background:url(../img/index/step2_subtitle3.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step2_area1{
	position:relative;
	width:698px;
	height:184px;
	margin:0 0 20px 0;
	}

#step2_text1{
	position:absolute;
	top:0px;
	left:216px;
	font-size:12px;
	line-height:15px; 
	}

#buttan4 a{
	position:absolute;
	top:57px;
	left:211px;
	display:block;
	background:url(../img/index/buttan4.png) no-repeat;
	width:164px;
	height:44px;
	text-indent:-9999px;
	}

#buttan4 a:hover{
	background:url(../img/index/buttan4_on.png) no-repeat;
	}

#step2_text2{
	position:absolute;
	top:116px;
	left:216px;
	font-size:12px;
	line-height:15px; 
	}

#step2_area1 img{
	position:absolute;
	top:0px;
	left:63px;
	}

#step2_area2{
	position:relative;
	width:698px;
	height:73px;
	margin:0 0 20px 0;
	}

#step2_area2 p{
	position:absolute;
	top:0px;
	left:213px;
	font-size:12px;
	line-height:15px; 
	}

#step2_area2 img{
	position:absolute;
	top:0px;
	left:63px;
	}

/*---===Step3===---*/

#step3_title{
	display:block;
	background:url(../img/index/step3_title.png) no-repeat;
	width:698px;
	height:144px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}

#step3_subtitle1{
	display:block;
	background:url(../img/index/step3_subtitle1.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step3_area1{
	position:relative;
	width:698px;
	height:135px;
	margin:0 0 20px 0;
	}

#step3_area1 p{
	position:absolute;
	top:0px;
	left:212px;
	font-size:12px;
	line-height:15px; 
	}

#step3_area1 img{
	position:absolute;
	top:0px;
	left:63px;
	}

/*---===Step4===---*/

#step4_title{
	display:block;
	background:url(../img/index/step4_title.png) no-repeat;
	width:698px;
	height:144px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}

#step4_subtitle1{
	display:block;
	background:url(../img/index/step4_subtitle1.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step4_subtitle2{
	display:block;
	background:url(../img/index/step4_subtitle2.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step4_area1{
	position:relative;
	width:698px;
	height:100px;
	margin:0 0 20px 0;
	}

#step4_area1 p{
	position:absolute;
	top:0px;
	left:213px;
	font-size:12px;
	line-height:15px; 
	}

#step4_area1 img{
	position:absolute;
	top:0px;
	left:63px;
	}

#step4_area2{
	position:relative;
	width:698px;
	height:85px;
	margin:0 0 20px 0;
	}

#step4_area2 p{
	position:absolute;
	top:0px;
	left:213px;
	font-size:12px;
	line-height:15px; 
	}

#step4_area2 img{
	position:absolute;
	top:0px;
	left:63px;
	}

/*---===Step5===---*/

#step5_title{
	display:block;
	background:url(../img/index/step5_title.png) no-repeat;
	width:698px;
	height:144px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}

#step5_subtitle1{
	display:block;
	background:url(../img/index/step5_subtitle1.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step5_subtitle2{
	display:block;
	background:url(../img/index/step5_subtitle2.png) no-repeat;
	width:698px;
	height:37px;
	text-indent:-9999px;
	margin:0 0 20px 0;
	}

#step5_area1{
	position:relative;
	width:698px;
	height:73px;
	margin:0 0 20px 0;
	}

#step5_area1 p{
	position:absolute;
	top:0px;
	left:213px;
	font-size:12px;
	line-height:15px; 
	}

#step5_area1 img{
	position:absolute;
	top:0px;
	left:63px;
	}

#step5_area2{
	position:relative;
	width:698px;
	height:73px;
	margin:0 0 20px 0;
	}

#step5_area2 p{
	position:absolute;
	top:0px;
	left:213px;
	font-size:12px;
	line-height:15px; 
	}

#step5_area2 img{
	position:absolute;
	top:0px;
	left:63px;
	}

/*---===Step6===---*/

#step6_title{
	display:block;
	background:url(../img/index/step6_title.png) no-repeat;
	width:698px;
	height:144px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}

#step6_area1{
	position:relative;
	width:698px;
	height:107px;
	margin:0 0 20px 0;
	}

#step6_area1 p{
	position:absolute;
	top:0px;
	left:213px;
	font-size:12px;
	line-height:15px; 
	}

#step6_area1 img{
	position:absolute;
	top:0px;
	left:63px;
	}

/*---===GOAL===---*/

#goal_title{
	display:block;
	background:url(../img/index/goal_title.png) no-repeat;
	width:698px;
	height:233px;
	text-indent:-9999px;
	margin:0 0 30px 0;
	}