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

 Contents of this page are ,"flow". 

 --------------------------------------------------------------------------------*/
@charset"UTF-8"
*{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	margin:0;
	padding:0;
}

a ,a;hover{
	text-decoration:none;
	}

/*--------------------------------------------------------------------------------
 title
 --------------------------------------------------------------------------------*/
#main .title_flow {
	width: 500px;
	background:url(../images/flow/f_about.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	margin: 0 0 15px;
}

/*--------------------------------------------------------------------------------
 before
 --------------------------------------------------------------------------------*/
#main .before_contract{
	background:url(../images/flow/about1.gif) 0 0 no-repeat;
	text-indent: -10000px;
	width: 96px;
	height: 32px;
	margin: 20px 0 15px  ;
}
#main .after_contract{
	background:url(../images/flow/about2.gif) 0 0 no-repeat;
	text-indent: -10000px;
	width: 96px;
	height: 32px;
	margin: 20px 0 15px  ;
}

/*
===== sab title =====
*/
#main .before_c_about01{
	background:url(../images/flow/before_c_about01.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}

#main .before_c_about02{
	background:url(../images/flow/before_c_about02.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}

#main .before_c_about03{
	background:url(../images/flow/before_c_about03.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}

#main .before_c_about04{
	background:url(../images/flow/before_c_about04.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}

#main .before_c_about05{
	background:url(../images/flow/before_c_about05.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}

#main .before_c_about06{
	background:url(../images/flow/before_c_about06.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}
#main .before_c_about07{
	background:url(../images/flow/before_c_about07.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}

#main .before_c_about08{
	background:url(../images/flow/before_c_about08.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}

/*
===== caption / text box =====
*/
#main .caption01 {
	background:url(../images/flow/before_arrow.gif) 25px 0 repeat-y;
	line-height: 1.4em;
	padding:0 0 0 85px;
	width: 400px;
	height:55px;
}
#main .caption02 {
	background:url(../images/flow/before_arrow.gif) 25px 0 repeat-y;
	line-height: 1.4em;
	padding:0 0 0 85px;
	width: 400px;
	height:65px;
}
#main .caption03 {
	background:url(../images/flow/before_arrow.gif) 25px 0 repeat-y;
	line-height: 1.4em;
	padding:0 0 0 85px;
	width: 400px;
	height:88px;
}
#main .caption04 {
	background:url(../images/flow/before_arrow.gif) 25px 0 repeat-y;
	line-height: 1.4em;
	padding:0 0 0 85px;
	width: 408px;
	height:44px;
}
#main .caption05 {
	line-height: 1.4em;
	background:url(../images/flow/before_arrow.gif) 25px 0 repeat-y;
	padding:0 0 0 85px;
	width: 400px;
	height:22px;
}
#main .caption06 {
	line-height: 1.4em;
	padding:0 10px 0 85px;
	width: 400px;
}
/*ご契約前 終了*/

/*--------------------------------------------------------------------------------
 after
 --------------------------------------------------------------------------------*/
#main .after_c_about01{
	background:url(../images/flow/after_c_about01.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}
#main .after_c_about02{
	background:url(../images/flow/after_c_about02.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}
#main .after_c_about03{
	background:url(../images/flow/after_c_about03.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}
#main .after_c_about04{
	background:url(../images/flow/after_c_about04.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}
#main .after_c_about05{
	background:url(../images/flow/after_c_about05.gif) no-repeat 0 0;
	text-indent: -10000px;
	margin: 15px 0 ;
	height: 27px;
	width: 500px;
}
/*
===== caption / text box =====
*/
#main .a_caption01 {
	line-height: 1.4em;
	background:url(../images/flow/after_arrow.gif) 25px 0 repeat-y;
	padding:0 0 0 85px;
	width: 400px;
	height:44px;
}
#main .a_caption01 span{
	font-size:0.9em

}
#main .a_caption02 {
	line-height: 1.4em;
	background:url(../images/flow/after_arrow.gif) 25px 0 repeat-y;
	padding:0 0 0 85px;
	width: 400px;
	height:22px;
}

#main .a_caption03 {
	line-height: 1.4em;
	padding:0 0 0 85px;
	width: 400px;
	height:22px;
}


/*--------------------------------------------------------------------------------
 after care
 --------------------------------------------------------------------------------*/
#main .after_care {
	background:	url(../images/flow/a_about1.gif) no-repeat 0 0;
	text-indent: -10000px;
	height: 27px;
	width: 500px;
}
#clean_car {
	background:	url(../images/flow/after_car_title.gif) no-repeat left top;
	text-indent: -10000px;
	margin:15px 0 0;
	width: 97px;
	height: 32px;
	display: block;
}
#maintenance {
	background:url(../images/flow/after_main_title.gif) no-repeat left top;
	text-indent: -10000px;
	margin: 15px 0 0;
	width: 129px;
	height: 32px;
	display: block;
}
#main .maintenance{
font-size:12px;
line-height:1.4;
letter-spacing:1px;
margin:15px 0 0;
}

#main .clean_car_img{
margin:15px 0 0;
}
.line_dot_after {
	background: url(../images/common/dot_blak_1_3.gif) repeat-x left bottom;
	display: block;
	padding:0 0 16px;
	width: 500px;
	clear: both;
}