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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Treatment Flow              */
/*                 09  Workflow                    */
/*                 10  Success Formula             */
/*                 11  Deliberation                */
/*                 12  Faq                         */
/*                 13  Company                     */
/*                 14  Aesthetic                   */
/*                 15  Allergy                     */
/*                 16  Strength                    */
/*                 17  Zirconia-crown              */
/*                 18  Implant                     */
/*                 19  Ceramic                     */
/*                 20  Needs                       */
/*                 21  Contact                     */
/*                 22  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Blue           #8dbedc      */
/*        Main Color - Light Pink     #ffcaca      */
/*        Main Color - Light Blue     #a5e0ff      */
/*                                                 */
/*        Sub Color  - Light Grey     #cccccc      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      75%                 */
/*                   11px      91.66%              */
/*                   12px     100%                 */
/*                   14px     116.66%              */
/*                   16px     133.33%              */
/*                                                 */
/*===============フォントサイズ換算-END============*/



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

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



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

body { background: url(../images/body_bg01.jpg) 0 0 repeat-x; color:#333; }
#box { background: url(../images/body_bg02.jpg) left bottom repeat-x; }

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

#main {
  margin: 0 1px;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
  }

#content {
  width:499px;
  background:url(../images/space_w.jpg) repeat;
  float:left;
  position:relative;
  margin:0 0 0 0px;
  left:240px;
  }

.img { margin: 0; font-size: 1%; line-height: 1%; display: block; }

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

#header {
  height: 91px;
  width: 952px;
  margin: 0;
  padding: 0;
  background: url(../images/header_bg.jpg) 0 0 no-repeat;
  }

#header #header01 {
  width: 694px;
  margin: 0;
  float: left;
  }

#header #header01 p.header_text {
  margin: 0;
  color:#666;
  font-size: 91.66%;
  line-height: 1em;
  padding: 11px 0 3px 11px;
  }
  
#header #header01 h1 {
  margin: 0;
  padding: 0 0 0 10px;
  width: 360px;
  height: 50px;
  line-height: 1.0;
  float: left;
  }
#header #header01 h1 a {
  text-indent: -9999px;
  display: block;
  width: 360px;
  height: 50px;
  background: url(../images/header_logo.jpg) 0 0 no-repeat;
  }

#header #header02 p.tel {
  margin: 0;
  padding: 0;
  width: 258px;
  height: 75px;
  float: right;
  line-height: 1%;
  display: block;
  }
#header p.tel img { display: block; }

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

#nav_l {
  width: 240px;
  float: left;
  padding: 19px 0 20px 0;
  float: left;
  position:relative;
  right: 499px;
 }

#nav_l ul {
  margin: 0 9px 0 11px;
  padding: 5px 0 2px 0;
  list-style: none;
  background: url(../images/nav01_bg.jpg) 0 0 no-repeat;
  }
#nav_l ul li {
  padding: 0;
  list-style: none;
  }
#nav_l .internal_l li {
  text-indent: -9999px;
  }
#nav_l .internal_l li a {
  display: block;
  }
  
#nav01 { margin-bottom: 10px; }
#nav02, #nav03 { margin-bottom: 10px; }
#nav03, #nav07 { margin-bottom: 8px; }
#nav04, #nav05, #nav08{ margin-bottom: 4px; }
#nav06 { margin-bottom: 17px; }
#nav09 { margin-bottom: 2px; }

#nav01 a { background: url(../images/nav01.jpg) 0 -5px no-repeat; height: 60px; }
#nav02 a { background: url(../images/nav01.jpg) 0 -75px no-repeat; height: 60px;}
#nav03  { background: url(../images/nav01.jpg) 0 -145px no-repeat; height: 60px;}
#nav04 a { background: url(../images/nav01.jpg) 0 -213px no-repeat; height: 26px; }
#nav05 a { background: url(../images/nav01.jpg) 0 -243px no-repeat; height: 26px; }
#nav06 a { background: url(../images/nav01.jpg) 0 -273px no-repeat; height: 26px; }
#nav07  { background: url(../images/nav01.jpg) 0 -316px no-repeat; height: 60px; }
#nav08 a { background: url(../images/nav01.jpg) 0 -384px no-repeat; height: 26px;}
#nav09 a { background: url(../images/nav01.jpg) 0 -414px no-repeat; height: 26px; }

#nav01 a:hover { background: url(../images/nav01.jpg) -220px -5px no-repeat; }
#nav02 a:hover { background: url(../images/nav01.jpg) -220px -75px no-repeat; }
#nav03 a:hover { background: url(../images/nav01.jpg) -220px -145px no-repeat; }
#nav04 a:hover { background: url(../images/nav01.jpg) -220px -213px no-repeat;  }
#nav05 a:hover { background: url(../images/nav01.jpg) -220px -243px no-repeat;  }
#nav06 a:hover { background: url(../images/nav01.jpg) -220px -273px no-repeat; }
#nav07 a:hover { background: url(../images/nav01.jpg) -220px -316px no-repeat;  }
#nav08 a:hover { background: url(../images/nav01.jpg) -220px -384px no-repeat;}
#nav09 a:hover { background: url(../images/nav01.jpg) -220px -414px no-repeat;  }

#nav_l p { text-align: center; }

#nav_l .contact_ban {
  margin: 0 9px 20px 11px;
  width: 220px;
  height: 71px;
  }
#nav_l .contact_ban a {
  margin: 0;
  width: 220px;
  height: 71px;
  background: url(../images/contact_ban.jpg) 0 0 no-repeat;
  font-size: 1%;
  line-height: 1%;
  text-indent: -9999px;
  display: block;
  }
#nav_l .contact_ban a:hover{
  background: url(../images/contact_ban.jpg) 0 -71px no-repeat;
  }

#index #nav_r {
  width: 211px;
  float: left;
  left: 0px;
  padding: 0 0 10px 0;
  display:block;
  position:relative;
  background: url(../images/index_nav02_bg.jpg) 0 0 no-repeat;
  }  
  
#nav_r {
  width: 211px;
  float: left;
  left: 0px;
  padding: 0 0 10px 0;
  display:block;
  position:relative;
  background: url(../images/nav02_bg.jpg) 0 0 no-repeat;
  }

#nav_r ul {
  margin: 27px 18px 0 9px;
  padding: 0 0 10px 0 ;
  list-style: none;
  }
#nav_r ul li {
  padding: 0;
  list-style: none;
  }
#nav_r .internal_r li {
  text-indent: -9999px;
  }
#nav_r .internal_r li a {
  display: block;
  }

#nav10 { margin-bottom: 3px;}
#nav11, #nav12 { margin-bottom: 4px;}
#nav13 { margin-bottom: 11px;}
#nav14, #nav15, #nav16 { margin-bottom: 10px;}
#nav17 { margin-bottom: 9px;}

#nav10 { background: url(../images/nav02.jpg) 0 0 no-repeat; height: 30px; }
#nav11 a { background: url(../images/nav02.jpg) 0 -33px no-repeat; height: 26px; }
#nav12 a { background: url(../images/nav02.jpg) 0 -63px no-repeat; height: 26px; }
#nav13 a { background: url(../images/nav02.jpg) 0 -93px no-repeat; height: 26px; }
#nav14 a { background: url(../images/nav02.jpg) 0 -130px no-repeat; height: 50px; }
#nav15 a { background: url(../images/nav02.jpg) 0 -190px no-repeat; height: 30px; }
#nav16 a { background: url(../images/nav02.jpg) 0 -230px no-repeat; height: 30px; }
#nav17 a { background: url(../images/nav02.jpg) 0 -270px no-repeat; height: 30px; }

#nav10 a:hover { background: url(../images/nav02.jpg) -184px 0 no-repeat; }
#nav11 a:hover { background: url(../images/nav02.jpg) -184px -33px no-repeat; }
#nav12 a:hover { background: url(../images/nav02.jpg) -184px -63px no-repeat; }
#nav13 a:hover { background: url(../images/nav02.jpg) -184px -93px no-repeat;  }
#nav14 a:hover { background: url(../images/nav02.jpg) -184px -130px no-repeat;  }
#nav15 a:hover { background: url(../images/nav02.jpg) -184px -190px no-repeat;  }
#nav16 a:hover { background: url(../images/nav02.jpg) -184px -230px no-repeat;  }
#nav17 a:hover { background: url(../images/nav02.jpg) -184px -270px no-repeat; }

#nav_r #info {
  margin: 0; 
  padding: 0;
  width: 205px;
  background: url(../images/nav_bg.jpg) 0 0 repeat-y; 
  }
#nav_r .bg_top {
  margin: 0; 
  padding: 0;
  width: 205px;
  background: url(../images/nav_bgtop.jpg) 0 0 no-repeat; 
  }  
#nav_r .bg_bottom {
  margin: 0; 
  padding: 17px 7px 0;
  background: url(../images/nav_bgbottom.jpg) left bottom no-repeat; 
  }  
.n_pad01 { padding: 0 0 4px 5px; }
.n_pad02 { padding: 0 0 7px 0; }
.n_text01 { margin: 0; padding: 0 0 9px 5px; line-height: 1.5em; }
.n_text02 { margin: 0; padding: 0 0 9px 8px; line-height: 1.666em; }

#nav_r #info .company_btn {
  margin: 0 32px 0 29px;
  padding: 0 0 23px 0;
  width: 130px;
  height: 30px;
  }
#nav_r #info .company_btn a {
  margin: 0;
  width: 130px;
  height: 30px;
  background: url(../images/company_btn.jpg) 0 0 no-repeat;
  font-size: 1%;
  line-height: 1%;
  text-indent: -9999px;
  display: block;
  }
#nav_r #info .company_btn a:hover{
  background: url(../images/company_btn.jpg) 0 -30px no-repeat;
  }

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

#footer {
  clear: both;
  padding: 0;
  margin: 0;
  height: 48px;
  background: url(../images/footer_bg.jpg) left bottom no-repeat;
  font-size: 100%;
  text-align: center;
  color: #de91a2;
  }
*: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: #f94956;
  }
#footer a:hover { text-decoration: underline; }

#footer p.tel {
  margin: 0;
  padding: 14px 0 0 0;
  width: 205px;
  height: 30px;
  float: left;
  line-height: 1%;
  display: block;
  }
  
#footer address { 
  margin: 0;
  padding: 20px 0 0 0;
  width: 305px;
  height: 18px;
  float: right;
  }

#footer address a { 
  margin: 0;
  width: 305px;
  height: 18px;
  line-height: 1%;
  background: url(../images/copyright.jpg) 0 0 no-repeat;
  text-indent: -9999px;
  display: block;
  }

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

.section { padding: 0 15px 1em 14px; }
.section .section { padding: 0 0 1em 0; }
.section .section .section { padding: 0.5em 0 0.75em 0 ; }
.section .section .section2 { padding: 0.5em 0 0 0 ; }

.center { text-align: center; }

#content h2 {
  margin: 0 14px 16px 14px;
  height: 41px;
  text-indent: -9999px;
  }
#content h3 {
  clear: both;
  margin: 0 0 8px 0 ;
  height: 30px;
  text-indent: -9999px;
  }
#content h4 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 1%;
  line-height: 1%;
  height: 18px;
  text-indent: -9999px;
  }

#content h5 {
  margin: 0 0 8px 0;
  font-size: 100%;
  line-height: 1.666em;
  font-weight: normal;
  color:#c27088;
  text-indent: 25px;
  background: url(../images/icon01.jpg) 0 0 no-repeat;
  }
  
#content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }

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

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
  color: #61a2d0;
  outline: none;
  }
a:hover { color: #ffa2a8; }

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

.image_l {
  margin: 0.5em 18px 0 0;
  float: left;
  line-height: 1%;
  display: block;
  }
*:first-child+html .image_l { margin: 0.5em 15px -0.5em 0 ; } /*  for IE7 only */
* html body .image_l { margin: 0.5em 15px -0.5em 0 ; } /*  for IE6 only */

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

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

.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;
  margin: 0 20px 30px 0;
  padding: 0;
  height: 20px;
  list-style: none;
  }

#content ul.totop li {
  margin: 0;
  padding: 0;  
  width: 110px;
  height: 20px;
  float: right;
  list-style: none;
  font-size: 1%;
  line-height: 1%;
  text-indent: -9999px;
  }
#content ul.totop li a {
  display: block;
  height: 20px;
  background: url(../images/to_top.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 #96c9de;
  font-size: 100%;
  line-height: 1.666em;
  width: 100%;
  }
#content table th,
#content table td {
  padding: 8px 8px;
  border: 1px solid #96c9de;
  }

#content table td.bg01 {
  background: #e9f7fb;
  }
  
#content table td.bg02 {
  background: #fff3f5;
  }  
#content table td.bg03 {
  background: #f2f2f2;
  }    
#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;
  }

#index #content .main_img {
  margin: 0 0 19px 0;
  padding: 150px 0 0 0;
  width: 499px;
  background: url(../images/in_main_img.jpg) 0 0 no-repeat;
  }
#content .main_img {
  margin: 0 0 19px 0;
  padding: 160px 0 0 0;
  width: 499px;
  background: url(../images/main_img.jpg) 0 0 no-repeat;
  }
#faq #content .main_img, #contact #content .main_img , #allergy #content .main_img {
  margin: 0 0 19px 0;
  padding: 130px 0 0 0;
  width: 499px;
  background: url(../images/main_img.jpg) 0 0 no-repeat;
  }
  
/*---------- 07  Index -----------*/

#index .ceramic_ban {
  margin: 0 15px 19px 14px;
  width: 470px;
  height: 90px;
  }
#index .ceramic_ban a {
  margin: 0;
  width: 470px;
  height: 90px;
  background: url(../images/ceramic_ban.jpg) 0 0 no-repeat;
  font-size: 1%;
  line-height: 1%;
  text-indent: -9999px;
  display: block;
  }
#index .ceramic_ban a:hover{
  background: url(../images/ceramic_ban.jpg) 0 -90px no-repeat;
  }
  
#index #zirconia_ban,
#index #faq_ban {
  width: 230px;
  height: 100px;
  margin: 0;
  padding: 0;
  }
  
#index #zirconia_ban a,
#index #faq_ban a {
  width: 230px;
  height: 100px;
  margin: 0;
  padding: 0;
  display: block;
  text-indent: -9999px;
  }
  
#index #zirconia_ban a { background: url(../images/zirconia_ban.jpg) 0 0 no-repeat; }
#index #faq_ban a { background: url(../images/faq_ban.jpg) 0 0 no-repeat; }

#index #zirconia_ban a:hover { background: url(../images/zirconia_ban.jpg) 0 -100px no-repeat; }
#index #faq_ban a:hover { background: url(../images/faq_ban.jpg) 0 -100px no-repeat; }
 
#index .alpha {
  margin: 0 9px 0 0;
  width: 200px;
  float: left; 
  }
#index .beta {
  margin: 0;
  width: 256px;
  float: left; 
  }

#index #content ul.group01 {
  margin: 0;
  padding: 0;
  width: 256px;
  list-style: none;
  }

#index #content ul.group01 li {
  margin: 0;
  padding: 0;
  list-style: none;
  }

#index #content ul.group01 li a {
  margin: 0;
  display: block;
  text-indent: -9999px;
  }

#li01 a { background: url(../images/index_img02.jpg) 0 0 no-repeat; height: 29px; }
#li02 a { background: url(../images/index_img02.jpg) 0 -29px no-repeat; height: 30px; }
#li03 a { background: url(../images/index_img02.jpg) 0 -59px no-repeat; height: 22px; }

#li01 a:hover { background: url(../images/index_img02.jpg) 0 -81px no-repeat;  }
#li02 a:hover { background: url(../images/index_img02.jpg) 0 -110px no-repeat;  }
#li03 a:hover { background: url(../images/index_img02.jpg) 0 -140px no-repeat;  }

#index .index01_ban {
  margin: 0 15px 20px 14px;
  width: 200px;
  height: 81px;
  }
#index .index01_ban a {
  margin: 0;
  width: 200px;
  height: 81px;
  background: url(../images/index_img01.jpg) 0 0 no-repeat;
  line-height: 1%;
  text-indent: -9999px;
  display: block;
  }
#index .index01_ban a:hover{
  background: url(../images/index_img01.jpg) 0 -81px no-repeat;
  }

#index .alpha2 {
  margin: 0;
  width: 230px;
  float: left; 
  }
#index .beta2 {
  margin: 0;
  width: 230px;
  float: right; 
  }

/*---------- 08  Treatment Flow -----------*/

#treatment h2#title01 { background: url(../images/treatment_h2.jpg) 0 0 no-repeat; }
#treatment h3#title02 { background: url(../images/treatment_h3-01.jpg) 0 0 no-repeat; }
#treatment .t_flow01 { background: url(../images/step01.jpg) left top no-repeat #e9f7fb; padding-top: 35px; vertical-align: top; }
#treatment .t_flow02 { background: url(../images/step02.jpg) left top no-repeat #e9f7fb; padding-top: 35px; vertical-align: top; }
#treatment .t_flow03 { background: url(../images/step03.jpg) left top no-repeat #e9f7fb; padding-top: 35px; vertical-align: top; }
#treatment .t_flow04 { background: url(../images/step04.jpg) left top no-repeat #e9f7fb; padding-top: 35px; vertical-align: top; }
#treatment .t_flow05 { background: url(../images/step05.jpg) left top no-repeat #e9f7fb; padding-top: 35px; vertical-align: top; }

/*---------- 09  Workflow -----------*/

#workflow h2#title01 { background: url(../images/workflow_h2.jpg) 0 0 no-repeat; }
#workflow h3#title02 { background: url(../images/workflow_h3-01.jpg) 0 0 no-repeat; }
#workflow .w_flow01 { background: url(../images/w_step01.jpg) left top no-repeat #fff3f5; padding-top: 35px; vertical-align: top; }
#workflow .w_flow02 { background: url(../images/w_step02.jpg) left top no-repeat #fff3f5; padding-top: 35px; vertical-align: top; }
#workflow .w_flow03 { background: url(../images/w_step03.jpg) left top no-repeat #fff3f5; padding-top: 35px; vertical-align: top; }
#workflow .w_flow04 { background: url(../images/w_step04.jpg) left top no-repeat #fff3f5; padding-top: 35px; vertical-align: top; }
#workflow .w_flow05 { background: url(../images/w_step05.jpg) left top no-repeat #fff3f5; padding-top: 35px; vertical-align: top; }

#workflow #content table {
  border: 1px solid #ffc4cf;
  }
#workflow #content table th,
#workflow #content table td {
  border: 1px solid #ffc4cf;
  }

/*---------- 10  Success Formula -----------*/

#success h2#title01 { background: url(../images/success_h2.jpg) 0 0 no-repeat; }
#success h3#title02 { background: url(../images/success_h3-01.jpg) 0 0 no-repeat; }
#success h4#title03 { background: url(../images/success_h4-01.jpg) 0 0 no-repeat; }
#success h3#title04 { background: url(../images/success_h3-02.jpg) 0 0 no-repeat; }

/*---------- 11  Deliberation -----------*/

#deliberation h2#title01 { background: url(../images/deliberation_h2.jpg) 0 0 no-repeat; }
#deliberation h3#title02 { background: url(../images/deliberation_h3-01.jpg) 0 0 no-repeat; }
#deliberation h3#title03 { background: url(../images/deliberation_h3-02.jpg) 0 0 no-repeat; }
#deliberation h4#title04 { background: url(../images/deliberation_h4-01.jpg) 0 0 no-repeat; }

/*---------- 12  Faq -----------*/

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

#faq .faq_01 { background: url(../images/q_icon.jpg) 0 0 no-repeat; padding: 3px 0 3px 35px; color:#2065c3; }
#faq .faq_02 { background: url(../images/a_icon.jpg) 0 0 no-repeat; margin-left: 15px; padding: 3px 0 0 35px; }
#faq .bor { background: url(../images/faq_bg.jpg) left bottom no-repeat; margin-bottom: 1em; padding: 0 0 35px 0; }

/*---------- 13  Company -----------*/

#company h2#title01 { background: url(../images/company_h2.jpg) 0 0 no-repeat; }
#company h3#title02 { background: url(../images/company_h3-01.jpg) 0 0 no-repeat; }
#map{
width:365px;
height:450px;
}

/*---------- 14  Aesthetic -----------*/

#aesthetic h2#title01 { background: url(../images/aesthetic_h2.jpg) 0 0 no-repeat; }
#aesthetic h3#title02 { background: url(../images/aesthetic_h3-01.jpg) 0 0 no-repeat; }
#aesthetic h3#title03 { background: url(../images/aesthetic_h3-02.jpg) 0 0 no-repeat; }
#aesthetic h4#title04 { background: url(../images/aesthetic_h4-01.jpg) 0 0 no-repeat; }
#aesthetic h4#title05 { background: url(../images/aesthetic_h4-02.jpg) 0 0 no-repeat; }

/*---------- 15  Allergy -----------*/

#allergy h2#title01 { background: url(../images/allergy_h2.jpg) 0 0 no-repeat; }
#allergy h3#title02 { background: url(../images/allergy_h3-01.jpg) 0 0 no-repeat; }
#allergy h3#title03 { background: url(../images/allergy_h3-02.jpg) 0 0 no-repeat; }

/*---------- 16  Strength -----------*/

#strength h2#title01 { background: url(../images/strength_h2.jpg) 0 0 no-repeat; }
#strength h3#title02 { background: url(../images/strength_h3-01.jpg) 0 0 no-repeat; }
#strength h4#title03 { background: url(../images/strength_h4-01.jpg) 0 0 no-repeat; }
#strength h3#title04 { background: url(../images/strength_h3-02.jpg) 0 0 no-repeat; }

/*---------- 17  Zirconia Crown -----------*/

#zirconia h2#title01 { background: url(../images/zirconia_h2.jpg) 0 0 no-repeat; }
#zirconia h3#title02 { background: url(../images/zirconia_h3-01.jpg) 0 0 no-repeat; }
#zirconia h4#title03 { background: url(../images/zirconia_h4-01.jpg) 0 0 no-repeat; }

/*---------- 18  Implant -----------*/

#implant h2#title01 { background: url(../images/implant_h2.jpg) 0 0 no-repeat; }
#implant h3#title02 { background: url(../images/implant_h3-01.jpg) 0 0 no-repeat; }
#implant h3#title03 { background: url(../images/implant_h3-02.jpg) 0 0 no-repeat; }
#implant h4#title04 { background: url(../images/implant_h4-01.jpg) 0 0 no-repeat; }

.implant01 {
  margin: 10px 0 14px 0;
  border: 1px solid #CCC; 
  padding: 3px 10px;
  }
  
.implant_text01  { background: url(../images/icon01.jpg) 0 0 no-repeat; text-indent: 25px; color:#c27088; }

/*---------- 19  Ceramic -----------*/

#ceramic h2#title01 { background: url(../images/ceramic_h2.jpg) 0 0 no-repeat; }
#ceramic h3#title02 { background: url(../images/ceramic_h3-01.jpg) 0 0 no-repeat; }
#ceramic h4#title03 { background: url(../images/ceramic_h4-01.jpg) 0 0 no-repeat; }
#ceramic h3#title04 { background: url(../images/ceramic_h3-02.jpg) 0 0 no-repeat; }
#ceramic h4#title05 { width: 42px; height: 18px; text-indent: -9999px; }
#ceramic h4#title05 a { width: 42px; height: 18px; display: block; background: url(../images/ceramic_h4-02.jpg) 0 0 no-repeat; }
#ceramic h4#title06 { width: 98px; height: 18px; text-indent: -9999px; }
#ceramic h4#title06 a { width: 98px; height: 18px; display: block; background: url(../images/ceramic_h4-03.jpg) 0 0 no-repeat; }
#ceramic h4#title07 { width: 84px; height: 18px; text-indent: -9999px; }
#ceramic h4#title07 a { width: 84px; height: 18px; display: block; background: url(../images/ceramic_h4-04.jpg) 0 0 no-repeat; }

/*---------- 20  Needs -----------*/

#needs h2#title01 { background: url(../images/needs_h2.jpg) 0 0 no-repeat; }
#needs h3#title02 { background: url(../images/needs_h3-01.jpg) 0 0 no-repeat; }

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

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

/*---------- 22  Sitemap -----------*/

.margin_b10 { margin-bottom: 10px; }
.margin_b19 { margin-bottom: 19px; }
.margin_b22 { margin-bottom: 22px; }

.margin_b25 { margin-bottom: 25px; }
.margin_b1em { margin-bottom: 1em; }
.margin_b1-5em { margin-bottom: 1.5em; }
.margin_b2em { margin-bottom: 2em; }
.margin_t1em  { margin-top: 1em; }

.pad_t01 { padding: 8px 0 8px 0; }
.pad_t02 { padding: 0.5em 0 2em 0; }
.pad01 { padding: 3px 7px 0; }

.w_70 { width: 70px; }
.w_110 { width: 110px; }

.text_blue { color: #195dbf; }
.text_highlight { background:#fef6f7; padding: 5px 8px; color:#990021; border: 1px dashed #ff9aa1; }