@charset "utf-8";

/* --------------------------------------------------
	=schema
-------------------------------------------------- */

#schema {
	position: relative;
	width: 620px;
	height: 596px;
}

#schema .schema-element {
	position: absolute;
	width: 121px;
	text-align: center;
}

#schema .schema-element img {
	margin: 0 1px 3px 1px;
}

#schema .schema-zukai01 {
	top: 176px;
	left: 30px;
}

#schema .schema-zukai02 {
	top: 102px;
	left: 167px;
}

#schema .schema-zukai03 {
	top: 176px;
	left: 167px;
}

#schema .schema-zukai04 {
	top: 252px;
	left: 167px;
}

#schema .schema-zukai05 {
	top: 91px;
	right: 168px;
}

#schema .schema-zukai06 {
	top: 163px;
	right: 168px;
}

#schema .schema-zukai07 {
	top: 102px;
	right: 30px;
}

#schema .schema-zukai08 {
	top: 178px;
	right: 30px;
}

#schema .schema-zukai09 {
	top: 250px;
	right: 101px;
}

#schema .schema-zukai10 {
	top: 371px;
	left: 30px;
}

#schema .schema-zukai11 {
	top: 369px;
	left: 167px;
}

#schema .schema-zukai12 {
	top: 450px;
	left: 30px;
}

#schema .schema-zukai13 {
	top: 371px;
	right: 168px;
}

#schema .schema-zukai14 {
	top: 369px;
	right: 30px;
}

#schema-btn {
	text-align: center;
}

#schema-btn img {
	margin: 0 5px 10px 5px;
}

/* --------------------------------------------------
	=failure
-------------------------------------------------- */

#failure {
}

#failure .txt300 {
	width: 300px;
}

#failure .txt300 span {
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
}

#failure .txt300 p {
	padding:0 1em 0 0;
}

#failure-img {
}

/* --------------------------------------------------
	=success
-------------------------------------------------- */

#success {
}

#success .txt445 {
	width: 445px;
}

#success .txt445 span {
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
}

#success .txt445 p {
	padding:0 1em 0 0;
}

#success-img {
}

/* --------------------------------------------------
	=explain
-------------------------------------------------- */

#explain {
	padding:15px 0 0;
}


#explain table {
	border-top: solid 1px #979797;
	border-left: solid 1px #979797;
	width: 620px;
}

#explain table tr td {
	padding: 8px;
	border-bottom: solid 1px #979797;
	border-right: solid 1px #979797;
}

#explain table tr th {
	padding: 8px;
	border-bottom: solid 1px #979797;
	border-right: solid 1px #979797;
	text-align: center;
}

#explain table tr th.merit {
	width: 220px;
	color: #fff;
	background-color: #036eb5;
	font-size: 14px;
}

#explain table tr th.demerit {
	width: 220px;
	background-color: #cccccc;
	font-size: 14px;
}

#explain table tr td.head {
	background-color: #d5eeee;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

#explain table tr td ul.merit-list li {
	padding-left: 10px;
	background: url(../common/arrow.gif) no-repeat left 3px;
	font-size:115%;
	line-height: 1.5;
}

#explain table tr td ul.demerit-list li {
	padding-left: 10px;
	background: url(../common/arrow_gray.gif) no-repeat left 3px;
	font-size:115%;
	line-height: 1.5;
}