@charset "utf-8";
img {
	margin-top: 10px;
	margin-left: 10px;
}
.header {
  background-color: rgb(68, 138, 202);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1020px;
  height: 320px;
  z-index: 2;
}


.navi {
  background-color: rgb(137, 201, 151);
  position: absolute;
  left: 0px;
  top: 320px;
  width: 300px;
  height: 720px;
  z-index: 3;
}


.main {
  background-color: rgb(50, 177, 108);
  position: absolute;
  left: 300px;
  top: 320px;
  width: 720px;
  height: 720px;
  z-index: 4;
}


.side {
  background-color: rgb(0, 158, 150);
  position: absolute;
  left: 760px;
  top: 360px;
  width: 200px;
  height: 740px;
  z-index: 3;
}

.footer {
  background-color: rgb(160, 160, 160);
  position: absolute;
  left: 0px;
  top: 1040px;
  width: 1020px;
  height: 100px;
  z-index: 5;
}


.navi1 {
  border-radius: 10px;
  background-color: rgb(178, 136, 80);
  position: absolute;
  left: 30px;
  top: 380px;
  width: 240px;
  height: 80px;
  z-index: 6;
}


.navi2 {
  border-radius: 10px;
  background-color: rgb(178, 136, 80);
  position: absolute;
  left: 30px;
  top: 490px;
  width: 240px;
  height: 80px;
  z-index: 7;
}

.navi3 {
  border-radius: 10px;
  background-color: rgb(178, 136, 80);
  position: absolute;
  left: 30px;
  top: 600px;
  width: 240px;
  height: 80px;
  z-index: 8;
}


.navi4 {
  border-radius: 10px;
  background-color: rgb(178, 136, 80);
  position: absolute;
  left: 30px;
  top: 710px;
  width: 240px;
  height: 80px;
  z-index: 9;
}


.article1 {
  border-radius: 10px;
  background-color: rgb(234, 104, 162);
  position: absolute;
  left: 340px;
  top: 380px;
  width: 300px;
  height: 300px;
  z-index: 10;
}


.article2 {
  border-radius: 10px;
  background-color: rgb(234, 104, 162);
  position: absolute;
  left: 680px;
  top: 380px;
  width: 300px;
  height: 300px;
  z-index: 11;
}


.article3 {
  border-radius: 10px;
  background-color: rgb(234, 104, 162);
  position: absolute;
  left: 340px;
  top: 710px;
  width: 300px;
  height: 300px;
  z-index: 12;
}


.article4 {
  border-radius: 10px;
  background-color: rgb(234, 104, 162);
  position: absolute;
  left: 680px;
  top: 710px;
  width: 300px;
  height: 300px;
  z-index: 13;
}

