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

#contents .flow {
	text-align:center;
}
#contents .flow li {
	display:block;
	margin:0px 0px 0px 0px;
}
#contents .flow li .title {
	display:block;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	border:solid 1px #1F2C5C;
	background-color:#eee;
	text-align:left;
}
#contents .flow li .title span {
	display:inline-block;
	width:40px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	padding:10px 0px 8px 0px;
	margin:0px 10px 0px 0px;
	background-color:#1F2C5C;
	text-align:center;
}
#contents .flow li .fl1 {
	border-left:solid 10px #fdd000;
}
#contents .flow li .fl2 {
	border-left:solid 10px #f39800;
}
#contents .flow li .fl3 {
	border-left:solid 10px #e60012;
}
#contents .flow li .fl4 {
	border-left:solid 10px #aa569d;
}
#contents .flow li .fl5 {
	border-left:solid 10px #217fc4;
}
#contents .flow li .fl6 {
	border-left:solid 10px #01b2ae;
}
#contents .flow li .fl7 {
	border-left:solid 10px #90c31f;
}
#contents .flow li .fl8 {
	border-left:solid 10px #009944;
}
#contents .flow li .img {
	text-align:center;
	margin:0px 0px 10px 0px;
}
#contents .flow li .img img {
	width:100%;
	height:auto;
}
#contents .flow li .text {
	margin:0px 0px 0px 0px;
	text-align:left;
}
#contents .flow li:after {
	content: "▼";
	color:#ccc;
	font-size:30px;
	clear: both;
	display: block;
}
#contents .flow li:last-child:after {
	content: "";
	clear: both;
	display: block;
}