@charset 'utf-8';

/* --- レイアウト --- */


/* --- 全体の背景・テキスト --- */
body {
  background-color: #fff; /* 全体の背景色 */
  color: #000; /* 全体の文字色 */
  font-family: Verdana, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; /* フォントファミリー */
  font-size: 10px; /* 全体の文字サイズ */
  margin: 0;
  min-width: 880px; /* 全体の最小幅 */
  padding: 0;
}

/* --- 全体のリンクテキスト --- */
a:link {
  color: #00f;
}
a:visited {
  color: #000090;
}
a:hover {
  color: #ff8000;
}
a:active {
  color: #f00;
}

/* --- コンテナ --- */
#header div.container,
#content div.container,
#footer div.container {
  margin: 0 auto; /* センタリング */
  width: 880px; /* コンテナの幅 */
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
  /* background-color: #fffff0; ヘッダの背景色 */
  background-image: url(../image/background.png); /* ヘッダの背景画像 */
  border-bottom: 1px #bc8f8f solid; /* ヘッダの下境界線 */
  border-top: 5px #adff2f solid; /* ヘッダの上境界線 */
  margin-bottom: 20px; /* ヘッダの下マージン */
  padding: 10px 0; /* ヘッダのパディング（上下、左右） */
}
#header div.container {
  position: relative; /* 相対配置（ガイドメニューのために設定） */
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
  color: #4c260a; /* サイトタイトルの文字色 */
  font-size: 200%; /* サイトタイトルの文字サイズ */
  margin: 0 0 3px; /* サイトタイトルのマージン（上、左右、下） */
}
/* サイトタイトル内のリンク */
#header h1.siteTitle a,
#header p.siteTitle a {
  color: #4c260a; /* 文字色 */
  text-decoration: none; /* テキストの下線（なし） */
}

/* --- キャッチフレーズ --- */
#header .catch {
  float: left; /* 左寄せ配置 */
  margin: 8px 0 10px 5px; /* キャッチフレーズのマージン（上右下左） */
}
#header .catch strong {
  color: #4c260a; /* 文字色 */
  font-size: 190%; /* 文字サイズ */
  font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- 問い合わせ情報 --- */
#header .info {
  float: right; /* 右寄せ配置 */
  font-size: 160%; /* 文字サイズ */
  margin: 4px 10px 10px 5px; /* 問い合わせ情報のマージン（上右下左） */
}
#header .info strong {
  color: #ff8000; /* 文字色 */
  font-size: 160%; /* 文字サイズ */
  font-weight: normal; /* 文字の太さ（ノーマル） */
}

#header .info strong .el_phone_header {
  color: #ff8000; /* 文字色 */
  text-decoration: none;
}

/* --- ガイドメニュー --- */
#header ul.guide {
  font-size: 120%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute; /* 絶対配置 */
  right: 10px; /* 右からの距離 */
  top: 15px; /* 上からの距離 */
}
/* メニュー項目 */
#header ul.guide li {
  background: url(../image/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
  display: inline;
  padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
}
/* 最初の項目 */
#header ul.guide li.first {
  background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
  margin-bottom: 2px; /* オープニングエリアの下マージン */
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
  margin: 0;
}

/* --- ヘッダメニュー --- */
#header ul.nl {
  background-color: #fff; /* ヘッダメニューの背景色 */
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%; /* IE 6のために幅の指定が必要 */
}
/* メニュー項目 */
#header ul.nl li {
  /* width: 147px; 項目の幅 */
  float: left;
  line-height: 100%;
  width: 176px; /* 項目の幅 */
}
/* 最初の項目と最後の項目 */
#header ul.nl li.first,
#header ul.nl li.last {
  width: 176px; /* 項目の幅 */
  /* width: 146px; 項目の幅 */
}
/* リンクエリア */
#header ul.nl li a {
  border: 1px #bc8f8f; /* リンクエリアの境界線（太さ、色） */
  border-style: solid solid solid none; /* リンクエリアの境界線スタイル（上右下左） */
  display: block;
  font-size: 170%; /* サイトタイトルの文字サイズ */
  padding: 15px 2px; /* リンクエリアのパディング（上下、左右） */
  position: relative; /* IE6用 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* 最初のリンクエリア */
#header ul.nl li.first a {
  border-left: 1px #bc8f8f solid; /* リンクエリアの左境界線 */
}
/* ポイント時の設定 */
#header ul.nl li a:hover {
  background-color: #fffafa; /* ポイント時の背景色 */
  text-decoration: underline; /* テキストの下線（あり） */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
  font-size: 130%;
  list-style-type: none;
  margin: 0;
  padding: 10px 2px 0; /* トピックパスのパディング（上、左右、下） */
}
/* リスト項目 */
#header ol.topicPath li {
  display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
  background: url(../image/topic_path.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
  padding-right: 12px; /* リンクエリアの右パディング */
}

/* --- 罫線 --- */
#header hr.none {
  display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
  margin-bottom: 10px; /* コンテンツの下マージン */
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
  float: right;
  font-size: 140%; /* メインカラムの文字サイズ */
  width: 660px; /* メインカラムの幅 */
  /* line-height: 2.5em; メインカラムの行の高さ */
}

/* --- ページタイトル（下層ページ） --- */
#main h1.pageTitle {
  background: url(../image/bk_pagetitle.jpg) no-repeat right; /* ページタイトルの背景 */
  border-bottom: 1px #adff2f solid; /* ページタイトルのライン */
  border-left: 20px #adff2f solid; /* ページタイトルのライン */
  border-right: 20px #adff2f solid; /* ページタイトルのライン */
  border-top: 1px #adff2f solid; /* ページタイトルのライン */
  color: #4c260a; /* ページタイトルの文字色 */
  /* background-color: #ffffff; ページタイトルの背景色 */
  font-size: 140%; /* ページタイトルの文字サイズ */
  line-height: 1.5em; /* ページタイトルの行の高さ */
  margin: 0 0 15px 20px; /* ページタイトルのマージン（上右下左） */
  padding: 4px 10px; /* ページタイトルのパディング（上下、左右） */
}

/* --- セクション（共通設定） --- */
#main div.section {
  margin: 0 0 2em 20px; /* セクションのマージン（上右下左） */
}

/* --- 標準セクション --- */
/* 見出し h2 */
#main div.normal h2 {
  border-bottom: 1px #adff2f solid; /* 見出しのライン */
  border-left: 15px #adff2f solid; /* 見出しのライン */
  color: #4c260a; /* 見出しの文字色 */
  font-size: 120%; /* 見出しの文字サイズ */
  line-height: 1.5em; /* 見出しの行の高さ */
  margin: 0 0 1em; /* 見出しのマージン（上、左右、下） */
  padding: 5px 8px; /* 見出しのパディング（上下、左右） */
}
/* 見出し h3 */
#main div.normal h3 {
  border-bottom: 1px #adff2f solid; /* 見出しのライン */
  color: #4c260a; /* 見出しの文字色 */
  font-size: 105%; /* 見出しの文字サイズ */
  line-height: 1.5em; /* 見出しの行の高さ */
  margin: 0 2px 1em; /* 見出しのマージン（上、左右、下） */
  padding: 3px 5px; /* 見出しのパディング（上下、左右） */
}

/* リスト */
#main div.normal ul,
ol {
  line-height: 1.7em; /* 行間 */
  margin: 0 1em 2.5em; /* マージン（上、左右、下） */
}

/* 定義型リスト */
#main div.normal dl {
  line-height: 2em; /* 目次の行間 */
  margin: 0 1em 1em; /* マージン（上、左右、下） */
  padding: 3px 3px; /* 見出しのパディング（上下、左右） */
}
/* 定義型リスト（タイトル） */
#main div.normal dt {
  color: #4c260a; /* 文字色 */
  font-size: 110%; /* 文字サイズ */
}

/* テーブル */
#main div.normal table {
  border-collapse: collapse; /* ラインの表示法 */
  margin: 1em 3em 1em; /* マージン（上左右下） */
}
/* テーブル（セル） */
#main div.normal td,
th {
  border: 1px #ccc solid; /* ライン */
  font-size: 110%; /* 文字サイズ */
  padding: 10px; /* パディング */
}
/* テーブル（タイトル） */
#main div.normal th {
  background-color: #f6ffe8; /* 背景色 */
  color: #4c260a; /* 文字色 */
  text-align: left; /* 左よせ */
}

/* 段落 */
#main div.normal p {
  line-height: 170%; /* 行の高さ */
  margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */
}

/* 電話番号 */
#main div.normal .el_phone {
  color: unset;
  text-decoration: none;
}

/* 画像など右側配置 */
#main div.alighright {
  border: 1px #ccc solid; /* ライン */
  float: right; /* 右側 */
  margin: 1em; /* 段落のマージン（上、左右、下） */
  padding: 1px; /* パディング */
}

/* ページ内リンク目次 */
#main div.pagenavi {
  /* border: 1px #bc8f8f solid; セクションの境界線 */
  line-height: 2.7em; /* 目次の行間 */
  margin: 10px 5px 10px 12px; /* 目次のマージン */
  min-height: 260px;
  width: 640px; /* 横幅 */
}
/* ページ内リンク目次（左） */
#main div.pagenavi_l {
  float: left; /* 左よせ */
  padding: .5em; /* 目次のパディング */
  width: 284px; /* 横幅 */
}
/* ページ内リンク目次（右） */
#main div.pagenavi_r {
  float: right; /* 右よせ */
  padding: .5em; /* 目次のパディング */
  width: 300px; /* 横幅 */
}
/* ページ内リンク目次（リスト） */
#main div.pagenavi li {
  list-style-image: url(../image/topic_path.gif); /* トピックマーク */
}

/* --- トピックスセクション --- */
#main div.topics {
  border: 1px #adff2f solid; /* セクションの境界線 */
  padding: 1.1em 15px 0; /* セクションのパディング（上、左右、下） */
}
/* 見出し */
#main div.topics h2 {
  color: #4c260a; /* 見出しの文字色 */
  font-size: 115%; /* 見出しの文字サイズ */
  margin: 0 0 .2em; /* 見出しのマージン（上、左右、下） */
}
/* 段落 */
#main div.topics p {
  line-height: 150%; /* 行の高さ */
  margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

/* 電話番号 */
#main div.topics .el_phone {
  color: #ff8000; /* 文字色 */
  text-decoration: none;
}

/* --- マップ --- */
#main div.topics_map {
  float: right;
  padding: .5em .5em .5em; /* セクションのパディング（上、左右、下） */
  /* border: 1px #c0c0c0 solid; セクションの境界線 */
  width: 308px;
}

/* --- 新着情報（トップページ） --- */
#main div.update {
  border-bottom: solid 1px #c0c0c0;				/* ボーダー一括指定 */
}
#main div.update dl {
  margin: 0 auto; /* センタリング */
  width: 630px; /* 新着情報の幅（メインカラムの幅から30px引いた値） */
}
/* 日付エリア */
#main div.update dt {
  float: left;
  line-height: 120%; /* 行の高さ */
  padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
  width: 8.7em; /* 日付エリアの幅 */
}
/* 本文エリア */
#main div.update dd {
  border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
  line-height: 120%; /* 行の高さ */
  margin: 0;
  padding: 7px 3px 6px 13em; /* 本文エリアのパディング（上右下左） */
}

/* 強調部分（電話番号等） */
#main em {
  color: #ff8000; /* 文字色 */
  font-size: 140%; /* 文字サイズ */
  font-style: normal; /* 文字スタイル */
}
/* 強調部分（院長名等） */
#main em.master {
  color: #4c260a; /* 文字色 */
  font-size: 160%; /* 文字サイズ */
  font-style: normal; /* 文字スタイル */
}

/* 続きをみる */
#main div.continue {
  float: right; /* 配置 */
  /* text-align: right; 文字の位置 */
  font-size: 90%; /* 文字サイズ */
}
/* 続きをみる:リスト */
#main div.continue ul {
  list-style-image: url(../image/topic_path.gif); /* トピックマーク */
  margin: 0 0 3em;
}
/* 戻る */
#main div.goto ul {
  float: right; /* 配置 */
  font-size: 90%; /* 文字サイズ */
  list-style-image: url(../image/topic_path.gif); /* トピックマーク */
  margin: 0 0 1em; /* マージン（上、左右、下） */
}

/* pdf */
#main .gotopdf {
  background: #fff url(../image/icon_pdf.png) no-repeat right center scroll;
  margin: 0 0 10px 0;
  padding: 10px 26px 6px 0;
}
/* ボタン（ホバーつき） */
.btn-wrapper {
  display: grid;
  padding: 1.6em 0;
  place-items: center;
  width: 100%;
}

a.btn_orange {
  background-color: #ff8000;
  border: solid #ff8000;
  border-radius: 2px;
  border-width: 2px;
  box-sizing: border-box;
  color: #fff;
  display: grid;
  font-weight: bold;
  padding: .6em 1.2em;
  place-items: center;
  text-align: center;
  text-decoration: none;
  transition: all .65s ease-out;
}

@media (hover: hover) and (pointer: fine) {
  .btn_orange:hover {
    background-color: #fff;
    color: #ff8000;
  }
}

.btn_orange:active {
  background-color: #fff;
  color: #ff8000;
}


/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */

/* --- サイドバー --- */
#nav {
  float: right;
  width: 220px; /* サイドバーの幅 */
}

/* --- セクション（共通設定） --- */
#nav div.section {
  font-size: 145%;
  margin-bottom: 10px; /* セクションの下マージン */
}
/* 見出し */
#nav div.section h2 {
  font-size: 110%; /* 見出しの文字サイズ */
  margin: 0 0 .7em; /* 見出しのマージン（上、左右、下） */
  padding: 5px 8px; /* 見出しのパディング（上下、左右） */
}
/* 段落 */
#nav div.section p,
dl {
  line-height: 130%; /* 行の高さ */
  margin: 0 10px .7em; /* 段落のマージン（上、左右、下） */
}

/* --- 標準セクション（白） --- */
#nav div.normal {
  border: 1px #bc8f8f solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.normal h2 {
  background-color: #fff; /* 見出しの背景色 */
  color: #bc8f8f; /* 見出しの文字色 */
}
/* 見出し：リンク */
#nav div.normal h2 a {
  color: #bc8f8f; /* 見出しの文字色 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* 見出し：ポイント時 */
#nav div.normal h2 a:hover {
  background-color: #fffafa; /* ポイント時の背景色 */
  color: #bc8f8f; /* ポイント時の文字色 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* 電話番号 */
#nav div.normal .el_phone {
  color: unset;
  text-decoration: none; /* テキストの下線（なし） */
}


/* --- 治療内容セクション --- */
#nav div.menu_therapy {
  /* border: 1px #bc8f8f solid; セクションの境界線 */
}
/* 見出し */
#nav div.menu_therapy h2 {
  background-color: #bc8f8f; /* 見出しの背景色 */
  border: 1px #bc8f8f solid; /* 見出しの境界線 */
  color: #fff; /* 見出しの文字色 */
}
/* 見出し：リンク */
#nav div.menu_therapy h2 a {
  background-color: #bc8f8f; /* 見出しの背景色 */
  color: #fff; /* 見出しの文字色 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* 見出し：ポイント時 */
#nav div.menu_therapy h2 a:hover {
  text-decoration: none; /* テキストの下線（なし） */
}
/* 段落 */
#nav div.menu_therapy p {
  border-bottom: 1px #bc8f8f dotted; /* 境界線 */
  line-height: 280%; /* 行の高さ */
}
/* 段落：リンク */
#nav div.menu_therapy p a {
  text-decoration: none; /* テキストの下線（なし） */
}
/* 段落：ポイント時 */
#nav div.menu_therapy p a:hover {
  background-color: #fffafa; /* ポイント時の背景色 */
  text-decoration: underline; /* テキストの下線（あり） */
}
/* リスト */
#nav div.menu_therapy ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* リスト：リンク */
#nav div.menu_therapy ul li a {
  border-bottom: 1px #bc8f8f dotted; /* 境界線 */
  display: block;
  list-style-type: none;
  padding: 9px 10px; /* リンクエリアのパディング（上下、左右） */
  position: relative; /* IE6用 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.menu_therapy ul li a:hover {
  background-color: #fffafa; /* ポイント時の背景色 */
  text-decoration: underline; /* テキストの下線（あり） */
}


/* --- 漢方薬セクション --- */
#nav div.kanpo {
  background-image: url(../image/bk_kanpo.png);		/* 背景画像： */
  border: 1px #bc8f8f solid; /* セクションの境界線 */
  font-size: 145%;
  margin-bottom: 10px; /* セクションの下マージン */
}
/* 見出し */
#nav div.kanpo h2 {
  color: #bc8f8f; /* 見出しの文字色 */
}
/* 見出し：リンク */
#nav div.kanpo h2 a {
  color: #bc8f8f; /* 見出しの文字色 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* 見出し：ポイント時 */
#nav div.kanpo h2 a:hover {
  color: #bc8f8f; /* ポイント時の文字色 */
  text-decoration: none; /* テキストの下線（なし） */
}

/* --- 強調セクション2（健康保険） --- */
#nav div.strong {
  /* background-color: #ff8000; 背景色 */
}
/* 見出し */
#nav div.strong h2 {
  background-color: #ff8000; /* 見出しの背景色 */
  border: 1px #ff8000 solid; /* 見出しの境界線 */
  color: #fff; /* 見出しの文字色 */
}
/* 見出し：リンク */
#nav div.strong h2 a {
  background-color: #ff8000; /* 見出しの背景色 */
  color: #fff; /* 見出しの文字色 */
  text-decoration: none; /* テキストの下線（なし） */
}

/* --- 強調セクション3（お問い合わせ） --- */
#nav div.contactus {
  border: 1px #bc8f8f double; /* セクションの境界線 */
  font-size: 140%; /* 文字サイズ */
}
/* 見出し */
#nav div.contactus h2 {
  background-color: #bc8f8f; /* 見出しの背景色 */
  color: #fff; /* 見出しの文字色 */
}
/* 見出し：リンク */
#nav div.contactus h2 a {
  background-color: #bc8f8f; /* 見出しの背景色 */
  color: #fff; /* 見出しの文字色 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* お問い合わせ内の定義 */
#nav div.contactus dd {
  line-height: 1.5em;
  margin-left: .8em; /* インデント */
}

/* 強調部分（電話番号等） */
#nav em {
  color: #ff8000; /* 文字色 */
  font-size: 140%; /* 文字サイズ */
  font-style: normal; /* 文字スタイル */
}

#nav em .el_phone_nav {
  color: #ff8000; /* 文字色 */
  text-decoration: none;
}

/* --- サブメニュー --- */
/* サブメニュー内の見出し */
#nav div.subMenu h2 {
  background-color: #bc8f8f; /* 見出しの背景色 */
  border: 1px #bc8f8f solid; /* 見出しの境界線 */
  color: #fff; /* 見出しの文字色 */
  margin: 0; /* 見出しのマージン（上書き） */
}
/* メニューエリア */
#nav div.subMenu ul.nl {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* メニュー項目 */
#nav div.subMenu ul.nl li {
  border-bottom: 1px #bc8f8f dotted; /* 項目の下境界線 */
}
/* リンクエリア */
#nav div.subMenu ul.nl li a {
  display: block;
  padding: 9px 10px; /* リンクエリアのパディング（上下、左右） */
  position: relative; /* IE6用 */
  text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
  background-color: #fffafa; /* ポイント時の背景色 */
  text-decoration: underline; /* テキストの下線（あり） */
}

/* --- お問い合わせ --- */
#nav div.contact {
  padding: 0 0 .3em; /* パディング（上、左右、下） */
}
/* お問い合わせ内の段落 */
#nav div.contact p {
  margin: 0 10px .4em; /* 段落のマージン（上書き） */
}

/* --- ▲サイドバー内の設定終了 --- */


/* --- 罫線 --- */
#content hr.clear {
  clear: right; /* 右フロートのクリア */
  margin: 0;
  visibility: hidden; /* 非表示 */
  width: 100%;
}

/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
  /* background-color: #fffff0; フッタの背景色 */
  background-image: url(../image/background.png); /* フッタの背景画像 */
  border-top: 1px #adff2f solid; /* フッタの上境界線 */
  color: #4c260a; /* フッタの文字色 */
  font-size: 125%;
  padding: 15px 0 20px; /* フッタのパディング（上、左右、下） */
}

/* --- フッタメニュー --- */
#footer ul.nl {
  list-style-type: none;
  margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
  padding: 0;
  text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
  background: url(../image/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
  display: inline;
  padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
}
/* 最初の項目 */
#footer ul.nl li.first {
  background-image: none; /* 区切り線なし */
}
/* ガイドメニュー1 */
#footer ul.guide_1 {
  margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}
/* ガイドメニュー2 */
#footer ul.guide_2 {
  margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
  font-style: normal;
  line-height: 140%; /* 行の高さ */
  text-align: center;
}

#footer address .el_phone_footer {
  color: #4c260a;
  text-decoration: none;
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}
.clearFix {
  min-height: 1px;
}

/* --- ▲その他の設定終了 --- */

/* 電話番号リンクをスマホのみに限定 */
@media (min-width: 768px) {
  a[href*='tel:'] {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
  }
}