@charset "utf-8";

/* リセット */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea{
	margin: 0;
	padding: 0;
}
ol, ul{
    list-style:none;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
a:focus {
	outline:none;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{
	clear:both;
}
.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
/*-------------------------------------------------------------
    共通 
--------------------------------------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka;
	font-size: 13px;
	background: #ffffff;
	color: #424242;
}
p {
	line-height:1.8em;
}
.right {
	float:right;
}
.left {
	float:left;
}
#contents {
	width: 960px; 
    margin: 0 auto;
	padding-bottom:30px;
	font-size:100%;
}
h2,h3 {
	margin-bottom:5px;
}
.article_box {
	margin-bottom:20px;
}
.article_box p {
	margin-left:5px;
}
p.pagetop {
	float:right;
}
p.pagetop a {
	padding:5px 10px;
	background-color:#336699;
	color:#FFFFFF;
	border-radius:10px;
	font-size:0.93em;
	text-decoration:none;
}
a {
	color:#369;
}
a:hover {
	color:#F60;
}
.txt_red { color:#FF0000;}
.mini { font-size:90%; color:#999999; line-height:1.2em;}
.cl_contact {
	margin-top:20px;
}

/*ヘッダ */
#header {
	background:#FFFFFF;
	width:100%;
	height:120px;
	padding-bottom:10px;
	border-top:#99cc33 solid 5px;
}
#header_box {
	width:960px;
	margin:0 auto;
	padding-top:5px;
}
h1 {
	font-size:0.9em;
	margin-bottom:5px;
}
#logo {
	width:590px;
	float:left;
}
#fontSize {
	float:left;
	width:150px;
}
#fontSize ul {
	margin-top:5px;
}
#fontSize ul li {
	float:left;
	padding:10px;
	font-size:0.929em;
	font-weight:bold;
	color:#999;
	border:#CCCCCC solid 1px;
	border-radius:5px;
	margin-right:5px;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 52%, #e1e1e1 53%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(52%,#f1f1f1), color-stop(53%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 52%,#e1e1e1 53%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 52%,#e1e1e1 53%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 52%,#e1e1e1 53%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 52%,#e1e1e1 53%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
#fontSize ul li:hover {
	color:#FFF;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #dbdbdb 50%, #f1f1f1 50%, #bfbfbf 51%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#dbdbdb), color-stop(50%,#f1f1f1), color-stop(51%,#bfbfbf), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#dbdbdb 50%,#f1f1f1 50%,#bfbfbf 51%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#dbdbdb 50%,#f1f1f1 50%,#bfbfbf 51%,#e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#dbdbdb 50%,#f1f1f1 50%,#bfbfbf 51%,#e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #efefef 0%,#dbdbdb 50%,#f1f1f1 50%,#bfbfbf 51%,#e2e2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
	
}
#contact {
	width:370px;
	margin-top:0px;
}

/* グローバルナビ */
#gNavi-box {
	clear:both;
	width:960px;
	height:30px;
	padding-top:5px;	
}
#gNavi-box
ul#gNavi {
	clear:both;
	width:960px;
	height:30px;
	margin:0 auto;
}
#gNavi-box
ul#gNavi li{
	float:left;
	height:30px;  	
}
#gNavi-box
ul#gNavi a{
	display:block;
	width:192px;
	height:30px;
	text-indent:-99999px;
	overflow:hidden;
}
a.gNavi01{background:url(../images/common/navi.png) 0px 0px;}
	a:hover.gNavi01{background-position: 0 -29px ;}
a.gNavi02{background:url(../images/common/navi.png) -192px 0px;}
	a:hover.gNavi02{background-position: -192px -29px ;}
a.gNavi03{background:url(../images/common/navi.png) -384px 0px;}
	a:hover.gNavi03{ background-position:-384px -29px; }
a.gNavi04{ background:url(../images/common/navi.png) -576px 0px; }
	a:hover.gNavi04{ background-position: -576px -29px; }
a.gNavi05{ background:url(../images/common/navi.png) -768px 0px; }
	a:hover.gNavi05{background-position: -768px -29px; }

/* フッター */
#footer {
	background-color:#99cc33;
	padding-bottom:5px;
	color:#FFF;
}
#footer_box {
	width:960px;
	margin:0 auto;
}
p.copyright {
	clear:both;
	font-size:110%;
	color:#FFF;
	text-align:right;
}

ul.f_nav {
	padding:10px 0 20px;
}
ul.f_nav li {
	width:150px;
	float:left;
	border-right:#FFF solid 1px;
	line-height:1.4em;
	text-align:center;
}
ul.f_nav li.bor_none {
	border-right:none;
}
ul.f_nav li a {
	color:#FFF;
	text-decoration:none;
}
ul.f_nav li a:hover {
	color:#CF9;
}

/*左ボックス
--------------------------------*/
#box_left{
	width:230px;
	float:left;
}
#box_left a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
img.bunbun {
	margin-bottom:10px;
}
.side_box {
	margin-bottom:5px;
}
.side_title {
	margin-bottom:5px;
}
p.reserve {
	font-weight:bold;
	color:#690;
	text-align:center;
	margin-bottom:0;
}
table.consultation {
	color:#690;
}
table.consultation td {
	width:24px;
	padding:3px 0;
	vertical-align:middle;
	text-align:center;
	border:#CCCCCC solid 1px;
}
table.consultation tr.week td {
	font-size:0.643em;
	color:#333333;
	font-weight:bold;
}
table.consultation td.time, table.consultation td.time span {
	width:50px;
	color:#666;
	font-size:0.929em;
	font-weight:bold;
	text-align:left;
	padding-left:3px;
}
table.consultation tr.week td.sat {
	color:#39C;
}
table.consultation tr.week td.sun {
	color:#F00;
}
.side_box p.caution {
	font-size:0.9em;
	color:#990000;
	margin-top:5px;
	line-height:1.4em;
}
ul.side_link {
	margin-bottom:15px;
}
ul.side_link li {
	margin-bottom:5px;
}

/*mainボックス
--------------------------------*/
#box_main{
	width:710px;
	float:right;
}

/*------------------------------------------------------
 トップページ
----------------------------------------------------------*/
#topimage{
	width:100%;
	height:100%;
	padding-bottom:10px;
	border-top:#cccc99  solid 1px;
	text-align:center;
}

/* ごあいさつ */
#message {
	margin-bottom:20px;
}
p.sign {
	font-size:12px;
	text-align:right;
	margin-top:20px;
}
p.sign span {
	font-size:14px;
}
/* コロナ対策について */
#covid {
	margin-bottom:20px;
}
#covid ul {
	margin-top: 10px;
	margin-bottom:20px;
}
#covid li {
	line-height: 1.4rem;
}
#covid ul:first-of-type li {
	background: url(../images/covid_img1.png) no-repeat;
	padding:2px 0 10px 42px;
}
#covid ul:first-of-type li span {
	display: block;
	font-weight: bold;
	padding: 0 0 5px;
    font-size: 15px;
}
#covid h3 {
	font-size: 17px;
    font-weight: bold;
	color: #630;
    border-left: 8px solid #9c3;
    padding: 7px 10px;
    margin: 0 0 20px 6px;
}
#covid ul:nth-of-type(2) li {
	padding: 10px 0 10px 80px;
	margin:0 0 20px 20px;
}
#covid ul:nth-of-type(2) li:first-of-type {
	background: url(../images/covid_img2.png) no-repeat;
	}
#covid ul:nth-of-type(2) li:nth-of-type(2) {
	background: url(../images/covid_img4.png) no-repeat;
}
#covid ul:nth-of-type(2) li:last-of-type {
	background: url(../images/covid_img3.png) no-repeat;
}

/* おしらせ */
#information {
	margin-bottom:20px;
}
#information dl {
    overflow-y: scroll;
    height: 150px;
	display: flex;
    flex-wrap: wrap;
}
#information dt {
	width: 90px;
	padding:10px 5px;
	border-bottom:#f5f5dc dotted 2px;
}
#information dd {
	width: 570px;
	padding:10px 5px;
	border-bottom:#f5f5dc dotted 2px;
	line-height:1.4em;
}
/* 診療項目 */
#services {
	margin-bottom:10px;
}
#services ul.services_list {
	width:100%;
	clear:both;
	margin-left:5px;
	margin-bottom:10px;
}
#services ul.services_list li{
	float:left;
	width:350px;
	margin-bottom:5px;
}
#services ul.services_link {
	width:100%;
	clear:both;
}
#services ul.services_link li {
	float:left;
	margin-right:5px;
}
#services ul.services_link li a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

/* 予約・アクセス */
#inquiry {
	position:relative;
	margin-bottom:10px;
}
.map p a {
	margin-top:5px;
}
p.access {
	position:absolute;
	bottom:5px;
	left:0;
	line-height:1.4em;
}
.way_link a {
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	background-color:#336699;
	padding:10px;
	border-radius:5px;
}
.way_link a:hover {
	background-color:#FF6600;
}
/* その他事項 */
#attention {
	clear:both;
	margin-bottom:10px;	
}
.article_mini {
	width:345px;
	float:left;
	margin:0 5px;
}
.article_mini p {
	font-size:0.95em;
	line-height:1.6em;
	margin:3px 5px;
}
p.atte_title {
	padding:0 5px;
	background-color:#690;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	margin:0;
}

.aed_l {
	width:220px;
	float:left;
	margin-right:10px;
}
.aed_l p {
	line-height:1.2em;
}
.aed {
	width:114px;
	float:right;
	margin-top:5px;
}
table.article_mini2 {
	width:100%;
}
.article_mini2 th {
	width:20%;
	padding:5px;
	/*background-color:#FFFFCC;*/
	border-bottom:#fff solid 5px;
	font-size:90%;
	font-weight:bold;
}
.article_mini2 td {
	width:70%;
	padding:5px 10px;
	font-size:90%;
	line-height:1.2em;
}
p.atte_title2 {
	padding:0 5px;
	font-size:1em;
	font-weight:bold;
	border-left:#9C9 solid 5px;
	border-bottom:#9C9 solid 1px;
	padding-left:10px;
	margin:5px 5px 0;
}
/*-----------------------------------------------------
   診療方針
-----------------------------------------------------------*/
#policy .policy_box {
	background:url(../images/policy/greeting.png) no-repeat;
	background-position:top right;
}
#policy .policy_box img {
	float:right;
	margin-left:5px;
	border:#dcdcdc solid 1px;
}
#policy .policy_box_l {
	width:540px;
	float:left;
}
#policy .policy_box_r {
	width:150px;
	float:right;
	margin:5px;
}
#policy .article_box ul.faci_list {
	margin-left:5px;
}
#policy .article_box ul.faci_list li {
	float:left;
	display:block;
	width:334px;
	height:220px;
	margin:0 5px 5px 0;
	
	border-radius:15px;
	border:#CCCCCC solid 1px;
}
#policy .article_box ul.faci_list li.faci_no {
	width:158px;
}
#policy .article_box p {
	margin-bottom:20px;
}
#policy .article_box ul.faci_list li p {
	font-size:0.95em;
	line-height:1.6em;
	margin-bottom:0;
	padding:5px;
	display:block;
}
#policy .article_box ul.faci_list li p span {
	display:block;
	color:#FFF;
	padding:5px 10px;
	border-radius:10px;
	background-color:#F90; 
}
#policy .article_box ul.faci_list li img {
	box-sizing:border-box;
	width:150px;
	height:150px;
	float:left;
	margin:5px 5px 5px 5px;
}
#policy .article_box h3 {
	clear:both;
    border-bottom: #CCCCCC solid 1px;
    padding: 8px 0;
    margin: 10px 0;
}
#policy .article_box h3 span {
    font-size: 1.077em;
    font-weight: bold;
    border-left: #9C6 solid 3px;
    margin: 2px 0;
    padding: 4px 5px;
}
.faci_list_box {
	margin-bottom:16px;
}
.faci_list_box li {
	margin:0 0 5px 20px;
	line-height:140%;
}
.faci_box1 {
	width:74%;
	float:left;
	overflow:hidden;
}
.faci_box2 {
	width:24%;
	float:right;
}

#policy .mother_box {
	background:url(../images/policy/mother_bg.png) no-repeat;
	background-position:top right;
}
/*-----------------------------------------------------------
　院長紹介
---------------------------------------------------------------*/
#staff hr {
	border:none;
	border-bottom:#99CC33 dotted 2px;
}
.staff_list {
	clear:both;
	margin-bottom:10px;
	padding-bottom:10px;
}
.staff_list table {
	float:left;
}
.staff_list table th {
	padding:5px;
	width:100px;
}
.staff_list table td {
	padding:5px 10px;
	width:310px;
}
.staff_list table td ul {
	margin-bottom:20px;
}
.staff_list table td ul li {
	margin:5px 5px 8px 0;
}

.dr_photo {
	float:right;
}

ul.doctor li {
	float:left;
	margin:0 10px;
}
ul.doctor li p span {
	margin-left:10px;
	font-weight:bold;
}

#mongol {
	padding-top:20px;
}
#mongol_title {
	font-size:16px;
}
#mongol .mgl_photo {
	margin-bottom:20px;
	width:600px;
	height:auto;
}
#mongol p {
	margin-bottom:10px;
	line-height:1.6em;
}
#mongol h3 {
	border-bottom:#CCCCCC solid 1px;
	padding:8px 0;
	margin:10px 0;
}
#mongol h3 span {
	font-size:1.077em;
	font-weight:bold;
	border-left:#9C6 solid 3px;
	margin:2px 0;
	padding:4px 5px;
}
#mongol p b {
	border:#99cc33 solid 2px;
	border-radius:10px;
	padding:3px 10px;
}

/*---------------------------------------------------------
  インフォメーション
------------------------------------------------------------*/
table.clinic_data th {
	width:20%;
	padding:10px 5px;
	background-color:#9C6;
	border-bottom:#FFFFFF solid 1px;
	font-weight:bold;
}
table.clinic_data td {
	padding:10px;
	width:70%;
	line-height:1.7em;
}
table.clinic_data td ul {
	border-top:#9C6 dotted 2px;
}
table.clinic_data td ul li {
	font-size:1.1em;
	border-bottom:#CCCCCC solid 1px;
	line-height:1.2em;
	margin-top:10px;
	padding-bottom:10px;
}
table.clinic_data td ul li span {
	font-size:0.86em;
}
#way ul li {
	float:left;
	width:350px;
	height:280px;
	margin:0 5px 5px 0;
	box-sizing:border-box;
	border-top:#f5f5f5 solid 1px;
	border-left:#f5f5f5 solid 1px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	text-align:center;
	padding:10px 0;
}

#way ul li p {
	width:290px;
	margin:5px 0 0 25px;
	text-align:left;
	line-height:1.4em;
}
#way ul li p span {
	text-align:center;
	width:18px;
	height:18px;
	color:#9C6;
	border:#9C6 solid 1px;
	padding:0 3px;
	margin-right:3px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#way h3 {
	border-bottom:#CCCCCC solid 1px;
	padding:8px 0;
	margin:10px 0;
}
#way h3 span {
	font-size:1.077em;
	font-weight:bold;
	border-left:#9C6 solid 3px;
	margin:2px 0;
	padding:4px 5px;
}

/*---------------------------------------------------------
　診療項目
-----------------------------------------------------------*/
.service_box {
	margin-bottom:20px;
}
.service_box p.clear {
	clear:both;
}
.service_box p.description {
	width:370px;
	float:left;
	margin-bottom:10px;
}
.service_box .service_image {
	width:305px;
	float:right;
	margin-bottom:10px;
}
.service_box .service_image2 {
	width:305px;
	float:left;
	margin-bottom:10px;
}
.service_box p.description2 {
	width:370px;
	float:right;
	margin-bottom:10px;
}
.service_box table.implant {
	clear:both;
}
.service_box table.implant th {
	text-align:center;
	padding:5px 0;
	font-weight:bold;
	background-color:#9C6;
	border:#CCC solid 1px;
}
.service_box table.implant td {
	border:#CCC solid 1px;
}
.service_box table.implant td ul {
	margin:10px 15px;
}
.service_box table.implant td ul li {
	margin:10px 0;
	line-height:1.6em;
	background:url(../images/common/list_disc.gif) no-repeat 0 2px;
	padding-left:20px;
}
.service_box h3 {
	border-bottom:#CCCCCC solid 1px;
	padding:8px 0;
	margin:10px 0;
}
.service_box h3 span {
	font-size:1.077em;
	font-weight:bold;
	border-left:#9C6 solid 3px;
	margin:2px 0;
	padding:4px 5px;
}
.step {
	margin-bottom:10px;
}
.step .step_no {
	float:left;
	width:78px;
	margin-top:2px;
	margin-right:10px;
}
.step p.step_guide1 {
	float:left;
	width:400px;
	margin-right:10px;
}
.step .step_image {
	width:91px;
}
p.mini_title {
	padding:0 10px;
	margin-bottom:5px;
	border-radius:15px;
	background-color:#666;
	color:#FFF;
	font-weight:bold;
	width:150px;
}
p.guide {
	margin:0 10px 20px;
}
.step p.step_guide2 {
	font-weight:bold;
	font-size:16px;
	color:#693;
	margin-bottom:5px;
}
.step p.step_guide3 {
	margin-left:90px;
}
.child {
	clear:both;
	padding-top:20px;
	text-align:center;	
}
.age_box {
	width:100%;
	border-radius:10px;
	border:#6C6 dotted 2px;
	padding:5px;
	margin-bottom:10px;
}
p.age {
	float:left;
	display:block;
	width:100px;
	height:30px;
	background-color:#6C3;
	border-radius:10px;
	color:#ffffff;
	text-align:center;
	line-height:1em;
	font-weight:bold;
	margin-right:10px;
	padding-top:15px;
}
.arrow_u {
	clear:both;
}
p.mini_title2 {
	padding:0 10px;
	margin-top:10px;
	margin-bottom:5px;
	border-radius:15px;
	background-color:#F93;
	color:#FFF;
	font-weight:bold;
	width:300px;
}
p.mini_title3 {
	font-weight:bold;
	font-size:130%;
	color:#390;
	padding:10px 3px 0;
}
ul.example {
	clear:both;
	margin:20px 0;
	padding:20px 0;
	background-color:#FFFFCC;
}
ul.example li {
	margin-bottom:5px;
	padding:0 20px;
}
ul.example span {
	font-size:50%;
	color:#FC3;
}
.service_box table.care td {
	border:#CCC solid 1px;
	padding:10px;
	line-height:1.4em;
}
.service_box table.care th {
	width:33%;
	text-align:center;
	padding:5px 0;
	font-weight:bold;
	background-color:#9C6;
	border:#CCC solid 1px;
}
.service_box table.care td {
	border:#CCC solid 1px;
}
.service_box table.care td ul {
	margin:10px 15px;
}
/*-------------------------------------------------
   プライバシーポリシー
-------------------------------------------------*/
.privacy {
	line-height:1.6em;
}
.privacy h3 {
	border-bottom:#CCCCCC solid 1px;
	padding:8px 0;
	margin:10px 0;
}
.privacy h3 span {
	font-size:1.077em;
	font-weight:bold;
	border-left:#9C6 solid 3px;
	margin:2px 0;
	padding:4px 5px;
}
.privacy p {
	font-size:0.929em;
	margin-bottom:10px;
}
.privacy dt {
	font-weight:bolder;
}
.privacy dd {
	padding-left:18px;
	margin-bottom:20px;
}
.privacy dd ul {
	padding:10px 0;
}
.privacy dd ul li {
	margin-bottom:10px;
}
/*-------------------------------------------------
   404
-------------------------------------------------*/
.error_page {
	padding: 20px 10px 100px;
}
.error_page h3 {
	font-size: 18px;
    font-weight: bold;
    background-color: #4d7106;
    padding: 8px;
    color: #ffffff;
	margin-bottom: 20px;
}
.error_page p {
	font-size: 15px;
}