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


/*environment
----------------------------------------------------*/
#contents .borderBOX {
	border:#c2cdff solid 1px;
	border-bottom:none;
	margin-top:10px;
	padding:24px 0px 0px 0px;
}

#contents .borderBOX h2 {
	color:#4d5ea7;
	font-size:1.1em;
	margin:0px 0px 25px 19px;
}


/*mainWrap
---------------------------*/
.mainWrap {
	margin:10px 0px 20px 20px;
	padding:24px 5px 0px 0px;
}

.flowBlock {
	background: url(../img/flow/background.gif) repeat-y;
	width: 608px;
	margin-bottom: 8px;
}

.flowBlock .flowLeft{
	float: left;
	padding: 13px 0 0 13px;
}

.flowBlock .flowRight{
	float: right;
	width: 505px;
}

.flowBlock .flowRight .blueBlock{
	width: 505px;
	border-top: 3px #ecefff solid;
	padding: 9px 0 0 0;
	margin-bottom: 25px;
}

.flowBlock .flowRight .pinkBlock{
	width: 505px;
	border-top: 3px #ffd8d8 solid;
	padding: 9px 0 0 0;
	margin-bottom: 25px;
}

.flowBlock .flowRight div div{ 
	float: left;
}

.flowBlock .flowRight div p{ 
	float: left;
	width: 348px;
	padding-right: 5px;
	padding-left: 3px;
	line-height: 160%;
}

.flowBlock .flowRight div div#mdrBox{ 
	float: left;
	width: 348px;
}

.flowBlock .flowRight div div#mdrBox p.description{ 
	padding-right: 5px;
	padding-left: 3px;
	line-height: 160%;
}

.flowBlock .flowRight div div#mdrBox p.MDRText{
	background: #ffe6e6;
	width: 345px;
	padding: 4px 3px 4px 5px;
	margin-top: 10px;
	font-size: 0.8em;
}


.flowBlock2 {
	background: #e4e4e3;
	width: 595px;
	padding: 8px 0 8px 13px;
	margin-bottom: 8px;
}

.backgroundNone {
	background: none;
}