/*=========================================================================
 default.css
=========================================================================*/
/*-------------------------------------------------------------------------
font-size List

10px 	77%
12px 	86%
13px 	100%
14px 	108%
15px 	115%
16px 	123%
18px 	138%
20px 	154%
-------------------------------------------------------------------------*/
html {
  height: 100%;
}
body {
  height: 100%;
  background-image: url(../images/esthetic/top_bg.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
  margin: 0px;
  padding: 0px;
}
#wrapper {
  width: 956px;
  min-height: 100%;
  background-image: url(../images/esthetic/inerWrapp.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
}
body > #wrapper {
  height: auto;
}
#outer {
  width: 954px;
  margin: 0 auto;
}
.mgbt6 {
  margin: 0 0 6px 0;
}
.mgbt8 {
  margin: 0 0 8px 0;
}
.mgbt12 {
  margin: 0 0 12px 2px;
}
.mgbt24 {
  margin: 0 0 24px 0;
}
.text-center {
  text-align: center;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*-------------------------------------------------------------------------
 header
-------------------------------------------------------------------------*/
#header {
  width: 950px;
  height: 110px;
  margin: 0 auto;
}
#header div#headMenu {
  float: right;
  width: 230px;
  margin-top: 0px;
}
#header .header-lf {
  width: 700px;
  height: 60px;
  float: left;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 5px;
}
#header h1 {
  padding-top: 1px;
  height: 17px;
  font-size: 12px;
  color: #333;
  text-align: left;
  margin-bottom: 10px;
}
* html #header h1 {
  height: 18px;
}
#header .header-lf img {
  float: left;
  margin-right: 10px;
}
#header div#headMenu div p {
  float: right;
  width: 220px;
  height: 110px;
  margin: 0;
}
#header div#headMenu div ul {
  float: left;
  width: 180px;
  padding: 10px 0 0 0;
}
#header div#headMenu div ul li {
  float: left;
  display: inline;
  margin: 0 0 0 8px;
  font-size: 0;
}
#header h2 {
  float: left;
}
#header p {
  float: right;
}
/*-------------------------------------------------------------------------
 navigation
-------------------------------------------------------------------------*/
#navigation {
  width: 950px;
  height: 40px;
  margin: 0 auto;
}
#navigation ul li {
  float: left;
  display: inline;
}
/*-------------------------------------------------------------------------
 iner
-------------------------------------------------------------------------*/
#inerWrapp {
  width: 950px;
}
/*-------------------------------------------------------------------------
 info
-------------------------------------------------------------------------*/
#flash {
  width: 950px;
  height: 280px;
  margin: 0 auto 10px auto;
  background: url(../images/flash_bg.jpg) 0 0 no-repeat;
}
#flash #flashArea {
  width: 950px;
  height: 283px;
}
/*-------------------------------------------------------------------------
 container
-------------------------------------------------------------------------*/
#container {
  width: 930px;
  margin: 0 auto;
  background-image: url(../images/esthetic/container.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
}
/*-------------------------------------------------------------------------
 main
-------------------------------------------------------------------------*/
#main {
  float: right;
  display: inline;
  width: 660px;
}
#main h2 {
  margin: 0 0 20px;
  padding: 10px 10px;
  border-radius: 10px;
  border: 2px solid #93bfe0;
  background-color: #dbe1fe;
  font-size: 18px;
  line-height: 1.8em;
  text-align: left;
  font-weight: bold;
  color: #4760E1;
}
#main h3 {
  clear: both;
  background-image: url(../images/esthetic/h3.gif);
  background-position: 0px 0px;
  height: 38px;
  width: 660px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 6px;
  margin-left: 0;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  padding-left: 36px;
  padding-top: 4px;
  background-repeat: no-repeat;
}
#main .detCont h4 {
  background-image: url(../images/esthetic/h4.gif);
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: bold;
  color: #4169E1;
  line-height: 1.6em;
  background-position: 0px 8px;
  margin-bottom: 10px;
  padding-left: 24px;
}
#main p.attention {
  color: #C30;
}
#main p.note {
  margin-left: 1.3em;
  text-indent: -1.3em;
}
#main p img.imgRight {
  float: right;
  margin: 0 0 8px 12px;
}
#main p img.imgLeft {
  float: left;
  margin: 0 12px 8px 0;
}
#main img.imgCenter {
  display: block;
  margin: 0 auto;
}
/* home news
-------------------------------------------------------------------------*/
#main #homeNews {
  height: 148px;
  overflow: auto;
  margin: 0 0 24px 0;
}
/*body#news {
	background:none;
 
}

#main #homeNewsIner {
 height:130px;
 width:660px;
	overflow:auto;
}*/
#main #homeNews dl {
  text-align: left;
}
#main #homeNews dl dt {
  margin: 0 0 2px 0;
  font-weight: bold;
  color: #bf5b16;
}
#main #homeNews dl dd {
  margin: 0 0 8px 0;
  padding: 0 0 9px 0;
  background: url(../images/c_line_dot.gif) 0 bottom repeat-x;
}
/*body#news #as-info {
 width:100%;
}

body#news #as-info dl {
	text-align:left;
}

body#news #as-info dl dt {
	margin:0 0 2px 0;
	font-weight:bold;
 color:#bf5b16;
}

body#news #as-info dl dd {
	margin:0 0 8px 0;
	padding:0 0 9px 0;
	background:url(../images/c_line_dot.gif) 0 bottom repeat-x;
}*/
/*.news-title{
	margin:0 0 2px 0;
	font-weight:bold;
 color:#bf5b16;
	text-align:left;
}

.news-caption{
	margin:0 0 8px 0;
	padding:0 0 9px 0;
	border-bottom:1px dotted #ccc;
	text-align:left;
}*/
/* home menu
-------------------------------------------------------------------------*/
#main #homeMenu {
  width: 660px;
  margin: 0 0 14px 0;
}
#main #homeMenu ul li {
  float: left;
  margin: 0 10px 10px 0;
}
#main #homeMenu ul li.last {
  float: left;
  margin: 0 0 10px 0;
}
/* home greeting
-------------------------------------------------------------------------*/
#main #homeGreeting {
  margin: 0 0 24px 0;
}
#main #homeGreeting p {
  margin: 0 0 10px 0;
  text-align: left;
}
/* main - outline
-------------------------------------------------------------------------*/
#main #outline {
  width: 660px;
  margin: 0 0 16px 0;
}
#main #outline #address {
  float: left;
  width: 300px;
}
#main #outline #address dl {
  text-align: left;
}
#main #outline #address dl dt {
  font-weight: bold;
  color: #4169E1;
}
#main #outline #address dl dd {
  margin: 0 0 8px 0;
  padding: 0 0 9px 0;
  background: url(../images/c_line_dot.gif) 0 bottom repeat-x;
  line-height: 1.8;
}
#main #outline #address dl dd a:link, #main #outline #address dl dd a:visited {
  color: #c30 !important;
}
#main #outline #address dl dd a:hover, #main #outline #address dl dd a:active {
  color: #ccc !important;
}
#main #outline #map {
  float: right;
  width: 350px;
}
#main #outline #map div#mapLink {
  margin: 0 0 8px 0;
  padding: 2px 0 0 0;
}
#main #outline #map div#mapLink a {
  font-size: 12px;
  text-decoration: underline !important;
}
#main #outline #map div#mapLink a:link, #main #outline #map div#mapLink a:visited {
  color: #c30 !important;
}
#main #outline #map div#mapLink a:hover, #main #outline #map div#mapLink a:active {
  color: #ccc !important;
}
#main #schedule {
  clear: both;
  width: 660px;
}
#main #schedule div.tableWrapp {
  width: 650px;
  padding: 5px 5px 5px 5px;
  background: #e6e6e6;
}
#main #schedule table {
  width: 650px;
  margin: 0 0 8px 0;
  border-collapse: collapse;
}
#main #schedule table th, #main #schedule table td {
  border: 1px solid #fff;
  color: #fff;
  vertical-align: middle;
  word-break: break-all;
  text-align: center;
}
#main #schedule table th {
  padding: 7px 4px 6px 4px;
  background: #4169E1;
  font-size: 108%;
  color: #fff;
}
#main #schedule table tr.am td {
  background: #ffdfdf;
}
#main #schedule table tr.pm td {
  background: #fcc;
}
#main #schedule table td {
  padding: 7px 4px 6px 4px;
  font-size: 108%;
  color: #333;
}
#main #schedule table td.ampm {
  color: #333;
}
#main #schedule div.holiday {
  width: 650px;
  padding: 8px 0 6px 0;
  background: #fff;
}
#main #schedule div.holiday ul li {
  margin: 0 0 3px 0;
}
#main #schedule div.holiday ul li span.add1 {
  color: #4169E1;
  font-weight: bold;
}
#main #schedule div.holiday ul li span.add2 {
  color: #3782cd;
  font-weight: bold;
}
/*-------------------------------------------------------------------------
 side
-------------------------------------------------------------------------*/
#side {
  float: left;
  display: inline;
  width: 240px;
}
#side ul.navi li {
  width: 230px;
  margin: 0 auto 6px auto;
  padding: 0 0 7px 0;
  background: url(../images/side_line_dot.gif) 0 bottom no-repeat;
}
#side ul.banner li {
  margin: 0 0 6px 0;
  padding: 6px 0 0 0;
}
/*-------------------------------------------------------------------------
 detail
-------------------------------------------------------------------------*/
body#detail div.detMenu {
  margin: 0 0 8px 0;
  background: url(../images/c_line_dot.gif) 0 bottom repeat-x;
}
body#detail div.detMenu ul li {
  float: left;
  display: inline;
  margin: 0 12px 12px 0;
}
body#detail div.detMenu ul li.last {
  margin: 0 0 12px 0;
}
/*body#detail div.detMenu {
	margin:0 0 6px 0;
}

body#detail div.detMenu ul li {
	float:left;
	display:inline;
	width:150px;
	margin:0 0 6px 0;
	text-align:left;
}

body#detail div.detMenu ul li.last {
	width:210px;
}

body#detail div.detMenu ul li a {
	padding:0 0 0 16px;
	background:url(../images/c_listmark_menu.gif) 0 0.3em no-repeat;
}*/
body#detail div.detCont {
  clear: both;
  width: 660px;
  margin: 0 0 24px 0;
  text-align: left;
}
body#detail div.detCont .voicecard {
  text-align: center;
}
body#detail div.detCont div.detBox1 {
  float: left;
  width: 430px;
}
body#detail div.detCont div.detBox1 h4 {
  height: 25px;
  width: 414px;
  margin: 0 0 6px 0;
  padding: 3px 0 0 16px;
  background: url(../images/c_tit_bg.jpg) 0 0 no-repeat;
  font-size: 108%;
  font-weight: bold;
  color: #333;
  text-align: left;
}
* html body#detail div.detCont div.detBox1 h4 {
  height: 28px;
  width: 430px;
}
body#detail div.detCont div.detBox2 {
  float: right;
  width: 200px;
}
body#detail p {
  text-align: left;
  margin: 0 0 12px 0;
}
body#detail p.add {
  margin: 0 0 24px 0;
}
body#detail p span.name {
  font-size: 123%;
}
body#detail h4 {
  height: 25px;
  width: 644px;
  margin: 0 0 6px 0;
  padding: 3px 0 0 16px;
  background: url(../images/c_tit_bg.jpg) 0 0 no-repeat;
  font-size: 108%;
  font-weight: bold;
  color: #333;
  text-align: left;
}
* html body#detail h4 {
  height: 28px;
  width: 660px;
}
h4 .cmptit {
  height: 25px;
  width: 644px;
  margin: 0 0 6px 0;
  padding: 3px 0 0 16px;
  background: url(../images/c_tit_bg.jpg) 0 0 no-repeat;
  font-size: 108%;
  font-weight: bold;
  color: #333;
  text-align: left;
}
* html h4 .cmptit {
  height: 28px;
  width: 660px;
}
body#detail div.detCont div.chart ul {
  float: left;
  display: inline;
}
body#detail div.detCont div.chart ul.case1 {
  width: 240px;
}
body#detail div.detCont div.chart ul.case2 {
  width: 200px;
}
body#detail div.detCont div.chart ul li {
  margin: 0 0 8px 0;
  padding: 0 0 0 16px;
  background: url(../images/c_listmark.jpg) 0 0.3em no-repeat;
  text-align: left;
}
body#detail div.detCont table#fee {
  width: 660px;
  border-collapse: collapse;
}
body#detail div.detCont table#fee th, body#detail div.detCont table#fee td {
  border: 1px solid #ccc;
  vertical-align: middle;
  word-break: break-all;
}
body#detail div.detCont table#fee th {
  width: 25%;
  padding: 6px 4px 6px 8px;
  background: #bf5b16;
  text-align: center;
  color: #fff;
}
body#detail div.detCont table#fee td {
  padding: 6px 4px 6px 8px;
  text-align: left;
}
body#detail div.detCont table#fee td.price {
  text-align: right;
  width: 15%;
}
body#detail div.detCont table#fee td p.note {
  margin: 0 0 3px 1em;
  text-indent: -1em;
  color: #C30;
}
/* detail - clinic
-------------------------------------------------------------------------*/
body#detail div.detCont ul.profList li {
  float: left;
  display: inline;
  margin: 0 6px 0 0;
}
#detail #wrapper #outer #inerWrapp #iner #container #main .detCont h5 {
  font-size: 108%;
  font-weight: bold;
  color: #333;
  text-align: left;
  margin-top: 15px;
}
/* detail - access
-------------------------------------------------------------------------*/
body#detail #detMap div#mapLink {
  margin: 0 0 8px 0;
  padding: 2px 0 0 0;
}
body#detail #detMap div#mapLink a {
  font-size: 12px;
  text-decoration: underline !important;
}
body#detail #detMap div#mapLink a:link, body#detail #detMap div#mapLink a:visited {
  color: #c30 !important;
}
body#detail #detMap div#mapLink a:hover, body#detail #detMap div#mapLink a:active {
  color: #ccc !important;
}
body#detail p.access {
  text-align: center;
  margin: 0 0 12px 0;
}
/* detail - sitemap
-------------------------------------------------------------------------*/
body#detail #sitemap {
  background: url(../images/sitemap_bg.jpg) right top no-repeat;
}
body#detail #sitemap ul li {
  margin: 0 0 12px 0;
  padding: 0 0 0 16px;
  background: url(../images/c_listmark_menu.gif) 0 0.3em no-repeat;
  text-align: left;
}
body#detail #sitemap ul li.subList {
  padding: 0 0 0 32px;
  background: url(../images/c_listmark_menu2.gif) 0 0.3em no-repeat;
}
/*-------------------------------------------------------------------------
 form
-------------------------------------------------------------------------*/
div#mailForm {}
div#mailForm p {
  margin: 0 0 12px 0;
  text-align: left;
}
div#mailForm p.lead {
  font-size: 123%;
  font-weight: bold;
}
div#mailForm p.attention {
  color: #C30;
}
div#mailForm p.tel {
  font-size: 138%;
  font-weight: bold;
  color: #bf5b16;
}
div#mailForm p.thanks {
  text-align: center;
  line-height: 1.8;
}
div#mailForm p.thanks span {
  font-size: 108%;
  font-weight: bold;
  color: #C30;
}
div#mailForm table {
  width: 660px;
}
div#mailForm table th {
  padding: 4px 4px 4px 4px;
  background: #fee;
  font-weight: normal;
  text-align: center;
}
div#mailForm table th span {
  font-weight: bold;
  color: #C30;
}
div#mailForm table td {
  padding: 6px 6px 6px 6px;
  text-align: left;
}
div#mailForm table td.sendBtn {
  padding: 6px 6px 6px 6px;
  text-align: center;
}
div#mailForm table td, div#mailForm table th {
  border: 1px solid #ccc;
}
/*-------------------------------------------------------------------------
 page top
-------------------------------------------------------------------------*/
#pagetop {
  clear: both;
  width: 930px;
  margin: 0 0 8px 0;
  text-align: right;
}
/*-------------------------------------------------------------------------
 footer
-------------------------------------------------------------------------*/
#footerWrapp {
  width: 945px;
  margin: 0 auto;
  background: #fff;
}
#footer {
  width: 945px;
  padding: 20px 0 24px 2px;
  background-image: url(../images/esthetic/foot_bg.png);
  background-repeat: repeat-x;
  background-position: 2px top;
}
#footer #footLogo {
  float: left;
  display: inline;
  width: 260px;
  margin: 0 0 0 10px;
}
#footer #footLogo p {
  padding: 10px 0 0 0;
  font-size: 10px;
  color: #333;
}
#footer #footLogo p a:link, #footer #footLogo p a:visited {
  color: #333;
  text-decoration: none;
}
#footer #footLogo p a:hover, #footer #footLogo p a:active {
  color: #ccc;
  text-decoration: none;
}
#footer #footMenu {
  float: left;
  display: inline;
  width: 650px;
  margin: 0 0 0 20px;
  padding: 4px 0 0 0;
}
#footer #footMenu div {
  clear: both;
  width: 650px;
  padding: 0 0 5px 0;
}
#footer #footMenu ul {
  padding: 0 20px 0 0;
  font-size: 12px;
}
#footer #footMenu ul li {
  float: left;
  margin: 0 14px 0 0;
  font-size: 12px;
}
#footer #footMenu ul li a:link, #footer #footMenu ul li a:visited {
  color: #666;
  text-decoration: none;
}
#footer #footMenu ul li a:hover, #footer #footMenu ul li a:active {
  color: #ccc;
  text-decoration: none;
}
.first-box {
  padding: 10px 10px;
  border-radius: 10px;
  border: 2px solid #93bfe0;
  background-color: #dbe1fe;
  font-size: 16px;
  line-height: 1.8em;
  text-align: left;
  font-weight: bold;
}
.first-box span {
  color: #4760E1;
}
#main .detCont ul {
  list-style-position: outside;
  list-style-type: circle;
  margin-left: 20px;
  margin-right: 10px;
  margin-bottom: 20px;
}
#main .detCont ul li {
  margin-bottom: 8px;
}
.e-img {
  border: 1px solid #CCCCCC;
  padding: 2px;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}
 ul.leftbox_text li {
    margin: 0 0 8px 0;
    padding: 0 0 0 16px;
    background: url(../images/c_listmark.jpg) 0 0.3em no-repeat;
    text-align: left;
}
.e-fee {
  width: 600px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
}
.e-fee tr td {
  border: 1px solid #E6E6FA;
  padding: 4px;
  text-align: right;
}
.e-fee tr .lf {
  background-color: #FAF0E6;
  text-align: left;
  width: 400px;
}
.e-kouka {
  margin-top: 0px;
  margin-bottom: 20px;
}
.e-kouka li {
  float: left;
  list-style-type: none;
  margin-right: 16px;
  font-size: 16px;
  color: #4169E1;
  background-color: #FAEBD7;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-left: 4px;
  border-radius: 4px;
  border: 2px solid #B0E0E6;
}
.e-kouka2 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.e-kouka2 li {
  float: left;
  list-style-type: none;
  margin-right: 16px;
  font-size: 16px;
  color: #ef91ae;
  background-color: #FAEBD7;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-left: 4px;
  border-radius: 4px;
  border: 2px solid #ef91ae;
}
.sd-gaiyo {
  margin: 0px;
  padding: 0px;
}
.sd-gaiyo dl {
  margin: 0px;
}
.sd-gaiyo dl dt {
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 8px;
  background-color: #FFF;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  color: #3F69E2;
  font-size: 14px;
}
.sd-gaiyo dl dd {
  background-color: #FFF;
  margin-right: 5px;
  margin-left: 8px;
  text-align: left;
  line-height: 1.4em;
  font-size: 13px;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
}
.sd-gaiyo dl dd h5 {
  font-weight: bold;
}
.sd-gaiyo dl dd hr {
  border: 0;
  height: 1px;
  background: #333;
  background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
  background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}
hr.wakeru {
  border: 0;
  height: 1px;
  background: #Fffccff;
  background-image: -webkit-linear-gradient(left, #ffccff, #F94FE6, #ffccff);
  background-image: -moz-linear-gradient(left, #ffccff, #F94FE6, #ffccff);
  background-image: -ms-linear-gradient(left, #ffccff, #F94FE6, #ffccff);
  background-image: -o-linear-gradient(left, #ffccff, #F94FE6, #ffccff);
}
.sd-gaiyo dl dd .sd-timetable {
  margin-top: 10px;
  width: 230px;
  margin-left: -4px;
}
.sd-timetable td {
  border: 1px solid #6C9EC3;
  padding: 2px;
  font-size: 12px;
}
.sd-timetable th {
  border: 1px solid #6C9EC3;
  padding: 2px;
  font-size: 12px;
  background-color: #6C9EC3;
  font-weight: normal;
  color: #FFF;
}
.photoli {
  clear: both;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.photoli li {
  list-style-type: none;
  float: left;
  margin-right: 5px;
  line-height: normal;
  text-align: center;
  margin-left: 0px;
  list-style-position: outside;
}
.photoli li img {
  margin: 0px;
  border: 1px solid #CCCCCC;
  padding: 2px;
}
.cmp {
  padding: 0 10px 10px 10px;
  border-radius: 10px;
  border: 2px solid #ffd1d1;
  text-align: left;
  margin-bottom: 10px;
  background: url(../images/esthetic/cmp01.jpg) 390px 100px no-repeat;
}
.detPicLag {
  margin: 20px 20px 0 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.detPicLag li {
  list-style: none;
  padding: 0 15px 15px;
}
.detPicLag li img {
  padding: 3px;
  border: 1px solid #CDCDCD;
}