@charset "UTF-8";

#flow-box > div {
	background-color: #eee;
	border: solid 1px #ccc;
	padding: 10px 0;
}

#flow-box h2 {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	width: 11.5em;
	padding: 0 1em;
	border-left: solid 10px #0033CC;
	border-right: solid 10px #0033CC;
	margin: 0 auto 10px;
}
#flow-box ol li {
	position: relative;
}
#flow-box ol li .text {
	background-color: #fff;
	font-size: 95%;
	padding: 10px 20px 20px;
	border-radius: 10px;
	border: double 4px #eee;
	margin: 0 10px;
	position: relative;
	z-index: 100;
}
#flow-box ol li.long .text {
	height: 128px;
}
#flow-box ol li > p {
	color: #CC3300;
	font-size: 90%;
	line-height: 1.3em;
	padding: 10px 20px 10px 40px;
}

#flow-box ol li .text p {
	line-height: 1.5em;
}
#flow-box ol li .text p strong {
	font-weight: bold;
}
#flow-box ol li .text p > span {
	color: #003399;
	font-size: 90%;
	display: block;
}
#flow-box ol li .text p em {
	color: #CC3300;
	font-size: 90%;
}
#flow-box ol li .text p em > span {
	font-weight: bold;
}
#flow-box ol li .text ul {
	line-height: 1.7;
	margin: .5em 0;
}
#flow-box ol li .text ul li {
	list-style-type: disc;
	margin-left: 1em;
}
#flow-box ol li .tri {
	width: 0;
	height: 0;
	border: solid 40px transparent;
	border-top: solid 40px #0033CC;
	margin: 10px auto -30px;
}
/* 表　銀行 */
#flow-box div > table {
	background-color: #fff;
	line-height: 1.3em;
	text-align : center;
	width: 100%;
	padding: 3px;
	border: 2px solid #666;
	margin-bottom: 10px;
}
#flow-box div > table tr th {
	background-color: #eee;
	color: #000;
}
#flow-box div > table th {
	font-weight: bold;
	text-align: center;
}
#flow-box div > table th,
#flow-box div > table td {
	font-size: 85%;
	padding: 3px;
	border: 1px solid #eee;
}
#flow-box div > table td span {
	font-size: 90%;
}