@charset "UTF-8";

/* ================================================================
				reason/flow/index.html 用設定
	================================================================	*/
h2 {
	margin: 0;
}

#flow {
	width: 653px;
}

#flow .fl {
	float: left;
}
#flow .fr {
	float: right;
}

#flow ol {
	padding: 0 0 20px;
}
#flow ol li {
	background: url(/reason/flow/img/bg_flow.gif) right bottom no-repeat;
	margin: 20px 15px 0;
	padding: 0 0 20px;
}
#flow ol li.lastChild {
	background: none;
	padding: 0;
}

#flow ol li p {
	width: 84px;
}

#flow ol li dl {
	width: 519px;
}

#flow ol li dl dt {
	margin: 0 0 10px;
}


#flow ol li dl dd.note {
	font-size: 85%;
}
#flow ol li dl dd.note img {
	margin: 0 3px;
}

#flow ol li div#reference {
	padding:12px 0 10px;
	width: 519px;
}
#flow ol li div#reference p {
	width:auto;
	font-weight: bold;
}
#flow ol li div#reference p span {
	font-weight: normal;
	font-size:90%;
	padding-left:20px;
}
#flow ol li div#reference ul {
	padding: 6px 20px;
	margin: 0;
}
#flow ol li div#reference ul li {
	background: none !important;
	padding: 0;
	margin: 0;
}

#flow ol li div#reference ul li dl {
	width:auto;
	position:relative;
}

#flow ol li div#reference ul li dl dt {
	position:absolute;
}

#flow ol li div#reference ul li dl dd {
	padding-left:10em;
}
#flow ol li div#reference ul li dl dd.data02 {
	padding-left:15.5em;
}