@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 { 
  background: #FFFAEE url(../images/body_bg.jpg) top repeat-x ;
	}

#wrapper {
	background: url(../images/wrapper_bg.jpg) repeat-y;
	width: 850px;
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 0;
	padding: 10px 25px 0 0;
	background: url(../images/main_bg.jpg) repeat-y;
	}

#content {
	width: 545px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	background: #fff;
	padding: 5px 0 1em 0;
	}


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

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 90px;
	width: 850px;
	margin: 0;
	padding: 0;
	position:relative;
	}
#header h1.header_text{
	position:absolute;
	font-size:95%;
	color:#666;
	height:20px;
	padding-top:2px;
	bottom:0px;
	left:330px;
}
p.logo {
	width: 510px;
	height: 70px;
	line-height: 1.0;
	float: left;
	margin: 0 0 0 0;
	}
p.logo a {
	display: block;
	width: 580px;
	height: 70px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

#header .section {
	width: 240px;
	float: right;
	margin: 0;
	padding: 0;
	}

#header .tel {
	position:absolute;
	right:0;
	bottom:0;
	height: 45px;
	}
#header .tel img { display: block; }

#header_nav {
	margin: 0 0 0 85px;
	padding: 0;
	list-style: none;
	width: 135px;
	height: 30px;
	}

#header_nav li {
	height: 30px;
	float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header_nav li a {
	display: block;
	height: 30px;
	}

#nav01 { width: 33px; }
#nav02 { width: 60px; }

#nav01 a {
	background: url(../images/header_nav.jpg) -5px 0 no-repeat;
	width: 33px;
	}
#nav02 a {
	background: url(../images/header_nav.jpg) -38px 0 no-repeat;
	width: 60px;
	}
	
#nav01 a:hover {
	background: url(../images/header_nav.jpg) -5px -30px no-repeat;
	width: 33px;
	}
#nav02 a:hover {
	background: url(../images/header_nav.jpg) -38px -30px no-repeat;
	width: 60px;
	}

.main_img {
	margin: 0 0 5px 0;
	padding: 0;
	width: 850px;
	height: 269px;
	}

.main_img img {
	margin: 0;
	padding: 0;
	}
/*----------04  Navigation -----------*/



#nav {
	clear: both;
	margin: 0 0 0 25px;
	padding: 0;
	list-style: none;
	width: 800px;
	height: 30px;
	}
	


#nav li {
	height: 30px;
	float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#nav li a {
	display: block;
	height: 30px;
	}
	
#nav-02 {
	clear: both;
	margin: 0 0 0 25px;
	padding: 0;
	list-style: none;
	width: 800px;
	height: 30px;
	}
	

#nav-02 li {
	height: 30px;
	float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	}
#nav-02 li a {
	display: block;
	height: 30px;
	}

#nav03,
#nav04,
#nav05,
#nav06,
#nav07,
#nav08,
#nav09,
#nav10 { width: 200px; }


#nav03 a { background: url(../images/nav01.jpg) 0 0 no-repeat; }
#nav04 a { background: url(../images/nav01.jpg) -200px 0 no-repeat; }
#nav05 a { background: url(../images/nav01.jpg) -400px 0 no-repeat; }
#nav06 a { background: url(../images/nav01.jpg) -600px 0 no-repeat; }
#nav07 a { background: url(../images/nav02.jpg) 0 0 no-repeat; }
#nav08 a { background: url(../images/nav02.jpg) -200px 0 no-repeat; }
#nav09 a { background: url(../images/nav02.jpg) -400px 0 no-repeat; }
#nav10 a { background: url(../images/nav02.jpg) -600px 0 no-repeat; }


#nav03 a:hover { background: url(../images/nav01.jpg) 0 -30px no-repeat; }
#nav04 a:hover { background: url(../images/nav01.jpg) -200px -30px no-repeat; }
#nav05 a:hover { background: url(../images/nav01.jpg) -400px -30px no-repeat; }
#nav06 a:hover { background: url(../images/nav01.jpg) -600px -30px no-repeat; }
#nav07 a:hover { background: url(../images/nav02.jpg) 0 -30px no-repeat; }
#nav08 a:hover { background: url(../images/nav02.jpg) -200px -30px no-repeat; }
#nav09 a:hover { background: url(../images/nav02.jpg) -400px -30px no-repeat; }
#nav10 a:hover { background: url(../images/nav02.jpg) -600px -30px no-repeat; }


#side {
	width: 250px;
	padding: 5px 0 20px 30px;
	margin: 0;
	}
	
#side_nav {
	width: 220px;
	float: left;
	padding: 5px 0 0 0;
	margin: 0;
	background: url(../images/side_bg.jpg) 0 0 repeat-y;
	}

#side_nav p { text-align: center; }

#side_nav dl,
#side_nav dd { 
	margin: 0;
	}
	
#side_nav dd { 
	text-align:center;
	color: #c25c2b; }

#side_nav dt {
	height: 20px;
	text-indent: -9999px;
	padding: 0 0 5px 0;
	}
	
#side_nav dt#side_title01 { background: url(../images/side_dt01.jpg) 0 0 no-repeat; }
#side_nav dt#side_title02 { background: url(../images/side_dt02.jpg) 0 0 no-repeat; }

.bn_staff {
	height: 65px;
	width: 210px;
	text-indent: -9999px;
	padding: 0;
	margin: 10px 0 5px 5px;
	}	
.bn_staff a {
	display: block;
	height: 65px;
	}
.bn_staff a { background: url(../images/bn_staff.jpg) 0 0 no-repeat; }
.bn_staff a:hover { background: url(../images/bn_staff.jpg) 0 -65px no-repeat; }

.bn_clinic {
	height: 65px;
	width: 210px;
	text-indent: -9999px;
	padding: 0;
	margin: 0 0 10px 5px;
	}	
.bn_clinic a {
	display: block;
	height: 65px;
	}
.bn_clinic a { background: url(../images/bn_clinic.jpg) 0 0 no-repeat; }
.bn_clinic a:hover { background: url(../images/bn_clinic.jpg) 0 -65px no-repeat; }

.bn_tutumi {
	height: 60px;
	width: 210px;
	text-indent: -9999px;
	padding: 0;
	margin: 0 0 5px 5px;
	}	
.bn_tutumi a {
	display: block;
	height: 60px;
	}
.bn_tutumi a { background: url(../images/bn_tutumi.jpg) 0 0 no-repeat; }
.bn_tutumi a:hover { background: url(../images/bn_tutumi.jpg) 0 -60px no-repeat; }


.bn_shinbi {
	height: 65px;
	width: 205px;
	text-indent: -9999px;
	padding: 0;
	margin: 0 0 5px 5px;
	}	
.bn_shinbi a {
	display: block;
	height: 65px;
	}
.bn_shinbi a { background: url(../images/baneer2.jpg) 0 0 no-repeat; }
.bn_shinbi a:hover { background: url(../images/baneer2.jpg) 0 -65px no-repeat; }




.bn_shikatown {
	height: 50px;
	width: 210px;
	text-indent: -9999px;
	padding: 0;
	margin: 0 0 20px 5px;
	}	
.bn_shikatown a {
	display: block;
	height: 50px;
	}
.bn_shikatown a { background: url(../images/bn_shikatown.jpg) 0 0 no-repeat; }
.bn_shikatown a:hover { background: url(../images/bn_shikatown.jpg) 0 -50px no-repeat; }

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

#footer {
	clear: both;
	padding: 0;
	margin: 0;
	background: #fff url(../images/footer_bg.jpg) bottom repeat-x;
	font-size: 85%;
	text-align: center;
	color: #FF4000;
	height: 80px;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #FF4000;
	}
#footer a:hover { text-decoration: underline; }


#footer address {
	margin: 35px 0 0 90px;
	float: left;
	}


#footer .section {
	width: 260px;
	margin: 0;
	padding: 0;
	float: right;
	}
	
#footer .section p {
	margin: 0;
	padding: 0;
	}

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

.section { padding: .5em 10px 1em 10px; }
.section .section { padding: .5em 10px 1em 10px; }

.center { text-align: center; }

#content h2 {
	height: 30px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	}
#content h3 {
	clear: both;
	height: 38px;
	text-indent: -9999px;
	margin-left: -10px;
	}
#content h4 {
	height: 26px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	border-left: #F9C126 solid 5px;
	padding-left: 5px;
	color: #EB4F00;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 4px no-repeat;
	padding-left: 20px;
	}
#content ul.bg_none li {
	list-style: none;
	background: none;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { 
 font-weight: bold;
 color: #EB4F00;
 }

#content a { text-decoration: underline; }

a {
	color: #FF4000;
	outline: none;
	}
a:hover { color: #4B2907; }

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

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

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

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}
	
.non_case {
	margin: 10px 20px;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content ul.totop {
	clear: both;
	padding-bottom: 20px;
	}

#content ul.totop li {
	list-style: none;
	width: 85px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 20px;
	background: url(../images/to_top.png) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

/* 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 */



#content table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #d0d0ff;
	font-size: 100%;
	color: #666;
	width: 500px;
	margin-left: 40px;
	}

#content table th,
#content table td {
	padding: 4px 12px;
	border: 1px solid #ddddff;
	}

#content table th {
	background: #efefff;
	color: #636570;
	width: 130px;
	}

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

.bordered_bt {
 border-bottom: 1px dashed;
 color: #666666;
 }

.bordered_bt {
 border-bottom: 1px dashed;
 color: #666666;
 }


/*---------- 07  Index -----------*/
#index h2#title01 { background: url(../images/index_h2-01.jpg) 0 0 no-repeat; }

#index .bordered_bt {
 border-bottom: 2px dashed #cc8c4e;
 height: 230px;
 width: 300px;
 }

#index .concept{
	background:url(../images/index01.jpg) no-repeat right top;
}

.qc_ban_waku{
	width:300px;
	height:70px;
	margin:0;
	float:left;
	border-bottom:2px dashed #cc8c4e;
}
.qc_ban01 a{
	width:145px;
	height:60px;
	float:left;
	display:block;
	text-indent:-9999px;
	background:url(../images/qc_ban01.jpg);
}
.qc_ban02 a{
	width:145px;
	height:60px;
	float:right;
	display:block;
	text-indent:-9999px;
	background:url(../images/qc_ban02.jpg);
}
.qc_ban01 a:hover,
.qc_ban02 a:hover{
	background-position:0 100%;
}
.ban_contact a{
	width:510px;
	height:100px;
	margin:0 0 10px 20px;
	display:block;
	text-indent:-9999px;
	background:url(../images/ban_contact.jpg);
}
.ban_contact a:hover{
	background-position:0 100%;
}
#index_nav{
/*	background:url(../images/index_nav.jpg);*/
	width:520px;
	height:480px;
	margin:0 10px;
}
.nav01 a{
	width:520px;
	height:80px;
	display:block;
	margin:0;
	text-indent:-9999px;
	background:url(../images/index_nav.jpg) 0 0;
}
.nav02 a{
	width:520px;
	height:80px;
	display:block;
	margin:0;
	text-indent:-9999px;
	background:url(../images/index_nav.jpg) 0 400px;
}
.nav03 a{
	width:520px;
	height:80px;
	display:block;
	margin:0;
	text-indent:-9999px;
	background:url(../images/index_nav.jpg) 0 320px;
}
.nav04 a{
	width:520px;
	height:80px;
	display:block;
	margin:0;
	text-indent:-9999px;
	background:url(../images/index_nav.jpg) 0 240px;
}
.nav05 a{
	width:520px;
	height:80px;
	display:block;
	margin:0;
	text-indent:-9999px;
	background:url(../images/index_nav.jpg) 0 160px;
}
.nav06 a{
	width:520px;
	height:80px;
	display:block;
	margin:0;
	text-indent:-9999px;
	background:url(../images/index_nav.jpg) 0 80px;
}
.nav01 a:hover{background-position:-520px 0;}
.nav02 a:hover{background-position:-520px 400px;}
.nav03 a:hover{background-position:-520px 320px;}
.nav04 a:hover{background-position:-520px 240px;}
.nav05 a:hover{background-position:-520px 160px;}
.nav06 a:hover{background-position:-520px 80px;}


/*---------- 08  Sound -----------*/
#sound h2#title01 { background: url(../images/sound_h2-01.jpg) 0 0 no-repeat; }
#sound h3#title02 { background: url(../images/sound_h3-02.jpg) 0 0 no-repeat; }
#sound h3#title03 { background: url(../images/sound_h3-03.jpg) 0 0 no-repeat; }
#sound h3#title04 { background: url(../images/sound_h3-04.jpg) 0 0 no-repeat; }
#sound h3#title05 { background: url(../images/sound_h3-05.jpg) 0 0 no-repeat; }
#sound h4#title06 { background: url(../images/sound_h4-06.jpg) 0 0 no-repeat; }
#sound h4#title07 { background: url(../images/sound_h4-07.jpg) 0 0 no-repeat; }
#sound h4#title08 { background: url(../images/sound_h4-08.jpg) 0 0 no-repeat; }
#sound h3#title09 { background: url(../images/sound_h4-09.jpg) 0 0 no-repeat; }
#sound h3#title10 { background: url(../images/sound_h4-10.jpg) 0 0 no-repeat; }
#sound h3#title11 { background: url(../images/sound_h3-11.jpg) 0 0 no-repeat; }

#sound .alpha {
	width: 250px;
	float: left;
	text-align: center;
	}
#sound .beta {
	width: 250px;
	float: right;
	text-align: center;
	}
#sound .qa{
	background:#FFF2D2;
	padding:3px 10px;
	margin-bottom:15px;
}

/*---------- 09  Laser -----------*/
#laser h2#title01 { background: url(../images/laser_h2-01.jpg) 0 0 no-repeat; }
#laser h3#title02 { background: url(../images/laser_h3-02.jpg) 0 0 no-repeat; }
#laser h3#title03 { background: url(../images/laser_h3-03.jpg) 0 0 no-repeat; }
#laser h3#title04 { background: url(../images/laser_h3-04.jpg) 0 0 no-repeat; }
#laser h3#title05 { background: url(../images/laser_h3-05.jpg) 0 0 no-repeat; }
#laser h3#title06 { background: url(../images/laser_h3-06.jpg) 0 0 no-repeat; }

/*---------- 10  Introduction -----------*/
#introduction h2#title01 { background: url(../images/introduction_h2-01.jpg) 0 0 no-repeat; }
#introduction h3#title02 { background: url(../images/introduction_h3-02.jpg) 0 0 no-repeat; }
#introduction h3#title03 { background: url(../images/introduction_h3-03.jpg) 0 0 no-repeat; }
#introduction h3#title04 { background: url(../images/introduction_h3-04.jpg) 0 0 no-repeat; }
#introduction h3#title05 { background: url(../images/introduction_h3-05.jpg) 0 0 no-repeat; }
#introduction h3#title06 { background: url(../images/introduction_h3-06.jpg) 0 0 no-repeat; }



/*---------- 11  Eternity -----------*/
#eternity h2#title01 { background: url(../images/eternity_h2-01.jpg) 0 0 no-repeat; }
#eternity h3#title02 { background: url(../images/eternity_h3-02.jpg) 0 0 no-repeat; }
#eternity h3#title03 { background: url(../images/eternity_h3-03.jpg) 0 0 no-repeat; }
#eternity h3#title04 { background: url(../images/eternity_h3-04.jpg) 0 0 no-repeat; }
#eternity h4#title05 { background: url(../images/eternity_h4-05.jpg) 0 0 no-repeat; }
#eternity h4#title06 { background: url(../images/eternity_h4-06.jpg) 0 0 no-repeat; }
#eternity h4#title07 { background: url(../images/eternity_h4-07.jpg) 0 0 no-repeat; }
#eternity h4#title08 { background: url(../images/eternity_h4-08.jpg) 0 0 no-repeat; }
#eternity h4#title09 { background: url(../images/eternity_h4-09.jpg) 0 0 no-repeat; }


/*---------- 12  Breath -----------*/
#breath h2#title01 { background: url(../images/breath_h2-01.jpg) 0 0 no-repeat; }
#breath h3#title02 { background: url(../images/breath_h3-02.jpg) 0 0 no-repeat; }
#breath h3#title03 { background: url(../images/breath_h3-03.jpg) 0 0 no-repeat; }
#breath h3#title04 { background: url(../images/breath_h3-04.jpg) 0 0 no-repeat; }
#breath h4#title05 { background: url(../images/breath_h4-05.jpg) 0 0 no-repeat; }
#breath h4#title06 { background: url(../images/breath_h4-06.jpg) 0 0 no-repeat; }
#breath h4#title07 { background: url(../images/breath_h4-07.jpg) 0 0 no-repeat; }


/*---------- 13  Smile -----------*/
#smile h2#title01 { background: url(../images/smile_h2-01.jpg) 0 0 no-repeat; }
#smile h3#title02 { background: url(../images/smile_h3-02.jpg) 0 0 no-repeat; }
#smile h3#title03 { background: url(../images/smile_h3-03.jpg) 0 0 no-repeat; }
#smile h4#title04 { background: url(../images/smile_h4-04.jpg) 0 0 no-repeat; }
#smile h4#title05 { background: url(../images/smile_h4-05.jpg) 0 0 no-repeat; }
#smile h4#title06 { background: url(../images/smile_h4-06.jpg) 0 0 no-repeat; }
#smile h4#title07 { background: url(../images/smile_h4-07.jpg) 0 0 no-repeat; }
#smile h4#title08 { background: url(../images/smile_h4-08.jpg) 0 0 no-repeat; }
#smile h4#title09 { background: url(../images/smile_h4-09.jpg) 0 0 no-repeat; }
#smile h4#title10 { background: url(../images/smile_h4-10.jpg) 0 0 no-repeat; }
#smile h4#title11 { background: url(../images/smile_h4-11.jpg) 0 0 no-repeat; }

#smile .alpha {
	width: 250px;
	float: left;
	text-align: center;
	}
#smile .beta {
	width: 250px;
	float: right;
	text-align: center;
	}

/*---------- 14  Staff -----------*/
#staff h2#title01 { background: url(../images/staff_h2-01.jpg) 0 0 no-repeat; }
#staff h3#title02 { background: url(../images/staff_h3-02.jpg) 0 0 no-repeat; }
#staff h3#title03 { background: url(../images/staff_h3-03.jpg) 0 0 no-repeat; }
#staff h4#title04 { background: url(../images/staff_h4-04.jpg) 0 0 no-repeat; }

#staff .alpha {
	width: 220px;
	float: left;
	text-align: center;
	}
#staff .beta {
	width: 280px;
	float: right;
	}
	
#staff .alpha01 {
	width: 250px;
	float: left;
	}
#staff .beta01 {
	width: 250px;
	float: right;
	}

/*---------- 15  Clinic -----------*/
#clinic h2#title01 { background: url(../images/clinic_h2-01.jpg) 0 0 no-repeat; }

#clinic .alpha {
	width: 220px;
	float: left;
	text-align: center;
	}
#clinic .beta {
	width: 280px;
	float: right;
	}
	
#map {   
    width: 450px;   
    height: 360px;   
    border: 2px solid #ccc;   
    margin: 18px;   
    }  
.large{
	font-size:14px;
	color:#EB4F00;
	font-weight:bold;
}
.large02{
	font-size:32px;
	color:#FFA500;
	font-weight:bold;
}

/*---------- 16  Sitemap -----------*/
#sitemap h2#title01 { background: url(../images/sitemap_h2-01.jpg) 0 0 no-repeat; }

/*---------- 16  staff -----------*/
.entry {
	margin:0 0 0 -20px;
	width:530px;
	overflow:hidden;
	}
.entry .entrybox{
	float:left;
	margin:0 0 20px 20px;
	height:310px;
	width:240px;
	}
.entry .entrybox dl{
	margin:0.5em;
	}
.entry .entrybox dl dd{
	margin-left:0.5em;
	}