@charset "utf-8";
/* ====================
 *  基本設定
   ==================== */

* {
 margin: 0;
 padding: 0;
}

html>body {
font-size: 12px;
}

body {
 margin: 0 auto;
 text-align: center;
 padding: 0;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
 font-size: 75%;
 line-height: 140%;
 color: #666666;
 background: url(/img/bg01.jpg) repeat-x 0 0 #ffffff;
}

img {
 border: none;
}

p {
 margin: 0 30px 13px 10px;
}

p.txtRight {
 margin: 0 30px 13px 10px;
 text-align: right;
}

/* ====================
 *  リンク設定
   ==================== */
a:link {
 color: #666666;
 text-decoration: underline;
}

a:visited {
 color: #666666;
 text-decoration: underline;
}

a:hover {
 color: #016db6;
 text-decoration: underline;
}

a:active {
 color: #666666;
 text-decoration: underline;
}

/* ====================
 *  基本構成
   ==================== */
#wrapper {
 width: 828px;
 margin: 0 auto;
 background: url(/img/bg.jpg) repeat-y 0 0;
 text-align: left;
}

#sidebar {
 width: 828px;
 margin: 0;
 background: url(/img/bg02.jpg) no-repeat 0 0;
}

#container {
 width: 800px;
 background: #ffffff;
 margin: 0 0 0 14px;
 padding: 19px 0 0 0;
}

#header {
 width: 763px;
 margin: 0 0 0 17px;
}

#contentBg {
 width: 800px;
 margin: 10px 0 28px 0;
 background: url(/img/content_bg.gif) repeat-y 0 0;
}

#content {
 width: 800px;
 background: url(/img/content_bg_btm.gif) no-repeat 0 100%;
}

#main {
 width: 590px;
 margin: 0 0 0 0;
 float: right;
}

#side {
 width: 210px;
 margin: 0 0 0 0;
 float: left;
}

#footer {
 width: 550px;
 margin: 0 0 0 7px;
 padding: 16px 0 0 0;
 background: url(/img/footer_line.gif) no-repeat 0 0;
}


/* ====================
 *  見出し設定
   ==================== */
h1 {
 margin: 9px 0 4px 19px;
}

h2 {
 margin: 0 0 11px 0;
}

.h3Title {
 width: 559px;
 background: url(/img/h3_bg.gif) repeat-y 0 0;
 margin: 0 0 10px 5px;
}

h3 {
 margin: 4px 17px 3px 17px;
 font-size: 120%;
 color: #666666;
}

.h3Txt {
 font-size: 80%;
 font-weight: normal;
}

h4 {
 background-color: #f3f3f3;
 border-left: 3px solid #84c457;
 font-size: 100%;
 font-weight: normal;
 padding: 2px 8px;
 margin: 0 36px 9px 14px;
}

h4.h4Small {
 margin: 0 0 10px 0;
}

/* ====================
 *  ヘッダー
   ==================== */
.headTop {
 width: 763px;
 margin: 0 0 0 0;
 background: url(/img/head_bg.jpg) no-repeat 0 0 #a8db7e;
}

.headLogo {
 width: 358px;
 float: left;
}

.headTel {
 width: 171px;
 padding: 18px 0 17px 0;
 float: left;
}

.headLink {
 width: 234px;
 padding: 13px 0 0 0;
 float: right;
}

.headBtm {
 width: 763px;
 margin: 0 0 0 0;
 background: url(/img/head_btm_bg.jpg) no-repeat 0 0 #66b431;
}

.headBtm p {
 padding: 5px 24px;
 color: #467229;
 font-size: 80%;
 margin: 0 0 0 0;
}

/* ====================
 *  サイド
   ==================== */
.sideNaviBg {
 background-color: #ffffff;
 padding-bottom: 10px;
}

.sideNavi {
 width: 183px;
 border: 1px solid #cccccc;
 margin: 0 0 0 17px;
}

.sideNavi h2 {
 border: 1px solid #cccccc;
 margin: 0 0 0 0;
}

.sideNaviUl {
 list-style-type: none;
 margin: 10px 0 8px 14px;
 width: 154px;
}

.sideNaviUl li {
 background: url(/img/icon_arrow_green.jpg) no-repeat 0 2px;
 padding-left: 19px;
 margin-bottom: 10px;
}

.sideBanner {
 width: 184px;
 margin: 0 0 0 17px;
 padding-bottom: 8px;
}

.sideBannerImg {
 margin: 0 0 1px 3px;
}

/* ====================
 *  フッター
   ==================== */
.footerLink {
 font-size: 80%;
 margin: 0 0 19px 0;
}

.footerCopy {
 width: 548px;
 border-top: 1px solid #cccccc;
 font-size: 80%;
 text-align: center;
 padding: 11px 0 2px 0;
}

/* ====================
 *  トップページ
   ==================== */
.topImg {
 width: 763px;
 background: url(/img/top/top_img.jpg) no-repeat 0 0 #ffffff;
 margin: 0 0 0 17px;
 font-size: 100%;
 border-collapse: collapse;
}

.topImg td {
 vertical-align: top;
}

.topImgTbl01 {
 margin: 6px 0 0px 0;
 border-collapse: collapse;
 width: 246px;
 background: url(/img/top/cure_bg.jpg) repeat-y 0 0;
 font-size: 100%;
}

.topImgTbl01Left {
 vertical-align: top;
 width: 105px;
}

.topImg td.topImgTbl01Right {
 vertical-align: middle;
 width: 141px;
}

.topImgTbl01Txt {
 margin: 4px 11px 0 6px;
}

.topNews {
 width: 245px;
 background: url(/img/top/news_bg.gif) repeat-y 0 0;
 margin: 6px 0 0 0;
}

.topNewsTitle {
 width: 243px;
 background: url(/img/top/news_title_bg.jpg) no-repeat 0 0 #ebebeb;
 margin: 0 0 0 1px;
 border-bottom: 1px solid #cccccc;
}

.topNewsTitleLeft {
 width: 174px;
 float: left;
 background: url(/img/top/icon_arrow.jpg) no-repeat 8px 0;
 padding: 2px 0 3px 31px;
}

.topNewsTitleRight {
 width: 38px;
 float: right;
 padding: 1px 0 2px 0;
}

.topNewsUl {
 list-style-type: none;
 margin: 7px 12px 0 12px;
}

.topNewsUl li {
 background: url(/img/icon_arrow_green.jpg) no-repeat 0 2px;
 padding-left: 16px;
 margin-bottom: 5px;
}

.topNavi {
 margin: 0 0 0 17px;
 background: url(/img/top/top_navi_bg02.jpg) repeat-y 0 0;
}

.topNaviTbl {
 font-size: 100%;
 border-collapse: collapse;
 background: url(/img/top/top_navi_bg01.jpg) no-repeat 0 0;
}

.topNaviTbl td {
 vertical-align: top;
}

.topNaviUl {
 list-style-type: none;
 margin: 12px 0 0 12px;
 width: 136px;
}

.topNaviUl li {
 background: url(/img/icon_arrow_green.jpg) no-repeat 0 2px;
 padding-left: 17px;
 margin-bottom: 10px;
}

.topInfoTbl {
 border-collapse: collapse;
 margin: 0 0px 13px 12px;
 font-size: 100%;
 width: 538px;
}

.topInfoTbl th {
 vertical-align: top;
 text-align: left;
 width: 70px;
 font-weight: normal;
}

.topInfoTbl td {
 vertical-align: top;
 padding: 0 5px 5px 0;
}

/* ====================
 *  2階層目共通
   ==================== */
.mainImg {
 margin: 0 0 10px 0;
}

.bread {
 font-size: 80%;
 margin: 0 0 7px 0;
 width: 570px;
}

.pageTop {
 text-align: right;
 margin: 20px 34px 30px 0;
}

.basicPriceTbl {
 width: 540px;
 border-collapse: collapse;
 font-size: 100%;
 margin: 0 0 17px 14px;
}

.basicPriceTbl th {
 border: 1px solid #cccccc;
 background-color: #eaf7df;
 text-align: left;
 font-weight: normal;
 vertical-align: top;
 padding: 8px 5px;
 width: 258px;
}

.basicPriceTbl td {
 border: 1px solid #cccccc;
 vertical-align: top;
 padding: 8px 5px;
}

/* ====================
 *  お問い合わせ
   ==================== */
.inquiryTxt {
 color: #006600;
 margin: 18px 65px 6px 45px;
}

.inquiryTbl {
 width: 480px;
 border-collapse: collapse;
 margin: 0 0 20px 45px;
 font-size: 100%;
}

.inquiryTbl th {
 width: 144px;
 padding: 5px 8px 10px 8px;
 color: #006600;
 font-weight: normal;
 text-align: left;
 vertical-align: top;
 border: 1px solid #cccccc;
 background-color: #eaf7df;
}

.inquiryTbl td {
 vertical-align: top;
 border: 1px solid #cccccc;
 padding: 5px;
}

.inquiryInputTxt {
 width: 220px;
}

.inquiryTxetarea {
 width: 309px;
 height: 74px;
}

.inquiryBtn {
 width: 480px;
 letter-spacing: 6px;
 margin: 0 0 35px 45px;
 text-align: center;
}

.inquiryErrTxt {
 width: 479px;
 background-color: #fff7d2;
 margin: 0 0 10px 45px;
 padding: 7px 0;
 text-align: center;
 color: #ff0000;
}

.inquiryErrFont {
 color: #ff0000;
 margin-top: 2px;
}

.inquiryResultTxt {
 margin: 0 65px 40px 45px;
}

input {
 font-size: 100%;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
}

textarea {
 font-size: 100%;
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
}

/* ====================
 *  医院情報
   ==================== */
.guideInfoTbl01 {
 border-collapse: collapse;
 margin: 0 0 20px 13px;
 width: 545px;
 font-size: 100%;
}

.guideInfoTbl01 td {
 vertical-align: top;
}

.guideInfoTbl01Left {
 width: 375px;
}

.guideInfoUl {
 list-style-type: none;
 margin: 0 10px 0 0;
}

.guideInfoUl li {
 margin-bottom: 3px;
}

.guideInfoTbl02 {
 width: 549px;
 border-collapse: collapse;
 margin: 0 0 10px 10px;
 font-size: 100%;
}

.guideInfoTbl02 th {
 border: 1px solid #cccccc;
 background-color: #f3f3f3;
 text-align: left;
 vertical-align: middle;
 padding: 7px 0 7px 7px;
}

.guideInfoTbl02 td {
 text-align: center;
 border: 1px solid #cccccc;
 vertical-align: middle;
 padding: 7px 22px;
}

.guideInfoTbl02 th.guideInfoWeek {
 text-align: center;
 padding: 0 22px;
}

.guideInfoTbl02 td.guideInfoTbl02Space {
 border: 1px solid #cccccc;
 padding: 0;
}

.guideInfoTxt {
 margin: 0 0 15px 10px;
 width: 545px;
}

.guideInfoMapImg {
 width: 268px;
}

/* ====================
 *  医院内紹介
   ==================== */
.guideIntroductionTbl {
 border-collapse: collapse;
 margin: 0 0 0px 15px;
 font-size: 100%;
}

.guideIntroductionTbl td {
 vertical-align: top;
 width: 183px;
}

.guideIntroductionTbl p {
 margin: 7px 12px 24px 12px;
}

/* ====================
 *  求人情報
   ==================== */
.guideRecruitTbl {
 border-collapse: collapse;
 margin: 0px 0 10px 14px;
 font-size: 100%;
 width: 540px;
}

.guideRecruitTbl th {
 font-weight: normal;
 width: 132px;
 padding: 6px 8px;
 border: 1px solid #cccccc;
 background-color: #eaf7df;
 text-align: left;
 vertical-align: top;
}

.guideRecruitTbl td {
 padding: 6px 8px;
 border: 1px solid #cccccc;
 vertical-align: top;
}

.guideRecruitTbl02 {
 border-collapse: collapse;
 margin: 0px 0 10px 14px;
 font-size: 100%;
}

.guideRecruitTbl02 td {
 vertical-align: top;
 padding-right: 2px;
}

/* ====================
 *  スタッフブログ
   ==================== */
#blogContent {
 width: 590px;
}

#blogMain {
 width: 404px;
 float: left;
}

#blogNavi {
 width: 186px;
 float: right;
}

.blogNaviCategory {
 width: 162px;
 border: 1px solid #cccccc;
 margin: 0 0 10px 0;
 background: url(/img/blog/blognavi_bg.jpg) no-repeat 0 100% #ffffff;
}

.blogNaviCategory h3 {
 margin: 9px 10px;
 font-size: 100%;
 border-left: 3px solid #84c457;
 padding: 3px 0 3px 4px;
}

.blogNaviUl {
 list-style-type: none;
 margin: 0 10px 0 13px;
}

.blogNaviUl li {
 background: url(/img/icon_green.gif) no-repeat 0 3px;
 margin-bottom: 10px;
 padding-left: 12px;
}

.blogEntry {
 width: 380px;
 margin: 0 0 25px 6px;
}

.blogEntryTitle {
 border-bottom: 1px solid #c4e8a6;
 padding-bottom: 5px;
 margin-bottom: 10px;
}

.blogEntryTitle h3 {
 margin: 0 5px 0 1px;
 font-size: 120%;
 border-left: 3px solid #84c457;
 padding: 3px 0 3px 10px;
}

.blogCenter {
 text-align: center;
 margin-bottom: 13px;
}

.blogRight {
 float: right;
 padding: 0 0 10px 10px;
}

.blogLeft {
 float: left;
 padding: 0 10px 10px 0;
}

.blogEntryTxt {
 margin: 0 5px 0 5px;
}


.blogEntryTxt p {
 margin: 0 0 12px 0;
}

.blogLinkMore {
 text-align: right;
}

.blogLinkMore a:link, .blogLinkMore a:active, .blogLinkMore a:visited {
 color: #6db13a;
 text-decoration: none;
}

.blogLinkMore a:hover {
 color: #6db13a;
 text-decoration: underline;
}

.blogEntryBtm {
 border-top: 1px solid #cccccc;
 width: 380px;
 padding-top: 9px;
 margin-top: 20px;
}

.blogEntryCategory {
 width: 230px;
 float: left;
}

.blogEntryCategory a:link, .blogEntryCategory a:active, .blogEntryCategory a:visited {
 color: #6db13a;
 text-decoration: none;
}

.blogEntryCategory a:hover {
 color: #6db13a;
 text-decoration: underline;
}

.blogEntryDate {
 width: 150px;
 float: right;
 text-align: right;
}

.pageBlogTop {
 text-align: right;
 margin: 0 18px 30px 0;
}

/* ====================
 *  最新医院情報
   ==================== */
.newEntryTxt {
 width: 550px;
 margin: 0 0 20px 13px;
}

.newImgCenter {
 text-align: center;
 margin-bottom: 9px;
}

.newImgRight {
 float: right;
 padding: 0 0 9px 9px;
}

.newImgLeft {
 float: left;
 padding: 0 9px 9px 0;
}

.newImgTxt {
 margin-top: 5px;
 text-align: center;
 font-size: 80%;
}

.newEntryTxt p {
 margin: 0 0 12px 0;
}

/* ====================
 *  パーフェクトペリオシステム
   ==================== */
.periodontitisPerfectCtn {
 width: 540px;
 margin: 0 0 18px 14px;
}

.periodontitisPerfectLeft {
 width: 106px;
 float: left;
}

.periodontitisPerfectRight {
 width: 434px;
 float: right;
}

.periodontitisPerfectRight p {
 line-height: 150%;
 margin: 0 8px 13px 8px;
}

.periodontitisPerfectTbl {
 border-collapse: collapse;
 margin: 0 0 0 0;
 width: 100%;
}

.periodontitisPerfectTbl td {
 vertical-align: top;
}

/* ====================
 *  注目の治療共通
   ==================== */
.topicsCtn {
 width: 540px;
 margin: 0 0 18px 14px;
}

.topicsImgLeft {
 width: 128px;
 padding-right: 13px;
 float: left;
}

.topicsImgRight {
 width: 160px;
 float: right;
}

.topicsTxtLeft {
 width: 380px;
 float: left;
}

.topicsTxtRight {
 width: 399px;
 float: right;
}

.topicsTbl {
 border-collapse: collapse;
 margin: 0 auto 15px auto;
}

.topicsTbl td {
 vertical-align: middle;
 text-align: center;
 padding: 0 3px 2px 3px;
}

/* ====================
 *  インプラント治療
   ==================== */
.topicsImplantDl {
 margin: 0 0 0 11px;
}

.topicsImplantDl dt {
 margin: 0 0 6px 0;
}

.topicsImplantDl dd {
 margin: 0 0 6px 25px;
}

.topicsImplantTbl01 {
 border-collapse: collapse;
 margin: 0 0 20px 14px;
 font-size: 100%;
}

.topicsImplantTbl01 td {
 vertical-align: top;
 width: 128px;
 padding: 0 7px 0 0;
}

.topicsImplantTbl01Img {
 margin: 0 0 8px 0;
}

.topicsImplantTxt {
 margin: 0 36px 0 14px;
}

/* ====================
 *  保険内で白い歯！？
   ==================== */
.topicsInsuranceTbl {
 margin: 0 auto;
 border-collapse: collaspe;
}

.topicsInsuranceTbl td {
 padding: 0 5px;
}

/* ====================
 *  金属アレルギーにならないために共通
   ==================== */
.ceramicCtn {
 width: 540px;
 margin: 0 0 18px 14px;
}

.ceramicImgLeft {
 width: 128px;
 padding-right: 13px;
 float: left;
}

.ceramicImgRight {
 width: 160px;
 float: right;
}

.ceramicTxtLeft {
 width: 380px;
 float: left;
}

.ceramicTxtRight {
 width: 399px;
 float: right;
}

/* ====================
 *  ノンクラスプデンチャー
   ==================== */
.noclaspCtn {
 width: 540px;
 margin: 0 0 18px 14px;
}

.noclaspImgLeft {
 width: 128px;
 padding-right: 13px;
 float: left;
}

.noclaspImgRight {
 width: 160px;
 float: right;
}

.noclaspTxtLeft {
 width: 380px;
 float: left;
}

.noclaspTxtRight {
 width: 399px;
 float: right;
}