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

#contents .flowtop {
	margin:0px 0px 20px 0px;
	padding:10px 10px 10px 15px;
	background-color:#eeefef;
	text-align:center;
}
#contents .flowtop li {
	display:block;
	float:left;
	width:236px;
	height:64px;
	margin:0px 0px 10px 0px;
}
#contents .flowtop li.sankaku {
	width:25px;
}
#contents .flowtop li.sankaku img {
	padding:20px 0px 0px 0px;
}
#contents .flowtop li .title {
	display:block;
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	border:solid 1px #1F2C5C;
	background-color:#eee;
	text-align:left;
}
#contents .flowtop li .title span {
	display:inline-block;
	width:60px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:10px 0px 8px 0px;
	margin:0px 20px 0px 0px;
	background-color:#1F2C5C;
	text-align:center;
}

#contents .flow {
	text-align:center;
}
#contents .flow li {
	display:block;
	margin:0px 0px 0px 0px;
}
#contents .flow li .title {
	display:block;
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	border:solid 1px #1F2C5C;
	background-color:#eee;
	text-align:left;
}
#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 .title span {
	display:inline-block;
	width:60px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:10px 0px 8px 0px;
	margin:0px 20px 0px 0px;
	background-color:#1F2C5C;
	text-align:center;
}
#contents .flow li .img {
	width:426px;
	float:left;
	margin:0px 0px 0px 0px;
}
#contents .flow li .img img {
	width:400px;
	height:auto;
}
#contents .flow li .text {
	width:640px;
	height:246px;
	position: relative;
	float:right;
	margin:0px 0px 0px 0px;
	font-size:16px;
	text-align:left;
}
#contents .flow li .text .inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
#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;
}