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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Lost_influence              */
/*                 09  Lost_treatment              */
/*                 10  Implant                     */
/*                 11  All_on_4                    */
/*                 12  Perio                       */
/*                 13  Restored                    */
/*                 14  Microscope                  */
/*                 15  Prevent                     */
/*                 16  Clinic                      */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { background:#EFEBE8 url(../images/body_bg.jpg) top repeat-x; }

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

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

#content {
	width: 580px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	background: #fff;
	padding: 0 0 10px 0;
	margin:0 20px 0 0;
	}
* html #content {
	margin:0 10px 0 0;
	}

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

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

h1 {
	text-indent: -9999px;
	width: 500px;
	height: 74px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	width: 500px;
	height: 74px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

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

#header p.tel {
	margin: 0;
	padding: 0;
	height: 74px;
	}
#header p.tel img { display: block; }

/*----------04  Navigation -----------*/
#menu {
	width: 210px;
	float: left;
    margin:10px 0 0 13px;
    padding-left:12px;
    }
* html #menu{
    margin:10px 0 0 0px;
    padding-left:25px;
    }

#nav {
	float: left;
    margin:0;
    padding:20px 0 10px 0;
	width: 210px;
	background: url(../images/nav_bg_h.jpg) top no-repeat;
	}
#nav ul {
    margin:0;
    padding:0 0 20px 0;
	width: 210px;
	background: url(../images/nav_bg_b.jpg) bottom no-repeat;
	}
#nav li {
    width:170px;
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	}

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

#nav .internal li a {
	display: block;
	height: 50px;
	}
#nav01 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav02 a { background: url(../images/nav.jpg) 0 -50px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -100px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -150px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -200px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -250px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -300px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -350px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -400px no-repeat; }

#nav01 a:hover { background: url(../images/nav.jpg) -170px 0 no-repeat; }
#nav02 a:hover { background: url(../images/nav.jpg) -170px -50px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -170px -100px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -170px -150px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -170px -200px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -170px -250px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -170px -300px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -170px -350px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -170px -400px no-repeat; }

#menu p { text-align: center; }

#menu #nav_ban01 { 
    text-indent:-9999px;
    margin:10px 20px auto;
    }
#menu #nav_ban01 a {
    display:block;
    width:170px;
    height:50px;
    background:url(../images/ban_nav01.jpg) 0 0 no-repeat;
    }
#menu #nav_ban01 a:hover { background:url(../images/ban_nav01.jpg) 0 0 no-repeat;}


#menu #nav_ban02 { 
    text-indent:-9999px;
    margin:10px 20px auto;
    }
#menu #nav_ban02 a {
    display:block;
    width:170px;
    height:50px;
    background:url(../images/ban_nav02.jpg) 0 0 no-repeat;
    }
#menu #nav_ban02 a:hover { background:url(../images/ban_nav02.jpg) 0 0 no-repeat;}

#menu #nav_ban03 { 
    text-indent:-9999px;
    margin:10px 20px auto;
    }
#menu #nav_ban03 a {
    display:block;
    width:170px;
    height:50px;
    background:url(../images/bnr01.jpg) 0 0 no-repeat;
    }
#menu #nav_ban03 a:hover { background:url(../images/bnr01.jpg) 0 bottom;}

#menu #nav_ban04 { 
    text-indent:-9999px;
    margin:10px 20px auto;
    }
#menu #nav_ban04 a {
    display:block;
    width:170px;
    height:50px;
    background:url(../images/ban_nav03.jpg) 0 0 no-repeat;
    }
#menu #nav_ban04 a:hover { background:url(../images/ban_nav03.jpg) 0 bottom;}

.bnr02 a {
  display: block; 
	width: 453px;
	height: 50px;
	background: url(../images/bnr02.jpg) 0 0 no-repeat;
	margin: 0 0 0 10px;
	padding: 0;
	outline: none;
  text-indent: -9999px;
}

.bnr02 a:hover {
	background-position: 0 bottom;
}


#menu h2#nav_title01{
    text-indent:-9999px;
    width:196px;
    height:35px;
    margin:10px 0 0 8px;
    background: url(../images/nav_h2-01.jpg) 0 0 no-repeat;}
#menu .clinic_info{
    margin:0 0 20px 8px;
    padding:0 0 15px 0;
    width:196px;
    font-size:93%;
    background:url(../images/nav_clinic_bg.jpg) bottom no-repeat;
    }
    
    
#menu .clinic_info h3{
    width:196px;
    height:20px;
    margin:3px 0 3px 0;
    text-indent:-9999px;
    background:url(../images/nav_h3-02.jpg) 0 0 no-repeat;
    }    
#menu .clinic_info dl{
    margin:0 0 0 15px;
    padding:0;
    }
#menu .clinic_info dt{
    margin:0;
    padding:0;
    float:left;
    width:30px;
    }
#menu .clinic_info dd{
    margin-left:30px;
    }
#menu .clinic_info dl.timetable {
    margin-left:20px;
    color:#6F5A29;
    }
#menu .clinic_info .hol{
    color:#9F1A00;
    }
#menu .clinic_info .timetable dt{
    width:40px;
    }
#menu .clinic_info .timetable dd{
    margin-left:40px;
    }

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

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

#footer .section{
    width:800px;
    margin:0 auto;
	text-align: left;
    }

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

#footer ul { 
	list-style: none;
	margin: 0 1em 2px 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer address { margin: 3px 1em; text-align:right;}


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

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

p.center { text-align: center; }

#content h2 {
	height: 240px;
	line-height:0;
	text-indent: -9999px;
	margin:0;
	padding:0;
	}
#content h3 {
	clear: both;
	height: 38px;
	text-indent: -9999px;
	}
#content h4 {
	height: 26px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	color:#4F2E14;
	}

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

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a {
	color: #028eaf;
	outline: none;
	}
a:hover { color: #de91a2; }

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

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

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

.sr_image_l  {
	float: left;
	margin: 0 0 16px 0;
	}
	
.sr_image_01 {
    float:left;
	margin: 0 0 16px 3px;
	}	
	
.sr_image_02 {
    float:right;
	margin: 0 0 16px 0;
	}		

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

.case_nobg {
	margin: 10px 20px;
	}
.case_nobg img {
	display: block;
	}

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

.step {
    padding-bottom:35px;
	background: url(../images/step_bg.png) bottom center no-repeat;
    }
.step_end {
    padding-bottom:35px;
    }
.step .text_area,
.step_end .text_area {
    border:1px solid #ccc;
    }
    
#content ul.totop {
	clear: both;
	padding-bottom: 20px;
	}

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

p.caution {
	font-size:93%;
	color:#8F4911;
	}

/* 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 .alpha{
   float:left;
   }
#content .beta{
   float:right;
   }
#content .beta2{
   float:right;
   }
#content .box{
   border:dotted 1px #002576;
   background: #EFFEFF;
   }

#content table {
    margin-top:10px;
    border: 1px solid #BFAE6B;
    line-height:20px;
    table-layout:fixed;
    }
#content table td {
    border: 1px solid #BFAE6B;
    color:#6F6F6F;
    background:#fff;
    vertical-align: top;
    }
#content table dl {
    padding:0;
    }  
#content table th{
    text-align:center;
    border: 1px solid #BFAE6B;
    background:#FFF7D9;
    color:#7F6B3F;
    font-weight:bold;
    }
#content table ul{
    margin:0;
    padding:0;
    }
#content table ol{
    margin-top:0;
    margin-bottom:0;
    }
#content table li{
    line-height:20px;
    } 
* html #content table{font-size:95%;}
* html #content table th {padding:3px 5px 3px 5px;}

#content .subtitle{
    font-weight:bold;
    color:#4F2E14;
    }

#content .img_border{
    border:solid 1px #000049;
    }

/*-------- 07  Index --------*/
#index h2#title01{ background: url(../images/index_h2-01.jpg) 0 0 no-repeat;}
#index h3{width:260px;height:72px;}
#index h3 a {display:block;height:72px;}
#index h3#title02{ background: url(../images/index_h3-02.jpg) 0 0 no-repeat;}
#index h3#title03{ background: url(../images/index_h3-03.jpg) 0 0 no-repeat;}
#index h3#title04{ background: url(../images/index_h3-04.jpg) 0 0 no-repeat;}
#index h3#title05{ background: url(../images/index_h3-05.jpg) 0 0 no-repeat;}

#index #ban_implant { 
    text-indent:-9999px;
    margin:10px 18px auto;
    }
#index #ban_implant a {
    display:block;
    width:540px;
    height:100px;
    background:url(../images/ban_implant.jpg) 0 0 no-repeat;
    }
#index #ban_implant a:hover { background:url(../images/ban_implant.jpg) 0 0 no-repeat;}

#index .pick_up{
    clear:both;
    width:540px;
    margin-left:18px;
    }
#index .pick_up .alpha,
#index .pick_up .beta{
    width:260px;
    background:url(../images/pkup_bg.jpg) bottom no-repeat;
    margin:10px 0 10px 0;
    }

#index .pick_up p,
#index .pick_up p{
    width:210px;
    margin:5px 0 15px 30px;
    }

#index .pick_up a {
	text-decoration: none;
	color: #3F3F3F;
    }
#index .pick_up a:hover {
    text-decoration: underline; 
    }
    
/*-------- 08  Lost_influence --------*/
#lost_influence h2#title01{ background: url(../images/lost_influence_h2-01.jpg) 0 0 no-repeat;}
#lost_influence h3#title02{ background: url(../images/lost_influence_h3-02.png) 0 0 no-repeat;}
#lost_influence h3#title03{ background: url(../images/lost_influence_h3-03.png) 0 0 no-repeat;}

#lost_influence .box ul{
    font-weight:bold;
    color:#002576;
    }
#lost_influence .box ul li{
    background:none;
    }

/*-------- 09  Lost_treatment --------*/
#lost_treatment h2#title01{ background: url(../images/lost_treatment_h2-01.jpg) 0 0 no-repeat;}
#lost_treatment h3#title02{ background: url(../images/lost_treatment_h3-02.png) 0 0 no-repeat;}
#lost_treatment h3#title03{ background: url(../images/lost_treatment_h3-03.png) 0 0 no-repeat;}
  
#lost_treatment .t_title_m{
  text-align:center;
  background:#FFEFF2;
  color:#CF7480;
  font-weight:bold;
  width:160px;
  height:40px;
  }
#lost_treatment .t_title_d{
  text-align:center;
  background:#EFF9FF;
  color:#549EC6;
  font-weight:bold;
  width:160px;
  height:40px;
  }

#lost_treatment td.t_bg_m{
  color:#CF7480;
  }
#lost_treatment td.t_bg_d{
  color:#549EC6;
  }


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

#implant .step,
#implant .step_end{
   width:450px;
   margin:0 auto;
   margin-bottom:10px;
   }
* html #implant .step,
* html #implant .step_end{
   margin-left:30px;
   }   
#implant .step h4,
#implant .step_end h4{
   font-size:100%;
   text-indent:0px;
   height:18px;
   padding:4px 0 0 10px;
   font-weight:bold;
   color:#1B316D;
   background:#C2CEEF;
   }
#implant .step p ,
#implant .step_end p {
   padding:5px 8px 5px 8px;
   }
#implant .mg01{
   margin-bottom:20px;
   }   
   
/*-------- 11  All_on_4 --------*/
#all_on_4 h2#title01{ background: url(../images/all_on_4_h2-01.jpg) 0 0 no-repeat;}
#all_on_4 h3#title02{ background: url(../images/all_on_4_h3-02.png) 0 0 no-repeat;}
#all_on_4 h4#title03{ background: url(../images/all_on_4_h4-03.png) 0 0 no-repeat;}
#all_on_4 h4#title04{ background: url(../images/all_on_4_h4-04.png) 0 0 no-repeat;}


/*-------- 12  Perio --------*/
#perio h2#title01{ background: url(../images/perio_h2-01.jpg) 0 0 no-repeat;}
#perio h3#title02{ background: url(../images/perio_h3-02.png) 0 0 no-repeat;}
#perio h4#title03{ background: url(../images/perio_h4-03.png) 0 0 no-repeat;}
#perio h4#title04{ background: url(../images/perio_h4-04.png) 0 0 no-repeat;}
#perio h3#title05{ background: url(../images/perio_h3-05.png) 0 0 no-repeat;}

#perio table{
    table-layout:auto;
   }
#perio .col_color{
    width:70px;
    }

/*-------- 13  Restored --------*/
#restored h2#title01{ background: url(../images/restored_h2-01.jpg) 0 0 no-repeat;}
#restored h3#title02{ background: url(../images/restored_h3-02.png) 0 0 no-repeat;}
#restored h4#title03{ background: url(../images/restored_h4-03.png) 0 0 no-repeat;}
#restored h4#title04{ background: url(../images/restored_h4-04.png) 0 0 no-repeat;}

#restored .box{
   padding-left:50px;
   width:250px;
   }
#restored .box ol{
   font-weight:bold;
   color:#002576;
   }
#restored .box ul {
   margin-left:0;
   }
#restored .box ul li{
   background:none;
   margin-left:0;
   padding-left:0;
   }

/*-------- 14  Microscope --------*/
#microscope h2#title01{ background: url(../images/microscope_h2-01.jpg) 0 0 no-repeat;}
#microscope h3#title02{ background: url(../images/microscope_h3-02.png) 0 0 no-repeat;}
#microscope h4#title03{ background: url(../images/microscope_h4-03.png) 0 0 no-repeat;}

#microscope .mg01{
   margin-bottom:20px;
   }


/*-------- 15  Prevent --------*/
#prevent h2#title01{ background: url(../images/prevent_h2-01.jpg) 0 0 no-repeat;}
#prevent h3#title02{ background: url(../images/prevent_h3-02.png) 0 0 no-repeat;}
#prevent h4#title03{ background: url(../images/prevent_h4-03.png) 0 0 no-repeat;}
#prevent h3#title04{ background: url(../images/prevent_h3-04.png) 0 0 no-repeat;}
#prevent h3#title05{ background: url(../images/prevent_h3-05.png) 0 0 no-repeat;}
#prevent h4#title06{ background: url(../images/prevent_h4-06.png) 0 0 no-repeat;}
#prevent h4#title07{ background: url(../images/prevent_h4-07.png) 0 0 no-repeat;}
#prevent h5{
   clear:both;
   }
#prevent .box{
   width:200px;
   margin-left:30px;
   padding:5px 8px 5px 8px;
   color:#002576;
   }
#prevent #content ul{
   margin-top:5px;
   }


/*-------- 16  Clinic --------*/
#clinic h2#title01{ background: url(../images/clinic_h2-01.jpg) 0 0 no-repeat;}
#clinic h3#title02{ background: url(../images/clinic_h3-02.png) 0 0 no-repeat;}
#clinic h4#title03{ background: url(../images/clinic_h4-03.png) 0 0 no-repeat;width:300px;}
#clinic h4#title04{ background: url(../images/clinic_h4-04.png) 0 0 no-repeat;width:300px;}
#clinic h4#title05{ background: url(../images/clinic_h4-05.png) 0 0 no-repeat;}
#clinic h4#title06{ background: url(../images/clinic_h4-06.png) 0 0 no-repeat;}

#clinic .beta{
   width:300px;
   }
#clinic .beta2 {
  float: left;
	width: 433px;
	margin: 5px 0 5px 10px;
	padding: 5px 10px;
	background: #eeeeee;
 }
 
 /*IE6--hack*/
*html #clinic .beta2 {
  float: left;
	width: 453px;
	margin: 5px 0 5px 5px;
	padding: 5px 10px;
	background: #eeeeee;
}


#clinic .img_box {
	height: 200px;
	clear:both;
	margin-bottom: 15px;
   }
#clinic .beta dl{
   margin-top:5px;
   }
#clinic .beta ul{
   margin-top:5px;
   }

#clinic .access dt{
   float:left;
   width:90px;
   color:#4F2E14;
   }
#clinic .access dd{
   margin-left:90px;
   }
#clinic .access dd dl{
   margin:0;
   }
#clinic .access dd dt{
   font-weight:normal;
   width:50px;
   color:#666;
   }
#clinic .access dd dd{
   margin-left:50px;
   }
#clinic .access .hol{
    color:#9F1A00;
    }
#clinic  #map {  
    width: 450px; 
    height: 300px; 
    border: 2px solid #ccc;  
    margin: 5px;  
    }