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

/*=======================TOC=======================*/
/*                                                 */
/*                   Base                          */
/*                   Container                     */
/*                   Header                        */
/*                   Navigation                    */
/*                   Footer                        */
/*                   Contents                      */
/*                   Index                         */
/*                   Speed                         */
/*                   Micro                         */
/*                   Perio                         */
/*                   Aesthe                        */
/*                   Bridal                        */
/*                   Early                         */
/*                   G-10                          */
/*                   G-20                          */
/*                   G-30                          */
/*                   G-40                          */
/*                   Case                          */
/*                   Question                      */
/*                   Clinic                        */
/*                   Sitemap                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Green          #00c1dc      */
/*        Main Color - Blue           #bbfffe      */
/*        Main Color - Bright Green   #bbfffe      */
/*                                                 */
/*        Sub Color - Yellow          #f667f5      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { background: #ebfff0; }

#wrapper {
  background: url(../images/wrapper_bg.jpg) repeat;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  width: 800px;
  margin: 0 auto;
  text-align: left;
  }
* html body #wrapper { width: 802px; }

#main {
  clear: both;
  margin: 0;
  background: url(../images/main_bg.gif) left repeat-y;
  height: 100%;
  }

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


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

#header {
  width: 800px;
  margin: 0;
  padding: 0;
  }

#header .alpha {
  background: #069d70 url(../images/header_alpha.png) center bottom no-repeat;
  color: #fff;
  font-size: 85%;
  }
*:first-child+html #header .alpha { font-size: 9px; }
* html body #header .alpha { font-size: 9px; }

#header .alpha a {
  color: #fff;
  text-decoration: none;
  }
#header .alpha a:hover { color: #ffb420; }

#header .beta {
  clear: both;
  height: 50px;
  background: url(../images/header_beta.png) 0 0 no-repeat;
  }

#header p {
  line-height: 1.0;
  margin: 0;
  }

#header p.lead {
  margin-left: 12px;
  padding: 2px 0;
  width: 80%;
  float: left;
  }
#header ul {
  width: 8em;
  float: right;
  margin: 0;
  padding: 0;
  }
#header ul li {
  list-style: none;
  display: inline;
  text-align: right;
  }

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

#header p.tel {
  margin: 2px 5px 0 0;
  padding: 0;
  float: right;
  }


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

#nav {
  width: 200px;
  float: left;
  font-size: 93%;
  line-height: 1.0;
  padding-top: 1px;
  }

#nav ul,
#nav li,
#nav dl,
#nav dt,
#nav dd,
#nav h2 {
  margin: 0;
  padding: 0;
  list-style: none;
  }

#nav a { text-decoration: none; }
#nav a:hover { color: #ffb420; }

#nav .pckp li { margin-bottom: 1px; }

#nav h2 {
  text-indent: -9999px;
  height: 26px;
  background: url(../images/nav_h2.png) 0 0 no-repeat;
  }

#nav .internal,
#nav .external { margin-bottom: 12px; }

* html body #nav .internal dl { float: left; }

#nav .internal li { display: inline; }

#nav .internal dt { margin: 0; }
#nav .internal dd {
  background: url(../images/li_nav_bg.png) 0 0 no-repeat;
  height: 21px;
  line-height: 21px;
  padding-left: 16px;
  }

#nav .internal dt#nav01,
#nav .internal dt#nav07,
#nav .internal li#nav13,
#nav .internal li#nav14,
#nav .internal li#nav15 {
  text-indent: -9999px;
  height: 25px;
  }
#nav .internal dd a {
  display: block;
  height: 25px;
  }
* html body #nav .internal dd a {
  display: block;
  height: 22px;
  }

#nav .internal dt#nav01 { background: url(../images/dt_nav01.png) 0 0 no-repeat; }
#nav .internal dt#nav07 { background: url(../images/dt_nav07.png) 0 0 no-repeat; }
#nav .internal li#nav13 a {
  display: block;
  height: 26px;
  background: url(../images/li_nav13.png) 0 0 no-repeat;
  }
#nav .internal li#nav14 a {
  display: block;
  height: 26px;
  background: url(../images/li_nav14.png) 0 0 no-repeat;
  }
#nav .internal li#nav15 a {
  display: block;
  height: 26px;
  background: url(../images/li_nav15.png) 0 0 no-repeat;
  }

#nav .internal li#nav13 a:hover { background: url(../images/li_nav13.png) 0 -25px no-repeat; }
#nav .internal li#nav14 a:hover { background: url(../images/li_nav14.png) 0 -25px no-repeat; }
#nav .internal li#nav15 a:hover { background: url(../images/li_nav15.png) 0 -25px no-repeat; }

#nav .external li { margin-bottom: 5px; }

#nav #nav16,
#nav #nav17,
#nav #nav19,
#nav #nav20 { margin-left: 10px; }
#nav #nav18 { margin-left: 25px; }


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

#footer {
  clear: both;
  padding: 12px 0 0 0;
  margin: 0;
  background: #069d70 url(../images/footer_bg.jpg) top repeat-x;
  font-size: 77%;
  text-align: left;
  color: #fff;
  }
*:first-child+html #footer { font-size: 9px; }
* html body #footer { font-size: 9px; }

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

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

#footer a { color: #fff; }

#footer address {
  margin: 12px 0 0 0;
  padding: 4px 1em;
  background: #fff;
  color: #069d70;
  }
  
#footer address a {
  color: #069d70;
  text-decoration: none;
  }


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


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

p.center { text-align: center; }

#content h2 {
  height: 40px;
  text-indent: -9999px;
  margin: 0 15px;
  }
#content h3 {
  clear: both;
  height: 26px;
  text-indent: -9999px;
  }
#content h4 {
  clear: both;
  height: 21px;
  text-indent: -9999px;
  }

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

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

#content ul li.detail {
  list-style: none;
  background: url(../images/to_detail.png) 0 0 no-repeat;
  padding-left: 22px;
  }

#content dt { font-weight: bold; }

#content a { text-decoration: none; }
a { color: #0ca272; }
#content a:hover {
  color: #3985b6;
  text-decoration: underline;
  }

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

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

.image_r {
  float: right;
  margin: 0 0 12px 12px;
  }

#content ul.totop li {
  list-style: none;
  background: url(../images/to_top.png) 0 2px no-repeat;
  font-size: 85%;
  padding-left: 15px;
  width: 8em;
  float: right;
  }

#content .case {
  background: url(../images/to_detail.png) center center no-repeat;
  padding: 0 20px;
  }

.case .alpha,
.case .beta,
.case03 .alpha,
.case03 .beta {
  float: left;
  margin: 0 5px 15px 0;
  }
.case .gamma,
.case03 .gamma {
  float: left;
  margin: 0 0 15px 0;
  }

.case02 {   
    background: url(../images/arrow.jpg) center center no-repeat;   
    padding: 0 30px;   
    } 

#content .case03 {
  padding: 0 20px;
  }

#content .case03 .arrow img {
  display: block;
  margin: 0 auto;}


#content .caption { text-align: center; }


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

#index h2#title01 {
  background: url(../images/h2_index01.png) 0 0 no-repeat;
  height: 37px;
  margin: 0;
  }
#index h3#title02 { background: url(../images/h3_index02.png) 0 0 no-repeat; }

#index #content {
  padding-top: 0;
  margin-top: 0;
  }
#index #content .section { padding: .5em 15px; }

#index #content p#top_img {
  margin: 0;
  padding: 0;
  }
#index #content img { display: block; }

#index #content ul,
#index #content li {
  margin: 0;
  padding: 0;
  background-image: none;
  }
#index #content #introduction li {
  width: 285px;
  float: left;
  }

#index #content #pckp-l li {
  width: 194px;
  height: 206px;
  float: left;
  }
#index #content #pckp-l li.nil { width: 182px; }


/*---------- Speed -----------*/

#speed h2#title01 { background: url(../images/h2_speed01.png) 0 0 no-repeat; }
#speed h3#title02 { background: url(../images/h3_speed02.png) 0 0 no-repeat; }
#speed h3#title03 { background: url(../images/h3_speed03.png) 0 0 no-repeat; }
#speed h3#title04 { background: url(../images/h3_speed04.png) 0 0 no-repeat; }
#speed h3#title05 { background: url(../images/h3_speed05.png) 0 0 no-repeat; }
#speed h3#title06 { background: url(../images/h3_speed06.png) 0 0 no-repeat; }
#speed h3#title07 { background: url(../images/h3_speed07.png) 0 0 no-repeat; }



/*---------- Micro -----------*/

#micro h2#title01 { background: url(../images/h2_micro01.png) 0 0 no-repeat; }
#micro h3#title02 { background: url(../images/h3_micro02.png) 0 0 no-repeat; }
#micro h3#title022 { background: url(../images/h3_micro022.png) 0 0 no-repeat; }
#micro h3#title03 { background: url(../images/h3_micro03.png) 0 0 no-repeat; }
#micro h3#title04 { background: url(../images/h3_micro04.png) 0 0 no-repeat; }
#micro h4#title05 { background: url(../images/h4_micro05.png) 0 0 no-repeat; }
#micro h4#title06 { background: url(../images/h4_micro06.png) 0 0 no-repeat; }



/*---------- Perio -----------*/

#perio h2#title01 { background: url(../images/h2_perio01.png) 0 0 no-repeat; }
#perio h3#title02 { background: url(../images/h3_perio02.png) 0 0 no-repeat; }
#perio h3#title03 { background: url(../images/h3_perio03.png) 0 0 no-repeat; }



/*---------- Aesthe -----------*/

#aesthe h2#title01 { background: url(../images/h2_aesthe01.png) 0 0 no-repeat; }
#aesthe h3#title02 { background: url(../images/h3_aesthe02.png) 0 0 no-repeat; }
#aesthe h3#title03 { background: url(../images/h3_aesthe03.png) 0 0 no-repeat; }
#aesthe h3#title04 { background: url(../images/h3_aesthe04.png) 0 0 no-repeat; }
#aesthe h3#title05 { background: url(../images/h3_aesthe05.png) 0 0 no-repeat; }
#aesthe h3#title06 { background: url(../images/h3_aesthe06.png) 0 0 no-repeat; }


/*---------- Bridal -----------*/

#bridal h2#title01 { background: url(../images/h2_bridal01.png) 0 0 no-repeat; }
#bridal h3#title02 { background: url(../images/h3_bridal02.png) 0 0 no-repeat; }
#bridal h3#title03 { background: url(../images/h3_bridal03.png) 0 0 no-repeat; }
#bridal h3#title04 { background: url(../images/h3_bridal04.png) 0 0 no-repeat; }
#bridal h3#title05 { background: url(../images/h3_bridal05.png) 0 0 no-repeat; }



/*---------- Early -----------*/

#early h2#title01 { background: url(../images/h2_early01.png) 0 0 no-repeat; }
#early h3#title02 { background: url(../images/h3_early02.png) 0 0 no-repeat; }
#early h4#title03 { background: url(../images/h4_early03.png) 0 0 no-repeat; }
#early h4#title04 { background: url(../images/h4_early04.png) 0 0 no-repeat; }
#early h4#title05 { background: url(../images/h4_early05.png) 0 0 no-repeat; }



/*---------- G-10 -----------*/

#g-10 h2#title01 { background: url(../images/h2_g-1001.png) 0 0 no-repeat; }
#g-10 h3#title02 { background: url(../images/h3_g-1002.png) 0 0 no-repeat; }
#g-10 h4#title03 { background: url(../images/h4_g-1003.png) 0 0 no-repeat; }
#g-10 h4#title04 { background: url(../images/h4_g-1004.png) 0 0 no-repeat; }



/*---------- G-20 -----------*/

#g-20 h2#title01 { background: url(../images/h2_g-2001.png) 0 0 no-repeat; }
#g-20 h3#title02 { background: url(../images/h3_g-2002.png) 0 0 no-repeat; }
#g-20 h3#title03 { background: url(../images/h3_g-2003.png) 0 0 no-repeat; }
#g-20 h3#title04 { background: url(../images/h3_g-2004.png) 0 0 no-repeat; }
#g-20 h3#title05 { background: url(../images/h3_g-2005.png) 0 0 no-repeat; }



/*---------- G-30 -----------*/

#g-30 h2#title01 { background: url(../images/h2_g-3001.png) 0 0 no-repeat; }
#g-30 h3#title02 { background: url(../images/h3_g-3002.png) 0 0 no-repeat; }
#g-30 h3#title03 { background: url(../images/h3_g-3003.png) 0 0 no-repeat; }
#g-30 h3#title04 { background: url(../images/h3_g-3004.png) 0 0 no-repeat; }



/*---------- G-40 -----------*/

#g-40 h2#title01 { background: url(../images/h2_g-4001.png) 0 0 no-repeat; }
#g-40 h3#title02 { background: url(../images/h3_g-4002.png) 0 0 no-repeat; }
#g-40 h3#title03 { background: url(../images/h3_g-4003.png) 0 0 no-repeat; }
#g-40 h3#title04 { background: url(../images/h3_g-4004.png) 0 0 no-repeat; }



/*---------- Case -----------*/

#case h2#title01 { background: url(../images/h2_case01.png) 0 0 no-repeat; }
#case h3#title02 { background: url(../images/h3_case02.png) 0 0 no-repeat; }
/*----------
#case h4#title03 { background: url(../images/h4_case03.png) 0 0 no-repeat; }
#case h4#title033 { background: url(../images/h4_case033.png) 0 0 no-repeat; }
#case h4#title04 { background: url(../images/h4_case04.png) 0 0 no-repeat; }
#case h4#title05 { background: url(../images/h4_case05.png) 0 0 no-repeat; }
#case h4#title06 { background: url(../images/h4_case06.png) 0 0 no-repeat;
                   height: 31px; }
#case h4#title07 { background: url(../images/h4_case07.png) 0 0 no-repeat; }
#case h4#title08 { background: url(../images/h4_case08.png) 0 0 no-repeat; }
#case h4#title09 { background: url(../images/h4_case09.png) 0 0 no-repeat; }
#case h4#title10 { background: url(../images/h4_case10.png) 0 0 no-repeat; }
#case h4#title11 { background: url(../images/h4_case11.png) 0 0 no-repeat; }
#case h4#title12 { background: url(../images/h4_case12.png) 0 0 no-repeat; }
-----------*/

#case h4 {
  background-image:none;
  text-indent:0;
  color:#3a85b3;
  font-weight:bold;
  border-left-width: 3px;
  border-left-style: solid;
  border-left-color: #3a85b3;
  padding-left:5px;
  font-size:100%;
  padding-top:3px;
}

/*---------- Question -----------*/

#question h2#title01 { background: url(../images/h2_question01.png) 0 0 no-repeat; }

#question #main #content .section p {
  text-align: center;
  margin: 20px 0 0 60px;
  }


/*---------- Clinic -----------*/

#clinic h2#title01 { background: url(../images/h2_clinic01.png) 0 0 no-repeat; }
#clinic h3#title02 { background: url(../images/h3_clinic02.png) 0 0 no-repeat; }
#clinic h3#title03 { background: url(../images/h3_clinic03.png) 0 0 no-repeat; }
#clinic h4#title04 { background: url(../images/h4_clinic04.png) 0 0 no-repeat; }
#clinic h4#title05 { background: url(../images/h4_clinic05.png) 0 0 no-repeat; }
#clinic h4#title06 { background: url(../images/h4_clinic06.png) 0 0 no-repeat; }
#clinic h4#title07 { background: url(../images/h4_clinic07.jpg) 0 0 no-repeat; }

#clinic #clinic_info dt {
  width: 7em;
  float: left;
  clear: both;
  }
#clinic #clinic_info dd { margin-left: 7em; }

#clinic #content .alpha {
  width: 250px;
  float: right;
  }
#clinic #content .beta {
  width: 260px;
  float: left;
  }

#clinic #content .alpha dl { margin-left: 0; }

#clinic #map {
  width: 500px;
  height: 400px;
  border: 2px solid #ddd;
  }

#clinic #content #map .InfoWin { width: 300px; }


/*---------- Retractor -----------*/
#retractor h2#title01 { background: url(../images/h2_retractor01.png) 0 0 no-repeat; }
#retractor h3#title02 { background: url(../images/h3_retractor02.png) 0 0 no-repeat; }
#retractor h3#title03 { background: url(../images/h3_retractor03.png) 0 0 no-repeat; }

/*---------- Aquasystem -----------*/
#aquasystem h2#title01 { background: url(../images/h2_aquasystem01.png) 0 0 no-repeat; }
#aquasystem h3#title02 { background: url(../images/h3_aquasystem02.png) 0 0 no-repeat; }
#aquasystem h3#title03 { background: url(../images/h3_aquasystem03.png) 0 0 no-repeat; }

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

#sitemap h2#title01 { background: url(../images/h2_sitemap01.png) 0 0 no-repeat; }

#sitemap #content dl,
#sitemap #content ul { margin-left: 1em; }

#sitemap #content dl dd,
#sitemap #content ul li {
  list-style: none;
  background: url(../images/li_bg.png) 0 7px no-repeat;
  padding-left: 12px;
  margin-left: 1em;
  }