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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Office                      */
/*                 09  Info1                       */
/*                 10  Policy                      */
/*                 11  prevent                      */
/*                 12  Test                        */
/*                 13  Perio                       */
/*                 14  Program                     */
/*                 15  Treatment                   */
/*                 16  General                     */
/*                 17  Esthe                       */
/*                 18  Implant                     */
/*                 19  Ortho                       */
/*                 20  Cost                        */
/*                 21  Recruit                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Green          #62bfb3      */
/*        Main Color - Brown          #5a3d1c      */
/*        Main Color - Light Green    #80e0d0      */
/*                                                 */
/*        Sub Color  - Grey           #f2efe9      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { background: url(../images/body_bg.jpg) 0 57px repeat-x; font-family:"ＭＳ Ｐゴシック"; }
p img { display: block; line-height:1.0; }
#wrapper {
	width:900px;
	margin:0px auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 0; clear:both;
}

#content {
	width: 660px;
	float: right;
	font-size:93%;
	line-height: 1.5;
	color: #666;
}
#index #content { width: 650px; }


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

#header {
	height:139px;
	width:900px;
	margin: 0;
	padding: 0;
	}
#index #header { height:489px; margin: 0 0 15px 0; }
h1 {
	width: 250px;
	height: 84px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	text-indent: -9999px;
	margin:30px 0 0 0;
	width: 250px;
	height: 54px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

#header p.tel {	margin:32px 0 0 0; padding: 0; height: 40px; float:right; }
#header .h1_text { position:relative; margin:-75px 0 0 0; font-size:77%; color:#62bfb3; line-height:1.3em; clear:both; float:left; display:inline; width:800px; }

#header_nav {
	margin:0;
	clear:both;
	padding:12px 0 0 0;
	width:900px;
	}
#header_nav ul{
	margin:0;
	padding:0;
	list-style: none;
	width:900px;
	height:43px;
	}

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

#nav01 { width:159px; }
#nav02 { width: 220px; }
#nav03,#nav04 { width: 180px; }
#nav05 { width: 161px; }

#nav01 a { background: url(../images/header_nav.jpg) 0 0 no-repeat; width: 159px; }
#nav01 a:hover { background: url(../images/header_nav.jpg) 0 -38px no-repeat; }
#nav02 a { background: url(../images/header_nav.jpg) -159px 0 no-repeat; width: 220px; }
#nav02 a:hover { background: url(../images/header_nav.jpg) -159px -38px no-repeat; }
#nav03 a { background: url(../images/header_nav.jpg) -379px 0 no-repeat; width: 180px; }
#nav03 a:hover { background: url(../images/header_nav.jpg) -379px -38px no-repeat; }
#nav04 a { background: url(../images/header_nav.jpg) -559px 0 no-repeat; width: 180px; }
#nav04 a:hover { background: url(../images/header_nav.jpg) -559px -38px no-repeat; }
#nav05 a { background: url(../images/header_nav.jpg) -739px 0 no-repeat; width: 161px; }
#nav05 a:hover { background: url(../images/header_nav.jpg) -739px -38px no-repeat; }

#header #index_main { clear:both; width:900px; margin:0; padding:0; height:350px; background:url(../images/index_main_bg.jpg) no-repeat 0 0; }
#header #index_main h2{ margin:0; padding:199px 0 0 20px; }
h2 img{ display:block; line-height:1.0; }

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

#nav {
	width:230px;
	float: left;
}

#nav ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	background:url(../images/nav.jpg) no-repeat 0 0; height:570px;
	}
#nav li {
	margin: 0 15px;
	padding: 0;
	list-style: none;
	}

#nav .internal li {
	text-indent: -9999px;
	}

#nav .internal li a {
	display: block;
	height: 40px;
	}

#nav ul li#nav06 { height:61px; background: url(../images/nav.jpg) -15px 0 no-repeat; margin:0 15px 0 15px; }
#nav07 a { background: url(../images/nav.jpg) -15px -61px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) -15px -101px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) -15px -141px no-repeat; }
#nav10 { height:69px; }
#nav10 a { background: url(../images/nav.jpg) -15px -181px no-repeat; }
#nav ul li#nav11 { height:61px; background: url(../images/nav.jpg) -15px -250px no-repeat; margin:0 15px 0 15px; }
#nav12 a { background: url(../images/nav.jpg) -15px -311px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) -15px -351px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) -15px -391px no-repeat; }
#nav15 a { background: url(../images/nav.jpg) -15px -431px no-repeat; }
#nav16 a { background: url(../images/nav.jpg) -15px -471px no-repeat; }
#nav17 a { background: url(../images/nav.jpg) -15px -511px no-repeat; }

#nav07 a:hover { background: url(../images/nav.jpg) -245px -61px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -245px -101px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -245px -141px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -245px -181px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -245px -311px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -245px -351px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -245px -391px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -245px -431px no-repeat; }
#nav16 a:hover { background: url(../images/nav.jpg) -245px -471px no-repeat; }
#nav17 a:hover { background: url(../images/nav.jpg) -245px -511px no-repeat; }

#nav .nav_map { margin:0 0 4px 0; }
#nav #map { margin:0 0 5px 0; width:228px; height:168px; border:1px solid #dcdcdc; }
* html body #nav #map { width:230px; height:170px; } /*  for IE6 only */

#nav .nav_office { width:230px; height:30px; margin:0 0 20px 0; }
#nav .nav_office a{ width:230px; height:30px; display:block; text-indent:-9999px; background:url(../images/nav_office.jpg) no-repeat 0 0; }
#nav .nav_office a:hover{ background:url(../images/nav_office.jpg) no-repeat 0 -30px; }

#nav .nav_link { margin:0 0 4px 0; }


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

#footer {
	clear: both;
	padding:0;
	margin: 0;
	background:#fff url(../images/footer_bg.jpg) repeat-x 0 0;
	font-size: 85%;
	text-align: center;
	color: #62BFB3;
	height:105px;
}
#footer #footer01 { width:900px; margin:0 auto; text-align:left; }
#footer address { margin:0; text-align:center; padding:15px 0 0 0; line-height:1.4; clear:both; }
#footer .tel { padding:20px 0 0 0; width:346px; margin:0; float:left; }
#footer .footer_shika { padding:10px 0 0 0; width:183px; margin:0; float:left; }
#footer .footer_shika a{ padding:0; width:170px; margin:0; height:60px; background:url(../images/footer_shika.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }

#footer .footer_reserve { padding:10px 0 0 0; margin:0; float:right; }
#footer .footer_reserve a{ padding:0; width:370px; margin:0; height:60px; background:url(../images/footer_reserve.jpg) no-repeat 0 0; display:block; text-indent:-9999px; }
#footer .footer_reserve a:hover{ background:url(../images/footer_reserve.jpg) no-repeat 0 -60px; }

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

.section { padding: .5em 0 1em 0; margin-left:10px; }
.section .section { padding: .5em 5px 1em 5px; margin-left:0; }

.center { text-align: center; }

#content h2 { height:38px; margin: 0 0 16px 10px; line-height:1.0; padding:0; }
#content h2 img { display:block; line-height:1.0; }
#content h3 {
	clear: both;
	height:42px;
	text-indent: -9999px;
	margin-bottom:6px;
}
#content h4 {
	clear:both;
	height:30px;
	text-indent: -9999px;
	margin-bottom:10px;
	margin-left:-5px;
	margin-right:-5px;
	}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

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

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #1da894;
	outline: none;
	}
a:hover { color: #80e0d0; }

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

.image_l {
	float: left;
	margin: 0 15px 6px 0px;
	}
.image_l_b  {
	float:left;
	margin: 0;
	padding:3px 15px 12px 0;
	display:inline;
}
*:first-child+html .image_l_b { padding: 3px 15px 6px 0px; } /*  for IE7 only */
*html body .image_l_b { padding:3px 12px 6px 0px; } /*  for IE6 only */

.image_l_b01  {
	float:left;
	margin: 0;
	padding:3px 15px 12px 0;
	display:inline;
}
*:first-child+html .image_l_b01 { padding: 3px 15px 12px 0px; } /*  for IE7 only */
*html body .image_l_b01 { padding:3px 12px 12px 0px; } /*  for IE6 only */
.image_l_b02  {
float:left;
margin: 0;
padding:3px 0 6px 0;
display:inline;
}
.image_l_b03  {
	float:left;
	margin: 0;
	padding:3px 15px 10px 0;
	display:inline;
}
*:first-child+html .image_l_b03 { padding: 3px 15px 0px 0px; } /*  for IE7 only */
*html body .image_l_b03 { padding:3px 12px 0px 0px; } /*  for IE6 only */
.image_l_b04  {
	float:left;
	margin: 0;
	padding:3px 15px 6px 0;
	display:inline;
}
*:first-child+html .image_l_b04 { padding: 3px 15px 6px 0px; } /*  for IE7 only */
*html body .image_l_b04 { padding:3px 12px 6px 0px; } /*  for IE6 only */
.image_r_b01 {
	float: right;
	padding:3px 0px 12px 15px;
	display:inline;
	margin:0;
}
*:first-child+html .image_r_b01 { padding: 3px 15px 12px 15px; } /*  for IE7 only */
*html body .image_r_b01 { padding:3px 0px 0 12px; } /*  for IE6 only */

.image_r {
	float: right;
	margin: 0 0 6px 15px;
	}
.image_r_b  {
	float: right;
	padding:3px 0px 6px 15px;
	display:inline;
	margin:0;
}
*:first-child+html .image_r_b { padding:3px 0px 0px 15px; } /*  for IE7 only */
*html body .image_r_b { padding:3px 0px 0px 12px; } /*  for IE6 only */
.image_r_b02 {
	float: right;
	padding:3px 0 6px 0;
	display:inline;
	margin:0;
}

.case {
	margin: 0.5em 50px 0 50px;
	background: url(../images/arrow_h.gif) center center no-repeat;
	}

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

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

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

.caption {
	text-align: center;
}


#content ul.totop {
	clear: both;
	margin:0; padding:0;
}

#content ul.totop li {
	list-style: none;
	width: 86px;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
#content ul.totop li a {
	display: block;
	height: 14px;
	background: url(../images/totop.jpg) 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:collapse;
	border-spacing: 1px;
	border: 1px solid #dcdcdc;
	font-size:100%;
	line-height:;
	color: #666;
	line-height: 1.5;
	width:100%;
	margin:0;
}

#content table th,
#content table td {
	padding: 5px 10px;
	border: 1px solid #dcdcdc;
	}
#content table td.td_q {
	padding: 5px 10px 5px 45px;
	border: 1px solid #dcdcdc;
	background:url(../images/q.jpg) no-repeat 5px 5px #daf5f1;
	}
#content table td.td_a {
	padding: 5px 10px 5px 45px;
	border: 1px solid #dcdcdc;
	background:url(../images/a.jpg) no-repeat 5px 5px;
	}
#content table td.td_top { vertical-align:top; }
#content table th {
	background: #dcdcdc;
	color: #666;
	width: 150px;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}
.pad_bthe { padding-top:.5em; padding-bottom:.5em; }
.mar_be { margin-bottom:1em; }
.mar_b2e { margin-bottom:2em; }
.mar_beh { margin-bottom:1.5em; }
.mar_bhe { margin-bottom:.5em; }
.mar_b0 { margin:6px 0 0 0; }
.mar_0 { margin:0 0 6px 0; }
.img0 { margin:0; }
.img_c { margin:0 auto; text-align:center; }
.w320 { width:320px; }
.w340 { width:340px; }
.w400 { width:400px; }
.w425 { width:425px; }
.w450 { width:450px; }
.w470 { width:470px; }
.mar_b5 { margin:0 0 5px 0; }
.mar_b20 { margin-bottom:20px; }
.pad_lr05 { padding-left:5px; padding-right:5px; }
.pad_t6 { padding-top:6px; }
.text_b { font-weight:bold; }
.text_c { text-align:center; }
.text_r { text-align:right; }
.w50p { width:50%; }
.w45p { width:48%; }
.w33p { width:33%; }
.w310 { width:310px; }
.w100 { width:100px; }
.w150{ width:150px; }
.w250{ width:250px; }
.text01{ color:#6b6258; font-size:117%; font-weight:bold; }

/*---------- 07  Index ---------------*/

#tiny table { border: none;}
#tiny table td { border: none;}

.index01 { margin:0 0 16px 0; }
.alpha { float:left; }
.beta { float:right; }
#content dl.dl01 { width:315px; margin:0 0 0 5px; padding:0; }
#content dl.dl01 dt{ width:80px; margin:0; padding:0; display:inline-block; float:left; font-weight:normal; }
#content dl.dl01 dd{ width:235px; margin:0; padding:0; display:inline-block; float:left; }
.index_bg01 { background:url(../images/index_news_bg.jpg) repeat-y }
.index_bgnews_bottom { background:url(../images/index_news_bottom.jpg) no-repeat 0 bottom; padding:0 0 6px 0; }
.index_news_img01 { float:left; margin:6px 0 0 10px; float:left; display:inline; }
.index_news01 { width:175px; float:right; margin:3px 10px 0 0; display:inline; }
.news_link01 { width:40px; height:20px; background:#80e0d0; color:#fff; text-align:center; margin:0 5px 5px 0; float:left; display:inline; }
.news_link01 a{ width:40px; height:20px; line-height:20px; color:#fff; display:block; }
.news_link01 a:hover{ color:#ddf8f3; }

.news_link02 { width:40px; height:20px; background:#80e0d0; color:#fff; text-align:center; margin:0 0 5px 0; float:right; display:inline; }
.news_link02 a{ width:40px; height:20px; line-height:20px; color:#fff; display:block; }
.news_link02 a:hover{ color:#ddf8f3; }

.news_link03 { width:40px; height:20px; background:#80e0d0; color:#fff; text-align:center; margin:0 5px 0 0; float:left; display:inline; }
.news_link03 a{ width:40px; height:20px; line-height:20px; color:#fff; display:block; }
.news_link03 a:hover{ color:#ddf8f3; }

#index #content h3 { height:42px; margin:0 0 15px 0; }
#index #content h3#title02 { height:42px; margin:0 0 12px 0; background:url(../images/index_h3-01.jpg) no-repeat 0 0; }
#index #content h3#title03 { height:42px; margin:0 0 15px 0; background:url(../images/index_h3-02.jpg) no-repeat 0 0; }

#index .index_test01 {
	background:url(../images/index_test.jpg) 0 0 no-repeat;
	width:210px;
	height:190px;
	cursor:pointer;
	color:#666;
	margin:0 10px 0 0;
	padding:0;
	display:inline;
	float:left;
}
#index .index_test01 a { text-decoration:none;color:#666;}	
#index .index_test02{
	background:url(../images/index_test.jpg) -210px 0 no-repeat;
	width:210px;
	height:190px;
	cursor:pointer;
	color:#30b082;
	margin:0 10px 0 0;
	padding:0;
	display:inline;
	float:left;
}
#index .index_test02 a { text-decoration:none; color:#30b082;}
.index_text01 { margin:0; padding:0; }
.index_text01 a{ padding:109px 10px 25px 10px; display:inline-block; }

#index .index_perio01 {
	background:url(../images/index_perio.jpg) 0 0 no-repeat;
	width:210px;
	height:190px;
	cursor:pointer;
	color:#666;
	margin:0 10px 0 0;
	padding:0;
	display:inline;
	float:left;
}
#index .index_perio01 a { text-decoration:none;color:#666;}	
#index .index_perio02{
	background:url(../images/index_perio.jpg) -210px 0 no-repeat;
	width:210px;
	height:190px;
	cursor:pointer;
	color:#df918d;
	margin:0 10px 0 0; display:inline; padding:0; float:left;
}
#index .index_perio02 a { text-decoration:none; color:#df918d;}

#index .index_program01 {
	background:url(../images/index_program.jpg) 0 0 no-repeat;
	width:210px;
	height:190px;
	cursor:pointer;
	color:#666;
	margin:0;
	padding:0;
	display:inline;
	float:right;
}
#index .index_program01 a { text-decoration:none;color:#666;}	
#index .index_program02{
	background:url(../images/index_program.jpg) -210px 0 no-repeat;
	width:210px;
	height:190px;
	cursor:pointer;
	color:#7e5221; float:right;
	margin:0; display:inline; padding:0;
}
#index .index_program02 a { text-decoration:none; color:#7e5221;}

.index_imgr { margin:0 6px 0 0; float:right; clear:both; text-align:right; padding:5px 0 0 0; display:inline; }
.index_bg02 { background:url(../images/logo_bg.jpg) no-repeat right bottom; padding:0 0 8px 3px; }
.box01 { background:url(../images/box01_bg.jpg) repeat-y; margin:0 0 21px 0; }
.box01_top { background:url(../images/box01_top.jpg) no-repeat 0 0; }
.box01_bottom { background:url(../images/box01_bottom.jpg) no-repeat 0 bottom; padding:10px 21px 17px 16px; }
#content dl.dl02 { width:336px; margin:0; padding:0; }
#content dl.dl02 dt{ width:71px; margin:0; padding:0; display:inline-block; float:left; background:url(../images/icon01.jpg) no-repeat 0 4px; text-indent:13px; color:#5a3d1c; font-weight:bold; }
#content dl.dl02 dd{ width:265px; margin:0; padding:0; display:inline-block; float:left; }
.index_img01 { margin:0; padding:9px 0 7px 2px; clear:both; }
.index_img02 { margin:0; padding:15px 0 0 0; }



/*---------- 08  Office --------------*/
.main_img_bg { width:660px; height:160px; margin:0 0 24px 0; background:url(../images/main_img_bg.jpg) no-repeat 0 0; }
.main_img { padding:19px 0 0 10px; margin:0; }
#office h3#title02 { background:url(../images/office_h3-01.jpg) no-repeat 0 0; }
#office h4#title03 { background:url(../images/office_h4-01.jpg) no-repeat 0 0; }
#office h3#title04 { background:url(../images/office_h3-02.jpg) no-repeat 0 0; }
#office #content #map01 { margin:12px 0 18px 70px; width:498px; height:298px; border:1px solid #dcdcdc; }
* html body #office #content #map01 { width:500px; height:300px; } /*  for IE6 only */
.icon01 { margin:0; padding:0 0 0 13px; background:url(../images/icon01.jpg) no-repeat 0 4px; line-height:1.4; font-weight:bold; }
#disp { margin:6px 0 20px 50px; text-align:left; padding:3px 0 0 0; }
.hidden { display:none; }
.off_l { float:left; width:150px; margin:0 15px 0 0; display:inline; }
.off_r { float:right; width:150px; margin:0; display:inline; }
.office01, .office02, .office04, .office05 { width:150px; height:113px; margin:0; }
.office01 a { width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/office01_t.jpg) no-repeat 0 0; }
.office01 a:hover { background:url(../images/office01_t.jpg) no-repeat 0 -113px; }
.office02 a { width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/office02_t.jpg) no-repeat 0 0; }
.office02 a:hover { background:url(../images/office02_t.jpg) no-repeat 0 -113px; }
.office03, .office06 { width:150px; height:113px; margin:0; }
.office03 a { width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/office03_t.jpg) no-repeat 0 0; }
.office03 a:hover { background:url(../images/office03_t.jpg) no-repeat 0 -113px; }


.office04 a { width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/office04_t.jpg) no-repeat 0 0; }
.office04 a:hover { background:url(../images/office04_t.jpg) no-repeat 0 -113px; }

.office05 a { width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/office05_t.jpg) no-repeat 0 0; }
.office05 a:hover { background:url(../images/office05_t.jpg) no-repeat 0 -113px; }
.office06 a { width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/office06_t.jpg) no-repeat 0 0; }
.office06 a:hover { background:url(../images/office06_t.jpg) no-repeat 0 -113px; }

.mar_lr85 { margin:0 85px; }

/*---------- 09  Info1 ----------------*/
#info1 h3#title02 { background:url(../images/info1_h3-01.jpg) no-repeat 0 0; }
#info1 h4#title03 { background:url(../images/info1_h4-01.jpg) no-repeat 0 0; }
#info1 h4#title04 { background:url(../images/info1_h4-02.jpg) no-repeat 0 0; }
#info1 h3#title05 { background:url(../images/info1_h3-02.jpg) no-repeat 0 0; }
#content dl.dl03 { width:425px; margin:0; padding:0; }
#content dl.dl03 dt{ width:80px; margin:0; padding:0; display:inline-block; float:left; font-weight:normal; }
#content dl.dl03 dd{ width:345px; margin:0; padding:0; display:inline-block; float:left; }

/*---------- 10  Policy --------------*/
#policy h3#title02 { background:url(../images/policy_h3-01.jpg) no-repeat 0 0; }
#policy h4#title03 { background:url(../images/policy_h4-01.jpg) no-repeat 0 0; }
#policy h4#title04 { background:url(../images/policy_h4-02.jpg) no-repeat 0 0; }
#policy h4#title05 { background:url(../images/policy_h4-03.jpg) no-repeat 0 0; }
#policy h4#title06 { background:url(../images/policy_h4-04.jpg) no-repeat 0 0; }
.program_link { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.program_link a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/program_link.jpg) no-repeat 0 0; }
.program_link a:hover{ background:url(../images/program_link.jpg) no-repeat 0 -100px; }

.test_link { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.test_link a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/test_link.jpg) no-repeat 0 0; }
.test_link a:hover{ background:url(../images/test_link.jpg) no-repeat 0 -100px; }

/*---------- 11  prevent --------------*/
#prevent h3#title02 { background:url(../images/prevent_h3-01.jpg) no-repeat 0 0; }
#prevent h4#title03 { background:url(../images/prevent_h4-01.jpg) no-repeat 0 0; }
#prevent h4#title04 { background:url(../images/prevent_h4-02.jpg) no-repeat 0 0; }
.program_link02 { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.program_link02 a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/program_link02.jpg) no-repeat 0 0; }
.program_link02 a:hover{ background:url(../images/program_link02.jpg) no-repeat 0 -100px; }

/*---------- 12  Test ----------------*/
#test h3#title02 { background:url(../images/test_h3-01.jpg) no-repeat 0 0; }
#test h4#title03 { background:url(../images/test_h4-01.jpg) no-repeat 0 0; }
#test h4#title04 { background:url(../images/test_h4-02.jpg) no-repeat 0 0; }
.perio_link { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.perio_link a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/perio_link.jpg) no-repeat 0 0; }
.perio_link a:hover{ background:url(../images/perio_link.jpg) no-repeat 0 -100px; }

#test dl.box {
	width:470px;
	margin:10px 0;
	padding:0;
	float:right;
	background:#EAFBFF;
	}
#test dl.box dt {
	margin:0;
	padding:5px;
	}
#test dl.box dd {
	margin:0;
	padding:5px;
	}
#test dl.box dd.case{
	width:240px;
	float:left;
	}

/*---------- 13  Perio ---------------*/
#perio h3#title02 { background:url(../images/perio_h3-01.jpg) no-repeat 0 0; }
#perio h4#title03 { background:url(../images/perio_h4-01.jpg) no-repeat 0 0; }

/*---------- 14  Program -------------*/
#program h3#title02 { background:url(../images/program_h3-01.jpg) no-repeat 0 0; }
#program h4#title03 { background:url(../images/program_h4-01.jpg) no-repeat 0 0; }
#program h4#title04 { background:url(../images/program_h4-02.jpg) no-repeat 0 0; }
#program h4#title05 { background:url(../images/program_h4-03.jpg) no-repeat 0 0; }
.bg01{ background:#daf5f1; }
.bg02{ background:#fbe7e5; }
#content ul.ul01{ margin:0; padding:0; list-style:none; }
#content ul.ul01 li { background:url(../images/icon02.jpg) 0 4px no-repeat; padding-left:12px; }
.height01 { height:84px; }
*:first-child+html .height01 { height:72px; } /*  for IE7 only */
*html body .height01 { height:83px; } /*  for IE6 only */
.esthe_link { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.esthe_link a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/esthe_link.jpg) no-repeat 0 0; }
.esthe_link a:hover{ background:url(../images/esthe_link.jpg) no-repeat 0 -100px; }
.bg_br01{ background: #fff url(../images/bg01.jpg) right bottom no-repeat; border:1px solid #dcdcdc; padding:5px 10px; }
.program_link03 { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.program_link03 a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/program_link03.jpg) no-repeat 0 0; }
.program_link03 a:hover{ background:url(../images/program_link03.jpg) no-repeat 0 -100px; }

/*---------- 15  Treatment -----------*/
#treatment h3#title02 { background:url(../images/treatment_h3-01.jpg) no-repeat 0 0; }
#treatment h4#title03 { background:url(../images/treatment_h4-01.jpg) no-repeat 0 0; }
#treatment h4 a { display:block; height:30px; }
#treatment h4#title03 a:hover { background:url(../images/treatment_h4-01.jpg) no-repeat 0 -30px; }
#treatment h4#title04 { background:url(../images/treatment_h4-02.jpg) no-repeat 0 0; }
#treatment h4#title04 a:hover { background:url(../images/treatment_h4-02.jpg) no-repeat 0 -30px; }
#treatment h4#title05 { background:url(../images/treatment_h4-03.jpg) no-repeat 0 0; }
#treatment h4#title05 a:hover { background:url(../images/treatment_h4-03.jpg) no-repeat 0 -30px; }
#treatment h4#title06 { background:url(../images/treatment_h4-04.jpg) no-repeat 0 0; }
#treatment h4#title06 a:hover { background:url(../images/treatment_h4-04.jpg) no-repeat 0 -30px; }
#treatment h4#title07 { background:url(../images/treatment_h4-05.jpg) no-repeat 0 0; }
/*---------- 16  General -------------*/
#general h3#title02 { background:url(../images/general_h3-01.jpg) no-repeat 0 0; }
#general h4#title03 { background:url(../images/general_h4-01.jpg) no-repeat 0 0; }
#general h4#title04 { background:url(../images/general_h4-02.jpg) no-repeat 0 0; }
#general h3#title05 { background:url(../images/general_h3-02.jpg) no-repeat 0 0; }
#general h4#title06 { background:url(../images/general_h4-03.jpg) no-repeat 0 0; }
#general h4#title07 { background:url(../images/general_h4-04.jpg) no-repeat 0 0; }

.perio_link { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.perio_link a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/perio_link.jpg) no-repeat 0 0; }
.perio_link a:hover{ background:url(../images/perio_link.jpg) no-repeat 0 -100px; }

/*---------- 17  Esthe ---------------*/
#esthe h3#title02 { background:url(../images/esthe_h3-01.jpg) no-repeat 0 0; }
#esthe h4#title03 { background:url(../images/esthe_h4-01.jpg) no-repeat 0 0; }
#esthe h4#title04 { background:url(../images/esthe_h4-02.jpg) no-repeat 0 0; }
.cost_link02 { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.cost_link02 a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/cost_link02.jpg) no-repeat 0 0; }
.cost_link02 a:hover{ background:url(../images/cost_link02.jpg) no-repeat 0 -100px; }

/*---------- 18  Implant -------------*/
#implant h3#title02 { background:url(../images/implant_h3-01.jpg) no-repeat 0 0; }
#implant h4#title03 { background:url(../images/implant_h4-01.jpg) no-repeat 0 0; }
#implant h4#title04 { background:url(../images/implant_h4-02.jpg) no-repeat 0 0; }
#implant h4#title05 { background:url(../images/implant_h4-03.jpg) no-repeat 0 0; }
#implant h3#title06 { background:url(../images/implant_h3-02.jpg) no-repeat 0 0; }
#implant h4#title07 { background:url(../images/implant_h4-04.jpg) no-repeat 0 0; }
.cost_link { width:640px; height:100px; margin:0 0 6px 0; clear:both; }
.cost_link a{ width:640px; height:100px; display:block; text-indent:-9999px; background:url(../images/cost_link.jpg) no-repeat 0 0; }
.cost_link a:hover{ background:url(../images/cost_link.jpg) no-repeat 0 -100px; }

/*---------- 19  Ortho ---------------*/
#ortho h3#title02 { background:url(../images/ortho_h3-01.jpg) no-repeat 0 0; }
#ortho h4#title03 { background:url(../images/ortho_h4-01.jpg) no-repeat 0 0; }
#ortho h4#title04 { background:url(../images/ortho_h4-02.jpg) no-repeat 0 0; }
#ortho h4#title05 { background:url(../images/ortho_h4-03.jpg) no-repeat 0 0; }


/*---------- 20  Cost ----------------*/
#cost h3#title02 { background:url(../images/cost_h3-01.jpg) no-repeat 0 0; }
#cost h4#title03 { background:url(../images/cost_h4-01.jpg) no-repeat 0 0; }

/*---------- 21  Recruit -------------*/
#recruit h3#title02 { background:url(../images/recruit_h3-01.jpg) no-repeat 0 0; }
#recruit h4#title03 { background:url(../images/recruit_h4-01.jpg) no-repeat 0 0; }
#recruit h4#title04 { background:url(../images/recruit_h4-02.jpg) no-repeat 0 0; }
#recruit h4#title05 { background:url(../images/recruit_h4-03.jpg) no-repeat 0 0; }
#recruit h4#title06 { background:url(../images/recruit_h4-04.jpg) no-repeat 0 0; }
#recruit h4#title07 { background:url(../images/recruit_h4-05.jpg) no-repeat 0 0; }
#recruit h4#title08 { background:url(../images/recruit_h4-06.jpg) no-repeat 0 0; }

.recruit_bnr { margin:1em 0 6px 0; clear:both; }

/* lightbox group */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow:hidden; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000000; }
/* end of lightbox group */

.sr_brn a{
   display:block;
   width:640px;
   height:100px;
   background:url(../images/banner03.jpg) 0 0 no-repeat;
   outline:none;
   text-indent:-9999px;
   margin:0 0 0 3px;
}

.sr_brn a:hover{
   background-position:0 -100px;
}