@charset "UTF-8";
/* CSS Document */


body{
	font: 100%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 30px;
	margin-left: 30px;
}

* { margin:0px; padding:0px;}

.wrap{
	
	margin:0px; padding:0px;
}


.header{
	background: #CF3;
	height: 50px;
	width: 500px;
	margin-bottom: 20px;
}

.left_main{
	background: #96C;
	width: 330px;
	height: 350px;
	margin-top: 20px;
	margin-right: 20px;
	float: left;
}


.light_sidebar{
	width: 150px;
	background: #FC6;
	margin-top: 20px;
	float: left;
	background: #F96;
	}


.footer{
	height: 30px;
	width: 500px;
	margin-top: 20px;
	background: #09F;
	clear: left;
}


.left_main2{
	background: #96C;
	width: 330px;
	height: 350px;
	margin-top: 20px;
	margin-right: 20px;
	float: left;

	margin-bottom: 20px;
}


.light_sidebar2{
	width: 150px;
	background: #FC6;
	margin-top: 20px;
	float: left;
	background: #F96;
	margin-bottom: 20px;
	}
	
.relative-box {
	position: relative;
	width: 540px;
	background: #FC9;
	border: 1px solid #666;
	padding: 20px;
	margin-bottom: 500px;
}

.Z-index1-box {
	position: absolute;
	width: 500px;
	background: #CCC;
	border: 1px solid #666;
	margin: 0px;
	padding: 20px;
	z-index: 1;
	visibility: visible;
	top: 20px;
}
.Z-index2-box {
	position: absolute;
	width: 500px;
	background: #CCC;
	border: 1px solid #666;
	margin: 0px;
	padding: 20px;
	z-index: 2;
	visibility: hidden;
	top: 20px;
}


.left_main3{
	background: #96C;
	width: 330px;
	height: 350px;
	margin-top: 20px;
	margin-right: 20px;
	float: left;
}


.light_sidebar3{
	width: 150px;
	background: #FC6;
	margin-top: 20px;
	float: left;
	background: #F96;
	}
	
.footer3{
	height: 30px;
	width: 500px;
	margin-top: 20px;
	background: #09F;
	clear: left;
}