@charset "shift_jis";

/* base styles */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
  margin: 0;
  padding: 0;
  color: #333;
  font-style:normal;
  font-family:
    "メイリオ",
    Meiryo,
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro W3",
    Osaka,
    "ＭＳ Ｐゴシック",
    "MS P Gothic",
    sans-serif;
  }
* html * {
  font-family: "メイリオ", Meiryo, sans-serif;
  }

img {
  border: 0;
  }

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


/* ページ全体への指定
----------------------------------------- */
body {
  font-size: 16px;
  line-height:1.3;
  background:#eaeaea url(../img/body-bak.gif);
  }

p {
  margin:0 140px 20px;
  font-size:18px;
  line-height:1.6;
  }


/* リンク色
----------------------------------------- */
a,
a:link,
a:visited {
  color: #333;
  }
a:hover,
a:focus,
a:active {
  color:#ff7f00;
  }
#foot address a,
#foot address a:link,
#foot address a:visited {
  color: #fff;
  }
#foot address a:hover,
#foot address a:focus,
#foot address a:active {
  color:#333;
  }


/* コンテンツ領域
----------------------------------------- */
#wrap {
  margin:0 auto;
  width:880px;
  background:url(../img/wrap-bak.gif) center top repeat-y;
  }


/* トップ部分
----------------------------------------- */
#head-1 {
  margin-bottom:17px;
  padding-top:23px;
  background:url(../img/1/head.gif) no-repeat;
  }
#head-2 {
  margin-bottom:30px;
  padding:23px 140px 0;
  background:url(../img/2/head.jpg) no-repeat;
  }
#head-3 {
  margin-bottom:18px;
  padding:0 132px 0 136px;
  background:url(../img/3/head.jpg) no-repeat;
  }

#head-3 #head-inner {
  background:url(../img/3/head-inner.gif) #52942a;
  }

.head h1 {
  font-size:64px;
  font-weight:bold;
  line-height:1.12;
  letter-spacing:-2px;
  text-align:center;
  }
#head-1 h1 {
  margin:0 140px 30px;
  padding:19px 12px 15px;
  color:#2255a4;
  background:url(../img/1/h1-bak.jpg) repeat-x #fff;
  border-bottom:1px solid #97cf98;
  }
#head-2 h1 {
  padding:33px 12px 18px;
  color:#fff;
  background:url(../img/2/h1-bak.jpg) repeat-x #5cb324;
  border-bottom:7px solid #99cf16;
  }
#head-3 h1 {
  padding:36px 14px 9px;
  color:#fff;
  text-align:center;
  font-weight:normal;
  background:url(../img/3/h1-bak.jpg) no-repeat;
  }


/* 商品説明
----------------------------------------- */
#head-1 #blog-des {
  margin:0 140px;
  padding-bottom:26px;
  border-bottom:1px solid #97cf98;
  }
#head-3 #blog-des {
  padding:0 0 20px;
  background:url(../img/3/blog-des.gif) no-repeat left bottom;
  }

.head #blog-des p {
  margin:0;
  font-size:20px;
  line-height:1.4;
  text-align:center;
  }
#head-1 #blog-des p {
  padding:0 30px;
  }
#head-2 #blog-des p {
  margin-top:30px;
  text-align:center;
  }
#head-3 #blog-des p {
  margin:0 23px 0 19px;
  padding:13px 15px 8px;
  text-align:center;
  background:#fff;
  }


/* 横長バナー画像
----------------------------------------- */
#dammy-banner-top,
#dammy-banner-bottom {
  text-align:center;
  }

#dammy-banner-top p.banner-catch,
#dammy-banner-bottom p.banner-catch {
  margin:0;
  font-size:12px;
  }

#dammy-banner-top img,
#dammy-banner-bottom img {
  margin:0 auto 45px;
  }


/* 利用者の声
----------------------------------------- */
.voice {
  margin:0 140px 36px;
  padding:15px 18px 0;
  background:url(../img/voice-bak.jpg) repeat-x #fff;
  border:1px solid #c4c4c4;
  }

.voice dl {
  margin-bottom:30px;
  zoom:100%;
  }
.voice dl:after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
  }

.voice dt.face {
  margin:0 15px 5px 0;
  float:left;
  display:inline;
  }

.voice dd.voice-ttl {
  margin:0 0 8px;
  font-size:20px;
  line-height:1.3;
  font-weight:bold;
  }
.voice-1 dd.voice-ttl {
  color:#65bb55;
  }
.voice-2 dd.voice-ttl {
  color:#fe7f14;
  }
.voice-3 dd.voice-ttl {
  color:#a1120a;
  }

.voice dd.voice-name {
  margin:0 0 12px;
  font-size:16px;
  line-height:1.2;
  font-weight:bold;
  }

.voice dd.voice-des {
  line-height:1.6;
  font-size:16px;
  clear:both;
  }


/* お申し込みボタン（小）
----------------------------------------- */
.button-small a {
  margin:0 auto 50px;
  width:397px;
  height:56px;
  display:block;
  text-indent:-9999px;
  }
.button-small-1a a {
  background-image:url(../img/1/button-small-1a.gif);
  }
.button-small-1b a {
  background-image:url(../img/1/button-small-1b.gif);
  }
.button-small-1c a {
  background-image:url(../img/1/button-small-1c.gif);
  }
.button-small-2a a {
  background-image:url(../img/2/button-small-2a.gif);
  }
.button-small-2b a {
  background-image:url(../img/2/button-small-2b.gif);
  }
.button-small-2c a {
  background-image:url(../img/2/button-small-2c.gif);
  }
.button-small-3a a {
  background-image:url(../img/3/button-small-3a.gif);
  }
.button-small-3b a {
  background-image:url(../img/3/button-small-3b.gif);
  }
.button-small-3c a {
  background-image:url(../img/3/button-small-3c.gif);
  }
.button-small a:hover {
  background-position:0 -59px;
  }


/* 大見出し
----------------------------------------- */
.large-head {
  margin:0 139px 30px 140px;
  background:url(../img/h2-top.jpg) no-repeat;
  }

.large-head h2 {
  padding:11px 20px 10px;
  line-height:1.1;
  font-size:38px;
  font-weight:bold;
  letter-spacing:-1px;
  background:url(../img/h2-bttm.jpg) no-repeat left bottom;
  text-align:center;
  }
.large-head-1 h2 {
  color:#2255a4;
  }
.large-head-2 h2 {
  color:#66b934;
  }
.large-head-3 h2 {
  color:#1c2a8f;
  }


/* イメージ画像回り込み
----------------------------------------- */
.right-img,
.left-img {
  zoom:100%;
  }
.left-img:after,
.right-img:after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
  }

.right-img {
  margin:0 123px 30px 140px;
  }
.right-img p {
  margin-right:17px;
  margin-left:0;
  }

.left-img {
  margin:0 140px 10px 123px;
  }
.left-img p {
  margin-right:0;
  margin-left:17px;
  }

.right-img img.life-img {
  margin:0 0 0 10px;
  display:inline;
  float:right;
  }
.left-img img.life-img {
  margin:0 10px 5px 5px;
  display:inline;
  float:left;
  }


/* 中見出し
----------------------------------------- */
p.small-head {
  font-size:22px;
  font-weight:bold;
  line-height:1.1;
  }
p.small-head-1 {
  margin-top:10px;
  margin-bottom:16px;
  padding:25px 5px 0 26px;
  color:#65bb55;
  background:url(../img/1/small-head.gif) no-repeat;
  }
p.small-head-2 {
  margin-top:15px;
  margin-bottom:16px;
  padding:23px 5px 0 26px;
  color:#fe7f14;
  background:url(../img/2/small-head.jpg) no-repeat;
  }
p.small-head-3 {
  margin-top:15px;
  margin-bottom:16px;
  padding:23px 5px 0 26px;
  color:#1c2a8f;
  background:url(../img/3/small-head.jpg) no-repeat;
  }

.left-img p.small-head {
  padding:0;
  background:none;
  }
.left-img p.small-head-1 {
  margin-top:25px;
  }
.left-img p.small-head-2,
.left-img p.small-head-3 {
  margin-top:30px;
  }

.left-img p.small-head span {
  padding-top:16px;
  padding-left:26px;
  line-height:2;
  }
.left-img p.small-head-1 span {
  background:url(../img/1/small-head.gif) no-repeat;
  }
.left-img p.small-head-2 span {
  background:url(../img/2/small-head.jpg) no-repeat;
  }
.left-img p.small-head-3 span {
  background:url(../img/3/small-head.jpg) no-repeat;
  }


/* チェックリスト
----------------------------------------- */
.check-list {
  margin:0 161px 45px 158px;
  padding:17px 0 0 0;
  }
.check-list-1 {
  background:url(../img/1/check-top.gif) no-repeat;
  }
.check-list-2 {
  background:url(../img/2/check-top.gif) no-repeat;
  }
.check-list-3 {
  background:url(../img/3/check-top.gif) no-repeat;
  }

.check-list ul {
  padding-bottom:41px;
  background:url(../img/check-bttm.gif) no-repeat left bottom;
  }

.check-list li {
  margin:0 24px 0 51px;
  padding:17px 0 9px 48px;
  list-style:none;
  line-height:1.2;
  font-size:22px;
  font-weight:bold;
  border-bottom:1px dashed #8e8e8e;
  }
.check-list-1 li {
  background:url(../img/1/check-mark.gif) no-repeat 6px 17px;
  }
.check-list-2 li {
  background:url(../img/2/check-mark.gif) no-repeat 6px 17px;
  }
.check-list-3 li {
  background:url(../img/3/check-mark.gif) no-repeat 6px 17px;
  }


/* 価格エリア
----------------------------------------- */
.price-1 {
  margin:0 145px 45px 136px;
  padding:21px 0 0 220px;
  background:url(../img/1/price-bak.jpg) no-repeat;
  }
.price-2 {
  margin:0 205px 20px;
  padding:19px;
  border-width:1px 2px;
  border-style:solid;
  border-color:#fe8014 #febf89;
  }
.price-3 {
  margin:0 205px 20px;
  padding:19px;
  border-width:1px 2px;
  border-style:solid;
  border-color:#9f120b #cf8885;
  }

.price-1 .price-inner {
  padding-left:14px;
  border-left:10px solid #fe6613;
  }
.price-2 .price-inner {
  padding:20px 33px 18px;
  background:url(../img/2/price-inner.jpg) repeat-x #fe8014;
  }
.price-3 .price-inner {
  padding:20px 33px 18px;
  background:url(../img/3/price-inner.jpg) repeat-x #9f120b;
  }

.price p#catch {
  margin:0;
  font-size:24px;
  font-weight:bold;
  line-height:1.2;
  }
.price-2 p#catch,
.price-3 p#catch {
  margin-bottom:15px;
  color:#fff;
  }

.price p#item-name {
  margin:0;
  font-size:46px;
  font-weight:bold;
  line-height:1.1;
  }
.price-1 p#item-name {
  color:#fe6613;
  }
.price-2 p#item-name,
.price-3 p#item-name {
  color:#fff;
  }

.price p#item-price {
  margin:0;
  font-size:34px;
  font-weight:bold;
  line-height:1.1;
  }
.price-1 p#item-price {
  margin-bottom:15px;
  color:#fe6613;
  }
.price-2 p#item-price,
.price-3 p#item-price {
  margin-bottom:20px;
  color:#fff;
  }

.price p#item-price span.yen {
  font-size:30px;
  }

.price p#item-des {
  margin:0;
  font-size:16px;
  line-height:1.6;
  }
.price-3 p#item-des {
  color:#fff;
  }


/* お申し込みボタン（大）
----------------------------------------- */
.button-large {
  margin:0 auto 45px;
  width:475px;
  }

.button-large a {
  width:475px;
  height:66px;
  display:block;
  text-indent:-9999px;
  background-repeat:no-repeat;
  }
.button-large-1a a {
  background-image:url(../img/1/button-large-1a.gif);
  }
.button-large-1b a {
  background-image:url(../img/1/button-large-1b.gif);
  }
.button-large-1c a {
  background-image:url(../img/1/button-large-1c.gif);
  }
.button-large-2a a {
  background-image:url(../img/2/button-large-2a.gif);
  }
.button-large-2b a {
  background-image:url(../img/2/button-large-2b.gif);
  }
.button-large-2c a {
  background-image:url(../img/2/button-large-2c.gif);
  }
.button-large-3a a {
  background-image:url(../img/3/button-large-3a.gif);
  }
.button-large-3b a {
  background-image:url(../img/3/button-large-3b.gif);
  }
.button-large-3c a {
  background-image:url(../img/3/button-large-3c.gif);
  }
.button-large a:hover {
  background-position:0 -67px;
  }


/* Q&A
----------------------------------------- */
dl.qa {
  margin:0 140px 30px;
  border-width:1px 0 0 0;
  border-style:solid;
  background:#fff;
  }
.qa-1 {
  border-color:#97cf98;
  }
.qa-2,
.qa-3 {
  border-color:#bfbfbf;
  }

dl.qa dt {
  margin:20px 0 0;
  padding:0 28px 18px 83px;
  font-size:22px;
  font-weight:bold;
  line-height:1.3;
  }
dl.qa-1 dt {
  color:#65bb55;
  background:url(../img/1/qa-q.gif) no-repeat;
  }
dl.qa-2 dt {
  color:#fe7f14;
  background:url(../img/2/qa-q.jpg) no-repeat;
  }
dl.qa-3 dt {
  color:#a1120a;
  background:url(../img/3/qa-q.gif) no-repeat;
  }

dl.qa dd {
  padding:0 28px 20px 83px;
  line-height:1.6;
  font-size:16px;
  border-width:0 0 1px;
  border-style:solid;
  }
dl.qa-1 dd {
  background:url(../img/1/qa-a.gif) no-repeat #fff;
  border-color:#97cf98;
  }
dl.qa-2 dd {
  background:url(../img/2/qa-a.jpg) no-repeat #fff;
  border-color:#bfbfbf;
  }
dl.qa-3 dd {
  background:url(../img/3/qa-a.gif) no-repeat #fff;
  border-color:#bfbfbf;
  }


/* フッター
----------------------------------------- */
#foot {
  margin:0 90px;
  }
.life-1 #foot {
  background:#65bb55;
  }
.life-2 #foot {
  background:#fea62b;
  }
.life-3 #foot {
  background:#9c9c9c;
  }

#foot address {
  padding:27px 14px 10px 0;
  font-size:11px;
  text-align:right;
  color:#fff;
  }


/* その他個別の指定
----------------------------------------- */
#wrap .center * {
  margin-left:auto;
  margin-right:auto;
  }
#wrap .center {
  text-align:center;
  }

#wrap .to-right * {
  margin-left:auto;
  margin-right:0;
  }
#wrap .to-right {
  text-align:right;
  }
#wrap .float-right {
	margin-bottom:10px;
	margin-left:10px;
	float:right;
	display:inline;
	}
#wrap .float-left {
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	display:inline;
	}
#wrap .clr {
	clear:both;
	}


/* 文字の修飾
----------------------------------------- */
#wrap .black { color:black !important }
#wrap .gray { color:gray !important }
#wrap .blue { color:blue !important }
#wrap .red { color:red !important }
#wrap .yellow { color:yellow !important }
#wrap .green { color:green !important }
#wrap .purple { color:purple !important }
#wrap .pink { color:pink !important }
#wrap .orange { color:orange !important }
#wrap .white { color:white !important }
#wrap .black-back { background-color:black !important }
#wrap .yellow-back { background-color:yellow !important }
#wrap .pink-back { background-color:#ff00ff !important }
#wrap .green-back { background-color:#00ff00 !important }
#wrap .blue-back { background-color:#00ffff !important }
#wrap .underline { text-decoration:underline !important }
#wrap .bold { font-weight:bold !important }
#wrap .centerline { text-decoration:line-through !important }
#wrap .xx-small { font-size:58% !important }
#wrap .x-small { font-size:69% !important }
#wrap .small { font-size:83% !important }
#wrap .large { font-size:120% !important }
#wrap .x-large { font-size:144% !important }
#wrap .xx-large { font-size:172% !important }