/* =============================================================================
   index.html
============================================================================= */


/*____________________________

	MAIN IMAGE
	____________________________
*/
.mainImg {
	width: 100%;
	height: auto;
	max-height: 640px;
	margin: 0;
	padding: 0;
	line-height: 0;
	position: relative;
}
.mainImg>img {
	width: 100%;
	height: auto;
	max-height: 640px;
	margin: 0;
}
.mainImg span.effect {
	display: block;
	position: absolute;
	width: 337px;
	height: 408px;
	bottom: 48px;
	left: 50%;
	margin-left: -169px;
}
.mainImg span.effect img {
	display: none;
}

h2.leadTxt {
	background: url(../images/index/txt_lead.png) no-repeat;
	text-indent: -9999px;
	width: 960px;
	height: 27px;
	margin-bottom: 48px;
}
.introLink {
	padding: 0;
	list-style: none;
	margin-right: -24px;
}
.introLink li {
	float: left;
	margin-right: 24px;
}
.introLink li a {
	color: #fff;
	text-decoration: none;
	text-shadow: #000 -1px -1px;
	display: block;
	width: 304px;
	height: 208px;
	position: relative;
}
.introLink li a.company {
	background: url(../images/index/img_intro_01.jpg);
}
.introLink li a.outline {
	background: url(../images/index/img_intro_02.jpg);
}
.introLink li a.facilities {
	background: url(../images/index/img_intro_03.jpg);
}
.introLink li a span.linkTxt {
	background: rgba(0,0,0,.6);
	font-size: 110%;
	display: block;
	width: 272px;
	padding: 8px 16px;
	position: absolute;
	bottom: 0;
}
.introLink li a span.linkTxt span {
	font-size: 60%;
	position: absolute;
	right: 16px;
	top: 1.2em;
}