@charset "shift_jis";
/* ----------- /共通部分の設定 ----------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 98%;
  line-height: 140%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: 'メイリオ', Meiryo, YuGothic, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  list-style: none;
}
body {
  background : url(../img/back.png) repeat-x;
  text-align: center;
  margin: 0 auto;
}
#outline {
  background: #ffffff;
  width: 1000px;
  text-align: center;
  margin: 0 auto;
}
a{
  color:#0098db;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

/* ----------- clearfixの設定 ----------- */
.clearfix:after {
  content: url(clearfix.gif);
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}


/* ----------- main ----------- */
#main{
  background : url(../img/main4.png) no-repeat 0 0;
  height:370px;
  margin:0 0 20px 0;
  text-align: left;
}
  #main h1{
    padding: 15px 0 0 235px;
    font-size: 120%;
  }
  #main .text{
    padding: 240px 0 0 90px;
    font-size: 115%;
    font-weight: bold;
    color: #333333;
  }

/* ----------- head ----------- */
#menu{
  margin: 0 auto 10px auto;
  text-align: center;
}
  #menu ul{
    text-align: center;
    margin: 0 auto;
    padding: 0;
    width: 1000px;
  }
  #menu ul li{
    margin: 0 ;
    padding: 0;
    float: left;
    width: 249px;
    border-right: 1px solid #999;
    height: 47px;
  }
  #menu ul li:nth-child(4) {
    border-right:0;
  }
  #menu ul li a{
    margin: 0;
    padding: 0;
  }

#info{
  background : url(../img/info.png) no-repeat 0 0;
  text-align: center;
  margin: 30px auto 40px auto;
  width:837px;
  height:109px;
}
  #info .text{
    padding: 80px 0 0 0 ;
    font-size: 110%;
  }


/* ----------- profile ----------- */
#profile{
  margin: 30px 0;
}
  #profile img.photo{
    float: left;
    margin: 15px 0 10px 15px;
  }
  #profile .txt{
    float: right;
    width:680px;
    text-align: left;
  }
  #profile .txt p{
    font-size: 115%;
    line-height: 145%;
    margin: 8px 35px 0 0;
  }
  #profile .txt img.sh{
    margin: 20px 0 10px 0;
  }
  #profile img.name{
    margin: 5px 0 40px 140px;
  }


/* ----------- treatment ----------- */
#treatment{
  background : url(../img/treatment_back.png) repeat-y 20px 0;
  text-align: left;
  padding: 0 0 0 20px;
}
#treatment h3{
  margin: 15px 0 20px 80px;
}

#treatment p{
  font-size:110%;
  line-height: 160%;
  margin: 30px 0 0 80px;
}
#treatment ul{
  font-size:135%;
  line-height: 160%;
  margin: 20px 0 0 80px;
}
#treatment li{
  margin: 0 0 5px;
  padding: 0 5px 0 30px;
}
  #treatment #general{
    background : url(../img/general_ph.png) no-repeat 565px 200px;
    margin: 0 0 20px 0;
  }
  #treatment #general ul{
    margin: 20px 0 20px 140px;
  }
  #treatment #general li{
    background : url(../img/check_red.png)  no-repeat 0 3px;
  }

  #treatment #periodontal{
    background : url(../img/periodontal_ph.png) no-repeat 565px 185px;
    margin: 0 0 20px 0;
  }
  #treatment #periodontal ul{
    margin: 20px 0 20px 140px;
  }
  #treatment #periodontal li{
    background : url(../img/check_or.png)  no-repeat 0 3px;
  }

  #treatment #oralsurgery{
    background : url(../img/oralsurgery_ph.png) no-repeat 110px 280px;
    margin: 0 0 20px 0;
  }
  #treatment #oralsurgery p.right{
    margin: 20px 0 20px 440px;
  }
  #treatment #oralsurgery ul{
    margin: 20px 0 60px 470px;
  }
  #treatment #oralsurgery li{
    background : url(../img/check_gr.png)  no-repeat 0 3px;
  }
  
  #treatment #haien{
    background : url(../img/haien_ph.png) no-repeat 110px 225px;
    margin: 0;
  }
  #treatment #haien p.right{
    margin: 20px 0 20px 330px;
  }
  #treatment #haien ul{
    margin: 20px 0 10px 330px;
  }
  #treatment #haien li{
    background : url(../img/check_pr.png)  no-repeat 0 3px;
  }

  

/* ----------- time ----------- */
#time{
  text-align: center;
  margin: 30px auto 60px auto;
}
#time table{
  border-top : 1px solid #000;
  border-right : 1px solid #000;
  font-size: 120%;
  text-align: center;
  margin: 10px auto 0 auto;
}
#time th{
  background: #f0fafa;
  border-left : 1px solid #000;
  border-bottom : 1px solid #000;
  padding: 10px 20px;
  text-align: center;
}

#time td{
  border-left : 1px solid #000;
  border-bottom : 1px solid #000;
  padding: 6px 10px;
  text-align: center;
}


/* ----------- access ----------- */
#access{
  margin: 30px auto;
}
#access #map{
  float:left;
  margin: 30px 0 0 60px;
}
  #access #map iframe{
    border: 1px solid #cccccc;
    padding: 3px;
  }
#access #adress{
  float:right;
  margin: 30px 60px 0 0;
}
  #access #adress h3{
    text-align:left;
    margin: 10px 0 20px 10px;
  }
  #access #adress dl{
    border-bottom: 1px solid #cccccc;
  }
  #access #adress dl dt{
    text-align:left;
    font-size:110%;
    color:#006699;
    font-weight: bold;
    clear: left;
    float: left;
    width: 5.5em;
    padding: 1.2em 0 0 1em;
    border-top: 1px solid #cccccc;
  }
  #access #adress dl dd{
    text-align:left;
    font-size:110%;
    padding: 1.2em 0 0 1em;
    margin: 0 0 1.2em 5.5em;
    border-top: 1px solid #cccccc;
  }

#idi{
  margin: 30px auto 0 auto;
}
#info_tel{
  margin: 30px auto 50px auto;
}
/* ----------- footerの設定 ----------- */
#copyright{
  margin: 15px 0;
}