/* --------------------------------------------------
2006/05/21
「京都駅前デンタルクリニック」
 --------------------------------------------------- */

/* 装飾 */
*{ margin:0;padding:0;}
img{border:none;vertical-align:top;}
.clear{clear:both;}
p {margin:0;padding:0;}

a:link {color:#670002;text-decoration:none;}
a:visited {color:#670002;text-decoration:none;}
a:active {color:#670002;text-decoration:none;}
a:hover {color:#976600;text-decoration:underline; }

/* フォントカラー */
.font-color-gray {
color:#888888;
}

.font-color-orange {
color:#FF9933;
}

.font-color-ocher {
color:#976600;
}

.font-color-brown{
color:#A24315;
}

.font-color-blue{
color:#016599;
}

/* ボディー */
body {
margin:0;
text-align:center;
background-color:#E7DABA;
font-size:85%;
font-family:"ＭＳ Ｐゴシック", Osaka;
color:#666666;
line-height:160%;
}

h1 {
font-size:12px;
text-align:left;
width:760px;
text-align:left;
margin:0 auto;
background:#260c00;
color:#fff;
text-indent:10px;
font-weight:normal;
}


/* ■■■全体--------------------------------------------- */

#container {
width:768px;
margin-left:auto;
margin-right:auto;
text-align:left;
background:url(image/main/background.jpg) repeat-y;
position:relative;
}

#wrapper-top {
margin:387px auto 0 auto;
width:760px;
text-align:center;
top:387px;
}

#wrapper-category {
margin:188px auto 0 auto;
width:760px;
text-align:center;
top:387px;
}

#sidebar{
width:160px;
float:left;
}

/*アブソリュート部*/
#position-top,#position-category{
width:100%;
position:absolute;
top:20px;
left:0px;
text-align:center;
}

.position-box-top{
margin:0 auto;
width:768px;
height:387px;
background:url(image/main/background.jpg) repeat-y;
}

.position-box-category{
margin:0 auto;
width:768px;
height:187px;
background:url(image/main/background.jpg) repeat-y;
}

/* ヘッダー部分 */
#header {
width:760px;
height:57px;
background-image:url(image/main/header.jpg);
position:relative;
margin:0 auto;
text-align:center;
}

#header-logo {
width:329px;
height:39px;
position:absolute;
top:9px;
left:9px;
}

/* メニュー */
#menu {
width:760px;
height:30px;
margin:0 auto;
text-align:center;
}

.menu-list {
color:#FFFFFF;
padding-top:6px;
font-size:14px;
}

.button127 a,.button127 a:link,.button127 a:visited{
width:127px;
height:30px;
display:block;
text-align:center;
text-decoration:none;
background:url(image/main/button127.jpg) no-repeat;
float:left;
}

.button126 a,.button126 a:link,.button126 a:visited {
width:126px;
height:30px;
display:block;
text-align:center;
text-decoration:none;
background:url(image/main/button126.jpg) no-repeat;
float:left;
}

.button127 a:hover{
width:127px;
height:30px;
display:block;
text-align:center;
text-decoration:none;
background:url(image/main/button127_2.jpg) no-repeat;
}

.button126 a:hover{
width:126px;
height:30px;
display:block;
text-align:center;
text-decoration:none;
background:url(image/main/button126_2.jpg) no-repeat;
}

/* メインコンテンツ */
#content{
padding:16px 0;
width:583px;
float:right;
text-align:left;
}

/* フッター */
#footer {
width:760px;
height:27px;
background-image:url(image/main/footer.jpg);
clear:both;
margin:0 auto;
text-align:center;
color:#FFFFFF;
}

.footer-txt {
padding-top:8px;
font-size:12px;
}

#addres {
padding:5px 0 5px 0;
width:760px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-size:12px;
color:#4B1B17;
}

#addres a:link {color:#976600;text-decoration:none;}
#addres a:visited {color:#976600;text-decoration:none;}
#addres a:active {color:#976600;text-decoration:none;}
#addres a:hover {color:#976600;text-decoration:underline; }

/* カテゴリメニュー */
.left-category {
padding:0 0 0 0;
width:165x;
font-size:12px;
}

.category-title {
width:165px;
height:26px;
background-image:url(image/main/category-title.jpg);
color:#FFFFFF;
}

.category-title-txt {
 padding-top:7px;
}

.category-body {
width:165px;
color:#000033;
text-align:left;
position:relative;
}

.left-category-body .padding{
padding:5px;
}

.category-body ul {
padding-left:5px;
margin:0;
}
.category-body li{
padding-left:14px;
padding-top:8px;
height:25px;
background-image:url(image/main/vec.jpg);
background-repeat:no-repeat;
background-position:left center;
list-style:none;
line-height:160%;
border-bottom:1px dotted #361A05;
}

.left-category a:link {color:#670002;text-decoration:none;}
.left-category a:visited {color:#670002;text-decoration:none;}
.left-category a:active {color:#670002;text-decoration:none;}
.left-category a:hover {color:#FF6600;text-decoration:underline; }

/* エントリ */
.entry{
padding:0 0 10px 0;
margin-left:4px;
width:546px;
text-align:left;
line-height:140%;
}

.entry-title {
width:546px;
height:41px;
background-image:url(image/main/entry_title.jpg);
}

.entry-title h1{
padding:15px 0 0 40px;
font-size:26px;
color:#143980;
}
.entry-title h2{
padding:10px 0 0 20px;
font-size:18px;

}

.entry-body {
width:546px;
}

.entry-txt-area {
padding-bottom:17px;
width:535px;
clear:both;
}

.entry-body p{
padding:10px 20px 10px 20px;
}

.entry-body img {
padding:5px 10px 5px 0;
float:left;
}

.entry-footer {
height:37px;
font-size:12px;
background-image:url(image/drs/blog_14.jpg);
}

.entry-footer p{
padding:5px 0 0 20px;
}

/* コメント */
.comments {
width:541px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

.comments h3{
margin:30px 0 0 0;
padding-left:10px;
border-left:4px solid #CFD6E6;
font-size:16px;
font-weight:bold;
}

.comments h5{
margin:10px 0 0 0;
padding-left:10px;
border-left:4px solid #CFD6E6;
font-size:16px;
font-weight:bold;
}

.comment{
margin-top:10px;
width:539px;
border:solid 1px #CCCCCC;
line-height:140%;
}

.comment p{
font-size:12px;
}

.comment-content{
padding:10px;
}

.comments-open{
width:541px;
}

.comments-open h4{
margin:30px 0 0 0;
padding-left:10px;
border-left:4px solid #9ca3b3;
font-size:16px;
font-weight:bold;
}

.comments-open-content{
margin:10px 0 10px 0;
width:539px;
}

.comment a:link {color:#3333cc;text-decoration:none;}
.comment a:visited {color:#3333cc;text-decoration:none;}
.comment a:active {color:#3333cc;text-decoration:none;}
.comment a:hover {color:#3333cc;text-decoration:underline; }

/* 文章 */
.sentenc{
padding-top:20px;
width:530px;
line-height:140%;
}

.sentenc-title{
margin-left:30px;
width:500px;
height:30px;
background-image:url(image/main/crosshead.jpg);
}

.sentenc-title h2{
padding:5px 0 0 30px;
font-size:16px;
color:#143980;
}

.sentenc-body{
padding:5px 0 0 0;
margin-left:60px;
width:470px;
}

.sentenc-body img{
padding:0 5px 5px 5px;
float:left;
}

.top-sentenc-body{
padding:5px 0 0 0;
margin-left:30px;
width:500px;
}

.sentenc-body p{
padding:0;
}

/* アーカイブ */
.archive {
width:541px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

.archive h1{
padding:7px 0 3px 10px;
font-size:16px;
border-left:4px solid #9ca3b3;
color:#143980;
}

.archive p{
padding:10px;
}

.archive ul {
padding-left:5px;
}

.archive li{
padding-left:15px;
background:url(image/drs/li.jpg) no-repeat;
background-position:left center;
list-style:none;
line-height:160%;
}

/* テーブル */
.table_back1 {
background-color: #b5d2f1;
font-size:12px;
}
.table_back2 {
background-color: #E6F3FC;
font-size:12px;
}
.table_back3 {
background-color: #0092D5;
font-size:12px;
color: #FFFFFF;
font-weight: bold;
}
.table_back4 {
background-color: #c7e4F6;
font-size:12px;
}
.table_back5 {
height:25px;
vertical-align:middle;
background-color: #eeeeff;
font-size:12px;
}
.table_rial {
background-color: #000033;
font-size:12px;
color: #FFFFFF;
font-weight: bold;
border-width:1px;
border-style:solid;
border-color:#FFFFFF #000000 #000000 #ffffff;
}

.no_img{
color:#FFFFFF;
background-color:#000000;
margin:5px 5px 5px 5px;
float:left;
vertical-align:middle;
text-align:center
}
.dot {
border-bottom:1px #CCCCCC dotted;
}

.tbl_border{
background-color:#CFD6E6;
border-top:1px solid #cfe6df;
border-left:1px solid #cfe6df;
border-bottom:1px solid #9da3b3;
border-right:1px solid #9da3b3;
color: #000033;
padding:5px;
}

.tbl_padding{
padding:5px;
}

.tbl-font {
font-size:12px;
}

/* 文章 */
.exp {
padding:10px 10px 30px 10px;
}

.exp img{
padding-left:10px;
padding-bottom:10px;
float:right;
}

/* ページ以降 */
#next-back {
width:550px;
height:40px;
}

#next-vec {
width:200px;
height:30px;
float:right;
text-align:right;
}

#back-vec {
width:200px;
height:30px;
float:left;
text-align:left;
}

/* ■■■各ページ------------------------------------- */

/* ■トップ----------------------- */
#top-img {
width:760px;
height:300px;
background:url(image/top/top-img.jpg) no-repeat;
margin:0 auto;
text-align:center;
}

#top-body {
width:390px;
float:left;
text-align:left;
}

#right-bar {
width:180px;
float:right;
text-align:left;
}

.top-txt-area {
width:390px;
padding:3px 3px 17px 3px;
}

.top-title {
width:384px;
height:23px;
background:url(image/top/top_title.jpg) no-repeat;
}

#top-body h1 {
padding-left:12px;
padding-bottom:2px;
font-size:18px;
color:#640000;
vertical-align:middle;
}

#top-body h2 {
padding-left:12px;
padding-bottom:2px;
font-size:18px;
color:#640000;
vertical-align:middle;
}

.top-txt-area .box-1{
width:187px;
height:100px;
float:left;
}

.top-txt-area .box-2{
padding-left:15px;
width:100px;
float:left;
}

#top-body table p{
padding-left:5px;
color:#640000;
text-align:left;
font-size:14px;
}

.top-table-header{
background:url(image/top/top-concept-header.jpg) no-repeat;
}

td.top-table-header2{
background:url(image/top/top_concept-header2.jpg) no-repeat;
}

.box-3 {
clear:both;
}

/* ■カテゴリー--------------------------------------- */
#navi {
padding-bottom:17px;
width:570px;
}

#entry-body {
width:570px;
float:left;
text-align:left;
}

.entry-txt-area {
padding-bottom:17px;
text-align:left;
}

.entry-title {
width:555px;
height:40px;
text-align:left;
margin:0 auto;
}

.entry-title h1{
padding:10px 0 0 10px;
font-size:24px;
font-weight:bold;
color:#663202;
}

.entry-subtitle {
width:535px;
height:26px;
text-align:left;
background:url(image/category/category-sub-title.jpg) no-repeat;
clear:both;
}

.entry-subtitle-over {
width:535px;
height:47px;
text-align:left;
background:url(image/category/category-sub-titleover.jpg) no-repeat;
}

.entry-subtitle2 {
width:535px;
height:26px;
text-align:left;
background:url(image/category/category-sub-title2.jpg) no-repeat;
}

.entry-subtitle-p {
padding:3px 0 0 20px;
font-size:14px;
color:#670002;
}

.entry-subtitle-p2 {
padding:3px 0 0 20px;
font-size:14px;
color:#333100;
}

.entry-exp {
padding:20px 0 0 20px;
clear:both;
}

.entry-table-header{
background:url(image/category/category_box_header.jpg) no-repeat;
}

.entry-table-header2{
background:url(image/category/category_box_header2.jpg) no-repeat;
}

.entry-table-header3{
background:url(image/category/category_box_header3.jpg) no-repeat;
}

.entry-table-header4{
background:url(image/treatment/synthesis/synthesis_tbl_head.jpg) no-repeat;
height:57px;
}

#entry-body table p{
padding-left:5px;
color:#ffffff;
text-align:left;
font-size:14px;
}

.entry-img-left {
padding:0 8px 8px 0;
float:left;
}

.entry-img-right {
padding:0 0 8px 8px;
float:right;
}

#entry-body ul {
padding-left:5px;
margin:0;
}
#entry-body li{
padding-left:10px;
color:#670002;
background-image:url(image/category/list2.jpg);
background-repeat:no-repeat;
background-position:left center;
list-style:none;
font-size:12px;

}

/* 初めての方へ------------------- */
#category-first-img {
width:760px;
height:100px;
background:url(image/category/category_first_img.jpg) no-repeat;
margin:0 auto;
}

/* コンセプト */
#concept-title{
background:url(image/first/concept/concept_title.jpg) no-repeat;
}

#flow-title{
background:url(image/first/flow/flow_title.jpg) no-repeat;
}

.flow-box-title {
font-size:20px;
color:#346464;
font-weight:bold;
}

.flow-box {
width:470px;
}

/* 安心へのお約束 */
#promise-title{
background:url(image/first/promise/promise_title.jpg) no-repeat;
}

/* 無料カウンセリング */
#counseling-title{
background:url(image/first/counseling/counseling_title.jpg) no-repeat;
}

/* 治療内容----------------------- */
#category-tiryo-img {
width:760px;
height:100px;
background:url(image/category/category_tiryo_img.jpg) no-repeat;
margin:0 auto;
}

/* 総合検査 */
#synthesis-title{
background:url(image/treatment/synthesis/synthesis_title.jpg) no-repeat;
}

/* コントロールプログラム */
#control-title{
background:url(image/treatment/control/control_title.jpg) no-repeat;
}

/* 無痛治療 */
#painless-title{
background:url(image/treatment/painless/painless-title.jpg) no-repeat;
}

/* インプラント治療 */
#implant-title{
background:url(image/treatment/implant/implant_title.jpg) no-repeat;
}

/* 歯周病治療 */
#periodontitis-title{
background:url(image/treatment/periodontitis/periodontitis_title.jpg) no-repeat;
}

/* 矯正治療 */
#correction-title{
background:url(image/treatment/correction/correction_title.jpg) no-repeat;
}

/* 審美歯科（ホワイトニング） */
#beautiful-title{
background:url(image/treatment/beautiful/beautiful_title.jpg) no-repeat;
}

/* クリーニング */
#cleaning-title{
background:url(image/treatment/cleaning/cleaning_title.jpg) no-repeat;
}

/* 口腔外科 */
#surgery-title{
background:url(image/treatment/surgery/surgery_title.jpg) no-repeat;
}

/* 一般歯科 */
#general-title{
background:url(image/treatment/general/general_title.jpg) no-repeat;
}

/* 医院案内----------------------- */
#category-clinic-img {
width:760px;
height:100px;
background:url(image/category/category_clinic_img.jpg) no-repeat;
margin:0 auto;
}

#staff-title {
background:url(image/clinic/staff/staff_title.jpg) no-repeat;
}

.staff-box1{
width:535px;
height:200px;
background:url(image/clinic/staff/item_03.jpg) no-repeat;
}

.staff-box-left {
padding:10px 160px 0 10px;
font-size:12px;
line-height:140%;
}

#facilities-title {
background:url(image/clinic/facilities/facilities_title.jpg) no-repeat;
}

.facil-box {
width:515px;
height:171px;
}

.facil-box-left {
padding:10px 270px 0 10px;
}

.facil-box-right {
padding:10px 10px 0 270px;
}

/* リンク集 */
#link-title{
background:url(image/clinic/link/link-title.jpg) no-repeat;
}

.tbl-link {
padding-left:10px;
color:#A24315;
}

/* サイトマップ */
#sitemap-title{
background:url(image/clinic/sitemap/sitemap-title.jpg) no-repeat;
}

.tbl-color1 {
background-color:#F0DFC1;
padding:3px 3px 3px 10px;
color:#A24315;
}

.tbl-color2 {
background-color:#F0E0D1;
padding:3px 3px 3px 10px;
color:#A24315;
}

.tbl-color3 {
padding:3px 3px 3px 15px;
color:#4E2020;
}

/* アクセスマップ */
#access-title{
background:url(image/clinic/access/access_title.jpg) no-repeat;
}

/* お問い合わせ */
#contact-title{
background:url(image/clinic/contact/contact_title.jpg) no-repeat;
}

.tbl-border1 {
padding:3px;
border-left:#D1C1B2 1px solid;
border-bottom:#D1C1B2 1px solid;
color:#A24315;
background-color:#FEFFF1;
}

.tbl-border2 {
padding:3px;
border-left:#D1C1B2 1px solid;
border-bottom:#D1C1B2 1px solid;
border-right:#D1C1B2 1px solid;
color:#A24315;
}

/* 院長・スタッフ紹介 */
.staffLeft{
float: left;
}

.staffRight{
float: right;
}


/* ■その他------------------------------------------- */

/* padding */
.padding-l-10 {
padding-left:10px;
}

.padding-5 {
padding:5px;
}

.padding-8 {
padding:8px;
}

.padding-t-5 {
padding-top:5px;
}

.padding-t-8 {
padding-top:8px;
}

.padding-l-20 {
padding-left:20px;
}

.padding-t-20 {
padding-top:20px;
}

.padding-b-10 {
padding-bottom:10px;
}

/* Validation */
#validation {
padding:40px 0 0 0;
margin-left:32px;
width:175px;
text-align:center;
}

/* 他リンク色 */
/* エントリー内部用 */
.entry-exp a:link {color:#ff6600;text-decoration:none;}
.entry-exp a:visited {color:#ff6600;text-decoration:none;}
.entry-exp a:active {color:#ff6600;text-decoration:none;}
.entry-exp a:hover {color:#ff6600;text-decoration:underline; }

#entry-body li a:link {color:#670002;text-decoration:none;}
#entry-body li a:visited {color:#670002;text-decoration:none;}
#entry-body li a:active {color:#670002;text-decoration:none;}
#entry-body li a:hover {color:#670002;text-decoration:underline; }

.link-color1 a:link {color:#016599;text-decoration:none;}
.link-color1 a:visited {color:#016599;text-decoration:none;}
.link-color1 a:active {color:#016599;text-decoration:none;}
.link-color1 a:hover {color:#016599;text-decoration:underline; }