@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
	[ kurodakigata css ] [ uni_process.css ]
	-----------------------------------------------------------------------------------------------
	making day: 2009-08-31
	---------------------------------------------------------------------------------------------*/


/* ================================================

	mainimg inner

=================================================*/

/* mainimg inner -------------*/
div#contentsArea div.inner {
	background-image: url(../_img/process/main_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/* ================================================

	productInfo

=================================================*/

/* productInfo -------------*/
div#contentsArea div.processInfo {
	border: 1px solid #DDDDDD;
	margin-bottom: 5px;
	clear: both;
}


/* ================================================

	dl

=================================================*/

/* dl -------------*/
div#contentsArea div.processInfo dl {
	background-image: url(../_img/process/sec1_bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	margin-bottom: 10px;
	clear: both;
}
div#contentsArea div.processInfo dl dt,
div#contentsArea div.processInfo dl dd {
	display: block;
	float: left;
}
div#contentsArea div.processInfo dl dt {
	width: 140px;
}
div#contentsArea div.processInfo dl dt.exBox {
	width: 530px;
	background-image: url(../_img/process/sec2_bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-bottom: 10px;
}
div#contentsArea div.processInfo dl dt.exBox .col1 {
	width: 172px;
	float: left;
}
div#contentsArea div.processInfo dl dt.exBox .col2 {
	width: 159px;
	float: left;
}
div#contentsArea div.processInfo dl dt.exBox .col3 {
	width: 179px;
	float: left;
	margin-left: 10px;
}
div#contentsArea div.processInfo dl dt.nobg {
	background-image: none;
}
div#contentsArea div.processInfo dl dd {
	width: 390px;
}

div#contentsArea div.processInfo .capBox {
	background-color: #DBF3F5;
	padding: 10px;
	clear: both;
	margin-bottom: 20px;
}
div#contentsArea div.processInfo .capBox strong {
	color: #10B2BF;
	font-weight: bold;
}
div#contentsArea div.processInfo .capBox p {
	font-size: 10px;
	line-height: 140%;
	margin-bottom: 0px;
}






div#contentsArea div.processInfo dl:after,
div#contentsArea div.processInfo dl dt:after,
div#contentsArea div.processInfo dl dd:after,
div#contentsArea div.processInfo .capBox:after,
div#contentsArea div.processInfo dl dt.exBox:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#contentsArea div.processInfo dl,
div#contentsArea div.processInfo dl dt,
div#contentsArea div.processInfo dl dd,
div#contentsArea div.processInfo .capBox,
div#contentsArea div.processInfo dl dt.exBox {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html div#contentsArea div.processInfo dl,
* html div#contentsArea div.processInfo dl dt,
* html div#contentsArea div.processInfo dl dd,
* html div#contentsArea div.processInfo .capBox,
* html div#contentsArea div.processInfo dl dt.exBox {
height: 1%;
}
div#contentsArea div.processInfo dl,
div#contentsArea div.processInfo dl dt,
div#contentsArea div.processInfo dl dd,
div#contentsArea div.processInfo .capBox,
div#contentsArea div.processInfo dl dt.exBox {
display: block;
}
/* End hide from IE-mac */