@charset "UTF-8";

body{
	margin: 0px;
	padding: 0px;
}
p{
	margin: 0px;
	padding: 0px;
}

#topnavi{
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 5px;
	background-color: #fc0606;
	color: #ffffff;
	text-align: center;
	position: fixed;/* 位置を固定する */
	top: 0; /* 位置を画面の一番上にする */
	z-index: 10;/* 重なり順の設定 */
}

.setsumei{
	width: 350px;
	margin-top: 100px;
	margin-bottom: 100Px;
	margin-left: auto;
	margin-right: auto;
}

.absolute{
	width: 100%;
	background-color: #e2e2e2;
	position:relative;
	padding: 5px;
}

.haikei_pattern{
	background-color: #ecc828;
	width: 250px;
	height: 250px;
}

.green{
	background-color: #286131;
	width: 250px;
	height: 250px;
}

.green1{
	background-color: #286131;
	width: 240px;
	height: 240px;
	position: absolute;
	top: 100px;/*←親要素の上からの位置*/
	left: 100px;/*←親要素の左からの位置*/
	color: #ffffff;
	padding: 5px;
}

.green2{
	background-color: #286131;
	width: 240px;
	height: 240px;
	position: absolute;
	top: 100px;
	left: 50px;
	transform: rotate(45deg);/*←角度の設定*/
	color: #ffffff;
	padding: 5px;
}

.green3{
	background-color: #286131;
	width: 240px;
	height: 240px;
	position: absolute;
	top: 100px;
	left: 50px;
	transform: rotate(45deg);/*←角度の設定*/
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);/*←影の設定*/
	color: #ffffff;
	padding: 5px;
}