/* トップページcss */

@charset "UTF-8";

/* コンテンツヘッダー
==========================================*/
#contentsHeader {
	height: auto;
	background: #e8e8e8;
}


/* JSWトップヘッダーアニメ
==========================================*/
#topHeaderAnime {
	position: relative;
	width: 960px;
	height: 450px;
	margin: 0 auto 41px;
	background: #ffffe0;
	overflow: hidden;
}

/* === 判定カバー === */
#japanCover, #sunCover, #waterCover {
	position: absolute;
	width: 100%;
	height: 150px;
	z-index: 10;
	/*opacity: 0.2;}*/
}

#japanCover { top:0; left:0; /*background:#f00;*/ }
#sunCover { top:150px; left:0; /*background:#ff0;*/ }
#waterCover { top:300px; left:0; /*background:#00f;*/ }

/* === 下地部分 === */
#japan,
#sun,
#water {
	position: absolute;
	width: 100%;
	height: 150px;
	font-size: 300%;
	z-index: 0;
}

#japan { background:#e40011; top:0; }
#sun   { background:#ffe100; top:150px; }
#water { background:#008bd5; top:300px; }


/* === 文字部分 === */
.h-textJ, .h-textS, .h-textW {
	position: absolute;
	left:26px; 
	z-index: 5;
	opacity: 0;
	font-size: 300%;
	color: #fff;
}

.h-textJ { top:17px; }
.h-textS { top:167px; }
.h-textW { top:317px; }


/* === 画像部分 === */
#japanImage,
#sunImage,
#waterImage {
	position: absolute;
	/*top: 50px;
	right: 30px;
	z-index: 9;*/
	top: 0px;
	right: 0px;
	z-index: 0;
}



/* コンテンツ（各メニューリンク）
==========================================*/
#contents ul li {
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
#contents ul li:nth-child(3n) {
	margin-right: 0;
}

article#contents {
	margin-bottom: 22px;
}