@charset "UTF-8";
/*!
加藤歯科医院向け歯の豆知識CSS
ver0.1 2014/10/1
*/
/*============================================================
* $CONTENTS
* コンテンツの基本指定
============================================================*/
/*-------------------------
コンテンツ全体
-------------------------*/
.topic-list { margin-top: 1rem; }
.topic-list li { margin-top: .5rem; }
.topic-list li:first-child { margin-top: 0; }
.topic-list li a { display: inline-block; padding-left: 16px; background: url(../images/list_arrow02.png) left center no-repeat; background-size: auto .5rem; color: #895f22; }
.topic-list li a:hover { color: #dabf99; }
.topic-list li span { display: inline-block; padding-left: 16px; background: url(../images/list_arrow02.png) left center no-repeat; background-size: auto .5rem; color: #565656; }

/* ----- 丸付きリスト ----- */
/* コメント */
.goods-table { background: #fff; border-top: #d7d7d7 solid 1px; border-left: #d7d7d7 solid 1px; }
.goods-table th, .goods-table td { padding-left: 1rem; padding-right: 1rem; border-bottom: #d7d7d7 solid 1px; border-right: #d7d7d7 solid 1px; }
.goods-table th { background: #f5f5f5; font-weight: bold; }
.goods-table td { padding-top: .5rem; vertical-align: top; }
.goods-table td.goods-img { padding: .5rem; text-align: center; vertical-align: middle; }

/*============================================================
* $PAGES
* 各ページごとのスタイル
============================================================*/
/*-------------------------
インプラント　トピック1
-------------------------*/
.implant-troubles { margin-top: 20px; background: #fff; }
.implant-troubles caption { padding: 10px; background: #fff; font-size: 1.2rem; }
.implant-troubles th, .implant-troubles td { text-align: center; vertical-align: top; }
.implant-troubles th { padding: 10px 10px 0; }
.implant-troubles td { padding: 5px 10px 10px; }

/*-------------------------
インプラント　トピック4
-------------------------*/
.cgf-table { width: 80%; margin-top: 30px; background: #fff; border-top: #d7d7d7 solid 1px; border-left: #d7d7d7 solid 1px; }
.cgf-table th, .cgf-table td { padding: 0.5rem; border-bottom: #d7d7d7 solid 1px; border-right: #d7d7d7 solid 1px; }
.cgf-table th { color: #456130; font-size: 1.2rem; text-align: center; }
.cgf-table tr td:first-child { width: 200px; }
.cgf-table img { width: 100%; }

/*-------------------------
入れ歯　トピック1
-------------------------*/
.denture-topics-table { width: 80%; margin-top: 30px; background: #fff; border-top: #d7d7d7 solid 1px; border-left: #ffd7d7 solid 5px; }
.denture-topics-table th, .denture-topics-table td { padding: 0.5rem; border-bottom: #d7d7d7 solid 1px; border-right: #d7d7d7 solid 1px; }
.denture-topics-table th { width: 10rem; background: #FADEB8; }

.denture-attach-table { width: 80%; margin-top: 30px; background: #fff; border-top: #d7d7d7 solid 1px; border-left: #d7d7d7 solid 1px; }
.denture-attach-table th, .denture-attach-table td { padding: .5rem; border-bottom: #d7d7d7 solid 1px; border-right: #d7d7d7 solid 1px; }
.denture-attach-table th:nth-of-type(2), .denture-attach-table td:nth-of-type(2) { width: 150px; padding: 0; }
.denture-attach-table th, .denture-attach-table td:first-child { background: #9ABA80; text-align: center; }
.denture-attach-table th { font-weight: bold; }
.denture-attach-table img { vertical-align: middle; width: 100%; }
.denture-attach-table tr.combine td { padding: .5rem; }
.denture-attach-table tr.combine img { display: block; width: 50%; }

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