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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Staff                       */
/*                 09  Info                        */
/*                 10  Implant                     */
/*                 11  Denture                     */
/*                 12  Perio                       */
/*                 13  Ortho                       */
/*                 14  Prevent                     */
/*                 15  Cleaning                    */
/*                 16  White                       */
/*                 17  Esthe                       */
/*                 18  Guide                       */
/*                 19  FAQ                         */
/*                 20  Member                      */
/*                 21  Contact                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Blue            #2450aa     */
/*        Main Color - Dark Blue       #0a3385     */
/*        Main Color - Light Blue      #007394     */
/*                                                 */
/*        Sub Color  - Grey            #eeeeee     */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      71.4%               */
/*                   11px      78.6%               */
/*                   12px      85.7%               */
/*                   14px     100%                 */
/*                   16px     114.28%              */
/*                                                 */
/*===============フォントサイズ換算-END============*/



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

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



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

body { margin: 0; background: url(../images/body_bgxy.jpg) 0 0 repeat; color:#333; }
#container00 { margin: 0; background: url(../images/body_bgx.jpg) left top repeat-x; }
#index #container01 { margin: 0; background: url(../images/body_bg01.jpg) center top no-repeat; padding-top: 19px; }
#container01 { margin: 0; background: url(../images/body_bg02.jpg) center top no-repeat; padding-top: 19px; }

select, input, textarea { color:#000; }

#wrapper {
	width: 902px;
	margin: 0 auto;
	padding: 0;
	border-bottom:1px solid #666;
	text-align: left;
	background: url(../images/wrapper_bg.jpg) 0 0 repeat-y;	
	}

#main {
	clear: both;
	margin: 0 1px 27px 1px ;
	}

#index #content {
	margin:0;
	padding:0;
	width: 460px;
	float: left;
	position:relative;
	left: 220px;
	background: url(../images/content_bg.jpg) 0 0 repeat-y;
	}

#content {
	margin:0 30px 0 0; display:inline; padding:6px 0 0 0;
	width: 640px;
	float: right;
	}
	
.img { margin:0; padding: 0; line-height: 1%; display: block; }

/*---------- 03  Header -----------*/
	
#index #header {
	margin: 0 0 11px 0 ;
	padding: 0;
	width: 902px;
	height: 493px;
	background: url(../images/index_header_bg.jpg) 0 0 no-repeat;
	}
#header {
	margin: 0 0 11px 0 ;
	padding: 0;
	width: 902px;
	height: 293px;
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	}
		
#header #header01 {
	margin: 0 ;
	padding: 0;
	width: 902px;
	height: 93px;
	position:relative;
	}
#header #header01 p.header_tel {
	margin: 0 ;
	padding: 23px 13px 0 0;
	width: 215px;
	height: 60px;
	float: right;
	line-height: 1%;
	display: block;
	}
#header #header01 p.header_text{
	width:400px;
	display:block;
	position:absolute;
	text-align:right;
	font-size:80%;
	right:15px;
	top:0;
}	
h1 {
	margin: 0 ;
	padding: 17px 0 0 19px;
	width: 355px;
	height: 70px;
	float: left;
	}
h1 a {
	text-indent: -9999px;
	display: block;
	width: 355px;
	height: 70px;
	background: url(../images/header_logo.jpg) 0 0 no-repeat;
	}

#index #header #header02 {
	margin: 0 0 0 0;
	padding: 0;
	width: 902px;
	height: 360px;
	}
	
#header #header02 {
	margin: 0 0 0 0;
	padding: 0;
	width: 902px;
	height: 160px;
	}

#header #header02 p.main_img {
	margin: 0 ;
	padding: 110px 10px 0 0;
	line-height: 1%;
	display: block;
	float: right;
	}
#header #header02 p.main_img01 {
	margin: 0 ;
	padding: 77px 10px 0 0;
	line-height: 1%;
	display: block;
	float: right;
	}
#index #header #header02 p.main_img { padding: 76px 10px 0 0; }
	
#header #header03 {
	margin: 0 ;
	clear:both;
	padding: 0;
	width: 902px;
	height: 40px;
	}

#header #header03 ul#header_nav {
	padding:0;
	margin: 0 20px 0 462px;
	width: 420px;
	height: 40px;
	list-style: none;
	display:inline;
	float:right;
	}
#header #header03 ul#header_nav li {
	padding: 0;
	height: 40px;
	float: left;
	display: inline;
	list-style: none;
	}
#header #header03 ul#header_nav li a {
	padding: 0;
	height: 40px;
	text-indent: -9999px;
	display: block;
	}

#nav01, #nav02 { margin-right: 35px; }	

#index #nav01 a { background: url(../images/index_header_nav.jpg) 0 0 no-repeat; width: 105px; }
#index #nav02 a { background: url(../images/index_header_nav.jpg) -140px 0 no-repeat; width: 145px; }
#index #nav03 a { background: url(../images/index_header_nav.jpg) -320px 0 no-repeat; width: 100px; }

#index #nav01 a:hover { background: url(../images/index_header_nav.jpg) 0 -40px no-repeat; }
#index #nav02 a:hover { background: url(../images/index_header_nav.jpg) -140px -40px no-repeat; }
#index #nav03 a:hover { background: url(../images/index_header_nav.jpg) -320px -40px no-repeat; }

#nav01 a { background: url(../images/header_nav.jpg) 0 0 no-repeat; width: 105px; }
#nav02 a { background: url(../images/header_nav.jpg) -140px 0 no-repeat; width: 145px; }
#nav03 a { background: url(../images/header_nav.jpg) -320px 0 no-repeat; width: 100px; }

#nav01 a:hover { background: url(../images/header_nav.jpg) 0 -40px no-repeat; }
#nav02 a:hover { background: url(../images/header_nav.jpg) -140px -40px no-repeat; }
#nav03 a:hover { background: url(../images/header_nav.jpg) -320px -40px no-repeat; }

.pad01 { padding: 7px 0 12px 10px; }
.pad02 { padding: 0 0 5px 2px; }
.pad03 { padding: 26px 0 10px 0; }

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

#nav {
	margin: 0;
	padding: 0 0 20px 0;
	width: 220px;
	float: left;
	}
#index #nav {
	position:relative;
	right: 460px;
	}

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

#nav .internal li {
	width: 190x;
	list-style: none;
	text-indent: -9999px;
	}

#nav .internal li a {
	width: 190px;
	display: block;
	}

#nav {
	margin: 0;
	padding: 0 0 20px 0;
	width: 220px;
	float: left;
	}

#nav ul {
	margin: 0 5px 6px 5px;
	padding: 10px ;
	background: url(../images/nav_bg.jpg) 0 0 no-repeat;
	list-style: none;
	}
	
#index #nav ul {
	margin: 0 5px 6px 5px;
	padding: 10px ;
	background: url(../images/nav_index_bg.jpg) 0 0 no-repeat;
	list-style: none;
	}



#nav .internal li {
	width: 190x;
	list-style: none;
	text-indent: -9999px;
	}

#nav .internal li a {
	width: 190px;
	display: block;
	}

#nav06 { margin-bottom: 20px; }
#nav16 { margin-bottom: 20px; }

#nav04 { background: url(../images/nav.jpg) 0 0 no-repeat; height: 30px;}
#nav05 a { background: url(../images/nav.jpg) 0 -30px no-repeat; height: 40px; }
#nav06 a { background: url(../images/nav.jpg) 0 -70px no-repeat; height: 40px; }  
#nav07 { background: url(../images/nav.jpg) 0 -130px no-repeat; height: 30px; }  
#nav08 a { background: url(../images/nav.jpg) 0 -160px no-repeat; height: 40px; }  
#nav09 a { background: url(../images/nav.jpg) 0 -200px no-repeat; height: 40px; }  
#nav10 a { background: url(../images/nav.jpg) 0 -240px no-repeat; height: 40px; }  
#nav11 a { background: url(../images/nav.jpg) 0 -280px no-repeat; height: 40px; }  
#nav12 a { background: url(../images/nav.jpg) 0 -320px no-repeat; height: 40px; }  
#nav13 a { background: url(../images/nav.jpg) 0 -360px no-repeat; height: 40px; }  
#nav14 a { background: url(../images/nav.jpg) 0 -400px no-repeat; height: 40px; }  
#nav15 a { background: url(../images/nav.jpg) 0 -440px no-repeat; height: 40px; }  
#nav16 a { background: url(../images/nav.jpg) 0 -480px no-repeat; height: 40px; }  
#nav17 a { background: url(../images/nav.jpg) 0 -540px no-repeat; height: 50px; }  

#nav05 a:hover { background: url(../images/nav.jpg) -190px -30px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -190px -70px no-repeat; }  
#nav08 a:hover { background: url(../images/nav.jpg) -190px -160px no-repeat;}  
#nav09 a:hover { background: url(../images/nav.jpg) -190px -200px no-repeat; }  
#nav10 a:hover { background: url(../images/nav.jpg) -190px -240px no-repeat; }  
#nav11 a:hover { background: url(../images/nav.jpg) -190px -280px no-repeat; }  
#nav12 a:hover { background: url(../images/nav.jpg) -190px -320px no-repeat; }  
#nav13 a:hover { background: url(../images/nav.jpg) -190px -360px no-repeat; }  
#nav14 a:hover { background: url(../images/nav.jpg) -190px -400px no-repeat; }  
#nav15 a:hover { background: url(../images/nav.jpg) -190px -440px no-repeat; } 
#nav16 a:hover { background: url(../images/nav.jpg) -190px -480px no-repeat; }  
#nav17 a:hover { background: url(../images/nav.jpg) -190px -540px no-repeat; }  

#nav p { text-align: center; }
#nav p { text-align: center; }

.nav_contact {
	margin: 0 10px 10px 10px ;
	width: 200px;
	height: 90px;
	}
.nav_contact a {
	margin: 0;
	width: 200px;
	height: 90px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/nav01.jpg) 0 0 no-repeat;
	}
.nav_contact a:hover {
	background: url(../images/nav01.jpg) 0 -90px no-repeat;
	}

.nav_shika {
	margin: 0 10px 15px 10px ;
	width: 200px;
	height: 80px;
	}
.nav_shika a {
	margin: 0;
	width: 200px;
	height: 80px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/nav02.jpg) 0 0 no-repeat;
	}
.nav_shika a:hover {
	background: url(../images/nav02.jpg) 0 -80px no-repeat;
	}

.nav_member {
	margin: 0 10px 10px 10px ;
	width: 200px;
	height: 60px;
	}
.nav_member a {
	margin: 0;
	width: 200px;
	height: 60px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/nav03.jpg) 0 0 no-repeat;
	}
.nav_member a:hover {
	background: url(../images/nav03.jpg) 0 -60px no-repeat;
	}
.nav_blog a {
	margin: 0 10px 10px 10px ;
	width: 200px;
	height: 60px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/nav_blog.jpg) 0 0 no-repeat;
	}
.nav_blog a:hover{
	background-position:0 100%;
}

.nav_r { float:right; position:relative; margin:0 5px 0 0; width:210px; display:inline; }
.box01 { width:210px; margin:0 0 12px 0; background:url(../images/index_box_bg.jpg) repeat-y 0 0; }
.box01_top { background:url(../images/index_box_top.jpg) no-repeat 0 0; }
.box01_bottom { background:url(../images/index_box_bottom.jpg) no-repeat 0 bottom; padding:9px 10px 15px 10px; }
.line01 { background:url(../images/line01.jpg) repeat-x 0 bottom; padding:9px 4px 10px 7px; }
.nav_r01 { padding:9px 4px 4px 7px; }
.icon01 { background:url(../images/icon01.jpg) no-repeat 0 6px; padding-left:14px; margin:0; line-height:142.85%; }
ul.ul01 { margin:0; padding:0; list-style:none; }
ul.ul01 li { margin:0; padding:0; list-style:none; background:url(../images/icon02.jpg) no-repeat 0 6px; padding-left:12px; margin:0; line-height:142.85%; margin-left:14px; }
.nav_r_img01 { margin:0; padding:0; }
.pad_b10 { padding-bottom:10px; }
.nav_r_img01 img{ display:block;}
.nav_r_img02 { margin:0; padding:0; float:right; }
.nav_r_img02 img{ display:block;}
.index_faq { width:200px; margin:0 5px 10px 5px; height:145px; }
.index_faq a{ height:145px; display:block; text-indent:-9999px; background:url(../images/index_faq.jpg) no-repeat 0 0; }
.index_faq a:hover{ background:url(../images/index_faq.jpg) no-repeat 0 -145px; }
.nav_faq { width:200px; margin:0 9px 10px 11px; height:145px; }
.nav_faq a{ height:145px; display:block; text-indent:-9999px; background:url(../images/nav_faq.jpg) no-repeat 0 0; }
.nav_faq a:hover{ background:url(../images/nav_faq.jpg) no-repeat 0 -145px; }
/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	padding: 0 ;
	margin:0 auto;
	height:89px;
	text-align:center;

	}
/*:first-child+html #footer { font-size: 12px; } /*  for IE7 only */
/* html body #footer { font-size: 12px; } /*  for IE6 only */
#footer01 { width:888px; margin:0 auto; text-align:left; }
#footer .tel { margin:11px 0 0 0; padding:0; float:left; }
#footer .tel img{ display:block; line-height:1.0; }
#footer a {
	text-decoration: none;
	color: #666;
	}
#footer a:hover { text-decoration: underline; }

#footer address {
	margin:26px 4px 0 0;
	padding: 0 ;
	height: 18px;
	float:right;
	display:inline;
}
#footer address img {
	line-height: 1%;
	display: block;
	}
		
/*---------- 06  Contents -----------*/

.section { padding:.5em 10px 1em 10px; }
.section .section { padding:.5em 10px 1em 10px; }
.section .section .section { padding: 0 10px ; }
.center { text-align: center; }

#content h2 {
	margin:0 0 10px 0;
	padding:0;
	height: 30px;
	text-indent: -9999px;
	}
#content h3 {
	clear: both;
	margin: 0 -10px 7px -10px;
	height:52px;
	text-indent: -9999px;
	}
#content h4 {
	clear:both;
	margin: 0 0 10px -10px;
	height:27px;
	text-indent: -9999px;
	}

#content h5 {
	margin: 0 0 10px -10px;
	padding: 0 0 0 18px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	color:#f5a360;
	background: url(../images/icon01.jpg) 0 6px no-repeat;
	}
	
#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#content ul li {
	list-style: none;
	background: url(../images/icon03.jpg) 0 5px 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: #3d64a1;
	outline: none;
	}
a:hover { color: #2cc7ec; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}
.img_center { margin:0 auto; text-align:center; }
.img_center img { margin:0 auto; text-align:center; }	
.image_l {
	margin: 0 15px 0 0;
	float: left;
	line-height: 1%;
	display: block;
	}
.image_l_b  {
	float:left;
	margin: 5px 15px 7px 0px;
	display:inline;
	padding:0;
}
*:first-child+html .image_l_b { margin: 5px 15px 7px 0px; } /*  for IE7 only */
*html body .image_l_b { margin:5px 12px 7px 0px; } /*  for IE6 only */

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

.image_l_b02  {
	float:left;
	margin: 5px 15px 7px -5px;
	display:inline;
	padding:0 5px; background:#f7f6f4;
}
*:first-child+html .image_l_b02 { margin: 5px 15px 7px -5px; } /*  for IE7 only */
*html body .image_l_b02 { margin:5px 12px 7px -5px; } /*  for IE6 only */
.image_l_b02  img{ border:2px solid #fff; }
.image_r {
	margin: 0 0 0 15px ;
	float: right;
	line-height: 1%;
	display: block;
	}
.image_r_b  {
	float: right;
	margin:5px 0px 7px 15px;
	display:inline;
	padding:0;
}
*:first-child+html .image_r_b { margin: 5px 0px 0px 15px; } /*  for IE7 only */
*html body .image_r_b { margin:5px 0px 0px 12px; } /*  for IE6 only */

.image_r_b2  {
	float: right;
	margin:5px 0px 0 15px;
	display:inline;
	padding:0;
}
*:first-child+html .image_r_b2{ margin: 5px 0px 0px 15px; } /*  for IE7 only */
*html body .image_r_b2 { margin:5px 0px 0px 12px; } /*  for IE6 only */

.case {
	margin: 0 ;
	background: url(../images/arrow_h.jpg) center 61px no-repeat;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) 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 5px 0 0;
	padding: 0;
	height:50px;
	list-style: none;
	}

#content ul.totop li {
	margin: 0;
	padding: 0;	
	width:144px;
	height: 32px;
	list-style: none;
	float: right;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	}
#content ul.totop li a {
	display: block;
	height: 32px;
	font-size: 1%;
	line-height: 1%;
	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 {
	margin: 0 ;
	border-collapse: collapse;
	border: 1px solid #e2e2e2;
	font-size: 100%;
	line-height: 1.75em;
	width: 100%;
	}
#content table th,
#content table td {
	padding: 5px 10px;
	border: 1px solid #e2e2e2;
	}
#content table td.bg01 { background: #eff8fa; }
#content table td.bg02 { background:#f6f4f4; }

#content table td.top { vertical-align: top; }
#content table td.bottom { vertical-align: bottom; }
#content table td.right { text-align: right; }

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}
		
/*---------- 07  Index -----------*/
#index h2{text-indent:0; margin:0 0 0 10px;}
#index #title01{text-indent:0; margin:0 0 10px 10px;}

#index h2#title01 { margin: 6px 0 8px 11px; background: url(../images/index_h2.jpg) 0 0 no-repeat; width: 265px; }
#index h3#title02 { background:url(../images/index_h3-01.jpg) no-repeat 0 0;  }
#index h3#title03 { background:url(../images/index_h3-02.jpg) no-repeat 0 0;  }

.index01 { margin: 0 4px 10px 14px; }
.denture_ban {
	margin: 0 ;
	width: 210px;
	height:110px;
	float: left;
	}
.denture_ban a {
	margin: 0;
	height: 90px;
	text-indent: -9999px;
	display: block;
	background: url(../images/index_img01.jpg) 0 0 no-repeat;
	}
.denture_ban a:hover {
	background: url(../images/index_img01.jpg) 0 -90px no-repeat;
	}
	
.implant_ban {
	margin: 0 ;
	width: 210px;
	height:110px;
	float: right;
	}
.implant_ban a {
	margin: 0;
	height: 90px;
	text-indent: -9999px;
	display: block;
	background: url(../images/index_img02.jpg) 0 0 no-repeat;
	}
.implant_ban a:hover {
	background: url(../images/index_img02.jpg) 0 -90px no-repeat;
	}

p.esthe_ban {
	margin:0; padding:0;
	width: 210px;
	height:110px;
	float: left;
	}
p.esthe_ban a {
	height: 90px;
	text-indent: -9999px;
	display: block;
	background: url(../images/index_img03.jpg) 0 0 no-repeat;
	}
p.esthe_ban a:hover {
	background: url(../images/index_img03.jpg) 0 -90px no-repeat;
	}
	
p.white_ban {
	margin:0; padding:0;
	width: 210px;
	height:110px;
	float: right;
	}
p.white_ban a {
	height: 90px;
	text-indent: -9999px;
	display: block;
	background: url(../images/index_img04.jpg) 0 0 no-repeat;
	}
p.white_ban a:hover {
	background: url(../images/index_img04.jpg) 0 -90px no-repeat;
	}

.ortho_ban {
	margin: 0 ;
	width: 210px;
	height: 90px;
	float: left;
	}
.ortho_ban a {
	height: 90px;
	text-indent: -9999px;
	display: block;
	background: url(../images/index_img05.jpg) 0 0 no-repeat;
	}
.ortho_ban a:hover {
	background: url(../images/index_img05.jpg) 0 -90px no-repeat;
	}
	
.perio_ban {
	margin: 0 ;
	width: 210px;
	height: 90px;
	float: right;
	}
.perio_ban a {
	margin: 0;
	width: 210px;
	height: 90px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/index_img06.jpg) 0 0 no-repeat;
	}
.perio_ban a:hover {
	background: url(../images/index_img06.jpg) 0 -90px no-repeat;
	}
p.index_info {
	margin:0; padding:0;
	width: 102px;
	height:22px;
	float: right;
	}
p.index_info a {
	height: 22px;
	text-indent: -9999px;
	display: block;
	background: url(../images/index_info.jpg) 0 0 no-repeat;
	}
p.index_info a:hover {
	background: url(../images/index_info.jpg) 0 -22px no-repeat;
	}


.index_img01 { margin:26px 0px 4px 15px; clear:both; }
#content p img{ display:block; line-height:1.0; }
.index02 { margin:0 10px; padding:15px 10px 15px 10px; }

/*---------- 08  Staff --------------*/
#staff h2#title01 { background:url(../images/staff_h2.jpg) no-repeat 0 0; }
#staff h3#title02 { background:url(../images/staff_h3-01.jpg) no-repeat 0 0; }
#staff h4#title03 { background:url(../images/staff_h4-01.jpg) no-repeat 0 0; }
#staff h4#title04 { background:url(../images/staff_h4-02.jpg) no-repeat 0 0; }
#content .alpha { float:left; }
#content .beta { float:right; }
#content dl.dl01 { width:385px; margin:0; padding:0; display:block; }
#content dl.dl01 dt { width:65px; margin:0; padding:0; display:block; float:left; }
#content dl.dl01 dd { width:320px; margin:0; padding:0; display:block; float:left; }
#content dl.dl01 dd.dd01 { width:260px; margin:0 0 0 125px; padding:0; display:inline; float:left; }
#content dl.dl01 dd.dd02 { width:320px; margin:0 0 0 65px; padding:0; display:inline; float:left; }
.paper { background:url(../images/paper_bg.jpg) repeat-y 0 0; }
.paper_top { background:url(../images/paper_top.jpg) no-repeat 0 0; }
.paper_bottom { background:url(../images/paper_bottom.jpg) no-repeat 0 bottom; padding:28px 62px 50px 50px; font-size:14px; line-height:28px; }
p.p01 { margin:28px 0; }
p.p02 { margin:28px 0 0 0; }
.contact_link { width:620px; margin:0 10px; height:100px; clear:both; }
.contact_link a{ height:100px; display:block; text-indent:-9999px; background:url(../images/contact_link.jpg) no-repeat 0 0; }
.contact_link a:hover{ background:url(../images/contact_link.jpg) no-repeat 0 -100px; }

/*---------- 09  Info ---------------*/
#info h2#title01 { background:url(../images/info_h2.jpg) no-repeat 0 0; }
#info h3#title02 { background:url(../images/info_h3-01.jpg) no-repeat 0 0; }
#info h4#title03 { background:url(../images/info_h4-01.jpg) no-repeat 0 0; }
#info h4#title04 { background:url(../images/info_h4-02.jpg) no-repeat 0 0; }
#map {
	margin: 7px 0 7px 0;
	width:455px;
	height: 280px;
	border:1px solid #e2e2e2;
}
#content .info_map{ width:419px; margin:7px 60px 7px 61px; height:646px; background:url(../images/info_img01.jpg) no-repeat 0 0;  }
.info_m01 { width:125px; height:40px; padding:34px 0 0 15px; margin:0; }
.info_m02 { width:114px; height:40px; padding:66px 0 0 26px; margin:0; float:left; }
.info_m03 { width:106px; height:40px; padding:59px 20px 0 0; margin:0; float:right; }
.info_m04 { width:114px; height:40px; padding:79px 0 0 26px; margin:0; float:left; }
*html body .info_m04 { padding:72px 0 0 26px; }
.info_m05 { width:106px; height:40px; padding:114px 0px 0 153px; margin:0; float:left; }
*html body .info_m05 { padding:106px 0px 0 153px; }
.info_m06 { width:114px; height:40px; padding:58px 0px 0 26px; margin:0; float:left; }
/*html body .info_m06 { padding:106px 0px 0 153px; }*/
.info_m07 { width:74px; height:40px; padding:70px 0px 0 33px; margin:0; float:left; }
.info_m08 { width:69px; height:36px; padding:89px 0px 0 66px; margin:0; float:left; }
.info_m09 { width:37px; height:28px; padding:35px 0px 0 194px; margin:0; float:left; }
.info_m10 { width:51px; height:33px; padding:37px 0px 0 136px; margin:0; float:left; }
.info_m11 { width:87px; height:40px; padding:0px 0px 0 72px; margin:0; float:left; }
.info_m12 { width:69px; height:36px; padding:55px 0px 0 140px; margin:0; float:left; }

/*---------- 10  Implant ------------*/
#implant h2#title01 { background:url(../images/implant_h2.jpg) no-repeat 0 0; }
#implant h3#title02 { background:url(../images/implant_h3-01.jpg) no-repeat 0 0; }
#implant h3#title03 { background:url(../images/implant_h3-02.jpg) no-repeat 0 0; }
#implant h4#title04 { background:url(../images/implant_h4-01.jpg) no-repeat 0 0; }
#implant h3#title05 { background:url(../images/implant_h3-03.jpg) no-repeat 0 0; }
#content ul.ul02 { margin:0; padding:0; list-style:none; }
#content ul.ul02 li{ margin:0; padding:0 0 0 15px; list-style:none; background:url(../images/icon03.jpg) no-repeat 0 7px; }
#content ul.ul03 { margin:0; padding:0; list-style:none; }
#content ul.ul03 li{ margin:0; padding:0 0 0 15px; list-style:none; background:url(../images/icon04.jpg) no-repeat 0 7px; }
#content .alpha01 {
	width:120px;
	padding:0;
	margin:0;
	float:left;
	}
#content .alpha02 {
	width:45px;
	padding:0;
	margin:0;
	float:left;
	}

#content .beta01 {
	width:450px;
	margin:20px 0 0 0;
	padding:0;
	float:right;
	border:1px solid #d2d6d7;
	display:inline;
	}
#content .beta02 {
	width:450px;
	margin:20px 0 0 0;
	padding:0;
	float:right;
	display:inline;
	}
#content .beta03 {
	width:405px;
	padding:0;
	margin:0;
	float:right;
	}

/*---------- 11  Denture ------------*/

#denture h2#title01 { background:url(../images/denture_h2.jpg) no-repeat 0 0; }
#denture h3#title02 { background:url(../images/denture_h3-01.jpg) no-repeat 0 0; }
#denture h4#title03 { background:url(../images/denture_h4-01.jpg) no-repeat 0 0; }
#denture h3#title04 { background:url(../images/denture_h3-02.jpg) no-repeat 0 0; }
#content ul.ul04 { margin:0; padding:0; list-style:none; }
#content ul.ul04 li{ margin:0; padding:0 0 0 15px; list-style:none; background:url(../images/icon05.jpg) no-repeat 0 6px; }

/*---------- 12  Perio --------------*/
#perio h2#title01 { background:url(../images/perio_h2.jpg) no-repeat 0 0; }
#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; }
#perio h4#title04 { background:url(../images/perio_h4-02.jpg) no-repeat 0 0; }
#perio h4#title05 { background:url(../images/perio_h4-03.jpg) no-repeat 0 0; }
#perio h3#title06 { background:url(../images/perio_h3-02.jpg) no-repeat 0 0; }
#perio h4#title07 { background:url(../images/perio_h4-04.jpg) no-repeat 0 0; }
#perio h4#title08 { background:url(../images/perio_h4-05.jpg) no-repeat 0 0; }
#perio h3#title09 { background:url(../images/perio_h3-03.jpg) no-repeat 0 0; }

/*---------- 13  Ortho --------------*/

#ortho h2#title01 { background:url(../images/ortho_h2.jpg) no-repeat 0 0; }
#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; }
#ortho h4#title06 { background:url(../images/ortho_h4-04.jpg) no-repeat 0 0; }

.ortho_bg { margin: 0 300px 0 100px; background: #eff8fa; padding: 5px 15px; border: 1px dashed #397de5; }
.icon02 { background: url(../images/icon06.jpg) 0 7px no-repeat; margin: 0; padding-left: 20px; }

/*---------- 14  Prevent ------------*/

#prevent h2#title01 { background:url(../images/prevent_h2.jpg) no-repeat 0 0; }
#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 h3#title04 { background:url(../images/prevent_h3-02.jpg) no-repeat 0 0; }
#prevent h4#title05 { background:url(../images/prevent_h4-02.jpg) no-repeat 0 0; }
#prevent h4#title06 { background:url(../images/prevent_h4-03.jpg) no-repeat 0 0; }
#prevent h4#title07 { background:url(../images/prevent_h4-04.jpg) no-repeat 0 0; }
#prevent h4#title08 { background:url(../images/prevent_h4-05.jpg) no-repeat 0 0; }

.link02 a { background: url(../images/icon08.jpg) 0 2px no-repeat; padding-left: 20px; } 
.link02 a:hover { background: url(../images/icon08_over.jpg) 0 2px no-repeat; } 

/*---------- 15  Cleaning -----------*/
#cleaning h2#title01 { background:url(../images/cleaning_h2.jpg) no-repeat 0 0; }
#cleaning h3#title02 { background:url(../images/cleaning_h3-01.jpg) no-repeat 0 0; }
#cleaning h4#title03 { background:url(../images/cleaning_h4-01.jpg) no-repeat 0 0; }
#cleaning h4#title04 { background:url(../images/cleaning_h4-02.jpg) no-repeat 0 0; }
#cleaning h4#title05 { background:url(../images/cleaning_h4-03.jpg) no-repeat 0 0; }
#cleaning h3#title06 { background:url(../images/cleaning_h3-02.jpg) no-repeat 0 0; }
#cleaning h3#title07 { background:url(../images/cleaning_h3-03.jpg) no-repeat 0 0; }
#cleaning h3#title08 { background:url(../images/cleaning_h3-04.jpg) no-repeat 0 0; }
#cleaning h4#title09 { background:url(../images/cleaning_h4-04.jpg) no-repeat 0 0; }
#cleaning h4#title10 { background:url(../images/cleaning_h4-05.jpg) no-repeat 0 0; }

.bor_t { background: url(../images/bor_t.jpg) 0 0 no-repeat; }
.bor_y { background: url(../images/bor_y.jpg) 0 0 repeat-y; }
.bor_b { background: url(../images/bor_b.jpg) left bottom no-repeat; padding: 10px 20px; }
.bor_b_faq { background: url(../images/bor_b_faq.jpg) left bottom no-repeat; padding: 10px 15px; }

.alpha01 {
	width:120px;
	padding:0;
	margin:0;
	float:left;
	}
.beta01 {
	width:440px;
	margin:20px 0 0 0;
	padding:0;
	float:right;
	border:1px solid #d2d6d7;
	display:inline;
	}
.beta04 {
	width:440px;
	margin:0 0 0 0;
	padding:0;
	float:right;
	border:1px solid #d2d6d7;
	display:inline;
	}

.cleaning01 { padding:3px 15px; }

.icon { background: url(../images/icon05.jpg) 0 2px no-repeat; margin: 0;  padding-left: 20px; text-align: center; }

/*---------- 16  White --------------*/

#white h2#title01 { background:url(../images/white_h2.jpg) no-repeat 0 0; }
#white h3#title02 { background:url(../images/white_h3-01.jpg) no-repeat 0 0; }
#white h4#title03 { background:url(../images/white_h4-01.jpg) no-repeat 0 0; }
#white h4#title04 { background:url(../images/white_h4-02.jpg) no-repeat 0 0; }
#white h3#title05 { background:url(../images/white_h3-02.jpg) no-repeat 0 0; }

/*---------- 17  Esthe --------------*/

#esthe h2#title01 { background:url(../images/esthe_h2.jpg) no-repeat 0 0; }
#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; }

/*---------- 18  Guide --------------*/

#guide h2#title01 { background:url(../images/guide_h2.jpg) no-repeat 0 0; }
#guide h3#title02 { background:url(../images/guide_h3-01.jpg) no-repeat 0 0; }
#guide h4#title03 { background:url(../images/guide_h4-01.jpg) no-repeat 0 0; }
#guide h4#title04 { background:url(../images/guide_h4-02.jpg) no-repeat 0 0; }
#guide h4#title05 { background:url(../images/guide_h4-03.jpg) no-repeat 0 0; }
#guide h4#title06 { background:url(../images/guide_h4-04.jpg) no-repeat 0 0; }
#guide h4#title07 { background:url(../images/guide_h4-05.jpg) no-repeat 0 0; }
#guide h4#title08 { background:url(../images/guide_h4-06.jpg) no-repeat 0 0; }
#guide h4#title09 { background:url(../images/guide_h4-07.jpg) no-repeat 0 0; }
#guide h4#title10 { background:url(../images/guide_h4-08.jpg) no-repeat 0 0; }

.link a { background: url(../images/icon07.jpg) 0 2px no-repeat; padding-left: 20px; } 
.link a:hover { background: url(../images/icon07_over.jpg) 0 2px no-repeat; } 

/*---------- 19  FAQ ----------------*/

#faq h2#title01 { background:url(../images/faq_h2.jpg) no-repeat 0 0; }
#faq h3#title02 { background:url(../images/faq_h3-01.jpg) no-repeat 0 0; }
#faq h4#title03 { background:url(../images/faq_h4-01.jpg) no-repeat 0 0; }

#faq #main dl.faq {
	margin: 0;
}
#faq #main dl.faq dt {
	margin: 0 0 10px 0;
	padding: 15px 10px 20px 65px;
	background: url(../images/q_icon.jpg) no-repeat top left;
	font-weight: bold;
	color:#0c56c9;
	border-bottom: 1px dashed #7caef1;
}
#faq #main dl.faq dd {
	margin: 5px 0 0 10px;
	padding: 6px 80px 10px 55px;
	background: url(../images/a_icon.jpg) 0 0 no-repeat;
}

/*---------- 20  Member -------------*/

#member h2#title01 { background:url(../images/member_h2.jpg) no-repeat 0 0; }
#member h3#title02 { background:url(../images/member_h3-01.jpg) no-repeat 0 0; }
#member h4#title03 { background:url(../images/member_h4-01.jpg) no-repeat 0 0; }
#member table table { border: none; padding: 0;}
#member table table td { border: none; padding: 0;}

#member .ban_blog a{
	width:500px;
	height:100px;
	display:block;
	background:url(../images/ban_blog.jpg);
	margin:0 60px 20px 60px;
	text-indent:-9999px;
}
#member .ban_blog a:hover{
	background-position:0 100%;
}

.img_center { margin:0 auto; text-align:center; }
.img_center img { margin:0 auto; text-align:center; }

/*---------- 21  Contact ------------*/

#contact h2#title01 { background:url(../images/contact_h2.jpg) no-repeat 0 0; }
#contact h3#title02 { background:url(../images/contact_h3-01.jpg) no-repeat 0 0; }
#contact h4#title03 { background:url(../images/contact_h4-01.jpg) no-repeat 0 0; }

.bg_blue { background: #eff8fa; padding: 10px; }
.contact_bg { margin: 0 ; padding: 5px 15px; background: url(../images/contact01.jpg) right bottom no-repeat; } 

/*---------- Margin - Padding -----------*/

.m0 { margin: 0; }
.mar_01 { margin:.5em 0 0 0; }
.mar_b10 { margin-bottom: 10px; }
.mar_b20 { margin-bottom: 20px; }
.pad_b20 { padding-bottom: 20px; }
.mar_be { margin-bottom:1em; }
.mar_beh { margin-bottom:.5em; }
.mar0 { margin-bottom:.5em; margin-top:0; }
.pad_bthe { padding:.5em 0; }
.pad_bt5 { padding: 5px 0; }

/*---------- Text -----------*/

.text_bold { font-weight: bold; }
.text_right { text-align: right; }
.text_center {  text-align:center; }
.text_blue { color:#003385; }
.text_blue02 { color:#397de5; }
.text_blue03 { color:#397de5; font-weight:bold; }
.font_16 { font-size: 16px; }

.bg03 { background:#198bec; color:#fff; font-weight:bold; }
.bg04 { background:#c2dcff; }
.bg05 { background:#ff9900; color:#fff; font-weight:bold; }
.bg06 { background:#ffdaa4; }

/*---------- Width -----------*/

.w385 { width:385px; }
.w_80 { width: 80px; }
.w_100 { width: 100px; }
.w_120 { width: 120px; }
.w50p { width:50%; }

.w_115 { width: 117px; }
.w_220 { width: 230px; }
.w_240 { width: 240px; }

/*---------- Light Widown ----------*/
#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height:1px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		font-weight:bold;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}