@charset "utf-8";

/* ============================================

Common

============================================ */

/* @footer
-------------------------------------------- */
#footer {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0 31px;
	background: transparent url(../image/bg_02.png) 0 0 repeat-x;
}
#ftLogo {
	margin: 0 0 10px;
}
#ftLogoToyota {
	float: left;
	width: 246px;
	height: 21px;
}
		#ftLogoToyota a {
			display: block;
			width: 103px;
			height: 21px;
			margin: 0 0 0 2px;
			background: transparent url(../images/lg_toyota_01.png) 0 2px no-repeat;
		}
#ftLogoLab {
	float: right;
	width: 226px;
	height: 15px;
	background: transparent url(../images/lg_lab_01.png) 0 0 no-repeat;
}
#ftCopyright {
	height: 9px;
	background: transparent url(../images/cr_01.png) 5px 0 no-repeat;
}


/* ============================================

Module

============================================ */

/* @home
-------------------------------------------- */
/* lead */
.homLead {
	padding: 51px 0 119px;
	background: transparent url(../images/bg_home_01.png) 50% 0 no-repeat;
}
		.homLead h1 {
			width: 940px;
			height: 117px;
			margin: 0 auto 39px;
			background: transparent url(../images/hl_home_01.png) 52px 0 no-repeat;
		}
.homLeadContent {
	width: 940px;
	margin: 0 auto;
}
		.homLeadContent div {
			float: left;
			width: 451px;
		}
		.homLeadContent h2 {
			height: 91px;
			margin: 0 0 34px;
			background: transparent url(../images/hl_home_02.png) 62px 0 no-repeat;
		}
		.homLeadContent dl {
			float: right;
			width: 461px;
			padding: 127px 0 0;
			background: transparent url(../images/bg_home_02.png) 0 127px no-repeat;
		}
		.homLeadContent dt {
			height: 27px;
			background: transparent url(../images/hl_home_03.png) 140px 9px no-repeat;
		}
		.homLeadContent dd {
			padding: 0 7px 7px;
		}
.homLeadProject {
	height: 168px;
	margin: 0 0 58px;
	background: transparent url(../images/im_home_01.png) 63px 0 no-repeat;
}
.homLeadLab {
	height: 55px;
	background: transparent url(../images/im_home_02.png) 63px 0 no-repeat;
}

/* event */
.homEvent {
	padding: 0 0 100px;
	background: transparent url(../images/bg_home_03.png) 50% 60px no-repeat;
}
.homEventContent {
	width: 940px;
	margin: 0 auto;
}
		.homEventContent h2 {
			height: 40px;
			margin: 0 0 69px;
			background: transparent url(../images/hl_home_04.png) 1px 0 no-repeat;
		}
		.homEventContent h3 {
			height: 91px;
			margin: 0 0 25px;
			background: transparent url(../images/hl_home_05.png) 46px 0 no-repeat;
		}
		.homEventContent ul {
			height: 50px;
			margin: 0 0 144px;
			background: transparent url(../images/im_home_03.png) 50px 0 no-repeat;
		}
		.homEventContent p {
			height: 46px;
			padding: 0 0 0 40px;
		}
				.homEventContent p a {
					display: block;
					width: 370px;
					height: 46px;
					background: transparent url(../images/bt_detail_01.png) 0 0 no-repeat;
				}
				.homEventContent p a:active,
				.homEventContent p a:hover {
					background-position: 0 -46px;
				}

/* metapolis */
.homMetapolis {
	width: 810px;
	margin: -9px auto 42px;
}
		.homMetapolis h2 {
			height: 13px;
			margin: 0 0 13px;
			background: transparent url(../images/hl_home_06.png) 0 0 no-repeat;
		}
		.homMetapolis p {
			margin: 0 0 15px;
		}
		.homMetapolis li {
			padding: 0 0 3px 30px;
			background: transparent url(../images/ic_arrow_01.png) 0 4px no-repeat;
		}


/* ============================================

Fix

============================================ */

/* @clearfix
-------------------------------------------- */
#ftLogo:after,
.homLeadContent:after {
	content: url(../images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
#ftLogo,
.homLeadContent {
	zoom: 1;
}

/* @hidefix
-------------------------------------------- */
#ftLogoToyota span,
#ftLogoLab span,
#ftCopyright span,
.homLead span,
.homEvent span,
.homEvent li,
.homMetapolis span {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}