/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
body {
  width: 640px;
  height: 100%;
}

div#root {
  width: 100%;
  min-width: 640px;
  background: #f8eed6;
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
div.note {
  background: url(./../img/textline_45.png);
  color: #5b9647;
  font-size: 21px;
  line-height: 45px;
  vertical-align: text-bottom;
  letter-spacing: 0px;
  padding-top: 2px;
  white-space: nowrap;
  text-align: left;
  width: 520px;
  margin: 0 auto;
}

div.note.white {
  background: url(./../img/textline_45_white.png);
  color: #FFF;
}

span.marker {
  background: #FF0;
  padding-top: 2px;
  padding-bottom: 1px;
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
h1, h2, h3, h4 {
  width: 100%;
  text-align: center;
  line-height: 0px;
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.intro {
  margin: 32px auto 36px auto;
}
.intro h2 {
  margin: 0px auto 0px auto;
}
.intro .note {
  margin: 31px auto 0px auto;
}

.about {
  margin: 0px auto 80px auto;
  background: url(./../img/bg_greenboard.png);
  width: 520px;
  padding-top: 38px;
  padding-bottom: 49px;
}
.about .note {
  width: 430px;
}
.about .note span.marker {
  color: #FF0;
  background: transparent;
  padding: 0px;
}
.about .i-1 h3 {
  margin: 0px auto 26px auto;
}
.about .i-1 .img {
  margin-left: 101px;
  margin-right: 0px;
}
.about .i-1 .note {
  margin: 17px auto 46px auto;
}
.about .i-2 h3 {
  margin: 0px auto 19px auto;
}
.about .i-2 .img {
  margin-left: 46px;
  margin-right: 0px;
}
.about .i-2 .note {
  margin: 17px auto 0px auto;
}

.report {
  margin: 0px auto 75px auto;
  background: url(./../img/bg_note.png);
  width: 520px;
  padding-bottom: 42px;
}
.report h3 {
  top: -27px;
  margin-bottom: -27px;
}
.report .note {
  margin: 31px auto 30px auto;
  width: 430px;
}
.report .area-banner {
  margin: 0px auto 0px auto;
  width: 426px;
}
.report .area-banner a {
  display: block;
  width: 205px;
  height: 165px;
  line-height: 0px;
}
.report .area-banner a.to-blog {
  float: left;
}
.report .area-banner a.to-fb {
  float: right;
}

.theme {
  margin: 0px auto 55px auto;
  background: url(./../img/bg_note.png);
  width: 520px;
  padding-bottom: 42px;
}
.theme h3 {
  top: -27px;
  margin-bottom: -27px;
}
.theme .note {
  margin: 31px auto 30px auto;
  width: 430px;
}
.theme a,
.theme div.comingsoon {
  margin: 0px auto 0px auto;
  display: block;
  width: 426px;
  height: 130px;
  line-height: 0px;
}

div.banner-recipe-book {
  margin: 0px auto 60px auto;
  width: 518px;
  background: url(./../img/bg_note.png);
  line-height: 0px;
}
div.banner-recipe-book a {
  border-top: solid 1px transparent;
  display: block;
  width: 100%;
  height: 100%;
}
div.banner-recipe-book h4 {
  margin-top: 15px;
  width: 100%;
  text-align: center;
  line-height: 0px;
}
div.banner-recipe-book div.text {
  margin: 5px auto 10px auto;
  width: 448px;
  color: #5b9647;
  font-size: 18px;
  line-height: 30px;
  vertical-align: text-bottom;
  letter-spacing: 0px;
  padding-top: 0px;
  white-space: nowrap;
  text-align: left;
}
div.banner-recipe-book .to-detail {
  padding: 15px 127px 15px 127px;
  background: url(./../img/bg_greenboard.png);
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */