@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 {
  padding-bottom:10px;
  font-size: 13px;
  background:#eee9c8 url(../img/body-bak.gif);
  }

p {
  margin-bottom:10px;
  font-size:13px;
  line-height:1.5;
  }


/* リンク色
----------------------------------------- */
a,
a:link,
a:visited {
  color: #1f78b4;
  }
a:hover,
a:focus,
a:active {
  color:#af3095;
  }

/* 大枠
----------------------------------------- */
#wrap {
  margin:0 auto;
  width:762px;
  background:url(../img/wrap-bak.gif) repeat-y;
  position:relative;
  }


/* ヘッダー部分
----------------------------------------- */
#head {
  width:762px;
  height:269px;
  background:url(../img/head.jpg) no-repeat center bottom;
  position:relative;
  }
#head h1,
#head #ettl {
  padding:35px 26px 0 66px;
  height:34px; /* 実寸69px; */
  font-size:24px;
  font-weight:bold;
  line-height:1.2;
  letter-spacing:-2px;
  color:#fff;
  background:url(../img/h1-bak.gif) no-repeat;
  }
#head h1 a,
#head #ettl a {
  color:#fff;
  text-decoration:none;
  }
#head h1 a:hover,
#head #ettl a:hover {
  color:#ffff41;
  text-decoration:underline;
  }
#head p#head-des {
  margin:0;
  width:284px;
  font-size:16px;
  line-height:1.9;
  color:#666;
  position:absolute;
  top:105px;
  left:54px;
  }
#head p#head-des span {
  border-bottom:1px dashed #666;
  }


/* ナビゲーションバー
----------------------------------------- */
#navi {
  width:750px;
  height:30px !important;
  background:url(../img/nav-bak.jpg) repeat-x;
  overflow:hidden;
  position:absolute;
  top:269px;
  left:6px;
  }
#navi ul {
  padding:5px 0 0 16px;
  }
#navi li {
  padding:0 20px 0 15px;
  list-style:none;
  display:inline;
  background:url(../img/nav-head.gif) no-repeat left center;
  }
#navi li a {
  text-decoration:none;
  color:#fff;
  font-size:13px;
  }
#navi li a:hover {
  color:#ffff41;
  }


/* 右コンテンツ領域
----------------------------------------- */
#content {
  padding:55px 14px 26px 33px;
  width:504px; /* 実際の領域は551px */
  overflow:hidden;
  float:right;
  zoom:100%;
  }
#content:after {
  content:".";
  height:0px;
  clear:both;
  display: block;
  visibility:hidden;
  }


/* 枠囲みオススメ商品
----------------------------------------- */
.rec-table {
  margin:0 0 20px;
  padding-bottom:8px;
  width:504px;
  background:url(../img/rec-table-bak.gif) left bottom no-repeat;
  }
.rec-table p {
  margin-left:21px;
  margin-right:21px;
  }
.rec-table .rec-head {
  padding-top:21px;
  background:url(../img/rec-head.gif) no-repeat;
  }
.rec-table .rec-head a {
  color:#af3095;
  }
.rec-table .rec-head a:hover {
  color:#ffff41;
  }
p.head-name {
  margin-bottom:0;
  padding:0 0 8px 85px;
  color:#b01953;
  font-weight:bold;
  font-size:18px;
  }
p.head-des {
  font-size:12px;
  }
.button-box {
  margin:0 0 0 auto;
  }
.rec-table .button-box {
  margin:0 12px 8px auto;
  }
.to-more a,
.to-affi a {
  width:155px;
  height:33px;
  display:block;
  background-repeat:no-repeat;
  text-indent:-10000px;
  }
.to-more a {
  background-image:url(../img/to-more.gif);
  }
.affi-a a {
  background-image:url(../img/to-affi-a.gif);
  }
.affi-b a {
  background-image:url(../img/to-affi-b.gif);
  }
.rec-more a {
  background-image:url(../img/rec-to-more.gif);
  }
.rec-affi-a a {
  background-image:url(../img/rec-to-affi-a.gif);
  }
.rec-affi-b a {
  background-image:url(../img/rec-to-affi-b.gif);
  }


/* 人気サロン見出し
----------------------------------------- */
p.ranking-head {
  margin-bottom:16px;
  padding:10px 12px 0;
  font-weight:bold;
  font-size:18px;
  line-height:1.1;
  color:#af3095;
  background:url(../img/ranking-head.jpg) repeat-x;
  }


/* 人気サロン
----------------------------------------- */
.pop-area {
  margin-bottom:20px;
  }
.pop-area p.pop-title {
  padding:2px 0 4px 38px;
  font-size:16px;
  font-weight:bold;
  line-height:1.2;
  background:url(../img/pop-title.gif) no-repeat;
  border-bottom:1px solid #1f78b4;
  }
.pop-area p.pop-title a {
  text-decoration:none;
  }
.pop-banner {
  text-align:center;
  }


/* 中見出し・兼・個別の大見出し
----------------------------------------- */
.headline-2 {
  margin-bottom:12px;
  width:504px;
  background:url(../img/h2-top.gif) no-repeat;
  }
.headline-2 h2,
.headline-2 h1 {
  padding:36px 20px 20px;
  font-weight:bold;
  font-size:20px;
  color:#1f78b4;
  line-height:1.2;
  text-align:center;
  background:url(../img/h2-bttm.gif) no-repeat left bottom;
  }


/* ページトップに戻るのリンク
----------------------------------------- */
p.to-top {
  font-size:11px;
  text-align:right;
  }
p.to-top a {
  text-decoration:none;
  }
p.to-top a:hover {
  text-decoration:underline;
  }


/* 個別ページの指定
----------------------------------------- */
/* 個別ページのヘッダー
----------------------------------------- */
#epage #head,
#link-page #head,
#tuhan-page #head {
  height:69px;
  background:none;
  }

/* 個別ページのナビゲーションバー
----------------------------------------- */
#epage #navi,
#link-page #navi,
#tuhan-page #navi {
  top:69px;
  }

/* 飾り罫
----------------------------------------- */
img.kei {
  margin:30px auto;
  display:block;
  }

/* 中見出し
----------------------------------------- */
#link-page h3,
#tuhan-page h3,
#epage h2 {
  margin:15px 0 10px;
  padding:2px 0 4px 38px;
  font-size:16px;
  font-weight:bold;
  line-height:1.2;
  background:url(../img/pop-title.gif) no-repeat;
  border-bottom:1px solid #67c6dd;
  color:#1f78b4;
  }

/* 小見出し
----------------------------------------- */
#epage #content h3 {
  margin-bottom:6px;
  font-size:14px;
  font-weight:bold;
  color:#1f78b4;
  }

/* 申し込みボタン大
----------------------------------------- */
#content .button-large-a a,
#content .button-large-b a,
#content .button-large-c a {
  margin:25px auto;
  width:335px;
  height:48px;
  display:block;
  text-indent:-9999px;
  background-repeat:no-repeat;
  }
#content .button-large-a a {
  background-image:url(../img/button-large-a.gif);
  }
#content .button-large-b a {
  background-image:url(../img/button-large-b.gif);
  }
#content .button-large-c a {
  background-image:url(../img/button-large-c.gif);
  }
#content .button-large-a a:hover,
#content .button-large-b a:hover,
#content .button-large-c a:hover {
  background-position:0 -48px;
  }


/* リンク集ページ
----------------------------------------- */
dl.link-page dt {
  margin-bottom:4px;
  padding-left:18px;
  font-size:14px;
  font-weight:bold;
  background:url(../img/link-dt.gif) no-repeat left center;
  }
dl.link-page dt a {
  text-decoration:none;
  color:#af3095;
  }
dl.link-page dt a:hover {
  color:#1f78b4;
  }
dl.link-page dd {
  margin-bottom:20px;
  }

/* 通販法のページ
----------------------------------------- */
 table.e-table {
  margin-bottom:16px;
  width:504px;
  }
 table.e-table th,
 table.e-table td {
  padding:9px 11px;
  border:1px solid #b2b2b2;
  }
 table.e-table th {
  background:#e5e5e5;
  text-align:left;
  }
 table.e-table td.e-table-head {
  background:#b3d7e8;
  font-size:14px;
  font-weight:bold;
  }


/* サイドバー
----------------------------------------- */
#side {
  padding:55px 0 20px 21px;
  width:190px; /* 実寸は211px */
  float:left;
  overflow:hidden;
  }


/* サイドバーのオススメ
----------------------------------------- */
#side-rec {
  margin:0 0 20px;
  width:195px;
  height:115px;
  background:url(../img/side-rec.gif);
  }
#side-rec p {
  padding-top:27px;
  text-align:center;
  }


/* サイドメニュー項目
----------------------------------------- */
#side .s-menu {
  margin-bottom:12px;
  padding-bottom:6px;
  background:#ccc;
  }
#side .s-menu dt {
  padding:9px 6px 6px 40px;
  color:#1f78b4;
  font-size:15px;
  font-weight:bold;
  line-height:1.1;
  background:url(../img/side-dt.gif) no-repeat;
  }
#side .s-menu dd {
  margin:0 6px;
  border-bottom:1px solid #ccc;
  }
#side .s-menu dd a {
  padding:3px 8px 3px 21px;
  display:block;
  text-decoration:none;
  color:#666;
  font-size:13px;
  background-image:url(../img/side-dd.gif);
  background-repeat:no-repeat;
  background-color:#fff;
  background-position:left center;
  }
#side .s-menu dd a:hover {
  background-color:#ffffb2;
  color:#34b3d1;
  }


/* フッター
----------------------------------------- */
#foot {
  height:46px;
  background:url(../img/foot.gif) no-repeat left bottom;
  clear:both;
  }
#foot address {
  padding:17px 18px 0 0;
  text-align:right;
  font-size:10px;
  display:block;
  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 }