@charset "utf-8";
/*■■共通のスタイル■■*/ 

.pagetop {display: none;position: fixed;bottom: 30px;right: 0px;}
.pagetop a {display: block;width: 50px;height: 50px;background-color: #333;text-align: center;color: #fff;font-size: 24px;text-decoration: none;line-height: 50px;opacity: 0.5;}
a{text-decoration:none;}
.clearfix:after {content: " "; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display: inline-table; }



/*===============================================
●モバイル用
===============================================*/
body{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#470800+1,482510+100&1+0,0.46+48,0.44+51,1+100 */
background: -moz-linear-gradient(left,  rgba(71,8,0,1) 0%, rgba(71,8,0,0.99) 1%, rgba(71,22,8,0.46) 48%, rgba(71,23,8,0.44) 51%, rgba(72,37,16,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(71,8,0,1)), color-stop(1%,rgba(71,8,0,0.99)), color-stop(48%,rgba(71,22,8,0.46)), color-stop(51%,rgba(71,23,8,0.44)), color-stop(100%,rgba(72,37,16,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,0.99) 1%,rgba(71,22,8,0.46) 48%,rgba(71,23,8,0.44) 51%,rgba(72,37,16,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,0.99) 1%,rgba(71,22,8,0.46) 48%,rgba(71,23,8,0.44) 51%,rgba(72,37,16,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,0.99) 1%,rgba(71,22,8,0.46) 48%,rgba(71,23,8,0.44) 51%,rgba(72,37,16,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(71,8,0,1) 0%,rgba(71,8,0,0.99) 1%,rgba(71,22,8,0.46) 48%,rgba(71,23,8,0.44) 51%,rgba(72,37,16,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#470800', endColorstr='#482510',GradientType=1 ); /* IE6-9 */
}
#wrapper{width:100%;}
#breadcrumblist{display:none;}
img{max-width: 100%;height: auto;width /***/:auto;margin:0 auto;}
#header{text-align:center;padding:20px 0;margin:0;height:auto;}
.headnameH1 a{display:block;color:#fff; font-family: 'Century Gothic', sans-serif;font-weight:normal;font-size:12px;padding-top:10px;line-height:1.5em;}
.headnameH1 a:hover{text-decoration:none;color:#fff;}
.headnameH2 a{display:block;color:#fff; font-family: 'Book Antiqua', sans-serif;font-weight:normal;font-size:18px;}
.headnameH2 a:hover{text-decoration:none;color:#fff;}
#watanabeDentalLogo{display:none;}
#headInfoNavi{display:none;}
#headboxRight{padding-top:3px;}
.headTel{color:#fff;font-weight:normal;font-size:12px;letter-spacing:3px;font-family: 'Century Gothic', sans-serif;}
.headTel .font10{display:none;}
address{font-style:normal;font-weight:normal;}
.headTel a{color:#fff;}
.emp{width:50%;margin:1.0em;}
.emp:hover{opacity:0.8;}
#headImage{margin:0;}
#headImage img{width:100%;height:auto;margin:0;}
.mobilvew{display:block;}
.mobilvewinline{display:inline-block;}
.pcvew{display:none;}
#container{background-color:#F7F3E9;width:100%;}
#contents{padding:1em 0.5em;line-height:1.5em;}

#dentalNote{margin:20px 8px;}

.mamechishiki{height:auto;border-top:1px dotted #914800;border-bottom:0px dotted #914800;padding-top:20px;padding-bottom:20px;}
.mamechishiki ul{padding-left:10px;}
.mamechishiki ul li{font-weight:bold;line-height:1.5em;padding:1.0em 0;list-style:none;color:#914800;font-size:16px;}
.mamechishiki ul li a{color:#914800;}
.mamechishiki ul li ul{width:auto;}
.mamechishiki ul li ul li{font-weight:normal;padding-left:10px;list-style:none;color:#333;border-bottom:1px dotted #ccc;}
.mamechishiki ul li ul li a{color:#333;display:block;}
.mamechishiki ul li ul li a:hover{color:#ff4500;}

.mamechishiki ul li ul li ol li{border-bottom:none;list-style-type:decimal;padding:0.5em;margin:10px;font-size:14px;}


.child {display: none;}
.menu{padding-left:15px;display:block;
line-height:2.0em;border-bottom:1px dotted #914800;}
.inner{width:100%;margin-left:0.2em;line-height:2.0em;font-size:14px;}
.menu:after {
position: absolute;
left: 10px;color:#914800;
margin-top: 0;
content: '▲';
font-size: 10px;
font-weight: bold;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-moz-transition: all, 0.25s, linear;
-o-transition: all, 0.25s, linear;
-webkit-transition: all, 0.25s, linear;
transition: all, 0.25s, linear;
}

.menu.active:after {
-moz-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}












#sidemenu{margin:20px 5px;}
#sidemenu ul{}
#sidemenu ul li{border-bottom:2px dotted #ccc;padding-bottom:10px;}
#sidemenu ul li h2{font-size:12px;}
#sidemenu ul li h2 a.whitning{color:#34bcf4;}
#sidemenu ul li h2 a.orthodontics{color:#A64DFF;}
#sidemenu ul li h2 a.implant{color:#F17F51;}
#sidemenu ul li h2 a.maxillofacial{color:#632e99;}
#sidemenu ul li h2 a.dentures{color:#186467;}
#sidemenu ul li h2 a.esthetic{color:#ff95e6;}
#sidemenu ul li h2 a.home{color:#914800;}

#footer{display:block;padding:50px 0;text-align:center;color:#fff;}
.footInfo{display:none;}
#footernavi{display:block;}
#footer h2 a{font-family: 'Century Gothic', sans-serif;font-weight:normal;font-size:14px;line-height:1.0em;color:#fff;}
#footer h3 a{font-family: 'Book Antiqua', sans-serif;font-weight:normal;font-size:20px;line-height:2.0em;color:#fff;}
#footer h3.copyright{text-align:center;font-family: 'Book Antiqua', sans-serif;font-weight:normal;font-size:11px;}

.tel{color:#470800;font-size:150%;}
.openingTime{border:1px solid #ccc;width:100%;color:#555;background-color:#fff;}
.openingTime th{background-color:#dacdcc;}
.openingTime td{padding:0;border-bottom:1px solid #ccc;text-align:center;}
.openingTimePC{display:none;}

.mamechishikiList .child{display:none;list-style:none;}
.mamechishikiList ul li{list-style:none;}
.mamechishikiPage .child{display:block;}
.mamechishikiPage ul li{list-style:none;}
.mamechishikiPage .menu{font-weight:bold;font-size:100%;color:#612c29;padding-top:2.0em;}


.arrow a{display:block;margin:1.0em;text-align:center;padding:1.0em 0;font-size:80%;background-color:#612c29;color:#fff;border-radius:50px;/* CSS3草案 */-webkit-border-radius:50px;/* Safari,Google Chrome用 */-moz-border-radius:50px;/* Firefox用 */}
.arrow a:hover{opacity:0.8;}

.nextarrow a{display:block;color:#612c29;text-align:right;margin:1.0em;font-size:90%;}

.borderR50{border-radius:50px;/* CSS3草案 */-webkit-border-radius:50px;/* Safari,Google Chrome用 */-moz-border-radius:50px;/* Firefox用 */}



/*===============================================
●PC 画面の横幅が668px以上
===============================================*/
@media print, screen and (min-width: 668px){
body{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,e9e9ce+100;Wax+3D+%232 */
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=1 ); /* IE6-9 */
}

.clearfix:after {content: " "; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display: inline-table; }

#header{ display:block; border-bottom:1px solid #333;text-align:center;height:100px;padding:0;
background-color:#470800;

 }
#headbox{width:1000px;height:100px;margin:0 auto;text-align:left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#470800+0,470800+28,bcaa95+34,470800+41,470800+100 */
background: rgb(71,8,0); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(71,8,0,1) 0%, rgba(71,8,0,1) 28%, rgba(188,170,149,1) 34%, rgba(71,8,0,1) 41%, rgba(71,8,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(71,8,0,1)), color-stop(28%,rgba(71,8,0,1)), color-stop(34%,rgba(188,170,149,1)), color-stop(41%,rgba(71,8,0,1)), color-stop(100%,rgba(71,8,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,1) 28%,rgba(188,170,149,1) 34%,rgba(71,8,0,1) 41%,rgba(71,8,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,1) 28%,rgba(188,170,149,1) 34%,rgba(71,8,0,1) 41%,rgba(71,8,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,1) 28%,rgba(188,170,149,1) 34%,rgba(71,8,0,1) 41%,rgba(71,8,0,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(71,8,0,1) 0%,rgba(71,8,0,1) 28%,rgba(188,170,149,1) 34%,rgba(71,8,0,1) 41%,rgba(71,8,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#470800', endColorstr='#470800',GradientType=1 ); /* IE6-9 */
}
#headboxLeft{float:left;width:310px;padding-top:20px;}
.headnameH1 a{color:#fff; font-family: 'Century Gothic', sans-serif;font-weight:normal;font-size:12px;padding-left:50px;line-height:1.5em;}
.headnameH2 a{color:#fff; font-family: 'Book Antiqua', sans-serif;font-weight:normal;font-size:24px;padding-left:50px;}
#watanabeDentalLogo{display:block;width:100px;float:left;padding-top:30px;padding-left:12px;}
#watanabeDentalLogo img{width:40px;}
#headboxRight{float:right;width:550px;text-align:right;padding-top:10px;}
.headTel{color:#fff;font-weight:normal;font-size:24px;margin-right:30px;letter-spacing:3px;font-family: 'Century Gothic', sans-serif;}
.emp{width:180px;margin:0;}
.headTel .font10{display:inline-block;font-size:10px;letter-spacing:2px;}
address{font-style:normal;font-weight:normal;}
.headTel a{color:#fff;}

#headInfoNavi{display:block;margin-right:20px;margin-top:8px;font-size:14px;}
#headInfoNavi li{display:inline;list-style:none;padding:0 10px;border-right:1px solid #fff;}
#headInfoNavi li a{color:#fff;font-weight:normal;}
#headInfoNavi li a:hover{color:#dcc0e8;}
#headInfoNavi li.firstchild {border-left:1px solid #fff;}



#wrapper{width:1000px;margin:0 auto;background-color:#fff;
    -moz-box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: -15px 10px 10px rgba(0, 0, 0, 0.30);
    box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.30),5px 0px 5px rgba(0, 0, 0, 0.30);
}
#headImage{margin:0;}
#headImage img{width:100%;height:auto;margin:0;}
.mobilvew{display:none;}
.mobilvewinline{display:none;}
.pcvew{display:block;}







#headMenu{text-align:center;}
#breadcrumblist{display:block;height:30px;width:1000px;background-color:#dcdcdc;border-top:1px solid #470800;}
#breadcrumblist ul{font-size:14px;padding-top:10px;}
#breadcrumblist ul li{float:left;}
#breadcrumblist ul li{display:block;
  padding-left:26px;padding-right:10px;
  background-image:url(../images/marker.png);
  background-repeat:no-repeat;
  background-position:0;}
#breadcrumblist ul li.firstchild {background-image:none;padding-left:10px; }
#breadcrumblist ul li a{color:#333;}
#breadcrumblist ul li a:hover{color:#fff;}



#container{background-color:#fff;width:1000px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#af9587+0,ffffff+30,ffffff+100&1+1,0.5+1,1+30,1+100 */
background: -moz-linear-gradient(top,  rgba(175,149,135,0.5) 0%, rgba(178,153,139,0.5) 1%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(175,149,135,0.5)), color-stop(1%,rgba(178,153,139,0.5)), color-stop(30%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(175,149,135,0.5) 0%,rgba(178,153,139,0.5) 1%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(175,149,135,0.5) 0%,rgba(178,153,139,0.5) 1%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(175,149,135,0.5) 0%,rgba(178,153,139,0.5) 1%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(175,149,135,0.5) 0%,rgba(178,153,139,0.5) 1%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80af9587', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#contents{width:960px;line-height:1.5em;padding:40px 20px;}

#leftContent{float:left;width:700px;line-height:1.5em;padding:0px 20px;}
.mamechishiki{border-top:1px dotted #914800;border-bottom:1px dotted #914800;padding-top:20px;padding-bottom:20px;}
.mamechishiki ul{padding-left:10px;}
.mamechishiki ul li{font-weight:bold;line-height:1.5em;border-bottom:0px dotted #914800;padding:1.0em 0;color:#914800;font-size:16px;}
.mamechishiki ul li ul li{font-weight:normal;}
.mamechishiki ul li ul li a{color:#333;display:block;}
.mamechishiki ul li ul li a:hover{color:#ff4500;}
.child {display:block;}
.menu{
padding-left:15px;
line-height:2.0em;
}
.inner{width:100%;margin-left:0.2em;line-height:2.0em;font-size:14px;}
.menu:after {display:none;}







#sidebar{float:right;width:240px;padding:40px 10px;}
#sidemenu{}
#sidemenu ul{margin-left:0;margin-right:0;}
#sidemenu ul li{border-bottom:2px dotted #ccc;padding-bottom:10px;}
#sidemenu ul li h2{font-size:12px;}

#dentalNote{}



#footer {clear:both; display:block; border:1px solid #ccc; width:100%; min-width:1000px;margin:0; padding:50px 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#470800+0,470800+100&1+0,0.9+42,0.5+50,0.9+59,1+100 */
background: -moz-linear-gradient(left,  rgba(71,8,0,1) 0%, rgba(71,8,0,0.9) 42%, rgba(71,8,0,0.5) 50%, rgba(71,8,0,0.9) 59%, rgba(71,8,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(71,8,0,1)), color-stop(42%,rgba(71,8,0,0.9)), color-stop(50%,rgba(71,8,0,0.5)), color-stop(59%,rgba(71,8,0,0.9)), color-stop(100%,rgba(71,8,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,0.9) 42%,rgba(71,8,0,0.5) 50%,rgba(71,8,0,0.9) 59%,rgba(71,8,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,0.9) 42%,rgba(71,8,0,0.5) 50%,rgba(71,8,0,0.9) 59%,rgba(71,8,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(71,8,0,1) 0%,rgba(71,8,0,0.9) 42%,rgba(71,8,0,0.5) 50%,rgba(71,8,0,0.9) 59%,rgba(71,8,0,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(71,8,0,1) 0%,rgba(71,8,0,0.9) 42%,rgba(71,8,0,0.5) 50%,rgba(71,8,0,0.9) 59%,rgba(71,8,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#470800', endColorstr='#470800',GradientType=1 ); /* IE6-9 */
 }

.tel{color:#470800;font-size:150%;}
.openingTime{display:none;}
.openingTimePC{display:block;border:1px solid #ccc;width:700px;color:#555;margin-left:100px;background-color:#fff;line-height:2.0em;}
.openingTimePC th{background-color:#dacdcc;border-bottom:1px solid #dcdcdc;width:100px;}
.openingTimePC td{padding:0 0;border-bottom:1px solid #ccc;text-align:center;width:300px;}
.openingTimePC td.coment{border-bottom:1px solid #fff;text-align:left;}


#footernavi{display:block;text-align:center;border-top:1px solid #dcdcdc;}


/*slimmenu部分PC用設定*/
ul.slimmenu > li { margin-right: 0; border-left: 1px solid #dcdcdc; }
ul.slimmenu > li:first-child { border-left: 1px solid #dcdcdc;; }
ul.slimmenu > li:last-child { border-right: 1px solid #dcdcdc;; }
#footernavi ul.slimmenu > li:first-child { border-left: 1px solid #dcdcdc;; }
#footernavi ul.slimmenu > li:last-child { border-right: 1px solid #dcdcdc;; }
ul.slimmenu li .sub-collapser {display:none;}

/*slimmenu部分PC用設定ここまで*/

.box250wLeft{display:inline-block;float:left;width:250px;}


}