@charset "utf-8";

/*================================================================================
 
	Service: 山下歯科医院
	FileName: yamashita_dentist.css
	LastUpdate: 2025/08/5

================================================================================*/

/*==================================================================
 スタイルリセット
==================================================================*/

*{margin:0; padding:0;}
html{font-size: 62.5%; /* 62.5%を指定すると「1.0 px = 10px」 */ overflow-x:hidden;}
body{font-family: 'メイリオ',meiryo,Segoe UI,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',Arial,Helvetica,Verdana,MS Sans-Serif; font-size: 12px; font-size: 12px; color: #3C3C3C; background:#000;}
html[xmlns*=""] body:last-child body { font-size: 75%;} /* safari only \*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ul li,ol,ol li{list-style:none;}
table {border-collapse:collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a.selected{font-weight:bold; color:#F90 !important;}


/*==================================================================
 ベースレイアウト
==================================================================*/

div#contentsWrap{width:100%; overflow:hidden; clear:both;}
div#contentsWrap div#mainContents div#contentsArea{float:right; overflow:hidden; margin:0 25px 8% -146px; position:relative; padding:0 0 25px;}
div#contentsWrap div#mainContents aside#sideArea{float:left; width:146px; padding:45px 24px; position:fixed; z-index:3; background:#000; opacity:0.75;}

@media all and (-ms-high-contrast:none){ /* for IE11 Hanck */
 *::-ms-backdrop, div#contentsWrap div#mainContents div#contentsArea{ height:8900px !important;}
	*::-ms-backdrop, div#contentsWrap div#mainContents aside#sideArea{position:inherit; height:9000px !important;}
	*::-ms-backdrop, div#contentsWrap div#mainContents aside#sideArea .sideInner{position:fixed; z-index:2; }
}


/*==================================================================
 サイドナビ
==================================================================*/

div#contentsWrap div#mainContents aside#sideArea nav#gNav{padding:45px 0 0 0;}
div#contentsWrap div#mainContents aside#sideArea nav#gNav ul{}
div#contentsWrap div#mainContents aside#sideArea nav#gNav ul li{font-size:12px; line-height:230%;}
div#contentsWrap div#mainContents aside#sideArea nav#gNav ul li a{color:#FFF;}
div#contentsWrap div#mainContents aside#sideArea .sideArea__time{ margin:5px -1em 0 1.5em; font-size:10px; line-height:140%; color:#ccc;}
div#contentsWrap div#mainContents aside#sideArea .sideArea__time li{list-style:disc outside;}
div#contentsWrap div#mainContents aside#sideArea .sideArea__time__brackets{ text-indent:-0.5em; display:inline-block;}
div#contentsWrap div#mainContents aside#sideArea dl.sideArea__info{position:fixed; bottom:20px; color:#FFF;}
div#contentsWrap div#mainContents aside#sideArea dl dt{}
div#contentsWrap div#mainContents aside#sideArea dl dd{ margin:0 0 8px 0; }
div#contentsWrap div#mainContents aside#sideArea dl dd.telTxt{font-size:18px; padding:0 0 0 20px; background: url(/images/common/ico_tel.png) no-repeat left center; background-size:18px 18px; margin-left:-1px;}


/*==================================================================
 NEWS エリア
==================================================================*/

div#contentsWrap div#mainContents div#contentsArea aside#newsArea{font-size:10px !important; margin:0 25px 0 0; padding:10px 10px 10px 20px; color:#FFF; background:#402B16; overflow:hidden; width:100%; position:fixed; left:194px; bottom:0; z-index:2;}
div#contentsWrap div#mainContents div#contentsArea aside#newsArea p.newsTxt{float:left; padding:0 10px 0 0;}
div#contentsWrap div#mainContents div#contentsArea aside#newsArea dl{width:400px; float:left; line-height:160%;}
div#contentsWrap div#mainContents div#contentsArea aside#newsArea dl dt{width:75px; float:left; clear:left;}
div#contentsWrap div#mainContents div#contentsArea aside#newsArea dl dd{width:325px; float:left;}
div#contentsWrap div#mainContents div#contentsArea aside#newsArea dl dd a{color:#FFF; text-decoration:none;}
div#contentsWrap div#mainContents div#contentsArea aside#newsArea dl dd a:hover{color:#FFF; text-decoration:underline;}
div#contentsWrap div#mainContents div#contentsArea aside#newsArea figure.bnrImg{float:right; margin:5px 238px 0 43px; /*margin:0 0 0 43px;*/}


/*==================================================================
 ARTICLE エリア
==================================================================*/

div#contentsWrap div#mainContents div#contentsArea header#topArea{position:absolute; top:4%; right:0;}
div#contentsWrap div#mainContents div#contentsArea article#articleArea{/*width:40%;*/ width:410px; float:right; margin: 0 0 0 60%; overflow:hidden;}
div#contentsWrap div#mainContents div#contentsArea article#articleArea section.articleSection{margin:0 0 30px 0; padding:20px; color:#000; background:url(../images/common/bg_white.png);}
div#contentsWrap div#mainContents div#contentsArea article#articleArea section.articleSection:first-child{margin:210% 0 30px 0;}
div#contentsWrap div#mainContents div#contentsArea article#articleArea h2{font-size:22px; line-height:110%; color:#A37456; margin:0 0 20px 0;}
div#contentsWrap div#mainContents div#contentsArea article#articleArea h2 span{font-size:12px; display:block;}
div#contentsWrap div#mainContents div#contentsArea article#articleArea h3{font-size:16px; color:#A37456; padding:0 0 18px 0;}
div#contentsWrap div#mainContents div#contentsArea article#articleArea h3 span{margin:0;}
div#contentsWrap div#mainContents div#contentsArea article#articleArea p.leadTxt{font-size:14px; color:#87461d; padding:0 0 20px 0;}
div#contentsWrap div#mainContents div#contentsArea a{color:#222; text-decoration:underline;}
div#contentsWrap div#mainContents div#contentsArea a:hover{text-decoration:none;}

/* ------------------------------------------------------------
 CATEGORY 1 Style
-------------------------------------------------------------*/

div#contentsArea article#articleArea div.titBox{clear:both; overflow:hidden; margin:35px 0 20px 0;}
div#contentsArea article#articleArea div.titBox h3{float:left;}
div#contentsArea article#articleArea div.titBox h3 span{font-size:11px; display:block;}
div#contentsArea article#articleArea div.titBox p.priceTxt{font-size:11px; color:#A37456; float:right;}
.addBox{border-top:1px solid #c1a79c; padding:25px 0 0 0;}


/* ------------------------------------------------------------
 CATEGORY 2 Style
-------------------------------------------------------------*/ 

section.innerSection div.planBox{margin:40px 0 0 0; overflow:hidden; clear:both;}
section.innerSection div.planBox.addBox02{margin:5px 0 0 0 !important;}
section.innerSection div.planBox.addBox02 h3{padding:0 0 10px 0 !important;}
section.innerSection div.planBox p.planBtn{border:none; cursor:pointer; margin:13px 0 0 0;}
section.innerSection div.planBox p.planBtn.plan03{margin:66px 0 0 0;}
section.innerSection div.planBox p.planBtn.plan04{margin:46px 0 0 0;}
section.innerSection div.planBox ul.planList{width:141px; margin:0 10px 0; float:left; padding:0 0 0 5px;}
section.innerSection div.planBox ul.planList li{list-style:disc;}

/* ------------------------------------------------------------
 CATEGORY 3 Style
-------------------------------------------------------------*/ 

section.innerSection p.signTxt{text-align:right; padding:30px 0;}
section.innerSection div.profileBox{clear:both; oveflow:hidden; margin:0 0 40px 0;}
section.innerSection div.profileBox h3{font-size:16px; color:#87461d;}
div#contentsWrap div#mainContents div#contentsArea article#articleArea section.innerSection div.profileBox h3 span.indent{font-size:12px; margin:0 0 0 18px;}
section.innerSection div.profileBox p.btnLink{padding:12px 0 0 0;}


/* ------------------------------------------------------------
 CATEGORY 4 Style
-------------------------------------------------------------*/ 

section.innerSection figure img{width:100%; height: auto;}
section.innerSection figure.fancImgL{width:170px; float:left; clear:left; margin:0 0 20px 0;font-size:10px !important;}
section.innerSection figure.fancImgR{width:170px; float:left; margin:0 0 20px 30px;font-size:10px !important;}
section.innerSection figcation{font-size:10px !important; margin:14px 0 0 0;}
section.innerSection figure.roomImg{ margin:20px 0 20px 0px;}


/* ------------------------------------------------------------
 CATEGORY 5 Style
-------------------------------------------------------------*/ 

section.innerSection p.protTxt{text-align:right;}
section.innerSection p.protTxt span{margin:0 3px 0 0;}
section.innerSection dl.addressList{margin:20px 0;}
section.innerSection p.guideTxt{font-size:14px; color:#87461d; margin:0 0 12px 0;}
section.innerSection h3 span{font-size:12px; margin:0 0 0 12px;}
section.innerSection p.notesTxt{font-size:11px; text-align:right; padding:0 0 20px 0;}
section.innerSection p.notesTxt span{color:#87461d; margin:0 6px;}
section.innerSection dl.businessHours dt{ margin:0 0 1px; width:6em; float:left; background-color:#d6b393; line-height:220%; text-align:center; clear:left;}
section.innerSection dl.businessHours dd{ margin:0 0 0 6.5em; padding:0 0 1px 1em; line-height:220%; border-top:1px dotted #d6b393;}
section.innerSection dl.businessHours dd:nth-child(4){ border-bottom:1px dotted #d6b393; padding-bottom:0;}


/*==================================================================
 FOOTER エリア
==================================================================*/

div#contentsWrap div#mainContents div#contentsArea footer#baseFooter{font-size:10px; margin:0 238px 0 0; padding:15px 0 15px 0; color:#FFF;  background:#402B16; overflow:hidden; width:/*88%*/ 100%; position:fixed; left:194px; bottom:0; z-index:2; display:none;}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter dl{padding:0 0 0 10px; float:left;}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter dl dt{float:left;}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter dl dt span{padding:0 3px 0 5px;}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter dl dd{float:left; margin:0 16px 0 0px;}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter dl dd ul{}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter dl dd ul li{display:inline-block; margin:0 0 0 5px;}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter dl dd ul li a{color:#FFF; text-decoration:underline;}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter dl dd ul li a:hover{text-decoration:none;}
div#contentsWrap div#mainContents div#contentsArea footer#baseFooter small{float:right; padding:2px 0 0 5px; margin:0 220px 0 0; display:block;}
.copyTxt{font-weight:bold; color:#FFF !important; text-align:center; display:block;}


/*==================================================================
 モーダルウィンドウ
==================================================================*/

div.modalWrap{display:none;}
div.modalWrap div.modalBK{width:100%; height:100%; position: fixed; top:0; left:0; z-index:998; background:#000; opacity: 0.9; cursor:pointer;}
div.modalWrap div.modalBody{padding:25px; background:#FFF; position:fixed; z-index:9999; top:25%; left:50%;}
p.closeBtn{cursor:pointer; position:absolute; top:0; right:0;}
div.planInner{overflow:hidden; clear:both;}
div.planInner h4{font-size:18px; line-height:110%; color:#A37456; padding:0 0 20px 0;}
div.planInner h5{font-size:14px; line-height:110%; color:#87461d; padding:0 0 10px 0;}
div.planInner p.notesTxt{font-size:10px; text-align:right; padding:10px 0 5px 0;}
div.planInner p.priceTxt{padding:25px 0 35px 0;}
div.planInner table.planTbl{table-layout: auto;}
div.planInner table.planTbl tr{}
div.planInner table.planTbl tr th,
div.planInner table.planTbl tr td{font-weight:normal !important; padding:5px 10px;}
div.planInner table.planTbl thead{}
div.planInner table.planTbl thead tr th,
div.planInner table.planTbl tbody tr th{}
div.planInner table.planTbl{font-weight:normal !important;}
div.planInner table.planTbl tbody{}
div.planInner table.planTbl tbody .cat01{width:300px; vertical-align:middle;}
div.planInner table.planTbl tbody .price{text-align:right; vertical-align:middle;}
div.planInner table.planTbl tbody span{font-size:10px;}
div.planInner.price01 table.planTbl{width:340px;}
div.planInner.price01 table.planTbl tbody tr th{width:228px;}
div.planInner.price02 table.planTbl,
div.planInner.price03 table.planTbl,
div.planInner.price04 table.planTbl{width:665px;}
div.planInner.price02 table.planTbl tbody tr th,
div.planInner.price03 table.planTbl tbody tr th,
div.planInner.price04 table.planTbl tbody tr th{width:190px;}
div.planInner .odd{background:#F8EFE8;}


/*==================================================================
 汎用 CSS
==================================================================*/

.mt00{margin-top:0 !important;}
.mt20{margin-top:20px !important;}
.pt25{padding-top:25px !important;}
.pb00{padding-bottom:0 !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb40{padding-bottom:40px !important;}
.mb35{margin-bottom:35px !important;}
.pb25{padding-bottom:25px !important;}
.pb45{padding-bottom:45px !important;}
.pb85{padding-bottom:85px !important;}
.clearfix{clear:both;}

.flImgL{float:left; margin:0 20px 0 0;}
.fltL{float:left;}
.fancImg{float:left;}