
/*  ページタイトル　*/
/*-------------------------------------------*/

.title_flow{
	background:url(../img/flow/title.jpg) left top no-repeat;
}

/*  コンテンツの幅　*/
/*-------------------------------------------*/

#contentsBox{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
}

/*  納品までの流れ　*/
/*-------------------------------------------*/

#flow{
	overflow:hidden;	
}

#flow h2{
	text-align:center;
	margin-bottom:15px;
}

/*  ステップごとのタイトル　*/

#flow .step01 .info h3,
#flow .step02 .info h3,
#flow .step03 .info h3,
#flow .step04 .info h3,
#flow .step05 .info h3,
#flow .step06 .info h3,
#flow .step07 .info h3,
#flow .step08 .info h3{
	font-size:18px;
	font-weight:bold;
	color:#333;
	line-height:1.5em;
	padding-left:52px;
	padding-top:15px;
	margin-bottom:20px;
	height:28px;
}

/*  step01　*/

#flow .step01{
	overflow:hidden;
}
#flow .step01 .image{
	float:left;
	width:287px;
	margin-right:30px;
}
#flow .step01 .info{
	float:left;
	width:663px;
	padding-top:20px;
}
#flow .step01 .info h3{
	background:url(../img/flow/step01.gif) left top no-repeat;
}

/*  step02　*/

#flow .step02{
	overflow:hidden;
}
#flow .step02 .image{
	float:left;
	width:372px;
	margin-left:225px;
	margin-right:30px;
}
#flow .step02 .info{
	float:left;
	width:353px;
}
#flow .step02 .info h3{
	background:url(../img/flow/step02.gif) left top no-repeat;
}

/*  step03　*/

#flow .step03{
	overflow:hidden;
}
#flow .step03 .image{
	float:left;
	width:278px;
	margin-left:10px;
	margin-right:30px;
}
#flow .step03 .info{
	float:left;
	width:662px;
}
#flow .step03 .info h3{
	background:url(../img/flow/step03.gif) left top no-repeat;
}

/*  step04　*/

#flow .step04{
	margin-top:30px;
	overflow:hidden;
}
#flow .step04 .image{
	float:left;
	width:372px;
	margin-left:225px;
	margin-right:30px;
}
#flow .step04 .info{
	float:left;
	width:353px;
	padding-top:10px;
}
#flow .step04 .info h3{
	background:url(../img/flow/step04.gif) left top no-repeat;
}

/*  step05　*/

#flow .step05{
	overflow:hidden;
}
#flow .step05 .image{
	float:left;
	width:278px;
	margin-left:10px;
	margin-right:30px;
}
#flow .step05 .info{
	float:left;
	width:662px;
	padding-top:30px;
}
#flow .step05 .info h3{
	background:url(../img/flow/step05.gif) left top no-repeat;
}

/*  step06　*/

#flow .step06{
	overflow:hidden;
}
#flow .step06 .image{
	float:left;
	width:372px;
	margin-left:225px;
	margin-right:30px;
}
#flow .step06 .info{
	float:left;
	width:353px;
}
#flow .step06 .info h3{
	background:url(../img/flow/step06.gif) left top no-repeat;
}

/*  step07　*/

#flow .step07{
	margin-top:20px;
	overflow:hidden;
}
#flow .step07 .image{
	float:left;
	width:278px;
	margin-left:10px;
	margin-right:30px;
}
#flow .step07 .info{
	float:left;
	width:662px;
	padding-top:10px;
}
#flow .step07 .info h3{
	background:url(../img/flow/step07.gif) left top no-repeat;
}

/*  step08　*/

#flow .step08{
	margin-top:20px;
	overflow:hidden;
}
#flow .step08 .image{
	float:left;
	width:277px;
	margin-left:320px;
	margin-right:30px;
}
#flow .step08 .info{
	float:left;
	width:353px;
}
#flow .step08 .info h3{
	background:url(../img/flow/step08.gif) left top no-repeat;
}

/*  こういう仕事は請けることができません　*/
/*-------------------------------------------*/

#contentsBox #kotowari{
	margin-top:20px;
	border-top:1px #CCC dotted;
	padding-top:20px;
	margin-bottom:20px;
}

#contentsBox #kotowari h2{
	font-size:100%;
	color:#333;
	line-height:1.5em;
	margin-bottom:10px;
}

#contentsBox #kotowari ul li{
	font-size:90%;
	color:#666;
	line-height:1.5em;
	margin-bottom:3px;
}


