@charset "UTF-8";

#contents .inner {
	margin-bottom: 15px;
}

#contents #introduction {
	border: 2px solid #c66;
	background: #eed9d9;
}
#contents #introduction h2 {
	padding: 4px 10px 5px 10px;
	font-size: 140%;
	color: #600;
	background: url("../share/border_02.gif") repeat-x left bottom;
}
#contents #introduction .body {
	padding: 10px 10px 0 10px;
}
#contents #introduction .body .left {
	width: 330px;
}
#contents #introduction .body .left p {
	margin-bottom: 15px;
}
#contents #introduction .body .right {
	width: 190px;
}
#contents #introduction .body .right dl {
	margin-bottom: 5px;
}
#contents #introduction .body .right dl dt {
	margin-bottom: 5px;
	color: #933;
}

#contents #process {
	border: 2px solid #660;
	background: #d2d293;
}
#contents #process h2 {
	padding: 4px 10px 5px 10px;
	font-size: 140%;
	color: #330;
	background: url("../share/border_03.gif") repeat-x left bottom;
}
#contents #process .body {
	padding: 10px 0px 8px 8px;
}
#contents #process .body dl dt {
	display: block;
	padding: 8px 0 0 150px;
	width: 390px;
	height: 25px;
	color: #fff;
}
#contents #process .body dl.process01 dt { background: url("../introduction/images/right_process_01.gif") no-repeat top left;}
#contents #process .body dl.process02 dt { background: url("../introduction/images/right_process_02.gif") no-repeat top left;}
#contents #process .body dl.process03 dt { background: url("../introduction/images/right_process_03.gif") no-repeat top left;}
#contents #process .body dl.process04 dt { background: url("../introduction/images/right_process_04.gif") no-repeat top left;}
#contents #process .body dl dd {
	padding-top: 6px;
}
#contents #process .body dl dd p {
	margin-bottom: 5px;
}

#contents #supplement {
	width: 100%;
}
#contents #supplement,
#contents #supplement th,
#contents #supplement td {
	border: 2px solid #000;
}
#contents #supplement th,
#contents #supplement td {
	padding: 5px;
}
#contents #supplement th {
	color: #660;
	font-size: 140%;
	font-weight: bold;
}