@charset "utf-8";
/* 分野別インデックスページのCSS */

/* ==========================
    メインビジュアル
========================== */
#visual {
  height: 250px;
  background:url(../img/common/dot-h.gif)  bottom repeat-x;
  padding-left:1px;
  padding-bottom:1px;
}

/* ==========================
    メインエリア
========================== */
#contents {
  background:url(../img/common/dot-2col-a.gif)  1px 0 repeat-y;
  padding-bottom:30px;
}
#main {
  float: left;
  width:700px;
}
#main #main-inner {
  margin: 20px 20px;
}

/* ==========================
    ページ内リンク
========================== */
#page-navi li {
  float: left;
  width:140px;
  height:20px;
  margin-right:20px;
  margin-bottom:30px;
}
#page-navi li a{
  display: block;
  width:140px;
  height:20px;
  text-indent:-9999px;
}
body.index-child #page-navi #pn-topics a{
  background:url(../img/index/btn-child.gif) 0 0 no-repeat;
}
body.index-child #page-navi #pn-topics a:hover{
  background:url(../img/index/btn-child.gif) -140px 0 no-repeat;
}
body.index-child #page-navi #pn-data a{
  background:url(../img/index/btn-child.gif) 0 -60px no-repeat;
}
body.index-child #page-navi #pn-data a:hover{
  background:url(../img/index/btn-child.gif) -140px -60px no-repeat;
}
body.index-child #page-navi #pn-faq a{
  background:url(../img/index/btn-child.gif) 0 -20px no-repeat;
}
body.index-child #page-navi #pn-faq a:hover{
  background:url(../img/index/btn-child.gif) -140px -20px no-repeat;
}
body.index-child #page-navi #pn-voice a{
  background:url(../img/index/btn-child.gif) 0 -40px no-repeat;
}
body.index-child #page-navi #pn-voice a:hover{
  background:url(../img/index/btn-child.gif) -140px -40px no-repeat;
}

body.index-gut #page-navi #pn-topics a{
  background:url(../img/index/btn-gut.gif) 0 0 no-repeat;
}
body.index-gut #page-navi #pn-topics a:hover{
  background:url(../img/index/btn-gut.gif) -140px 0 no-repeat;
}
body.index-gut #page-navi #pn-data a{
  background:url(../img/index/btn-gut.gif) 0 -60px no-repeat;
}
body.index-gut #page-navi #pn-data a:hover{
  background:url(../img/index/btn-gut.gif) -140px -60px no-repeat;
}
body.index-gut #page-navi #pn-faq a{
  background:url(../img/index/btn-gut.gif) 0 -20px no-repeat;
}
body.index-gut #page-navi #pn-faq a:hover{
  background:url(../img/index/btn-gut.gif) -140px -20px no-repeat;
}
body.index-gut #page-navi #pn-voice a{
  background:url(../img/index/btn-gut.gif) 0 -40px no-repeat;
}
body.index-gut #page-navi #pn-voice a:hover{
  background:url(../img/index/btn-gut.gif) -140px -40px no-repeat;
}

body.index-immune #page-navi #pn-topics a{
  background:url(../img/index/btn-immune.gif) 0 0 no-repeat;
}
body.index-immune #page-navi #pn-topics a:hover{
  background:url(../img/index/btn-immune.gif) -140px 0 no-repeat;
}
body.index-immune #page-navi #pn-data a{
  background:url(../img/index/btn-immune.gif) 0 -60px no-repeat;
}
body.index-immune #page-navi #pn-data a:hover{
  background:url(../img/index/btn-immune.gif) -140px -60px no-repeat;
}
body.index-immune #page-navi #pn-faq a{
  background:url(../img/index/btn-immune.gif) 0 -20px no-repeat;
}
body.index-immune #page-navi #pn-faq a:hover{
  background:url(../img/index/btn-immune.gif) -140px -20px no-repeat;
}
body.index-immune #page-navi #pn-voice a{
  background:url(../img/index/btn-immune.gif) 0 -40px no-repeat;
}
body.index-immune #page-navi #pn-voice a:hover{
  background:url(../img/index/btn-immune.gif) -140px -40px no-repeat;
}

body.index-oral #page-navi #pn-topics a{
  background:url(../img/index/btn-oral.gif) 0 0 no-repeat;
}
body.index-oral #page-navi #pn-topics a:hover{
  background:url(../img/index/btn-oral.gif) -140px 0 no-repeat;
}
body.index-oral #page-navi #pn-data a{
  background:url(../img/index/btn-oral.gif) 0 -60px no-repeat;
}
body.index-oral #page-navi #pn-data a:hover{
  background:url(../img/index/btn-oral.gif) -140px -60px no-repeat;
}
body.index-oral #page-navi #pn-faq a{
  background:url(../img/index/btn-oral.gif) 0 -20px no-repeat;
}
body.index-oral #page-navi #pn-faq a:hover{
  background:url(../img/index/btn-oral.gif) -140px -20px no-repeat;
}
body.index-oral #page-navi #pn-voice a{
  background:url(../img/index/btn-oral.gif) 0 -40px no-repeat;
}
body.index-oral #page-navi #pn-voice a:hover{
  background:url(../img/index/btn-oral.gif) -140px -40px no-repeat;
}

body.index-care #page-navi #pn-topics a{
  background:url(../img/index/btn-care.gif) 0 0 no-repeat;
}
body.index-care #page-navi #pn-topics a:hover{
  background:url(../img/index/btn-care.gif) -140px 0 no-repeat;
}
body.index-care #page-navi #pn-data a{
  background:url(../img/index/btn-care.gif) 0 -60px no-repeat;
}
body.index-care #page-navi #pn-data a:hover{
  background:url(../img/index/btn-care.gif) -140px -60px no-repeat;
}
body.index-care #page-navi #pn-faq a{
  background:url(../img/index/btn-care.gif) 0 -20px no-repeat;
}
body.index-care #page-navi #pn-faq a:hover{
  background:url(../img/index/btn-care.gif) -140px -20px no-repeat;
}
body.index-care #page-navi #pn-voice a{
  background:url(../img/index/btn-care.gif) 0 -40px no-repeat;
}
body.index-care #page-navi #pn-voice a:hover{
  background:url(../img/index/btn-care.gif) -140px -40px no-repeat;
}

/* ==========================
    上のセクション 
========================== */
/* キャッチコピー */
#subhead {
  margin-bottom:10px;
  font-size:136%;
}

/* ---------- 説明エリア */
#text-area img {
  float:right;
}
#text-area .left {
  float:left;
  width:380px;
  padding-top:20px;
  margin-bottom:30px;
}
#text-area .left p {
  margin-bottom:1em;
}

/* ==========================
    下のセクション
========================== */
/* ---------- 見出し */
#main-inner h3.subhead {
  width:200px;
  height:40px;
  margin:20px 0;
  text-indent:-9999px;
}

/* ---------- 臨床研究 */
#data {
  margin:20px 0 30px 0;
}
#data table {
  font-family: "Arial", "Helvetica";
  font-size:12px;
  margin:0 10px;
  width:640px;
}
#data table td.sh{
  background:#999;
  color:#fff;
  white-space: nowrap;
  font-weight: normal;
}
#data table td {
  padding:0.3em;
  border:1px solid #E5E5E5;
  vertical-align:text-top;
}
#main table td.ryakugo{
  white-space: nowrap;
}
td.even {
  background:#eee;
}

#main table a {
  text-decoration:none;
}

/* ---------- 新着情報 ・よくあるご質問 */
#update {
  float: left;
  width:310px;
}
#faq {
  float: right;
  width:310px;
}
ul.index-list {
  width:310px;
  padding-bottom:10px;
  margin-bottom:10px;
}
ul.index-list li {
  border-bottom:1px solid #E5E5E5;
  padding-bottom:10px;
  margin-bottom:10px;
}


body.index-child #data h3.subhead {
  background:url(../img/index/sh-child.gif) 0 -80px no-repeat;
}
body.index-child #faq h3.subhead {
  background:url(../img/index/sh-child.gif) 0 -40px no-repeat;
}
body.index-child #update h3.subhead {
  background:url(../img/index/sh-child.gif) 0 0 no-repeat;
}
body.index-child #main-inner a {
  color:#EA80B0;
}

body.index-gut #data h3.subhead {
  background:url(../img/index/sh-gut.gif) 0 -80px no-repeat;
}
body.index-gut #faq h3.subhead {
  background:url(../img/index/sh-gut.gif) 0 -40px no-repeat;
}
body.index-gut #update h3.subhead {
  background:url(../img/index/sh-gut.gif) 0 0 no-repeat;
}
body.index-gut #main-inner a {
  color:#F4A500;
}

body.index-immune #data h3.subhead {
  background:url(../img/index/sh-immune.gif) 0 -80px no-repeat;
}
body.index-immune #faq h3.subhead {
  background:url(../img/index/sh-immune.gif) 0 -40px no-repeat;
}
body.index-immune #update h3.subhead {
  background:url(../img/index/sh-immune.gif) 0 0 no-repeat;
}
body.index-immune #main-inner a {
  color:#E9cc00;
}

body.index-oral #data h3.subhead {
  background:url(../img/index/sh-oral.gif) 0 -80px no-repeat;
}
body.index-oral #faq h3.subhead {
  background:url(../img/index/sh-oral.gif) 0 -40px no-repeat;
}
body.index-oral #update h3.subhead {
  background:url(../img/index/sh-oral.gif) 0 0 no-repeat;
}
body.index-oral #main-inner a {
  color:#06B2B2;
}

body.index-care #data h3.subhead {
  background:url(../img/index/sh-care.gif) 0 -80px no-repeat;
}
body.index-care #faq h3.subhead {
  background:url(../img/index/sh-care.gif) 0 -40px no-repeat;
}
body.index-care #update h3.subhead {
  background:url(../img/index/sh-care.gif) 0 0 no-repeat;
}
body.index-care #main-inner a {
  color:#79BC38;
}

/* ==========================
    サイドバー
========================== */
#side #side-index {
  padding: 30px 20px;
  background:url(../img/common/dot-h.gif)  bottom repeat-x;
}
#side #side-index dt {
  width:151px;
  height:14px;
  padding-bottom:10px;
  background:url(../img/index/side-sh-index.gif) 0 0 no-repeat;
  text-indent:-9999px;
}
#side #side-index p {
  margin-top:10px;
}

#side #side-inner {
  margin: 30px 20px;
}

.TopCatIndexGothic{
margin-bottom: 30px;
line-height: 28px;
font-weight: bold;
font-size: 18px;
letter-spacing: 1px;
font-family: "GothicMBM";
color:#333;
}