@charset "UTF-8";

/*
=====================================================================
	アイホーム　zeh
=====================================================================
*/


/* ============================================================================================== */
@media print, screen and (min-width:641px) {



/* contents
---------------------------------------------------------------------- */
/* h2 */
#contents h2{
	text-align:center;
	margin-bottom:30px;
	}

/* h3 */
#contents h3{
	font-weight:bold;
	margin-bottom:30px;
	padding:10px 15px 10px;
	font-size:24px;
	color:#fff;
	}

	#contents h3.green{
		background:#007936;
		}

	#contents h3.blue{
		background:#009fe8;
		}

/* h4 */
#contents h4{
	font-weight:bold;
	margin-bottom:30px;
	border-bottom:2px solid #000;
	padding:0 0 10px;
	font-size:23px;
	line-height:110%;
	}

/* table */
#contents table{
	font-size:14px;
	width:980px;
	margin-bottom:10px;
	border-collapse:collapse;
	font-weight:bold;
	}

	#contents table caption{
		font-weight:bold;
		margin-bottom:10px;
		}

	#contents table th,
	#contents table td{
		text-align:center;
		padding:15px 10px;
		}

	/* green */
	#contents table.tgreen{
		border:1px solid #8dc21f;
		}

		#contents table.tgreen th,
		#contents table.tgreen td{
			border:1px solid #8dc21f;
			}

		#contents table.tgreen th{
			background:#ecf3d9;
			}

	/* orange */
	#contents table.torange{
		border:1px solid #f39700;
		}

		#contents table.torange th,
		#contents table.torange td{
			border:1px solid #f39700;
			}

		#contents table.torange th{
			background:#fcecd4;
			}

		#contents table.torange td.red{
			color:#ff1815;
			font-size:20px;
			}

/* builderList */
#contents p.builderList{
	font-size:24px;
	font-weight:bold;
	margin-bottom:60px;
	}

	#contents p.builderList a{
		background:#009fe8;
		display:block;
		padding:10px 15px;
		color:#fff;
		}

		#contents p.builderList a span{
			background:url(../../img/sec/zeh/arrow01.jpg) no-repeat center right;
			padding:8px 60px 8px 0;
			}

/* zecInfo */
#contents p.zecInfo{
	font-size:18px;
	margin-bottom:60px;
	text-align:right;
	}

	#contents p.zecInfo a{
		color:#000;
		text-decoration:underline;
		}

		#contents p.zecInfo a:hover{
			color:#ccc;
			}

}



/* ============================================================================================== */
@media screen and  (max-width:640px) {


/* contents
---------------------------------------------------------------------- */
/* h2 */
#contents h2{
	text-align:center;
	margin-bottom:30px;
	}

/* h3 */
#contents h3{
	font-weight:bold;
	margin-bottom:30px;
	padding:10px 15px 10px;
	font-size:18px;
	color:#fff;
	}

	#contents h3.green{
		background:#007936;
		}

	#contents h3.blue{
		background:#009fe8;
		}

/* h4 */
#contents h4{
	font-weight:bold;
	margin-bottom:30px;
	border-bottom:2px solid #000;
	padding:0 0 10px;
	font-size:16px;
	line-height:110%;
	}




/* table */
#contents table {
	width: 100%;
	font-size:16px;
	margin-bottom:20px;
	border-collapse:collapse;
	}

	#contents table tr {
		display: block;
		float: left;
		}

	#contents table tr td, 
	#contents table tr th {
		display: block;
		text-align:center;
		padding:10px 0;
		height:40px;
		}

	#contents table thead {
		display: block;
		float: left;
		width: 40%;
		}

	#contents table thead tr {
		width: 100%;
		}

	#contents table tbody {
		display: block;
		float: left;
		width: 60%;
		}

	#contents table tbody tr {
		width: 100%;
		}

	#contents table caption{
		font-weight:bold;
		margin-bottom:10px;
		}

	/* green */
	#contents table.tgreen th{
		background:#ecf3d9;
		}

	#contents table.tgreen th,
	#contents table.tgreen td{
		border:1px solid #8dc21f;
		}

	/* orange */
	#contents table.torange th{
		background:#fcecd4;
		}

	#contents table.torange th,
	#contents table.torange td{
		border:1px solid #f39700;
		}

		#contents table.torange td.red{
			color:#ff1815;
			font-size:20px;
			}

/* builderList */
#contents p.builderList{
	font-size:18px;
	font-weight:bold;
	margin-bottom:60px;
	}

	#contents p.builderList a{
		background:#009fe8;
		display:block;
		padding:10px 15px;
		color:#fff;
		}

		#contents p.builderList a span{
			background:url(../../img/sec/zeh/arrow01.jpg) no-repeat center right;
			padding:8px 60px 8px 0;
			}

/* zecInfo */
#contents p.zecInfo{
	font-size:14px;
	margin-bottom:60px;
	}

	#contents p.zecInfo a{
		color:#000;
		text-decoration:underline;
		}

		#contents p.zecInfo a:hover{
			color:#ccc;
			}


}