@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:#fdcdce;
  }
p {
  margin-bottom:10px;
  font-size:13px;
  line-height:1.5;
  }
#content p {
  margin-right:7px;
  }


/* リンク色
----------------------------------------- */
a,
a:link,
a:visited {
  color: #f4368a;
  }
a:hover,
a:focus,
a:active {
  color:#4faace;
  }

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

/* ヘッダー部分
----------------------------------------- */
#head {
  width:770px;
  background:url(../img/head.gif) no-repeat;
  }
#head h1,
#head #ettl {
  margin-bottom:0;
  padding:68px 30px 10px;
  font-size:32px;
  font-weight:bold;
  line-height:1.2;
  letter-spacing:-2px;
  color:#f4368a;
  }
#head h1 a,
#head #ettl a {
  text-decoration:none;
  }
#head h1 a:hover,
#head #ettl a:hover {
  text-decoration:underline;
  }


/* ナビゲーションバー
----------------------------------------- */
#navi {
  padding:0 0 3px;
  width:720px;
  border-bottom:2px solid #9bc7df;
  position:absolute;
  top:0;
  left:25px;
  }
#navi ul {
  width:720px;
  height:25px !important;
  background:url(../img/nav-bak.gif) repeat-x;
  overflow:hidden;
  }
#navi li {
  padding:0 20px;
  list-style:none;
  display:inline;
  overflow:hidden;
  border-right:1px solid #acd3e6;
  line-height:25px;
  }
#navi li a {
  text-decoration:none;
  color:#fff;
  font-size:13px;
  }
#navi li a:hover {
  color:#ffff41;
  }


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


/* キャッチ文
----------------------------------------- */
.catch {
  width:504px;
  height:235px;
  background:url(../img/catch-bak.jpg) no-repeat;
  }
.catch p {
  margin:0 0 0 25px;
  padding-top:22px;
  width:202px;
  height:190px;
  font-size:16px;
  line-height:1.5;
  color:#666;
  overflow:hidden;
  }

/* PICK UP エリア
----------------------------------------- */
.rec-table {
  padding-top:67px;
  width:504px;
  background:url(../img/rec-table.gif) no-repeat;
  }
.rec-table p {
  margin-left:8px;
  margin-right:8px;
  }
.rec-table .rec-head {
  padding-top:21px;
  }
p.head-name {
  font-weight:bold;
  font-size:16px;
  }
p.head-des {
  font-size:12px;
  }
.button-box-outer {
  padding-bottom:12px;
  background:url(../img/rec-bttm.gif) no-repeat left bottom;
  }
.to-more,
.to-affi-a,
.to-affi-b {
  width:252px;
  height:41px;
  }
.to-more {
  padding-left:120px;
  }
.to-affi-a,
.to-affi-b {
  padding-right:120px;
  }
.to-more a,
.to-affi-a a,
.to-affi-b a {
  width:132px;
  height:41px;
  display:block;
  background-repeat:no-repeat;
  text-indent:-10000px;
  }
.to-more a {
  background-image:url(../img/to-more.gif);
  }
.to-affi-a a {
  background-image:url(../img/to-affi-a.gif);
  }
.to-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);
  }

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

/* 人気サロン見出し
----------------------------------------- */
.ranking-head {
  padding-top:18px;
  width:504px;
  background:url(../img/ranking-head-top.gif) no-repeat;
  }
.ranking-head p {
  margin-bottom:0;
  padding:0 20px 18px;
  width:464px; /* 実寸504px */
  font-weight:bold;
  font-size:20px;
  line-height:1.1;
  color:#fe7f26;
  background:url(../img/ranking-head-bttm.gif) no-repeat left bottom;
  }


/* 人気サロン
----------------------------------------- */
.pop-area {
  margin:5px 7px 20px;
  width:490px;
  border-bottom:1px solid #b2b2b2;
  }
.pop-area .pop-right {
  padding-right:15px;
  vertical-align:top;
  }
.pop-area .head-name {
  margin-bottom:4px;
  }
.pop-area .pop-des {
  margin-bottom:4px;
  }
.pop-area .button-box {
  margin-bottom:10px;
  }
.pop-area .to-more,
.pop-area .to-affi-a,
.pop-area .to-affi-b {
  width:245px;
  }
.pop-area .to-more {
  padding-left:113px;
  }
.pop-area .to-affi-a,
.pop-area .to-affi-b {
  padding-right:113px;
  }


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


/* 小見出し・兼・個別ページ中見出し
----------------------------------------- */
#toppage #content h3,
#link-page #content h3,
#tuhan-page #content h3,
#epage h2 {
  margin-bottom:18px;
  padding:3px 0 0 32px;
  font-size:16px;
  font-weight:bold;
  color:#1f78b4;
  background:url(../img/small-head.gif) no-repeat 5px 3px;
  border-bottom:1px solid #b2b2b2;
  }


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


/* 個別ページの指定
----------------------------------------- */
/* 申し込みボタン大
----------------------------------------- */
#content .button-large-a a,
#content .button-large-b a,
#content .button-large-c a {
  margin:25px auto;
  width:289px;
  height:55px;
  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 -55px;
  }
/* 個別ページ小見出し
----------------------------------------- */
#epage #content h3 {
  margin-bottom:8px;
  color:#1f78b4;
  line-height:1.1;
  font-size:14px;
  font-weight:bold;
  }
/* 表組み
----------------------------------------- */
.e-table {
  margin-bottom:16px;
  width:490px;
  }
.e-table th,
.e-table td {
  padding:9px 11px;
  border:1px solid #b2b2b2;
  }
.e-table th {
  background:#ccecf4;
  text-align:left;
  }


/* リンク集ページ
----------------------------------------- */
#link-inner {
  margin:0 10px;
  }
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:#f4368a;
  }
dl.link-page dt a:hover {
  color:#ff9f00;
  }
dl.link-page dd {
  margin-bottom:20px;
  }

/* 通販法のページ
----------------------------------------- */
#tuhan-inner {
  margin:0 0 0 10px;
  }
#tuhan-inner table.e-table {
  width:485px;
  }
.e-table th {
  background:#e5e5e5;
  text-align:left;
  }


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


/* サイドバーのオススメ
----------------------------------------- */
#side-rec {
  margin:0 0 20px;
  padding-top:58px;
  width:190px;
  height:62px; /* 実寸120px */
  background:url(../img/side-rec.gif);
  }
#side-rec p {
  margin:0;
  }


/* サイドメニュー項目
----------------------------------------- */
#side .s-menu {
  margin-bottom:12px;
  }
#side .s-menu dt {
  margin-bottom:3px;
  padding:9px 6px 6px 12px;
  color:#fff;
  font-size:15px;
  font-weight:bold;
  line-height:1.1;
  background:url(../img/side-dt.gif) no-repeat #f53789;
  }
#side .s-menu dd {
  margin-bottom:3px;
  border-width:2px;
  border-style:solid;
  border-color:#e5e5e5;
  }
#side .s-menu dd a {
  padding:4px 6px 4px 11px;
  display:block;
  text-decoration:none;
  color:#666;
  font-size:13px;
  background-color:#fff;
  background-image: url(../img/side-dd.gif);
  background-repeat: repeat-y;
  }
#side .s-menu dd a:hover {
  background-color:#fccde5;
  color:#f4368a;
  }


/* フッター
----------------------------------------- */
#foot {
  height:42px;
  background:url(../img/foot.gif) no-repeat;
  clear:both;
  }
#foot address {
  padding-top:8px;
  text-align:center;
  font-size:10px;
  display:block;
  }


/* その他個別の指定
----------------------------------------- */
#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 }