@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Concept                     */
/*                 09  Staff                       */
/*                 10  Clinic                      */
/*                 11  Recruit                     */
/*                 12  Perio                       */
/*                 13  Prevent                     */
/*                 14  Laser                       */
/*                 15  Child                       */
/*                 16  Ortho                       */
/*                 17  Aesthe                      */
/*                 18  Implant                     */
/*                 19  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink           #de91a2      */
/*        Main Color - Light Pink     #fce6e6      */
/*        Main Color - Fresh Pink     #f94956      */
/*                                                 */
/*        Sub Color  - Yellow Green   #7ac300      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/

body,h1,h2,h3,h4,h5,h6,p,table,tr,th,td,dl,dt,dd,img,span,div,ul,li,img {
	margin:0px;
	border:none;
	padding:0px;
	font-size:10px;
	line-height:1.5em;
	list-style-type:none;
	color:#666;
}

body {
	  background: url(../image/bg_body.jpg) repeat-x #F6D98D;
	  padding:0;
	  margin:0;
}


table th,
table td {	vertical-align:top;
}

#layout {
  width: 940px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background: url(../image/bg_layout.jpg) repeat-y;
  }

#layout02 {
  background: url(../image/bg_body02.jpg) no-repeat;
}

#wrapper {
  width: 900px;
  text-align: center;
  margin: 0 auto;
  padding:0;
  background: url(../image/bg_wrapper.jpg) repeat-y top;
  margin-left:20px;
  }


#content {
  width:630px;
  float: right;
  color:#000000;
  text-align:left;
  }

#content p {
	font-size:140%;
	line-height:170%;
}


#content p.txt img {
	border:1px solid #E0E0E0;
}

#content table img {
	display: inline;
}



/*---------- 03  Header -----------*/

#header {
  background: url(../image/bg_header.jpg) 0 0 no-repeat;
  height:115px;
  width:940px;
  position:relative;
  }


h1 {
	position:absolute;
	left: 5px;
	color:#FFFFFF;
	top: 5px;
	width: 755px;
  }

p.logo {
	position:absolute;
	top: 40px;
	left: 20px;
}

p.size {
	position:absolute;
	width:147px;
	height:30px;
	left: 803px;
	top: 1px;
}

#layout p.size { color:#FFFFFF;
font-weight:bold;
}
#layout p.size a { color:#AFC1A3;
font-weight:bold;
}

div#g_nav {
	width:900px;
	height:45px;
	margin-bottom:20px;
	padding:0;
	background: url(../image/gn.jpg) 0 0 no-repeat;
}

*html div#g_nav {
	margin-bottom:0;
	padding:0;
}

div#g_nav ul li {
	width:180px;
	height:45px;
	float:left;
}

div#g_nav ul li a {
	display:block;
	width:180px;
	height:45px;
	text-indent:-9999px;
}


div#g_nav ul li.g_nav01 a:hover { background: url(../image/gn01.jpg) 0 0 no-repeat; }
div#g_nav ul li.g_nav02 a:hover { background: url(../image/gn02.jpg) 0 0 no-repeat; }
div#g_nav ul li.g_nav03 a:hover { background: url(../image/gn03.jpg) 0 0 no-repeat; }
div#g_nav ul li.g_nav04 a:hover { background: url(../image/gn04.jpg) 0 0 no-repeat; }
div#g_nav ul li.g_nav05 a:hover { background: url(../image/gn05.jpg) 0 0 no-repeat; }
div#g_nav ul li.g_nav06 a:hover { background: url(../image/gn06.jpg) 0 0 no-repeat; }

#main_img {
padding:0 20px;	
}


#index_m .se01 {
	width:520px;
	height:410px;
	position:absolute;
	background: url(../image/bg_se01.jpg) 0 0 no-repeat;
	left: 419px;
	top: 21px;
}


/*----------04  Navigation -----------*/

#nav {
	  width:250px;
	  float: left;
	  text-align:left;
  }

#nav a,
#nav p {
	font-size:120%;
	color:#624D14;
}

#nav ul {
	margin:10px;
}

#nav dl {
	margin:10px;
}

#nav #aaa dt {
	text-indent:16px;
	background: url(../image/point02.jpg) 0 0 no-repeat;
}

#nav #topic dt {
	text-indent:16px;
	background: url(../image/point01.jpg) 0 0 no-repeat;
}

#nav dl dd {
	margin-bottom:5px;
}


#nav .menu {
	border-bottom:1px solid #CEC6B9;
	margin:5px;
	margin-bottom:10px;
}

	
#nav ul.menu li a {
	display:block;
	width:240px;
	height:30px;
	text-indent:-9999px;
   }	



#nav ul.menu li.m02 a {background: url(../image/m02.jpg) 0 0 no-repeat;}
#nav ul.menu li.m03 a {background: url(../image/m03.jpg) 0 0 no-repeat;}
#nav ul.menu li.m04 a {background: url(../image/m04.jpg) 0 0 no-repeat;}
#nav ul.menu li.m04a a {background: url(../image/m04a.jpg) 0 0 no-repeat;}

#nav ul.menu li.m02 a:hover {background: url(../image/m02hover.jpg) 0 0 no-repeat;}
#nav ul.menu li.m03 a:hover {background: url(../image/m03hover.jpg) 0 0 no-repeat;}
#nav ul.menu li.m04 a:hover {background: url(../image/m04hover.jpg) 0 0 no-repeat;}
#nav ul.menu li.m04a a:hover {background: url(../image/m04ahover.jpg) 0 0 no-repeat;}

#nav ul.menu li.m05a a {background: url(../image/m05a.jpg) 0 0 no-repeat;}
#nav ul.menu li.m05aa a {background: url(../image/m05aa.jpg) 0 0 no-repeat;}
#nav ul.menu li.m06 a {background: url(../image/m06.jpg) 0 0 no-repeat;}
#nav ul.menu li.m07 a {background: url(../image/m07.jpg) 0 0 no-repeat;}
#nav ul.menu li.m08 a {background: url(../image/m08.jpg) 0 0 no-repeat;}
#nav ul.menu li.m09 a {background: url(../image/m09.jpg) 0 0 no-repeat;}

#nav ul.menu li.m05a a:hover {background: url(../image/m05ahover.jpg) 0 0 no-repeat;}
#nav ul.menu li.m05aa a:hover {background: url(../image/m05aahover.jpg) 0 0 no-repeat;}
#nav ul.menu li.m06 a:hover {background: url(../image/m06hover.jpg) 0 0 no-repeat;}
#nav ul.menu li.m07 a:hover {background: url(../image/m07hover.jpg) 0 0 no-repeat;}
#nav ul.menu li.m08 a:hover {background: url(../image/m08hover.jpg) 0 0 no-repeat;}
#nav ul.menu li.m09 a:hover {background: url(../image/m09hover.jpg) 0 0 no-repeat;}

.m_b {
	margin:15px 10px 20px 10px;
}


.top10 {
	padding-top:10px;
}

p.map {	
	width:190px;
	_width:210px;
	height:65px;
	_height:280px;
	padding:215px 10px 0 10px;
    background: url(../image/bg_map.jpg) 0 0 no-repeat;
	font-size:10px;
	_font-size:9px;
	>font-size:9px;
}


#index p.h2_img {
	text-indent:0px;
	margin:0;
	background: none;
	height: auto;

}

#naka_img {
	padding:0 20px;
}

#naka_img h2 {
	width:870px;
	_width:900px;
	line-height:80px;
	background: url(../image/naka.jpg) 0 0 no-repeat;
	text-align:right;
	font-size:180%;
	padding-right:30px;
	font-weight:bold;
	color:#fff;
}



h3 {
	clear:both;
	color:#855E00;
	line-height:50px;
	font-weight:bold;
	background: url(../image/h3.jpg) 0 0 no-repeat;
	text-indent:30px;
	font-size:160%;
	margin-bottom:10px;
}

#index p.h3_img {
	text-indent:0px;
	margin:0;
	background: none;
	height: auto;
}



#layout h3.no_title,
#layout h3.no_title span {
	background:none;
	text-indent:-9999px;
	line-height: normal;
}

#kouei h3 {
	background:none;
	color:#5C002E;
	text-indent:0;
	font-size:100%;
	line-height:20px;
}


.img_t {
	text-indent:0px;
	padding:0;
	margin:0;
	line-height: normal;
	clear:both;
}

.img_t img {
	display:block;
}

h4 {
	line-height:35px;
	font-weight:bold;
	background: url(../image/h4.jpg) 0 0 no-repeat;
	text-indent:15px;
	color:#855E00;
	font-size:140%;
	margin:6px auto;
}

h5 {
	clear:both;
	line-height:35px;
	font-weight:bold;
	background: url(../image/h5.jpg) 0 0 no-repeat;
	text-indent:25px;
	font-size:140%;
	color:#855E00;
	margin:5px auto;
}

.h5 {
	clear:both;
	line-height:40px;
	font-weight:bold;
	background: url(../image/h5.jpg) 0 0 no-repeat;
	text-indent:35px;
	font-size:80%;
	color:#6D111A;
	margin:5px auto;
}

#index p.subtitle {
	clear:both;
	font-weight:bold;
	border-bottom: 1px dotted #624E13;
	font-size:140%;
	color:#624E13;
	margin:5px auto;
	margin-top: 10px;
}

.q {
	line-height:50px;
	font-weight:bold;
	background: url(../image/q.jpg) 0 0 no-repeat;
	text-indent:50px;
	height:50px;
	font-size:14px;
	margin:0;
	color:#B30000;
	margin-bottom:5px;
}

.a {
	padding:8px 15px 15px 40px;
	margin-bottom:25px;
	background: url(../image/a.jpg) 0 0 no-repeat;

}


.form {
	margin:15px auto;
}

.form a {
	display:block;
	height:120px;
	width:710;
	background: url(../image/form.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

.form a:hover {
	background: url(../image/form_ov.jpg) 0 0 no-repeat;
}

.step {
	line-height:50px;
	font-weight:bold;
	background: url(../image/step.jpg) 0 0 no-repeat;
	text-indent:90px;
	font-size:14px;
	margin:6px auto;
}

.table_a {
	width:100%;
	vertical-align:top;
	margin:10px auto;
	border:1px solid #D2C38A;
}

.table_a,
.table_a tr,
.table_a tr th,
.table_a tr td {
	padding:7px; 
	vertical-align:top;
	line-height:2em;
	border-collapse:collapse;
}

.table_a th {
	width:30%;
	background-color:#EFECE7;
	border:1px solid #D2C38A;
	vertical-align:middle;
	font-size:140%;
	color:#855E00;
}

.table_a th img {
	vertical-align:middle;
	margin-right:10px;
}

.table_a th.pr {
color:#914C52;
background-color:#EFE5E6;
	border:1px solid #E1CED0;
}

.table_a th.blu {
color:#7B7DAD;
background:#E9E9F2;
	border:1px solid #D0D0E3;
}

.table_a th.rd {
color:#D15C6A;
background:#F8E4E6;
	border:1px solid #EDBABF;
}



.table_a td {
	width:70%;
	vertical-align:top;
	border:1px solid #D2C38A;
	font-size:140%;
}




.table_b {
	width:100%;
	vertical-align:top;
	margin:10px auto;
	border:1px solid #D2C38A;
}

.table_b,
.table_b tr,
.table_b tr th,
.table_b tr td {
	padding:7px; 
	vertical-align:top;
	line-height:2em;
	border-collapse:collapse;
}

.table_b th {
	background-color:#EFECE7;
	border:1px solid #D2C38A;
	vertical-align:middle;
	font-size:140%;
	color:#855E00;
}

.table_b td {
	vertical-align:top;
	border:1px solid #D2C38A;
	font-size:140%;
}






.w_auto th {
	width:80px;
}


.table_c {
	width:100%;
	vertical-align:top;
	margin:10px auto;
	border:1px solid #BECE9B;
}

.table_c,
.table_c tr,
.table_c tr th,
.table_c tr td {
	padding:7px;
	vertical-align:top;
	line-height:20px;
	border-collapse:collapse;
}

.table_c th {
	background-color:#DEE7CE;
	border:1px solid #BECE9B;
	color:#638C0F;
}

.table_c td {
	vertical-align:top;
	border:1px solid #BECE9B;
}


#kouei table {
	width:100%;
	vertical-align:top;
	margin:10px auto;
	border:1px solid #BECE9B;
}

#kouei table,
#kouei table tr,
#kouei table tr th,
#kouei table tr td {
	padding:7px; 
	vertical-align:top;
	line-height:2em;
	border-collapse:collapse;
	border:1px solid #BECE9B;
}

#kouei table tr th {
	background-color:#DEE7CE;
}


.bg01 {
	clear:both;
	display:block;
	padding:15px;
	background-color:#EFECE7;
	border:1px solid #B39B3B;
}

.bg02 {
	clear:both;
	display:block;
	padding:15px;
	font-size:80%;
	background-color:#EFECE8;
	border:1px solid #CEC6B9;
	font-size:110%;
}

.bg03 {
	clear:both;
	display:block;
	padding:15px;
	background-color:#F9EFED;
	border:1px solid #D69AA3;
	font-size:110%;
	color:#6D111A;
	font-weight:bold;
}


/*---------- 05  Footer -----------*/

#footer {
  clear: both;
  padding: 0;
  margin: 0;
  text-align: center;
  background-color:#000000;
  width:900px;
  height:160px;
	background: url(../image/bg_footer.jpg) 0 0 no-repeat;
  }
  

#footer address {
	font-style:normal;
	text-align: center;
	color:#FFFFFF;
	line-height:100px;
	 }

/*---------- 06  Contents -----------*/

#content .section { padding: 1em 20px 0 30px; }
#content .section .section { padding: .5em 10px 0 10px; }

.center { text-align: center; }



#content a { 
  text-decoration: underline;
  color: #5C002E;
  }

#content a:hover {
  color: #000;
  }

#content blockquote {
  margin: .5em;
  background: url(../image/blockquote_bg.jpg) top left repeat-y;
  padding: .5em 1em;
  }

.image_l  {
  float: left;
  margin: 0 12px 8px 0;
  }

.image_r {
  float: right;
  margin: 0 0 8px 12px;
  }


/* Hides from IE-mac \*/
p.answer:first-letter {
  display: block;
  padding: 2px;
  background: #4499af;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #ccc;
  margin: 0 5px 0 0;
  float: left;
  }
/* End hide from IE-mac */




input.submit {
  font-weight: bold;
  margin-right: 1.5em;
  }

.t {
	color:#5E4700;
	font-weight:bold;
	font-size:100%;
}

.pt {
	clear:both;
	text-align:right;
	float:right;
	margin:20px 0;
}

.list {
	margin:10px 20px;
}

.list li {
	text-indent:10px;
	line-height:25px;
	border-left:5px solid #CCCCCC;
	display:block;
	margin:15px 0;
	color:#666666;
	font-weight:bold;
	font-size:80%;
}

.red {
	color:#910018;
}
/*---------- Index -----------*/

.mb01 {
	margin-bottom:10px;	
}

.mb02 {
	margin-bottom:20px;	
}

.mb03 {
	margin-bottom:30px;	
}

.mb04 {
	margin-bottom:30px;	
}

.mb05 {
	margin-bottom:30px;	
}

.mt01 {
	margin-top:10px;
}

.mt02 {
	margin-top:20px;
}

.mt03 {
	margin-top:30px;
}

.padd {
	padding-left:15px;
}

.center {
	text-align:center;
}

.rowTint {}

.imgover {}

.blankLink {
	/*background: url(../image/blank.gif) no-repeat 100% 0;
	padding-right: 19px;*/
}

#gmaps {
	width: 620px;
	height: 400px;
	margin-bottom: 20px;
	letter-spacing: 0;
}
#col-a #gmaps dt {
	width: 200px;
	font-weight: bold;
	color: #147e1e;
}

#nav img {
	display:block;
}

.pro {
	width:610px;
	height:110px;
	_width:630px;
	_height:140px;
	padding:15px 0 15px 20px;
	background: url(../image/pro_b.jpg) 0 0 no-repeat;
}
.pro p {
	float:left;
	margin-right:10px;
}



.auto {
	width:auto;
	height:auto;
}

.gallery {
	border:5px solid #EDEDED;
	margin:0 auto 10px auto;
}

.gallery td {
	padding:2px 5px;
	text-align:center;
	vertical-align:middle;
}

.gallery th {
	padding:10px;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #CCCCCC;
	background: url(../image/ss.jpg) no-repeat 0 30px;
}

.det_btn01 a {
	display:block;
	width:340px;
	height:160px;
	background: url(../image/panf.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

.det_btn01 a:hover {
	background: url(../image/panfhover.jpg) 0 0 no-repeat;
}

#sitemap ul li a {
	display:block;
	clear:both;
	line-height:40px;
	font-weight:bold;
	background: url(../image/h5.jpg) 0 0 no-repeat;
	text-indent:35px;
	font-size:80%;
	color:#6D111A;
}

#sitemap ul li ul li a {
	background:none;
	text-indent:40px;
}


div.no_bar {
	clear:both;
	text-align:center;
	width:100%;
	background-color:#E6E6E6;
	border:1px solid #CCCCCC
}

div.no_bar p {
	display:inline;
	background-color:#E6E6E6;
	text-align:center;
	font-size:14px;
	margin:0 10px;
	line-height:40px;
}

.fmail_checkbox_list li {
	widows:200px;
}

.block {
	display:block;
}

.info_b {
	background-color:#FDF5E1;
	border:1px solid #B39B3B;
	border-top:none;
	padding:15px;
}



.voice {
	clear:both;
	display:block;
	padding:10px;
	background-color:#F3F1EE;
	border:1px solid #B39B3B;
	margin-bottom:20px;
}


.voice span {
	text-decoration:underline;
	display:block;
}

.voice h4 {
	background:none #E9E6E1;
	margin-bottom:15px;
}

.sub_entry_img {
	width:160px;
	height:120px;
	float:left;
	border:4px solid #E5E5E5;
	margin-right:12px;
	text-align:center;
}
.sub_entry_img img {
}

.sub_entry_table {
	width:450px;
	float: right;
}

.sub_entry_table .table_a {
	width:410px;
	margin:0;
} 

.link_more {
	float:right;
	margin:10px 0 25px 0;
}

#nav .inline {
	display:inline;
}

.txt {
	padding-left:15px;
	margin-bottom:20px;
}

#content .voice p {
	color:#000000;
	font-size:1.4em;
}

.right {
	text-align:right;
}

h4.flo_t {
	width:520px;
	background: url(../image/h4s.jpg) 0 0 no-repeat;
	float: right;
	margin:0;
	margin-bottom:10px;
}

p.flo_img {
	width:100px;
	height:90px;
	float:left;
}

p.flo_p {
	width:520px;
	float: right;
}

.pro p a {
	display:block;
	width:140px;
	height:105px;
	z-index:1;
	background-color:#fff;
	text-align:center;
}

.pro p a img {
	text-align:center;
	margin:0 auto;
}


.pro p img {
	z-index:5;
}

h4.pro_t {
	width:410px;
	background: url(../image/h4ss.jpg) 0 0 no-repeat;
	float: right;
	margin:0;
	margin-bottom:10px;
}