@charset "utf-8";

.header {
  background-color: rgb(68, 138, 202);
  background-image: url("../images1/header.jpg");
  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);
  background-image: url("../images1/navi.png");
  position: absolute;
  left: 30px;
  top: 380px;
  width: 240px;
  height: 80px;
  z-index: 6;
}


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

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


.navi4 {
  border-radius: 10px;
  background-color: rgb(178, 136, 80);
  background-image: url("../images1/navi.png");
  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;
}

.Cafe {
  font-size: 48px;
  font-family: "Impact";
  color: rgb(89, 73, 63);
  line-height: 1.5;
  position: absolute;
  left: 73px;
  top: 384px;
  z-index: 26;
}

.Gallery {
  font-size: 48px;
  font-family: "Impact";
  color: rgb(89, 73, 63);
  line-height: 1.5;
  position: absolute;
  left: 73px;
  top: 494px;
  z-index: 25;
}

.Access {
  font-size: 48px;
  font-family: "Impact";
  color: rgb(89, 73, 63);
  line-height: 1.5;
  position: absolute;
  left: 73px;
  top: 604px;
  z-index: 24;
}

.Contact {
  font-size: 48px;
  font-family: "Impact";
  color: rgb(89, 73, 63);
  line-height: 1.5;
  position: absolute;
  left: 73px;
  top: 714px;
  z-index: 23;
}

.copy {
  font-size: 12px;
  font-family: "Meiryo";
  color: rgb(14, 5, 10);
  line-height: 1.994;
  text-align: center;
  position: absolute;
  left: 329px;
  top: 1090.429px;
  z-index: 30;
}


.Galleryt {
position: absolute;
  left: 341px;
  top: 328px;
  width: 230px;
  height: 45px;
  z-index: 27;
}

.Menu {
position: absolute;
  left: 34px;
  top: 330px;
  width: 123px;
  height: 40px;
  z-index: 28;
}

.Title {
position: absolute;
  left: 31px;
  top: 128px;
  width: 352px;
  height: 136px;
  z-index: 29;
}

