@charset "UTF-8";
/* CSS Document */

#flowMainImg{
	width:900px;
	height:200px;
}

#flowMainImg h3{
	background-image:url(../../flow/img/main_img.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:200px;
	font-size:1px;
	text-indent:-9999px;
}

#flowMainImgText{
	width:441px;
	height:38px;
	margin:30px 0px 0px 280px;
}

#flowMainImgText h3{
	background-image:url(../../flow/img/main_img_text.gif);
	background-repeat:no-repeat;
	width:441px;
	height:38px;
	font-size:1px;
	text-indent:-9999px;
}

#flowMainText{
	width:586px;
	height:95px;
	margin:0px 0px 31px 0px;
}

.flowContentsBox01{
	width:587px;
	margin:0px 0px 40px 0px;
}

ol.notes{
	width:539px;
	font-size:12px;
	color:#333333;
	line-height:150%;
	display: block;
	list-style-type: decimal;
	margin:0px;
	-moz-padding-start: 0px;
}

/*safariハック*/
body:first-of-type ol.notes{
	width:489px;
	font-size:12px;
	color:#333333;
	line-height:150%;
	display: block;
	list-style-type: decimal;
	margin:0px;
	-moz-padding-start: 0px;
}


ol.notes li{
	list-style-position: outside;
	list-style-type: decimal;
	margin-left:61px;
	display: list-item;
	-moz-float-edge: margin-box;
}

/*--- for IE6 huck ---*/
*html ol.notes li {
	margin-left:66px;
}

/*IE7ハック*/
*:first-child+html ol.notes li{
	margin-left:66px;
}

/*safariハック*/
body:first-of-type ol.notes li{
	margin-left:24px;
}

.flowTitle{
	background-image:url(../../flow/img/title.jpg);
	background-repeat:no-repeat;
	width:587px;
	height:39px;
	font-size:1px;
	text-indent:-9999px;
	margin:0px 0px 20px 0px;
}

#flowSubtitle01{
	background-image:url(../../flow/img/subtitle01.jpg);
	background-repeat:no-repeat;
	width:218px;
	height:20px;
	font-size:1px;
	text-indent:-9999px;
	margin:0px 0px 15px 11px;
}

#flowSubtitle02{
	background-image:url(../../flow/img/subtitle02.jpg);
	background-repeat:no-repeat;
	width:190px;
	height:20px;
	font-size:1px;
	text-indent:-9999px;
	margin:0px 0px 15px 11px;
}

#flowContentsBoxBottom{
	width:587px;
	padding:630px 0px 0px 0px;
}