@charset "UTF-8";
body {
  background-color: #96D0CE;
}

a {
  text-decoration: none;
}

main {
  margin: 50px auto 0px;
  width: 690px;
  height: auto;
}

#top {
  width: 690px;
  display: flex;
  justify-content: flex-end;
}
#top .note_l {
  width: 43px;
  height: 40px;
  background-image: url("../../image/note_image/t_left.png");
  background-repeat: no-repeat;
}
#top .note_c {
  width: 554px;
  height: 40px;
  background-image: url("../../image/note_image/t_center.png");
  background-repeat: repeat-x;
}
#top .note_r {
  width: 58px;
  height: 40px;
  background-image: url("../../image/note_image/t_right.png");
  background-background-repeat: no-repeat;
}

#content {
  width: 690px;
  display: flex;
  justify-content: center;
  /*##########　このエリア本体CSS　##########*/
}
#content .left {
  width: 78px;
  height: auto;
  background-image: url("../../image/note_image/left.png");
  background-background-repeat: repeat-y;
}
#content .right {
  width: 58px;
  height: auto;
  background-image: url("../../image/note_image/right.png");
}

#under {
  width: 690px;
  display: flex;
  justify-content: flex-end;
}
#under .note_u_l {
  width: 43px;
  height: 40px;
  background-image: url("../../image/note_image/u_left.png");
  background-repeat: no-repeat;
}
#under .note_u_c {
  width: 554px;
  height: 40px;
  background-image: url("../../image/note_image/u_center.png");
  background-repeat: repeat-x;
}
#under .note_u_r {
  width: 58px;
  height: 40px;
  background-image: url("../../image/note_image/u_right.png");
  background-repeat: no-repeat;
}

#foo {
  margin: 40px auto 25px;
  width: 690px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Noto Serif JP','Sawarabi Mincho', serif;
  color: #1F334C;
  line-height: 18px;
  text-align: center;
}
#foo .c_name {
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Noto Serif JP','Sawarabi Mincho', serif;
  color: #1F334C;
  line-height: 18px;
  text-align: center;
}