@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

index CSS File

File Name		index.css
Note			インデックス用スタイルシート


Version			1.126

New Creation	08.10.28
Update			09.08.07

Created By		Yoshiaki Murakami

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

目次

1.共通部分

2.ヘッダー
	2-1.H1
	2-2.サイトマップリンク
	2-3.ロゴ
	2-4.相談／予約
	2-5.メインイメージ
	2-6.グローバルナビゲーション

3.メインコンテンツ
	3-1.キャンペーン
	3-2.新着お悩み相談
	3-3.ボディジェットの特徴 & クリニック紹介共通部分
	3-4.ボディジェットの特徴
	3-5.クリニック紹介

4.フッター
	4-1.フッターナビゲーション
	4-2.フッターメニュー
	4-3.フッターテキスト
	4-4.ページトップリンク
	4-5.コピーライト

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*
1.共通部分
------------------------------------------------------------------------
----------------------------------------------------------------------*/
body {
  background: url(../img/h1_bg.gif) left top repeat-x;
  /*	background:url(../img/header_bg.jpg) center 115px repeat-x;*/
}

#container {
  background: url(../img/header_bg.jpg) center 25px repeat-x;
}

* html #container {
  text-align: center;
}

#container div {
  margin: 0 auto;
}

* html #container div {
  margin: 0;
  text-align: left;
}

/*
2.ヘッダー
------------------------------------------------------------------------
----------------------------------------------------------------------*/
#container #header {
  position: relative;
  width: 790px;
  background: none;
}

* html #container #header {
  width: 800px;
  text-align: left;
}

/*
2-1.H1
------------------------------------------------------------------*/
#container #header h1 {
  line-height: 25px;
  color: #fff;
}

/*
2-2.サイトマップリンク
------------------------------------------------------------------*/
/*#container #header .link {
	position:absolute;
	top:2px;
	right:0px;
}

* html #container #header .link {
	right:5px;
}

#container #header .link a {
	color:#fff;
}

#container #header .link a:hover {
	color:#102b8d;
}
*/
/*
2-3.ロゴ
------------------------------------------------------------------*/
#container #header h2 {
  margin-bottom: 8px;
}

* html #container #header h2 {
  margin-left: 0;
}

/*
2-4.相談／予約
------------------------------------------------------------------*/
#container #header #hinfo {
  position: absolute;
  top: 28px;
  right: 0;
  width: 337px;
}

* html #container #header #hinfo {
  right: 5px;
}

#container #header #hinfo dt,
#container #header #hinfo dd,
#container #header #hinfo .form ul li {
  display: inline;
  float: left;
}

#container #header #hinfo .tel {
  padding: 0;
}

#container #header #hinfo .bhour {
  padding-top: 0;
}

#container #header #hinfo .form ul li {
  margin: 0 3px;
}

#container #header #hinfo .form ul .consultation {
  background: url(../img/hinfo_consultation_button_h.gif) left top no-repeat;
}

#container #header #hinfo .form ul .counseling {
  margin-right: 0;
  background: url(../img/hinfo_counseling_button_h.gif) left top no-repeat;
}

#container #header #hinfo .form ul li a {
  display: block;
  height: 30px;
}

#container #header #hinfo .form ul .consultation a {
  width: 128px;
}

#container #header #hinfo .form ul .counseling a {
  width: 145px;
}

#container #header #hinfo .form ul li a:hover {
  background: none;
}

#container #header #hinfo .form ul li a:hover img {
  width: 0;
  height: 0;
}

/*
2-5.メインイメージ
------------------------------------------------------------------*/
#container #header #mainimg {
  /*	padding-top:12px;*/
}

* html #container #header #mainimg {
  margin-left: 5px;
}

/*
2-6.グローバルナビゲーション
------------------------------------------------------------------*/
#container #header #gnavi {
  padding: 0;
  height: 220px;
}

* html #container #header #gnavi {
  margin-left: 5px;
}

#container #header #gnavi li {
  float: left;
  margin-right: 20px;
  padding-bottom: 20px;
  background: url(../img/index_gnavi_bg.gif) left bottom no-repeat;
}

#container #header #gnavi .case,
#container #header #gnavi .qa {
  margin: 0;
}

#container #header #gnavi li dl {
  position: relative;
}

* html #container #header #gnavi li {
  height: 1%;
}

#container #header #gnavi li dl dd {
  position: absolute;
  top: 50px;
  text-align: center;
}

#container #header #gnavi .about dl dd,
#container #header #gnavi .flow dl dd,
#container #header #gnavi .price dl dd {
  left: 42px;
}

#container #header #gnavi .case dl dd {
  left: 22px;
}

#container #header #gnavi .introduction dl dd {
  left: 20px;
}

#container #header #gnavi .qa dl dd {
  left: 38px;
}

#container #header #gnavi .about dl dt {
  background: url(../img/index_gnavi_about_h.gif) left top no-repeat;
}

#container #header #gnavi .flow dl dt {
  background: url(../img/index_gnavi_flow_h.gif) left top no-repeat;
}

#container #header #gnavi .case dl dt {
  background: url(../img/index_gnavi_case_h.gif) left top no-repeat;
}

#container #header #gnavi .introduction dl dt {
  background: url(../img/index_gnavi_introduction_h.gif) left top no-repeat;
}

#container #header #gnavi .price dl dt {
  background: url(../img/index_gnavi_price_h.gif) left top no-repeat;
}

#container #header #gnavi .qa dl dt {
  background: url(../img/index_gnavi_qa_h.gif) left top no-repeat;
}

#container #header #gnavi li dl dt a {
  display: block;
  width: 250px;
  height: 90px;
}

#container #header #gnavi li dl dt a:hover {
  background: none;
}

#container #header #gnavi li dl dt a:hover img {
  width: 0;
  height: 0;
}

#container #header #gnavi li dl dd a {
  width: auto;
  height: auto;
  line-height: 1.2em;
  color: #7c7672;
}

/*
3.メインコンテンツ
------------------------------------------------------------------------
----------------------------------------------------------------------*/
#container #contents {
  padding: 0;
}

* html #container #contents {
  padding: 0;
}

* + html #container #contents {
  padding: 0;
}

#container #contents #main {
  clear: both;
  float: none;
  margin: 0;
  width: 790px;
}

* html #container #contents #main {
  margin-left: 5px;
  width: 800px;
}

#container #contents #main #message {
  margin: 30px 0;
  border: 1px solid #C7BCB4;
  background: #f4f2f0;
  text-align: center;
  font-family: 'ＭＳ Ｐ明朝', 'ヒラギノ明朝 Pro W3', '平成明朝',serif;
}

#container #contents #main #message h4 {
  padding-left: 15px;
  border-bottom: 1px solid #C7BCB4;
  background: url(../img/index_message_title_bg.gif) left top repeat-x;
  line-height: 32px;
  font-size: 1.4em;
  color: #434343;
}

#container #contents #main #message p {
  margin: 15px;
  line-height: 1.667em;
  font-size: 1.2em;
  color: #434343;
}

#container #contents #main #message p a {
  margin: 0 5px;
  text-decoration: underline;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
  color: #6B9CD3;
}

#container #contents #main #message .last {
  text-align: right;
}

/*
3-1.キャンペーン
------------------------------------------------------------------*/
#container #main #banner {
  display: inline;
  float: left;
  margin: 20px 19px 30px 0;
  width: 380px;
}

* html #container #main #banner {
  /*	margin-bottom:0px;
	padding-bottom:16px;*/
  margin-bottom: 10px;
}

* + html #container #main #banner {
  /*	margin-bottom:0px;
	padding-bottom:16px;*/
  margin-bottom: 10px;
}

#container #main #banner li {
  display: inline;
  float: left;
  margin-bottom: 10px;
}

#container #main #banner .hover {
  background: url(../img/index_campaign_h.gif) left top no-repeat;
}

#container #main #banner #guarantee,
#container #main #banner #oneday {
  margin-right: 7px;
}

#container #main #banner #upgrademonitor {
  position: relative;
}

#container #main #banner #upgrademonitor dd {
  position: absolute;
}

#container #main #banner #upgrademonitor .term {
  top: 98px;
  left: 111px;
  color: #7C7671;
}

#container #main #banner #upgrademonitor .term span {
  font-size: 1.2em;
  font-weight: bold;
}

#container #main #banner #upgrademonitor .counter {
  right: 38px;
  bottom: 56px;
  text-align: center;
  color: #fff;
}

#container #main #banner #upgrademonitor .counter dl,
#container #main #banner #upgrademonitor .counter dl dd {
  position: static;
}

#container #main #banner #upgrademonitor .counter dl dt {
  margin-bottom: 5px;
}

#container #main #banner #upgrademonitor .counter dl dd {
  font-size: 1.3em;
  font-weight: bold;
}

#container #main #banner #upgrademonitor .counter dl dd span {
  font-weight: bold;
}

#container #main #banner .hover a {
  display: block;
  width: 380px;
  height: 180px;
}

#container #main #banner .hover a:hover {
  background: none;
}

#container #main #banner .hover a:hover img {
  width: 0;
  height: 0;
}

/*
3-2.新着お悩み相談
------------------------------------------------------------------*/
#container #main #qa {
  position: relative;
  float: left;
  /*	margin:0px 0px 20px;*/
  margin: 0 0 10px;
  width: 391px;
}

* html #container #main #qa {
  margin-bottom: 0;
  padding-bottom: 16px;
}

* + html #container #main #qa {
  margin-bottom: 0;
  padding-bottom: 16px;
}

#container #main #qa .wrapper {
  overflow: hidden;
  height: 436px;
}

#container #main #qa ol {
  padding-left: 11px;
  width: 380px;
}

#container #main #qa ol li {
  padding: 0;
  background: none;
}

* + html #container #main #qa ol li {
  height: 1%;
}

#container #main #qa ol .last {
  padding-bottom: 9px;
  background: url(../img/index_qa_bg_footer.gif) left bottom no-repeat;
}

#container #main #qa ol li dl {
  position: relative;
  padding: 10px 0 10px 45px;
  border-right: 1px solid #c8c4c1;
  border-bottom: 1px solid #c8c4c1;
  border-left: 1px solid #c8c4c1;
  background: url(../img/qa_icon1.gif) 11px 6px no-repeat;
  text-align: left;
}

* html #container #main #qa ol li dl {
  width: 380px;
}

#container #main #qa ol .even dl {
  background: url(../img/qa_icon2.gif) 11px 6px no-repeat #f2f2f0;
}

#container #main #qa ol .last dl {
  padding-bottom: 1px;
  border-bottom: 0;
}

#container #main #qa ol li dl dt {
  position: static;
  padding: 0 43px 6px 0;
  background: url(../img/border1.gif) left bottom repeat-x;
}

#container #main #qa ol .even dl dt {
  background: url(../img/border2.gif) left bottom repeat-x;
}

#container #main #qa ol li dl dt a {
  padding-right: 40px;
  line-height: 1.2em;
  font-size: 1.2em;
}

* + html #container #main #qa ol li dl dt a {
  line-height: 1.3em;
}

#container #main #qa ol li dl dt span {
  position: absolute;
  top: 10px;
  right: 10px;
}

#container #main #qa ol li dl .category {
  display: block;
  margin-top: 5px;
}

#container #main #qa ol li dl .category ul {
  display: block;
  width: 230px;
}

#container #main #qa ol li dl .category ul li {
  display: inline;
  float: left;
  padding: 0;
  border: none;
  background: none;
  line-height: 1.4em;
  white-space: nowrap;
  color: #7C7671;
}

#container #main #qa ol li dl .category ul li:first-child::before {
  content: '';
}

#container #main #qa ol li dl .category ul li::before {
  content: '／';
}

* html #container #main #qa ol li dl .category ul li {
  padding-left: 10px;
  background: url(../img/slash1.gif) left center no-repeat;
}

* + html #container #main #qa ol li dl .category ul li {
  padding-left: 10px;
  background: url(../img/slash1.gif) left center no-repeat;
}

* html #container #main #qa ol .even dl .category ul li {
  padding-left: 10px;
  background: url(../img/slash2.gif) left center no-repeat;
}

* + html #container #main #qa ol .even dl .category ul li {
  padding-left: 10px;
  background: url(../img/slash2.gif) left center no-repeat;
}

* html #container #main #qa ol li dl .category ul .first {
  padding-left: 0;
  background: none;
}

* + html #container #main #qa ol li dl .category ul .first {
  padding-left: 0;
  background: none;
}

* html #container #main #qa ol .even dl .category ul .first {
  padding-left: 0;
  background: none;
}

* + html #container #main #qa ol .even dl .category ul .first {
  padding-left: 0;
  background: none;
}

#container #main #qa ol li dl .category ul li a {
  text-decoration: underline;
  color: #7c7671;
}

#container #main #qa ol li dl .category ul li a:hover {
  color: #005bac;
}

#container #main #qa ol li dl .date {
  position: absolute;
  right: 10px;
  bottom: 10px;
  clear: both;
  color: #7C7671;
}

#container #main #qa ol .last dl .date {
  bottom: 1px;
}

#container #main #qa .link {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 55px 12px 11px 256px;
  background: url(../img/index_qa_bg_footer.png) right top no-repeat;
}

#container #main #qa .link a {
  display: block;
  float: right;
  width: 112px;
  height: 20px;
}

#container #main #qa .link a:hover {
  background: none;
}

#container #main #qa .link a:hover img {
  width: 0;
  height: 0;
}

/*
3-3.THE CLINICの活動
------------------------------------------------------------------*/
#container #main #activities {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 0 0 0 11px;
  width: 380px;
  height: 143px;
}

#container #main #activities ol {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0 20px;
  width: 1622px;
  border-top: 1px solid #bcb8b4;
  border-bottom: 1px solid #bcb8b4;
}

#container #main #activities ol li {
  display: inline;
  float: left;
  padding: 10px 2px 6px;
}

#container #main #activities ol li dl {
  width: 109px;
}

#container #main #activities ol li dl dt {
  margin-bottom: 5px;
}

#container #main #activities ol li dl dd {
  color: #7C7672;
}

#container #main #activities ol li dl .text {
  margin-bottom: 4px;
  line-height: 1.2;
}

#container #main #activities ol li dl .date {
  text-align: right;
}

#container #main #activities .prev {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/index_about_activities_nav_prev_h.gif) left top no-repeat;
}

#container #main #activities .next {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/index_about_activities_nav_next_h.gif) left top no-repeat;
}

#container #main #activities p a {
  display: block;
  width: 18px;
  height: 143px;
}

#container #main #activities p a:hover {
  background: none;
}

#container #main #activities p a:hover img {
  width: 0;
  height: 0;
}

/*
3-3.お悩み相談集 検索回数の多いキーワード
------------------------------------------------------------------*/
/*
#container #main #keyword {
	float:left;
	display:inline;
	width:383px;
	margin-left:8px;
}

#container #main #keyword .wrapper {
	margin-left:3px;
	background:url(../img/index_keyword_bg.gif) right top repeat-y;
}

#container #main #keyword .wrapper ul {
	padding:10px;
	background:url(../img/index_qa_bg_footer.gif) right bottom no-repeat;
}

#container #main #keyword .wrapper ul li {
	display:inline;
}

#container #main #keyword .wrapper ul li a {
	margin:0px 5px;
	font-size:1em;
	line-height:1.2;
}

#container #main #keyword .wrapper ul li .no1 {
	font-size:2.2em;
}

#container #main #keyword .wrapper ul li .no2 {
	font-size:2.2em;
}

#container #main #keyword .wrapper ul li .no3 {
	font-size:1.6em;
}

#container #main #keyword .wrapper ul li .no4 {
	font-size:1.6em;
}

#container #main #keyword .wrapper ul li .no5 {
	font-size:1em;
}

#container #main #keyword .wrapper ul li .no6 {
	font-size:1em;
}

#container #main #keyword .link {
	margin-top:6px;
	text-align:right;
}
*/
/*
3-4.ボディジェットの特徴 & クリニック紹介共通部分
------------------------------------------------------------------*/
#container #main .window {
  margin-top: 20px;
  width: 790px;
  background: url(../img/index_window_bg.gif) left top repeat-y;
}

#container #main .window div.contents {
  padding: 12px 12px 0;
  width: 766px;
  background: url(../img/index_window_bg_header.gif) left top no-repeat;
}

#container #main .window .contents h4 {
  padding: 0;
}

#container #main .window .contents .wrapper {
  width: 766px;
  background: url(../img/index_feature_contents_bg.jpg) 607px top no-repeat;
}

#container #main .window .footer {
  clear: both;
  margin: 0;
  height: auto;
  background: url(../img/index_window_bg_footer.gif) left bottom no-repeat;
  line-height: 44px;
}

#container #main .window .footer ul {
  padding: 10px;
  height: 24px;
}

* html #container #main .window .footer {
  padding-top: 10px;
}

* html #container #main .window .footer ul {
  margin-top: 10px;
  padding-top: 0;
}

#container #main .window .footer ul li {
  float: left;
  margin-left: 5px;
}

#container #main .window .footer ul li a {
  display: block;
  height: 24px;
}

#container #main .window .footer ul a:hover {
  background: none;
}

#container #main .window .footer ul a:hover img {
  width: 0;
  height: 0;
}

/*
3-5.ボディジェットの特徴
------------------------------------------------------------------*/
#container #main #feature {
  clear: both;
}

#container #main #feature .contents h5 {
  margin: 0 0 21px 92px;
  padding: 25px 0 0;
}

#container #main #feature .contents ul {
  margin: 0 0 19px 42px;
  padding: 0;
  height: 152px;
}

#container #main #feature .contents ul li {
  display: inline;
  float: left;
}

#container #main #feature .contents ul #feature1 {
  margin-right: 18px;
}

#container #main #feature .contents ul #feature2 {
  margin-right: 9px;
}

#container #main #feature .contents table {
  clear: both;
  margin: 0 0 30px 20px;
  border-bottom: 1px solid #c8c4c1;
}

* html #container #main #feature .contents table thead tr th {
  border-bottom: 1px solid #c8c4c1;
}

* + html #container #main #feature .contents table thead tr th {
  border-bottom: 1px solid #c8c4c1;
}

* html #container #main #feature .contents table thead tr th {
  text-align: right;
}

* + html #container #main #feature .contents table thead tr th {
  text-align: right;
}

#container #main #feature .contents table tbody {
  border: 1px solid #c8c4c1;
}

#container #main #feature .contents table tbody tr th,
#container #main #feature .contents table tbody tr td {
  padding: 9px 0 8px;
  border-right: 1px solid #c8c4c1;
  border-left: 1px solid #c8c4c1;
  background: url(../img/border1.gif) left bottom repeat-x;
  text-align: center;
  color: #7c7671;
}

#container #main #feature .contents table tbody .even th,
#container #main #feature .contents table tbody .even td {
  background: url(../img/border1.gif) left bottom repeat-x #f2f2f0;
}

#container #main #feature .contents table tbody .last th,
#container #main #feature .contents table tbody .last td {
  background-image: none;
}

#container #main #feature .contents table tbody tr th {
  width: 80px;
}

#container #main #feature .contents table tbody tr th span {
  font-size: .8em;
}

#container #main #feature .contents table tbody tr td {
  width: 120px;
}

* html #container #main #feature .contents table tbody tr td {
  width: 119px;
}

* + html #container #main #feature .contents table tbody tr td {
  width: 119px;
}

#container #main #feature .contents #hd {
  padding-top: 1px;
  background: url(../img/border1.gif) left top repeat-x;
}

* html #container #main #feature .contents #hd {
  width: 766px;
}

#container #main #feature .contents #hd .wrapper {
  padding: 30px 30px 26px 180px;
  width: auto;
  background: url(../img/index_feature_hd_bg.gif) 30px 30px no-repeat;
}

#container #main #feature .contents #hd .wrapper h6 {
  float: left;
  margin-top: 16px;
}

#container #main #feature .contents #hd .wrapper p {
  margin-bottom: 16px;
  margin-left: 288px;
  line-height: 1.8em;
  color: #69635f;
}

/*#container #main #feature .contents #hd .wrapper p .point1 {*/
#container #main #feature .contents #hd .wrapper p span {
  color: #00469b;
}

/*
#container #main #feature .contents #hd .wrapper p .point2 {
	color:#008ed8;
}
*/
#container #main #feature .contents #hd .wrapper #trouble {
  clear: both;
  margin-bottom: 20px;
  padding: 1px;
  height: 120px;
  border: 1px solid #bcb8b4;
}

* html #container #main #feature .contents #hd .wrapper #trouble {
  position: relative;
}

#container #main #feature .contents #hd .wrapper #trouble dt,
#container #main #feature .contents #hd .wrapper #trouble dd ul li {
  float: left;
  margin: 1px;
}

* html #container #main #feature .contents #hd .wrapper #trouble dt {
  position: absolute;
  top: 1px;
  left: 1px;
}

#container #main #feature .contents #hd .wrapper #trouble dd ul {
  margin: 0;
  height: 120px;
}

* + html #container #main #feature .contents #hd .wrapper #trouble dd ul {
  display: inline;
}

#container #main #feature .contents #hd .wrapper #trouble dd ul li {
  float: left;
  /*	display:inline;*/
  padding: 8px;
  width: 120px;
  height: 42px;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: #daeefa;
  line-height: 1.4em;
  color: #69635f;
}

* html #container #main #feature .contents #hd .wrapper #trouble dd ul li {
  padding: 8px 5px;
  width: 136px;
  height: 58px;
}

* html #container #main #feature .contents #hd .wrapper #trouble dd ul .one {
  margin-left: 139px;
}

#container #main #feature .contents #hd .wrapper #trouble dd ul .two,
#container #main #feature .contents #hd .wrapper #trouble dd ul .five,
#container #main #feature .contents #hd .wrapper #trouble dd ul .seven {
  background-color: #efeeed;
}

#container #main #feature .contents #hd .wrapper #trouble dd ul .one {
  background-image: url(../img/index_feature_hd_trouble_one_bg.gif);
}

#container #main #feature .contents #hd .wrapper #trouble dd ul .two {
  background-image: url(../img/index_feature_hd_trouble_two_bg.gif);
}

#container #main #feature .contents #hd .wrapper #trouble dd ul .three {
  background-image: url(../img/index_feature_hd_trouble_three_bg.gif);
}

#container #main #feature .contents #hd .wrapper #trouble dd ul .four {
  background-image: url(../img/index_feature_hd_trouble_four_bg.gif);
}

#container #main #feature .contents #hd .wrapper #trouble dd ul .five {
  background-image: url(../img/index_feature_hd_trouble_five_bg.gif);
}

#container #main #feature .contents #hd .wrapper #trouble dd ul .six {
  background-image: url(../img/index_feature_hd_trouble_six_bg.gif);
}

#container #main #feature .contents #hd .wrapper #trouble dd ul .seven {
  background-image: url(../img/index_feature_hd_trouble_seven_bg.gif);
}

#container #main #feature .contents #hd .wrapper .point {
  display: inline;
  float: left;
  width: 268px;
}

#container #main #feature .contents #hd .wrapper #point1 {
  margin-right: 15px;
  width: 273px;
}

#container #main #feature .contents #hd .wrapper .point dt {
  margin-bottom: 6px;
  padding-left: 17px;
  background: url(../img/index_feature_hd_point1_bg.gif) left top no-repeat;
  font-size: 1.2em;
  font-weight: bold;
  color: #00469b;
}

/*
#container #main #feature .contents #hd .wrapper #point2 dt {
	background:url(../img/index_feature_hd_point2_bg.gif) left top no-repeat;
	color:#008ed8;
}
*/
#container #main #feature .contents #hd .wrapper .point dd {
  line-height: 1.8em;
  color: #69635f;
}

#container #main #feature .footer {
  padding-left: 397px;
}

* html #container #main #feature .footer {
  padding-left: 392px;
}

#container #main #feature .footer ul .about {
  background: url(../img/about_button_h.gif) left top no-repeat;
}

#container #main #feature .footer ul .flow {
  background: url(../img/index_flow_button_h.gif) left top no-repeat;
}

#container #main #feature .footer ul .case {
  background: url(../img/index_case_button_h.gif) left top no-repeat;
}

#container #main #feature .footer ul .about a {
  width: 115px;
}

#container #main #feature .footer ul .flow a {
  width: 126px;
}

#container #main #feature .footer ul .case a {
  width: 117px;
}

/*
3-6.部位別紹介
------------------------------------------------------------------*/
#container #contents #main #part .wrapper {
  padding-bottom: 12px;
  background: url(../img/index_clinic_bg_footer.gif) left bottom no-repeat;
}

#container #contents #main #part .wrapper .contents ul {
  margin: 12px 0 0 22px;
}

#container #contents #main #part .wrapper .contents ul li {
  float: left;
  margin: 0 30px 20px 0;
  background: url(../img/index_about_part_list_bg.jpg) left top no-repeat;
}

#container #contents #main #part .wrapper .contents ul .cheek {
  background-position: left top;
}

#container #contents #main #part .wrapper .contents ul .jaw {
  background-position: -156px top;
}

#container #contents #main #part .wrapper .contents ul .upperarm {
  background-position: -312px top;
}

#container #contents #main #part .wrapper .contents ul .chest {
  margin-right: 0;
  background-position: -468px top;
}

#container #contents #main #part .wrapper .contents ul .back {
  background-position: left -95px;
}

#container #contents #main #part .wrapper .contents ul .abdomen {
  background-position: -156px -95px;
}

#container #contents #main #part .wrapper .contents ul .waist {
  background-position: -312px -95px;
}

#container #contents #main #part .wrapper .contents ul .hip {
  margin-right: 0;
  background-position: -468px -95px;
}

#container #contents #main #part .wrapper .contents ul .thigh {
  background-position: left -190px;
}

#container #contents #main #part .wrapper .contents ul .knee {
  background-position: -156px -190px;
}

#container #contents #main #part .wrapper .contents ul .calf {
  background-position: -312px -190px;
}

#container #contents #main #part .wrapper .contents ul .ankle {
  background-position: -468px -190px;
}

#container #contents #main #part .wrapper .contents ul li dl {
  position: relative;
}

#container #contents #main #part .wrapper .contents ul li dl a {
  color: #7C7671;
}

#container #contents #main #part .wrapper .contents ul li dt a {
  display: block;
  width: 156px;
  height: 95px;
  background: none;
}

#container #contents #main #part .wrapper .contents ul li dt a:hover img {
  width: 0;
  height: 0;
}

#container #contents #main #part .wrapper .contents ul li dl dd {
  position: absolute;
  top: 50px;
  left: 20px;
  line-height: 1.333334;
  font-size: 1.2em;
  color: #7C7671;
}

#container #contents #main #part .wrapper .contents ul .hip dl dd,
#container #contents #main #part .wrapper .contents ul .knee dl dd,
#container #contents #main #part .wrapper .contents ul .calf dl dd {
  top: 44px;
}

/*
3-7.クリニック紹介
------------------------------------------------------------------*/
#container #main #clinic {
  margin-bottom: 40px;
}

#container #main #clinic .wrapper {
  padding-bottom: 12px;
  background: url(../img/index_clinic_bg_footer.gif) left bottom no-repeat;
}

#container #main #clinic .contents {
  position: relative;
  min-height: 265px;
  background: url(../img/index_clinic_bg_header.gif) left top no-repeat;
}

* html #container #main #clinic .contents {
  width: 790px;
  height: 277px;
}

#container #main #clinic .contents dl {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 0 0 20px;
  min-height: 138px;
}

* html #container #main #clinic .contents dl {
  height: 1%;
}

#container #main #clinic .contents dl dt,
#container #main #clinic .contents dl dd {
  margin-left: 204px;
}

#container #main #clinic .contents dl dt {
  margin-bottom: 15px;
}

#container #main #clinic .contents dl dd {
  line-height: 1.6em;
  font-size: 1em;
  color: #7c7671;
}

#container #main #clinic .contents dl .address {
  line-height: 1.34em;
  font-size: 1.2em;
}

#container #main #clinic .contents dl .text {
  margin-bottom: 3px;
}

#container #main #clinic .contents dl .link {
  background: url(../img/link_fukuoka_h.gif) left top no-repeat;
}

#container #main #clinic .contents dl .link a {
  display: block;
  width: 187px;
  height: 23px;
}

#container #main #clinic .contents dl .link a:hover {
  background: none;
}

#container #main #clinic .contents dl .link a:hover img {
  width: 0;
  height: 0;
}

#container #main #clinic .contents dl dd a {
  text-decoration: underline;
}

#container #main #clinic .contents .banner {
  position: absolute;
  top: 80px;
  right: 32px;
}

#container #main #clinic .contents .info {
  position: static;
  margin: 0;
  padding-top: 0;
  padding-bottom: 20px;
  height: 65px;
  min-height: 1px;
}

#container #main #clinic .contents .info dt,
#container #main #clinic .contents .info dd {
  display: inline;
  float: left;
  /*	padding-top:15px;*/
  padding-top: 2px;
}

#container #main #clinic .contents .info dt {
  margin: 0 0 0 204px;
}

#container #main #clinic .contents .info dd {
  margin: 0;
}

#container #main #clinic .contents .pic {
  position: absolute;
  top: 21px;
  left: 20px;
  margin: 0;
  border: 1px solid #c8c4c1;
}

#container #main #clinic .contents .pic #swfdisp {
  display: block;
}

#container #main #clinic .contents .info .form {
  width: 282px;
  height: 65px;
  background: url(../img/info_form_bg.gif) left bottom no-repeat;
}

#container #main #clinic .contents .info .form ul {
  /*	padding:23px 0px 0px 3px;*/
  padding: 32px 0 0 3px;
  height: 26px;
}

* html #container #main #clinic .contents .info .form ul {
  height: 58px;
}

#container #main #clinic .contents .info .form ul li {
  display: inline;
  float: left;
  margin-left: 4px;
}

#container #main #clinic .contents .info .form ul .consultation {
  background: url(../img/info_consultation_button_h.gif) left top no-repeat;
}

#container #main #clinic .contents .info .form ul .counseling {
  background: url(../img/info_reservation_button_h.gif) left top no-repeat;
}

#container #main #clinic .contents .info .form ul li a {
  display: block;
  height: 26px;
}

#container #main #clinic .contents .info .form ul .consultation a {
  width: 123px;
}

#container #main #clinic .contents .info .form ul .counseling a {
  width: 140px;
}

#container #main #clinic .contents .info .form ul li a:hover {
  background: none;
}

#container #main #clinic .contents .info .form ul li a:hover img {
  width: 0;
  height: 0;
}

#container #main #clinic .footer {
  padding-left: 619px;
}

* html #container #main #clinic .footer {
  padding-left: 614px;
}

#container #main #clinic .footer ul .introduction {
  background: url(../img/introduction_button_h.gif) left top no-repeat;
}

#container #main #clinic .footer ul .introduction a {
  width: 146px;
}

/*
4.フッター
------------------------------------------------------------------------
----------------------------------------------------------------------*/
#container #footer {
  /*position:static;*/
  height: auto;
  background: url(../img/footer_bg.gif) left top repeat-x #005bac;
}

#container #footer * {
  color: #fff;
}

#container #footer a:hover {
  color: #005bac;
}

#container #footer .wrapper {
  background: url(../img/navi_bg.gif) left top repeat-x;
}

* html #container #footer .wrapper {
  text-align: center;
}

#container #footer .wrapper #fnavi,
#container #footer .wrapper #fmenu,
#container #footer .wrapper .link,
#container #footer .wrapper div.last,
#container #footer .wrapper address {
  margin: 0 auto;
  width: 790px;
  line-height: 1.4em;
}

#container #footer .wrapper #fnavi,
#container #footer .wrapper #fmenu,
#container #footer .wrapper .link {
  text-align: center;
}

/*
4-1.フッターナビゲーション
------------------------------------------------------------------*/
#container #footer .wrapper #fnavi {
  margin: 0 auto 10px;
  padding: 6px 0;
  width: 790px;
  height: 33px;
}

* html #container #footer .wrapper #fnavi {
  padding: 0;
}

#container #footer .wrapper #fnavi li {
  display: inline;
  float: left;
  height: 33px;
}

#container #footer .wrapper #fnavi .top {
  background: url(../img/navi_top_a.gif) left top no-repeat;
}

#container #footer .wrapper #fnavi .about {
  background: url(../img/navi_about_h.gif) left top no-repeat;
}

#container #footer .wrapper #fnavi .flow {
  background: url(../img/navi_flow_h.gif) left top no-repeat;
}

#container #footer .wrapper #fnavi .case {
  background: url(../img/navi_case_h.gif) left top no-repeat;
}

#container #footer .wrapper #fnavi .introduction {
  background: url(../img/navi_introduction_h.gif) left top no-repeat;
}

#container #footer .wrapper #fnavi .price {
  background: url(../img/navi_price_h.gif) left top no-repeat;
}

#container #footer .wrapper #fnavi .qa {
  background: url(../img/navi_qa_h.gif) left top no-repeat;
}

#container #footer .wrapper #fnavi li a {
  display: block;
  height: 33px;
}

#container #footer .wrapper #fnavi .top a {
  width: 57px;
}

#container #footer .wrapper #fnavi .about a {
  width: 126px;
}

#container #footer .wrapper #fnavi .flow a {
  width: 144px;
}

#container #footer .wrapper #fnavi .case a {
  width: 134px;
}

#container #footer .wrapper #fnavi .introduction a {
  width: 166px;
}

#container #footer .wrapper #fnavi .price a {
  width: 53px;
}

#container #footer .wrapper #fnavi .qa a {
  width: 110px;
}

#container #footer .wrapper #fnavi li a:hover {
  background: none;
}

#container #footer .wrapper #fnavi .top a img,
#container #footer .wrapper #fnavi li a:hover img {
  width: 0;
  height: 0;
}

/*
4-2.フッターメニュー
------------------------------------------------------------------*/
#container #footer .wrapper #fmenu {
  margin-bottom: 10px;
}

#container #footer .wrapper #fmenu li {
  display: inline;
  line-height: 1.4em;
}

* html #container #footer .wrapper #fmenu li ul li {
  padding-left: 3px;
  border-left: 1px solid #fff;
}

* html #container #footer .wrapper #fmenu .first {
  padding-left: 0;
  border: none;
}

#container #footer .wrapper #fmenu .last {
  margin: 0;
}

#container #footer .wrapper #fmenu li ul li:first-child::before {
  content: '';
}

#container #footer .wrapper #fmenu li ul li::before {
  content: '｜';
}

/*
4-3.フッターテキスト
------------------------------------------------------------------*/
#container #footer .wrapper .link {
  padding: 10px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

#container #footer .wrapper div.last {
  position: relative;
  margin-top: 10px;
}

#container #footer .wrapper .last h2 {
  text-align: left;
  line-height: 1.2em;
}

/*
4-4.ページトップリンク
------------------------------------------------------------------*/
#container #footer .wrapper .last #pagetop {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/pagetop_h.gif) left top no-repeat;
}

#container #footer .wrapper .last #pagetop a {
  display: block;
  width: 95px;
  height: 22px;
}

#container #footer .wrapper .last #pagetop a:hover {
  background: none;
}

#container #footer .wrapper .last #pagetop a:hover img {
  width: 0;
  height: 0;
}

/*
4-5.コピーライト
------------------------------------------------------------------*/
#container #footer .wrapper address {
  margin-top: 5px;
  padding-bottom: 20px;
  text-align: right;
}

/*# sourceMappingURL=index.css.map */
