@charset "UTF-8";


/*------------Material---------------------------------------------------------------*/
div#Material div#tableList {
	width: 750px;
	margin: 30px auto 0;
	padding-bottom: 80px;
	background: url(../../img/arrow.png) no-repeat center bottom;
}
div#Material div#tableList table {
	width: 100%;
	border-collapse: collapse;
}
div#Material div#tableList table tr th,
div#Material div#tableList table tr td {
	width: auto;
	padding: 1em 2em;
	border: 1px solid #2a2b2b;
	text-align: left;
	vertical-align: middle;
}
div#Material div#tableList table tr th {
	font-weight: bolder;
	color: #fff;
}
div#Material div#tableList table tr#list01 th {
	background-color: #6a6a6a;
	text-align: center;
}
div#Material div#tableList table tr#list02 th { background-color: #072579; }
div#Material div#tableList table tr#list03 th { background-color: #004a99; }
div#Material div#tableList table tr td { white-space: nowrap; }
div#Material div#tableList ul li {
	list-style: none;
	margin-top: 0.35em;
	padding-left: 1em;
	line-height: 1.2;
	text-indent: -1em;
	font-size: 0.75em;
}

div#Material div#sample {
	width: 950px;
	margin: 20px auto 0;
}
div#Material div#sample div#TxtList {
	width: 750px;
	margin: 0 auto;
	padding: 1em 1.5em;
	background-color: #f00;
	color: #fff;
}
div#Material div#sample div#TxtList h3 {
	margin: 0 auto 20px;
	line-height: 1.2;
	text-align: center;
	font-size: 1.56em;
	font-weight: bolder;
}
div#Material div#sample div#TxtList h3 span {
	display: inline-block;
	min-width: 530px;
	padding-bottom: 0.35em;
	border-bottom: 6px solid #fff;
}
div#Material div#sample div#TxtList ul {
	width: 100%;
	list-style: none;
	line-height: 1.2;
	font-size: 1.31em;
	font-weight: bolder;
}
div#Material div#sample div#TxtList ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
div#Material div#sample div#TxtList ul li:before {
	padding-right: 0.3em;
	content: "\0030fb";
}
div#Material div#sample ul#PhoList {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Material div#sample ul#PhoList li {
	position: relative;
	width: 300px;
	margin-right: 25px;
	margin-top: 40px;
	float: left;
}
div#Material div#sample ul#PhoList li:nth-of-type(3n) { margin-right: 0; }
div#Material div#sample ul#PhoList li span {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0.25em 0;
	background-color: rgba(43, 43, 43, 0.6);
	left: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
}


/*------------Construction---------------------------------------------------------------*/
div#Construction ul {
	list-style: none;
	margin-top: 1em;
}
div#Construction ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	color: #f00;
}
div#Construction ul li:before {
	padding-right: 0.3em;
	content: "\0030fb";
}


/*------------Pattern---------------------------------------------------------------*/
div#Pattern ul > li {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#Pattern ul > li + li { margin-top: 25px; }
div#Pattern ul li strong {
	display: inline-block;
	padding: 0.15em 1em;
	background-color: #072579;
	text-align: center;
	font-size: 1.12em;
	font-weight: bolder;
	color: #fff;
}
div#Pattern ul li em {
	display: inline-block;
	padding: 0.15em 1em;
	font-size: 1.12em;
	font-weight: bolder;
}
div#Pattern ul li em span { color: #f00; }
div#Pattern ul li p {
	width: 288px;
	margin-top: 15px;
	margin-right: 55px;
	float: left;
}
div#Pattern ul li div {
	width: 423px;
	margin-top: 15px;
	margin-right: 30px;
	float: left;
}
div#Pattern ul li div.Check {
	width: 520px;
	min-height: 120px;
	padding-left: 100px;
	margin-right: 0;
	background: url(../../img/pattern_check.png) no-repeat left center;
}
div#Pattern ul li ol { padding-left: 1.5em; }
div#Pattern div#difference { margin-top: 55px; }
div#Pattern div#difference h3 {
	margin: 0 auto 20px;
	line-height: 1.2;
	font-size: 1.56em;
	font-weight: bolder;
	color: #072579;
}
div#Pattern div#difference h3 span {
	display: inline-block;
	min-width: 530px;
	padding-bottom: 0.35em;
	border-bottom: 6px solid #bfbfbf;
}
div#Pattern div#difference table {
	width: 100%;
	border-collapse: collapse;
}
div#Pattern div#difference table tr th,
div#Pattern div#difference table tr td {
	width: auto;
	padding: 0.5em 1em;
	border: 1px solid #2a2b2b;
	text-align: center;
	vertical-align: middle;
}
div#Pattern div#difference table tr th {
	background-color: #6a6a6a;
	color: #fff;
}
div#Pattern div#difference table tr td:nth-of-type(1) {
	white-space: nowrap;
	text-align: left;
}
div#Pattern div#difference p.sp01,
div#Pattern div#difference p.sp02 {
	margin-top: 0.35em;
	line-height: 1.2;
	font-size: 0.75em;
}
div#Pattern div#difference p.sp01 {
	padding-left: 1em;
	text-indent: -1em;
}
div#Pattern div#difference p.sp02 {
	padding-left: 2em;
	text-indent: -2em;
}


/*------------Point---------------------------------------------------------------*/
div#Point h3 {
	margin: 0 auto 20px;
	line-height: 1.2;
	font-size: 1.56em;
	font-weight: bolder;
	color: #072579;
}
div#Point h3 span {
	display: inline-block;
	min-width: 530px;
	padding-bottom: 0.35em;
	border-bottom: 6px solid #bfbfbf;
}
div#Point h4 {
	margin: 30px auto 10px;
	line-height: 1.2;
	font-size: 1.56em;
	font-weight: bolder;
	color: #072579;
}
div#Point table {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
}
div#Point table tr th,
div#Point table tr td {
	width: auto;
	padding: 0.5em 1em;
	border: 1px solid #2a2b2b;
	text-align: left;
	vertical-align: middle;
}
div#Point table tr th {
	background-color: #6a6a6a;
	white-space: nowrap;
	color: #fff;
}
div#Point table#Comparison tr th { width: 15%; }
div#Point table#Comparison tr:nth-of-type(1) td,
div#Point table#Comparison tr:nth-of-type(4) td { vertical-align: top; }
div#Point table#Comparison tr td {
	width: 28%;
	text-align: left;
}
div#Point table#Comparison tr td p {
	width: 150px;
	margin: 5px auto 0;
}
div#Point table#Comparison tr td sup { font-size: 0.75em; }
div#Point table#Criteria tr td ul li,
div#Point table#Comparison tr td ul li {
	list-style: none;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
div#Point table#Criteria tr td ul li:before {
	padding-right: 0.3em;
	content: "\0030fb";
}
div#Point table#Comparison tr td ul li:before {
	padding-right: 0.3em;
	content: "\0025cf";
}
div#Point div#Detail {
	width: 228px;
	margin: 20px auto 0;
}
div#Point div#Detail a {
	display: block;
	height: 44px;
	background: url(../../img/detail.png) no-repeat center top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}


/*------------Method---------------------------------------------------------------*/
div#Method p strong {
	font-size: 1.12em;
	font-weight: bolder;
	color: #072579;
}
div#Method p em { color: #072579; }
div#Method p span { color: #f00; }