@charset "utf-8";
/* CSS Document */
div#contents { position: relative;}
	div#contents div.contentBg {
		width: 100%;
		min-width: 1025px;
		height: 1205px;
		position: absolute;
		top: 0;
		z-index: 1;
	}
	div#contents div.bg01 {
		background: url(../images/index/indexBg.jpg) no-repeat, #000;
		background-position: center top;
	}
	div#contents div.bg02 {
		background: url(../images/index/indexBg2.jpg) no-repeat, #000;
		background-position: center top;
		opacity:0;
	}
	div#contents div.bg03 {
		background: url(../images/index/indexBg3.jpg) no-repeat, #000;
		background-position: center top;
		opacity:0;
	}
	div#contents div.bg04 {
		background: url(../images/index/indexBg4.jpg) no-repeat, #000;
		background-position: center top;
		opacity:0;
	}
	div#contents div.bg05 {
		background: url(../images/index/indexBg5.jpg) no-repeat, #000;
		background-position: center top;
		opacity:0;
	}
	div#contents div.bg06 {
		background: url(../images/index/indexBg6.jpg) no-repeat, #000;
		background-position: center top;
		opacity:0;
	}
	div#contents div#mainContents {
		width: 100%;
		min-width: 1025px;
		height: 1205px;
		position: absolute;
		top: 0;
		z-index: 10;
	}
	div#contents div#mainContents div#box01 {
		width: 100%;
		height:867px;
		padding: 68px 0 0 0;
	}
		div#contents div#mainContents div#box01 img, div#contents div#mainContents div#box01 > a {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		div#contents div#mainContents div#box01 > img, div#contents div#mainContents div#box01 > a {opacity: 0;}
		div#contents div#mainContents div#box01 img.img01 { margin-top: 0px;}
		div#contents div#mainContents div#box01 img.img02 { margin-top: 10px;}
		div#contents div#mainContents div#box01 img.img03 { margin-top: 8px;}
		div#contents div#mainContents div#box01 img.img04 { margin-top: 8px;}
		div#contents div#mainContents div#box01 img.img05 { margin-top: 10px;}
		div#contents div#mainContents div#box01 a.menu01 { margin-top: 45px;}
		div#contents div#mainContents div#box01 a.menu02 { margin-top: 25px;}
		div#contents div#mainContents div#box01 a.menu03 { margin-top: 25px;}
		div#contents div#mainContents div#box01 a.menu04 { margin-top: 25px;}
		div#contents div#mainContents div#box01 a.menu05 { margin-top: 25px;}
		div#contents div#mainContents div#box01 a.menu06 { margin-top: 25px;}
		div#contents div#mainContents div#box01 a.menu07 { margin-top: 25px;}
		div#contents div#mainContents div#box01 a.menu08 { margin-top: 25px;}
		div#contents div#mainContents div#box01 a.menu09 { margin-top: 40px;}
		div#contents div#mainContents div#box01 a.menu10 { margin-top: 14px;}
	div#contents div#mainContents div#box02 {
		width: 1025px;
		height:163px;
		margin: 0 auto;
		opacity: 0;
	}
		div#contents div#mainContents div#box02 div#infoBox {
			width: 505px;
			height:163px;
			background: url(../images/index/infoBg.png);
			float: left;
		}
			div#contents div#mainContents div#box02 div#infoBox div#infoBox01{
				width: 100%;
				height: 87px;
				margin-top: 22px;
			}
				div#contents div#mainContents div#box02 div#infoBox div#infoBox01 img {
					display: block;
					float: left;
					margin-left: 24px;
				}
				div#contents div#mainContents div#box02 div#infoBox div#infoBox01 div {
					width: 390px;
					height: 100%;
					float: right;
					margin-right: 24px;
					font-size: 14px;
					color: #fff;
					letter-spacing: 2px;
				}
					div#contents div#mainContents div#box02 div#infoBox div#infoBox01 div a {
						display: block;
						height: 23px;
						text-decoration: none;
						margin-bottom: 9px;
					}
					div#contents div#mainContents div#box02 div#infoBox div#infoBox01 div a span {
						display:block;
						float: left;
						font-size: 14px;
						color: #fff;
						line-height: 23px;
						letter-spacing: 2px;
					}
					div#contents div#mainContents div#box02 div#infoBox div#infoBox01 div a span.newsDate {
						width: 120px;
					}
					div#contents div#mainContents div#box02 div#infoBox div#infoBox01 div a span.title {
						width: 270px;
						white-space: nowrap; /* 空白で改行させない */
						overflow: hidden; /* はみ出た部分を表示しない */
						text-overflow: ellipsis; /* はみ出た場合に「…」を表示 */
						-webkit-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Safari用) */
						-o-text-overflow: ellipsis; /* はみ出た場合に「…」を表示 (Opera用) */
					}
				div#contents div#mainContents div#box02 div#infoBox div.morebtnbox {
					margin: 17px auto 0 auto;
				}
					div#contents div#mainContents div#box02 div#infoBox div.morebtnbox  a.more {
						display: block;
						width:182px;
						height:14px;
						float: right;
						margin-right: 20px;
					}
					div#contents div#mainContents div#box02 div#infoBox div.morebtnbox a.infoList01 {
						display: inline-block;
						width:182px;
						line-height: 14px;
						float: left;
						margin-right: 20px;
						text-decoration: none;
						color: #94AF7C;
						font-size: 14px;
						letter-spacing: 2px;
						margin-left: 90px;
					}
		div#contents div#mainContents div#box02 a.bunner {
			display:block;
			float: left;
			margin-left: 11px;
		}
	div#contents div#mainContents div#snstBox {
		width: 97px;
		height: 25px;
		margin: 70px auto 0 auto;
	}
		div#contents div#mainContents div#snstBox a {
			display: block;
			width: 25px;
			height: 25px;
			float: left;
			margin-left: 11px;
		}
		div#contents div#mainContents div#snstBox a:nth-of-type(1) { margin-left: 0px; }
	div#contents div#footer02 {
		min-width: 1025px;
		position: absolute;
		top:1205px;
	}