/*-------------------------------------*/
/* メインイメージ */
/*-------------------------------------*/

div#bgColor{
	background: #000 url("../images/bg_body.jpg") 0 0 repeat-x;;
	border-top: 1px solid #dedede;
	border-bottom: 0px solid #dedede;
}

div#mainImgBox{
	margin: 0 auto;
	text-align: left;
	width: 787px;
	min-height:300px;
	height: auto !important;
	height: 300px;
	position: relative;
}

div#mainImgBox div#mainMessageBox{
	width: 277px;
	min-height:381px;
	height: auto !important;
	height: 300px;
	background-color:#fff;
	border-left: 1px solid #dedede;
	border-right: 1px solid #efefef;
	z-index: 2;
	position: absolute;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

	div#mainImgBox div#mainMessageBox strong{
		font-weight: bold;
		font-size: 17px;
		display: block;
		padding: 90px 20px 10px;
	}
	div#mainImgBox div#mainMessageBox span{
		padding: 0 20px;
		display: block;
		line-height: 1.9;
	}



	/* ▼スライドショーのためのCSS */

<style type="text/css">
#slideshow {
	position: relative;
	width:  787px; /* 画像の横幅に合わせて記述 */
	height: 300px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
	position: absolute;
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
}
#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow img.last-active {
	z-index: 9;
}
</style>
}