@charset "Shift_JIS";
@import url("../../common/css/common.css");

/* --------------------------------------------------------------------------------------
 住まいづくりのながれ
--------------------------------------------------------------------------------------- */

/* サブナビゲーション ------------------------------ */

div.snavi {
	width: 220px;
	margin: 0 0 0 0;
	padding: 0;
}

div.snavi h2 {
	width: 220px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

div.snavi ul {
	margin-bottom: 20px;
}

div.snavi ul li {
	width: 220px;
	height: 40px;
	text-indent: -9999px;
}

div.snavi ul li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	text-decoration: none;
}
/*\*/
div.snavi ul li a {
	overflow: hidden;
}
/**/

/* 通常 */

div.snavi ul li#snavi01,
div.snavi ul li#snavi01 a {
	background: url(../img/snavi01.gif) no-repeat 0 0;
}
div.snavi ul li#snavi02,
div.snavi ul li#snavi02 a {
	background: url(../img/snavi02.gif) no-repeat 0 0;
}
div.snavi ul li#snavi03,
div.snavi ul li#snavi03 a {
	background: url(../img/snavi03.gif) no-repeat 0 0;
}
div.snavi ul li#snavi04,
div.snavi ul li#snavi04 a {
	background: url(../img/snavi04.gif) no-repeat 0 0;
}
div.snavi ul li#snavi05,
div.snavi ul li#snavi05 a {
	background: url(../img/snavi05.gif) no-repeat 0 0;
}
div.snavi ul li#snavi06,
div.snavi ul li#snavi06 a {
	background: url(../img/snavi06.gif) no-repeat 0 0;
}

/* ロールオーバー */

div.snavi ul li#snavi01 a:hover,
div.snavi ul li#snavi02 a:hover,
div.snavi ul li#snavi03 a:hover,
div.snavi ul li#snavi04 a:hover,
div.snavi ul li#snavi05 a:hover,
div.snavi ul li#snavi06 a:hover {
	background-position: -220px 0;
}


/*  家ができるまで---------------------------- */

div.flowBox{
	width: 610px;
	margin: 0 0 30px 0;
}

div.flowBox h2{
	margin: 0 0 0px 0;
}

div.flowBox p.txt{
	width: 350px;
	margin-left: 60px;
}

div.flowBox div.step{
	background: url(../img/step_bg.gif) repeat-y top left;
	padding-bottom: 10px;
}

div.flowBox div.step2{
	background: url(../img/step_bg2.gif) repeat-y top left;
	padding-bottom: 10px;
}

div.flowBox div.step_end{
}