@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

body {
  background: #fff;
  color: #292929;
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

a {
  text-decoration: none;
}
a:hover img {
  opacity: .8;
}

.center {
  text-align: center;
}

.fl-l {
  float: left;
}

.fl-r {
  float: right;
}

#header #topText {
  background: #000;
}
#header #topText h1 {
  margin: 0 auto;
  width: 960px;
  color: #fff;
  font-size: 14px;
  line-height: 1.8;
}
#header #gnav {
  background: url(../img/bg_gold.png) repeat-x;
  height: 60px;
}
#header #gnav ul {
  margin: 0 auto;
  width: 960px;
  overflow: hidden;
}
#header #gnav ul li {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  background: url(../img/bg_navLine.png) no-repeat right bottom;
  float: left;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
}
#header #gnav ul li a {
  color: #292929;
  display: block;
  padding: 0 30px;
}
#header #gnav ul li:last-child {
  background: none;
}

#about {
  background: url(../img/about_bg.png) no-repeat center top;
}
#about .aboutWrap {
  margin: 0 auto;
  width: 960px;
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  height: 869px;
  padding-left: 45px;
}
#about h2 {
  font-size: 43px;
  padding-top: 30px;
}
#about h2 span {
  font-size: 59px;
}
#about h3 {
  margin-left: 20px;
}
#about .readText {
  font-size: 30px;
  margin-top: 440px;
}
#about .suave {
  font-size: 60px;
}
#about .suave span {
  font-size: 20px;
  margin-left: 10px;
}

#order {
  margin-top: 30px;
}

.orderBox {
  margin: 0 auto;
  width: 960px;
  border: 1px solid #a38562;
  margin: 0 auto 20px;
  overflow: hidden;
  position: relative;
}
.orderBox.suaveN {
  background: url(../img/order01_bg.png) repeat-x center;
}
.orderBox.suaveR {
  background: url(../img/order02_bg.png) repeat-x center;
}
.orderBox:before {
  content: url(../img/order_line.png);
  left: 0;
  position: absolute;
  top: 90px;
}
.orderBox .commodity {
  float: left;
  margin: 30px 0 0 45px;
}
.orderBox .commodity .text01 {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 20px;
}
.orderBox .commodity .text02 {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 25px;
}
.orderBox .commodity h2 {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 62px;
}
.orderBox .commodity h2 span {
  display: block;
  font-size: 20px;
}
.orderBox .commodity .capacity {
  font-size: 18px;
}
.orderBox .img {
  float: left;
  margin-top: 40px;
  overflow: hidden;
}
.orderBox .img p {
  float: left;
}
.orderBox .price {
  float: left;
  margin: 45px 0 0 30px;
}
.orderBox .price p {
  margin-bottom: 30px;
}

#make {
  margin: 0 auto;
  width: 960px;
  background: url(../img/make_bg.png) no-repeat bottom right;
  margin-top: 30px;
  padding: 0 0 70px 45px;
}
#make h2 {
  padding-top: 45px;
}
#make h3 {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 20px;
  margin: 20px 0;
}
#make p + p {
  margin-top: 1em;
}

#troble {
  margin: 0 auto;
  width: 960px;
  margin-top: 30px;
  position: relative;
}
#troble h2 {
  margin-bottom: 70px;
  text-align: center;
}
#troble .troble1 {
  left: 120px;
  position: absolute;
  top: 140px;
}
#troble .troble2 {
  position: absolute;
  right: 40px;
  top: 120px;
}
#troble .troble3 {
  bottom: 0;
  left: 50px;
  position: absolute;
}
#troble .troble4 {
  bottom: 0;
  position: absolute;
  right: 60px;
}

.titleBg1 {
  background: url(../img/bg_braun.png) repeat-x bottom;
  box-shadow: 0 10px 10px rgba(215, 215, 215, 0.8);
}

#mechanism h2 {
  text-align: center;
}
#mechanism h2 img {
  vertical-align: bottom;
}
#mechanism .balloon {
  margin: 0 auto;
  width: 960px;
  margin-top: 50px;
  overflow: hidden;
}
#mechanism .balloon li {
  float: left;
  margin: 0 20px;
}
#mechanism .mechanismText01 {
  border-bottom: 5px solid #cc2a1e;
  box-shadow: 0 10px 10px rgba(215, 215, 215, 0.8);
  text-align: center;
}
#mechanism .mechanismText02 {
  margin: 0 auto;
  width: 960px;
  margin-top: 40px;
  overflow: hidden;
}
#mechanism .mechanismText02 .fl-r {
  width: 40%;
}
#mechanism .mechanismText02 .fl-r p + p {
  margin-top: 1em;
}

#question {
  margin: 0 auto;
  width: 960px;
  background: url(../img/question_bg.png) no-repeat center 80px;
  margin-top: 60px;
}
#question h3 {
  text-align: center;
}
#question .questionText01 {
  margin-bottom: 70px;
}
#question .questionBox {
  margin-top: 50px;
  overflow: hidden;
}
#question .questionBox .fl-r {
  width: 700px;
}
#question .questionBox .fl-r .questionReason {
  margin-bottom: 30px;
  overflow: hidden;
}
#question .questionBox .fl-r .questionReason .numbar {
  float: left;
  margin-right: 10px;
}
#question .questionBox .fl-r .questionReason .text {
  float: left;
  width: 525px;
}
#question .questionBox .fl-r .questionReason .text h4 {
  border-bottom: 2px solid 	#777;
}
#question .questionBox .fl-r .questionReason .text p {
  line-height: 1.8;
  margin-top: 10px;
}
#question .oilBox {
  background: url(../img/question_wrap.png) no-repeat;
  height: 335px;
  overflow: hidden;
}
#question .oilBox .img {
  float: left;
  margin: 105px 30px 0px;
}
#question .oilBox .textBox {
  float: left;
  margin-top: 50px;
  width: 625px;
}
#question .oilBox .textBox h3 {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 24px;
  margin-bottom: 14px;
  text-align: left;
}
#question .oilBox .textBox h3 span {
  font-size: 35px;
}

#choice {
  margin-top: 30px;
}
#choice h2 {
  text-align: center;
}
#choice h2 img {
  vertical-align: bottom;
}
#choice ul {
  margin: 0 auto;
  width: 960px;
  overflow: hidden;
}
#choice ul li {
  background: #fdedf2;
  border-radius: 6px;
  box-shadow: 2px 4px 4px rgba(215, 215, 215, 0.8);
  float: left;
  height: 420px;
  margin-right: 20px;
  position: relative;
  width: 300px;
}
#choice ul li p {
  bottom: 20px;
  font-size: 14px;
  left: 40px;
  position: absolute;
  width: 240px;
}

#voice {
  margin: 50px 0 30px;
  position: relative;
}
#voice h2 {
  border-bottom: 10px solid #b88a0c;
  text-align: center;
  text-indent: 10em;
}
#voice h2:before {
  content: url(../img/voice_simbol01.png);
  left: 0px;
  position: absolute;
  top: -20px;
}
#voice .voiceInner {
  margin: 0 auto;
  width: 960px;
  margin-top: 50px;
}
#voice .voiceInner .voiceBox {
  background: #f6f4de;
  border: 1px solid #a6937c;
  margin-bottom: 30px;
  overflow: hidden;
}
#voice .voiceInner .voiceBox.topBox {
  padding: 30px;
}
#voice .voiceInner .voiceBox.topBox .voiceText {
  float: left;
  width: 695px;
}
#voice .voiceInner .voiceBox.topBox .voiceText p span {
  font-weight: bold;
}
#voice .voiceInner .voiceBox .voiceImg {
  float: left;
  margin-right: 30px;
  width: 165px;
}
#voice .voiceInner .voiceBox .voiceText h3 {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 27px;
}
#voice .voiceInner .voiceBox .voiceText p {
  background: url(../img/voice_bg.png);
  font-size: 18px;
  line-height: 36px;
}
#voice .voiceInner .voiceBox .voiceText p span {
  float: right;
}
#voice .voiceInner .col6 {
  margin-right: -30px;
  overflow: hidden;
}
#voice .voiceInner .col6 .voiceBox {
  float: left;
  height: 108px;
  margin-right: 30px;
  padding: 30px 15px 35px;
  position: relative;
  width: 268px;
}
#voice .voiceInner .col6 .voiceBox span {
  bottom: 0;
  font-weight: 100;
  position: absolute;
  right: 15px;
}

#sNav {
  background: url(../img/bg_gold.png);
  height: 60px;
}
#sNav ul {
  margin: 0 auto;
  width: 960px;
  overflow: hidden;
}
#sNav ul li {
  float: left;
  line-height: 60px;
  padding: 0 19px;
}
#sNav ul li a {
  color: #292929;
}
#sNav ul li a:hover {
  color: #428bca;
}

#copyright {
  background: #000;
  color: #fff;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
}