@charset "utf-8";

/*--------------------------------------
	process
---------------------------------------
last update: 2009.09.29
---------------------------------------*/


/* ---------- index ---------- */
#contents #contentsMain .processIndex {
	clar: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#contents #contentsMain .processIndex p.mainCopy {
	margin: 0;
	padding: 0 0 22px 0;
	font-size: 12px;
	line-height: 1.8;
}

#contents #contentsMain .processIndex dl {
	margin: 5px 0 0 0;
}

#contents #contentsMain .processIndex dl dt {
	margin: 0 0 10px 0;
	color: #002B69;
	font-size: 16px;
	line-height: 1.8;
	font-weight: bold;
}

#contents #contentsMain .processIndex dd {
	width: 595px;
	margin: 0;
	padding: 0 0 22px 0;
}

#contents #contentsMain .processIndex dl p.img {
	float: left;
	width: 80px;
}

#contents #contentsMain .processIndex dl p.subTtl {
	float: right;
	width: 500px;
	margin: -3px 0 0 0;
	font-size: 14px;
	line-height: 1.8;
	font-weight: bold;
}

#contents #contentsMain .processIndex dl p.txt {
	float: right;
	width: 500px;
	margin: 0 0 0 0;
	font-size: 12px;
	line-height: 1.8;
}

#contents #contentsMain .processIndex dl p.link {
	float: right;
	width: 500px;
	margin: 8px 0 0 0;
	font-size: 14px;
	line-height: 1.8;
}

#contents #contentsMain .processIndex dl p.link a {
	padding: 0 0 0 10px;
	background: url(../process/images/arw01.gif) no-repeat left center;
}

#contents #contentsMain .processIndex div.linkArea {
	margin: 20px 0 15px 0;
	padding: 25px 0 0 0;
	background: url(../process/images/tensen01.gif) repeat-x left top;
}

#contents #contentsMain .processIndex div.linkArea p {
	font-size: 14px;
	line-height: 1.8;
}

#contents #contentsMain .processIndex div.linkArea p a {
	padding: 0 0 0 10px;
	background: url(../process/images/arw01.gif) no-repeat left center;
}




/* ---------- flow ---------- */
#contents #contentsMain .processFlow {
	clar: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#contents #contentsMain .processFlow dl {
	margin: 0 0 28px 0;
}


#contents #contentsMain .processFlow dt {
	margin: 0 0 6px 0;
}

#contents #contentsMain .processFlow dd {
	margin: 0;
}

#contents #contentsMain .processFlow dd p.subTtl {
	margin: 0 0 4px 0;
	color: #002B69;
	font-size: 14px;
	line-height: 1.8;
	font-weight: bold;
}

#contents #contentsMain .processFlow dd ul {
	margin: 0;
	padding: 0;
}

#contents #contentsMain .processFlow dd li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	background: url(../process/images/list_mark.gif) no-repeat 3px 0.63em;
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
}


#contents #contentsMain .processFlow div.linkArea {
	margin: 20px 0 15px 0;
}

#contents #contentsMain .processFlow div.linkArea p {
	font-size: 14px;
	line-height: 1.8;
}

#contents #contentsMain .processFlow div.linkArea p a {
	padding: 0 0 0 10px;
	background: url(../process/images/arw01.gif) no-repeat left center;
}




/* ---------- frameworks ---------- */
#contents #contentsMain .processFrameworks {
	clar: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#contents #contentsMain .processFrameworks dl {
	margin: 0;
}

#contents #contentsMain .processFrameworks dt {
	margin: 0 0 6px 0;
	color: #002B69;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}

#contents #contentsMain .processFrameworks dd.txt {
	margin: 0 0 30px 0;
	font-size: 12px;
	line-height: 1.8;
}

#contents #contentsMain .processFrameworks dd.img {
	margin: 0 0 30px 0;
	text-align: center;
}





/* ---------- security ---------- */
#contents #contentsMain .processSecurity {
	clar: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#contents #contentsMain .processSecurity dl {
	margin: 0;
}

#contents #contentsMain .processSecurity dt {
	margin: 0 0 6px 0;
	color: #002B69;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}

#contents #contentsMain .processSecurity dd {
	margin: 0 0 30px 0;
}

#contents #contentsMain .processSecurity dd ul {
	margin: 0;
	padding: 0;
}

#contents #contentsMain .processSecurity dd li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	background: url(../process/images/list_mark.gif) no-repeat 3px 0.63em;
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
}

#contents #contentsMain .processSecurity dd p {
	margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.8;
}

#contents #contentsMain .processSecurity dd p.exBG {
	margin: 10px 15px 15px 15px;
	padding: 10px 15px;
	background: #F3F3F3;
	font-size: 12px;
	line-height: 1.8;
}




/* ---------- usability ---------- */
#contents #contentsMain .processUsability {
	clar: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#contents #contentsMain .processUsability dl {
	margin: 0;
}

#contents #contentsMain .processUsability dt {
	margin: 0 0 6px 0;
	color: #002B69;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}

#contents #contentsMain .processUsability dd.txt {
	margin: 0 0 30px 0;
	font-size: 12px;
	line-height: 1.8;
}


#contents #contentsMain .processUsability div.linkArea {
	margin: 20px 0 15px 0;
}

#contents #contentsMain .processUsability div.linkArea p {
	font-size: 14px;
	line-height: 1.8;
}

#contents #contentsMain .processUsability div.linkArea p a {
	padding: 0 0 0 10px;
	background: url(../process/images/arw01.gif) no-repeat left center;
}




/* ---------- form ---------- */
#contents #contentsMain .processForm {
	clar: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#contents #contentsMain .processForm p.mainCopy {
	margin: 0;
	padding: 0 0 22px 0;
	font-size: 12px;
	line-height: 1.8;
}

#contents #contentsMain .processForm dl {
	margin: 8px 0 0 0;
}


#contents #contentsMain .processForm dt {
	margin: 0 0 6px 0;
}

#contents #contentsMain .processForm dd {
	margin: 0 0 28px 0;
}

#contents #contentsMain .processForm dd p.subTtl {
	margin: 0 0 4px 0;
	color: #002B69;
	font-size: 14px;
	line-height: 1.8;
	font-weight: bold;
}

#contents #contentsMain .processForm dd ul {
	margin: 0;
	padding: 0;
}

#contents #contentsMain .processForm dd li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	background: url(../process/images/list_mark.gif) no-repeat 3px 0.63em;
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
}

#contents #contentsMain .processForm div.linkArea {
	margin: 20px 0 15px 0;
}

#contents #contentsMain .processForm div.linkArea p {
	font-size: 14px;
	line-height: 1.8;
}

#contents #contentsMain .processForm div.linkArea p a {
	padding: 0 0 0 10px;
	background: url(../process/images/arw01.gif) no-repeat left center;
}




/* ---------- test ---------- */
#contents #contentsMain .processTest {
	clar: both;
	overflow: hidden;
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#contents #contentsMain .processTest dl {
	margin: 0;
}

#contents #contentsMain .processTest dt {
	margin: 0 0 6px 0;
	color: #002B69;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
}

#contents #contentsMain .processTest dd {
	margin: 0 0 30px 0;
}


#contents #contentsMain .processTest dd ul {
	margin: 0;
	padding: 0;
}

#contents #contentsMain .processTest dd li {
	margin: 0 0 6px 0;
	padding: 0 0 0 15px;
	background: url(../process/images/list_mark.gif) no-repeat 3px 0.63em;
	list-style: none;
	font-size: 12px;
	line-height: 1.5;
}