@charset "shift_jis";

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

	Name: flow.css
	Location: /common/css/pages/flow.css
	Desctiption {
		「ご契約の流れ」ページのCSS
	}

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

.wrapper {

}


/**************************************************************

	Header

***************************************************************/

#header {

}


/****************************************************************

	Navigation

*****************************************************************/

#navi{}

/**************************************************************

	Content

***************************************************************/

#content {

}


/* main
===============================================================*/
#main{}

#main p {
	margin: 0 0 12px;
}

#main .section p.skip {
	margin: 0;
}

#main .section .section {
	margin: 0 0 40px;
}

#main .flow {
	margin: 0 100px 15px 10px;
}

#main .flow p {
	margin: 0;
}

.flow .step {
	margin: 0 20px 0 0;
	padding: 0.3em 0 0;
	float: left;
}

.flow ul.document {
	margin: 10px 0 0 90px;
}

.flow ul.document li.pdf {
	float: left;
	width: 170px;
}

.flow ul.document li.pdf img {
	vertical-align: middle;
}

#vacate ul,
#recontruct ul,
#recontruct dl {
	margin: 0 100px 0 10px;
}

#vacate ul li,
#recontruct ul li {
	padding: 0 0 0 10px;
	line-height: 1.5;
	background: url(../images/marker_arrow.gif) no-repeat 0 .4em;
}

#recontruct dl dt {
	margin: 0 0 5px;
	font-weight: bold;
}

#recontruct dl dd {
	margin: 0 0 15px;
}

#bland h3 {
	margin: 0 0 16px;
}

#bland p {
	margin: 0 100px 8px 9px;
}

#bland ul {
	width: 740px;
	margin: 0 100px 40px 10px;
}

#bland ul li {
	float: left;
	margin: 0 90px 0 0;
	padding: 0 0 0 10px;
	line-height: 1.5;
	background: url(../images/marker_arrow.gif) no-repeat 0 .5em;
}

/**************************************************************

	Footer

***************************************************************/

#footer {

}