﻿
/*********************/
/* common            */
/*********************/
h2,h3,h4,h5{ margin:0; clear:both; }
body{ font-size:14px; font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif'; color:#333333; line-height:130%; letter-spacing:0em; background:#FFF1EF; }
a{ color:#104FB6; text-decoration:none; }
a:hover{ text-decoration:none; }
/* list */
ul,ol{ padding-left:25px; }
ul li.ti { list-style: none; margin-left: -25px; font-weight:bold; }
ul.basicUl{ padding:0 0 5px 20px;}
ul.basicUl li.mdtitle{ list-style:none; margin:0px 0  3px -20px; }
ul.basicUl2{ padding:0 0 0 20px; margin-bottom:0;}
/* img */
.picR{ float:right; margin:0; padding:0 0 5px 5px; }
.picL{ float:left; margin:0; padding:0 5px 3px 0; }
img.frame{
	padding:10px 10px 25px;
	background:#fff;
	border:1px solid #c8c8c8;
}
/*img size*/
.img10 { width:10% }
.img25 { width:25% }
.img70{ width: 70%; }
.img80{ width: 80%; }
.img90{ width: 90%; }
.img100{width: 100%;/* padding:8px; */}
/* text-align */ 
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left; }
/* border */
.border2 { border-bottom:#2772EB 1px dotted; padding:0 0 10px 0; }
.border { padding:3px; background-color:#fff; border:solid 1px #ccc; }
/*font*/
.f1{ color: #00669C; }
.f2{ font-size:22px; line-height:110%;}
.lh1{ line-height:150%;}
.marker{ background:#F4CED9; }
.marker2{ background:#F4CED9; padding:3px 10px;}
em{	color:#C2EB99;	font-style:normal; }
strong{ font-weight:bold; }
.block{ display: block; margin: 0 auto;}
.maker{background-color:#c5f2f4;padding:5px;/* margin:8px; */}
/*button*/
.moreBtn {
    padding: 9px 30px 7px 10px;
	background:url(../sp/img/arw2.png) center right 10px no-repeat,#104FB6;
	display:inline;
    border: none;
	color:#fff;
    cursor: pointer;
	line-height:200%;
	text-decoration: none;
	border-radius:8px;
	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
}
.moreBtn:hover,
.moreBtn2 a:hover{ text-decoration:none; }
.moreBtn2{
	background:url(../sp/img/arw2.png) center right 10px no-repeat,#104FB6;
	text-align:left;
	padding: 9px 30px 7px 10px;
	color:#FFFFFF;
	border: none;
	cursor: pointer;
	line-height:200%;
	/*角丸*/
	border-radius: 8px; /* CSS3草案 */
	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
}
.moreBtn2 a{ color:#FFFFFF; }

/* padding */
.nop{ padding:0; }
.pt20{ padding-top:20px; }
.pt15{ padding-top:15px; }
.pt10{ padding-top:10px; }
.ptm10{ padding:10px 0;}
.pb0{ padding-bottom:0px !important;}
.pb30 {padding-bottom:30px;}
.p10{ padding:10px;}
.p15{ padding: 15px;}
.pb5{ padding-bottom:5px;}
.pb10 {padding-bottom:10px; }
.pb15 {padding-bottom:15px; }
.pb20 {padding-bottom:20px; }
.pt15{ padding-top: 15px;}
.pt30{ padding-top: 30px;}
/* margin */
.m0{ margin:0;}
.m5{ margin:5px 0; }
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px; }
.mb40{ margin-bottom:40px; }
.mt20{ margin-top:20px; }
.mt15{ margin-top:15px; }
.mt10{ margin-top:10px; }
/* text-indent */
.ti1 { text-indent: 1em; }
.tli1 { padding-left: 1em; text-indent: -1em; }
/* color */
.c1{ color:#36C;}
.c2{color:#F66;}
.c3{color:#9B282C;}
/* float */
.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }

/*********************/
/* header & slider   */
/*********************/
.sb-right {	right: 0; top:-50px; }
.sb-menu li{ background:#333; }
.sb-menu li.subt{ background:#555; font-size:12px; height:24px; line-height:220%; padding-left: 1em; }
.sb-menu li.dumy{ background:#131313; height:20px; }
.sb-menu li a.hv { border-left: 3px solid #1a6600; background-color: rgba(255, 255, 255, 0.3); color:#fff; }
/*********************/
/* section           */
/*********************/
section{ padding:0 0 10px 0; margin: 0 0 0 0;}
article{ padding:0 0px; overflow:hidden; } 
/* h2 */
section#secondContTop{ padding:0; margin-bottom:0; position:relative; z-index:1; }
section#secondContTop article{ margin:0 auto 15px; }
section#secondContTop h2{ text-align:center; margin:0 auto; }
h2.subTitle {
	font-size:16px;
	color:#104FB6;
	text-align:center;
	padding:18px 0 15px;
	margin:0 0 10px 0;
	background:#D3EFFE;
	text-shadow: 1px 1px 1px #fff; 
}
/* h3 -h5  */
section h3{
	font-size:14px;
	margin:0 auto 10px;
	padding:8px 0 6px 25px;
	color:#666;
	background:url(../sp/img/h3_bg.png) left center no-repeat #fff;
	background-size:20px;
	font-weight:600;
	border-bottom:#2772EB 3px double;
}
h3.menut{ margin-bottom:0 !important; } 
section h4 {
	padding: 15px 0 3px 25px;
	margin-bottom:10px;
	border-bottom: dotted 1px #689CF2;
	color:#4076C8;
	font-size:14px;
	background:url(../sp/img/h4_bg.png) left center no-repeat;
	background-size:27px;
}

section h5,
.h5fc{ padding:0 0 0 20px; margin-top:20px; margin-bottom:10px; color:#D05385; font-size:14px; background:url(../sp/img/h5_bg.png) left top no-repeat; background-size:15px; line-height:120%; }
h5 span{border-bottom:3px double #472F2B;line-height:1.8em;}
h6{ font-size:14px; color:#399;}
h6 span{
	margin:0 auto;
	padding:5px 7px;
	border: solid 1px #462e2a;
	background:#462e2a;
	color:#FFFFFF;
	/*角丸*/
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}
/* container */
.cBox{ width:95%; overflow:hidden; margin:0 auto; padding: 10px 10px 0; }
.cBox4{ width:90%; overflow:hidden; margin:0 auto 20px; padding:30px 10px; border:solid 2px #472F2B;  }
.dBox{ width:100%; margin:0 auto; padding-bottom:10px; overflow:hidden; }
.tBox{
	width:80%;
	overflow:hidden;
	margin:0 auto;
	padding:10px;
	border: solid 1px #fff1ef;
	background:#fff9f9;
	/*角丸*/
	border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}
.topicBox{ background:url("../img/page/topicbox_bg.png") left top repeat; padding:10px; border:dotted 1px #F9C; }
/* footer */
footer{ margin:0 auto; padding:20px 0 0 0; text-align:center; background:#D3EFFE; } 
article#fBox{
	width:95%;
	margin:0 auto;
	text-align:center;
	padding:0 0 10px 0;
}
#fAd{ margin:10px auto 20px;}
#fSub{ border-top:dashed 1px #CCC;  border-bottom:dashed 1px #CCC; background:rgba(255,255,255,0.3); padding:10px 0; }
a.pc {
    width: 150px;
    height: 30px;
    line-height: 200%;
    background: #fff;
    color: #104FB6;
    display: block;
	margin:0 auto;
	text-decoration:none;
    border-radius: 8px;
	cursor: pointer;
	border:2px solid #104FB6;
}
article.copyright{
	padding:10px 0 14px;
	margin:0;
	text-align:center;
	font-size:0.7em;
	border-top:dashed 1px #CCC;
 }
/****************************/
/* pageTop                */
/****************************/
#pageTop { position: fixed; z-index:100; bottom: 10px; right: 5px; }
#pageTop a {text-indent :-9999px; width: 45px; height:45px;	display: block; background:url(../sp/img/spptop.png) left top no-repeat; }
#pageTop a:hover { opacity:0.8;	filter:alpha(opacity=80); }
/****************************/
/*トップページ               */
/****************************/
#greBox {
    width: 95%;
    padding: 0;
    margin: 0 auto 10px;
    overflow: hidden;
}

#treBox1,
#treBox2{
	width:300px;
	margin:0 auto 20px;
	padding:10px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
#treBox1{
	border:2px solid #FF9FBE;
	/*Other Browser*/
	background: #FFF9FC;
	/*For Old WebKit*/
	background: -webkit-linear-gradient(
	#FFF9FC 0%,
	#FFEEF9 100%
	);
	/*For Modern Browser*/
	background: linear-gradient(
	#FFF9FC 0%,
	#FFEEF9 100%
	);  
}
#treBox2{
	border:2px solid #79B3EC;
	/*Other Browser*/
	background: #FEFEFE;
	/*For Old WebKit*/
	background: -webkit-linear-gradient(
	#FEFEFE 0%,
	#F2F3F3 100%
	);
	/*For Modern Browser*/
	background: linear-gradient(
	#FEFEFE 0%,
	#F2F3F3 100%
	);  
}

ul.treList li a.hLink{ display:block; width:280px; font-size:16px; padding:70px 20px 100px 30px;}
ul.treList li a.hLink2{ display:block; width:560px; font-size:14px; padding:55px 170px 100px 25px;}


div#doctorBox {
    width: 300px;
    height: 340px;
    margin: 0 auto 20px;
	padding:170px 10px 0;
    background:url(../sp/img/topmassage2_bg_02.jpg) center top no-repeat;
	background-size:300px;
}
p.vTitle {
    color: #2772EB;
    font-weight: bold;
    padding-bottom: 3px;
    letter-spacing: 0.1em;
}
/*メニュー*/
.aBox{ width:95%; margin:0 auto 20px; background:#FFF; padding:0 0 10px 0;}
.aBox div{width: 100%;margin:0 auto;}
.menu a{ display:block; width:100%; padding:10px 10px; border-bottom:solid 1px #CCC; color:#104FB6; }
/****************************/
/*information               */
/****************************/
dl.info{ width:95%; margin:0 auto; list-style:none; }
dl.info dt{ font-weight:normal; color: #CC9900; }
dl.info dd{ border-bottom: dashed 1px #CCC; margin-bottom:10px; padding-bottom:5px; }
/****************************/
/* treatment　診療のご案    */
/****************************/
.perioUl{ list-style:none; margin:0 auto 10px; padding:0; }
.perioUl li{ margin:0 0 0 0; padding:4px 0 4px 15px; background:url(../sp/img/point.gif) 0 8px no-repeat; background-size:8px; }

table.priceTbl2{ width:100%; border-collapse:collapse; margin:0 auto 10px; }
table.priceTbl2 th{ text-align:center; background:#fbf9f3; }
table.priceTbl2 td{ text-align:center; }
table.priceTbl2 tr th,
table.priceTbl2 tr td{ border:solid 1px #CCC; padding:10px; }

.prcs {
	margin:0 auto 10px;
    padding: 2px 2px 1px;
	background:#2772EB;
	display:block;
	width:100px;
    border: none;
	color:#fff;
	line-height:200%;
	text-align:center;
	border-radius:8px;
	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
}
.crr{ padding:0 0 3px 0; margin:0 auto 10px; color:#666; border-bottom:dotted 1px #666; background:none; }
.qu{
	background:url(../sp/img/q_bk.gif) no-repeat left center; background-size:18px;
	padding:2px 0 0 24px;
	margin-bottom:4px;
	color:#21792c;
}
.an{
	background:#FBF7E3 url(../sp/img/a_bk.gif) no-repeat 10px 10px; background-size:18px;
	padding:8px 10px 8px 35px;
	margin:0 0 20px 0;
}
table.table1{
	margin:10px auto;
	border-collapse:collapse;
	padding:0px;
	border-spacing:0px;
	line-height:150%;
	letter-spacing: 0em;
}
table.table1 td.img{ width:50%; padding-right:10px; }
table.table1 td.text p{ padding:20px 10px; border:1px solid #2872EC; color:#2872EC; background:#fff; } 
/****************************/
/* tour               */
/****************************/
.fotorama{ width:100%; margin:0 auto; padding:0; }
.galBox{ width:94%; background:#FFFFFF; padding:0 0 10px; margin:0 auto 20px; }

/****************************/
/* price                */
/****************************/
p.cau{ color:#308BD6; }
table.priceTbl{ width:100%; border-collapse:collapse; margin:0 auto 10px; border:solid 1px #CCC; }
table.priceTbl tr th{ color:#308BD6; margin-bottom:10px; padding:6px 5px 5px; font-weight:600; background:#fbf9f3; text-align:center; }
table.priceTbl tr td{ text-align:left;  padding:5px;  border:solid 1px #CCC; }
table.priceTbl tr td.td2{ text-align:center; border-right:none; width:50%; }
table.priceTbl tr td.td3{ text-align:center; }
table.priceTbl tr td.tdPic{	text-align:center; 	padding-left:15px; border-left:none; }
.crPri{ padding:0 0 0 30px !important;}
/****************************/
/* access                */
/****************************/
table.timeTable{
	width:100%;
	margin:0px auto 10px;
	font-size:18px;
	border:solid 1px #4a3124;
	border-collapse:collapse;
	padding:0px;
	border-spacing:0px;
	}
table.timeTable th,
table.timeTable td{ border:solid 1px #FFF; text-align:center; vertical-align:middle; }
table.timeTable th{
	background:#807A80;
	padding:5px 3px;
}
table.timeTable td{
	padding:5px 0;
	color:#807A80;
	background:#e7e7e7;
}
table.timeTable td.time{ width:20%; font-weight:bold; font-style:normal !important; font-size:14px; }
table.timeTable th.sun{ color:#ec6868; }
table.timeTable td.time{ color:#56443C; }
table.timeTable td.circle{	font-size:40px;}

/*コロナ対策20200415*/
.info_covid19Box{ background:url("../img/page/topicbox_bg.png") left top repeat; padding:10px; border:dotted 1px #F9C; box-sizing: border-box; }
.info_covid19Box_title{text-align: center; color:#D05385; font-size:16px; font-weight:900; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.7em; margin-bottom: 15px; }
.info_covid19Box_line{ border-bottom: dotted 1px #689CF2; }
ul.info_covid19{ padding-left: 20px;margin-bottom: 20px; }
ul.info_covid19 li{ margin-bottom: 10px; }
.aBox div.info_covid19Box{margin-bottom: 20px;}

/* 2021.12.21　プライバシーポリシーリンク　*/
.tLink{ margin: 8px 0 24px; }
.tLink a{ border-left: 1px solid rgba(0,0,0,0.2); border-right: 1px solid rgba(0,0,0,0.2); padding: 0 16px; }

