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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Clinic                      */
/*                 09  Denture                     */
/*                 10  Implant                     */
/*                 11  Maintenance                 */
/*                 12  Means                       */
/*                 13  Perio                       */
/*                 14  Progress                    */
/*                 15  Step                        */
/*                 16  Treatment                   */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Green          #055919      */
/*        Main Color - Light Green    #d7eacd      */
/*        Main Color - Fresh Green    #8cb45d      */
/*                                                 */
/*        Sub Color  - Red            #eb3030      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

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

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

#main {
    width:800px;
    margin: 0px 1px 0px 1px;
    }
#content {
    width: 600px;
    float: right;
    font-size: 100%;
    line-height: 1.65em;
    color: #666;
    background: #fff;
    padding:0 0 0 0;
    margin:0;
    background:url(../images/content_bg.jpg) repeat-y;
    }


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

#header {
    background: url(../images/header_bg.jpg) 0 0 repeat-x;
    height: 110px;
    width: 800px;
    margin:0 1px 0 1px;
    padding: 0;
    }

h1 {
    width: 500px;
    height: 68px;
    line-height: 1%;
    float: left;
    padding:14px 0px 0px 20px;
    margin:0px;
}
h1 a {
    text-indent: -9999px;
    display: block;
    width: 500px;
    height: 68px;
    background: url(../images/header_logo.jpg) 0 0 no-repeat;
}
#header_01 {
    float:right;
    margin: 0;
    padding:14px 15px 0px 0px;
    line-height:1%;
}


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

#nav {
    width: 200px;
    float: left;
    margin:0 0 0 0px;
    padding:0 0 20px 0;
    }
#nav_01{background:url(../images/index_img01.jpg) top left no-repeat; margin:0px; padding:0px; width:200px; height:255px;}
#nav_01 p.img01{padding:20px 0px 0px 0px; margin:0px; line-height:1%;}
#nav ul,
#nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    }
#nav .internal{
    width:195px;
    padding:0px 0px 0px 5px;
    margin:0px;
    }
#nav .internal li {
    text-indent: -9999px;
    }

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

#nav01{ background: url(../images/nav.jpg) 0 0 no-repeat; height:45px; width:195px; }
#nav02 a { background: url(../images/nav.jpg) -5px -45px no-repeat; height:40px; margin-left:5px; width:190px; }
#nav03 a { background: url(../images/nav.jpg) -5px -85px no-repeat; height:40px; margin-left:5px; width:190px;}
#nav04 a { background: url(../images/nav.jpg) -5px -125px no-repeat; height:40px; margin-left:5px; width:190px;}
#nav05{ background: url(../images/nav.jpg) 0 -165px no-repeat; height:60px; padding:20px 0px 0px 0px; margin:0px; width:195px;}
#nav06 a { background: url(../images/nav.jpg) -5px -225px no-repeat; height:40px; margin-left:5px; width:190px;}
#nav07 a { background: url(../images/nav.jpg) -5px -265px no-repeat; height:40px; margin-left:5px; width:190px;}
#nav08 a { background: url(../images/nav.jpg) -5px -305px no-repeat; height:40px; margin-left:5px; width:190px;}
#nav09 a { background: url(../images/nav.jpg) -5px -345px no-repeat; height:40px; margin-left:5px; width:190px;}
#nav10 { background: url(../images/nav.jpg) 0 -385px no-repeat; height:50px;}
#nav10 a { background: url(../images/nav.jpg) -5px -385px no-repeat; height:40px; margin-left:5px; width:190px;}

#nav02 a:hover { background: url(../images/nav.jpg) -200px -45px no-repeat; height:40px; margin-left:5px;}
#nav03 a:hover { background: url(../images/nav.jpg) -200px -85px no-repeat; height:40px; margin-left:5px;}
#nav04 a:hover { background: url(../images/nav.jpg) -200px -125px no-repeat; height:40px; margin-left:5px;}
#nav06 a:hover { background: url(../images/nav.jpg) -200px -225px no-repeat; height:40px; margin-left:5px;}
#nav07 a:hover { background: url(../images/nav.jpg) -200px -265px no-repeat; height:40px; margin-left:5px;}
#nav08 a:hover { background: url(../images/nav.jpg) -200px -305px no-repeat; height:40px; margin-left:5px;}
#nav09 a:hover { background: url(../images/nav.jpg) -200px -345px no-repeat; height:40px; margin-left:5px;}
#nav10 a:hover { background: url(../images/nav.jpg) -200px -385px no-repeat; height:40px; margin-left:5px;}

#nav p { text-align: center; }
#nav_02{margin:10px 0px 0px 0px; padding:0px;}

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

#footer {
    clear: both;
    padding:0;
    margin: 0 auto;
    background: #fff url(../images/footer_bg.jpg) bottom repeat-x;
    font-size: 85.7%;
    line-height:1.5em;
    height:90px;
    color:#FFFFFF;
    }
*:first-child+html #footer { font-size: 12px; } /*  for IE7 only */
* html body #footer { font-size: 12px; } /*  for IE6 only */

#footer #footer_01{background:url(../images/footer_01.jpg) no-repeat top center; height:90px; width:802px; margin:0 auto;}
#footer #footer_01_01{ float:left; padding:15px 0px 0px 18px; margin:0px;}
#footer #footer_01_02{ float:right; padding:0px 15px 0px 0px; margin:9px 0px 0px 0px; text-align:right;}
#footer a {
    text-decoration: none;
    color: #FFFFFF;
    }
#footer a:hover { text-decoration: underline; }

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

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

#footer address { margin:0; padding:3px 0px 0px 0px; }


/*---------- 06  Contents -----------*/
#index .section { padding: 15px 22px 15px 28px; margin:0px; }
.section { padding: 15px 22px 20px 28px; margin:0px; }
#index .section .section{margin:0px; padding:0px 0px 0px 5px;}
.section .section { padding: 0 20px 20px 10px; margin:0; }
.section .section .section { padding: 0 0 10px 10px; margin:0; }

.center { text-align: center; }

#content h2 {
    width:548px;
    height: 40px;
    text-indent: -9999px;
    margin: 0 0 31px 0;
    padding:0;
    }
#content h3 {
    clear: both;
    height: 30px;
    text-indent: -9999px;
    width:540px;
    margin:0px -10px 20px -10px;
    padding:0px;
    font-size:1%;
    line-height:30px;
    }
#content h4 {
    height: 22px;
    text-indent: -9999px;
    margin:0px 0px 10px 0px;
    padding:0px;
    }

#content h5 {
    margin:0 0 10px 0;
    padding:0px 0px 0 15px;
    background:url(../images/icon01.jpg) 0 0px no-repeat;
    }
#content ul{
    margin:0;
    padding:0;
    }
#content ul li {
    list-style: none;
    background: url(../images/icon_01.jpg) 0 9px no-repeat;
    padding-left: 10px;
    }
#content ul.olist li {
    background-image: none;
    padding-left: 0;
    }


#content a { text-decoration: underline; }

a {
    color: #8f0000;
    outline: none;
    }
a:hover { color: #021b04; }

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

.image_r {
    float: right;
    margin:0;
    padding:0px 0px 0px 14px;
    display:block;
    line-height:1%;
    }
*:first-child+html .image_r { padding:0px 0px 0px 12px; margin:0; } /*  for IE7 only */
* html body .image_r { padding:0px 0px 0px 12px; margin:0; } /*  for IE6 only */
.case {
    margin: 0;
    background: url(../images/arrow.jpg) center center no-repeat;
    }
.case01 {
    margin: 0;
    background: url(../images/arrow01.jpg) 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;
    padding-bottom: 40px;
    padding-right:30px;
    }

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

p.caution {
    padding-left: 24px;
    background: url(../images/caution.png) 0 1px no-repeat;
    }

/* Hides from IE-mac \*/
p.answer:first-letter {
    display: block;
    padding: 2px;
    background: #4499af;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #ccc;
    margin: 0 5px 0 0;
    float: left;
    }
/* End hide from IE-mac */



#content table {
    border-collapse:collapse;
    font-size: 1em;
    color: #666;
    width: 100%;
    margin:0;
    }

#content table th,
#content table td {
    padding: 3px 10px 3px 10px;
    border: 1px solid #92a467;
    line-height:1.5em;
    }

#content table th {
    background: #efefff;
    color: #636570;
    width: 130px;
    }

input.submit {
    font-weight: bold;
    margin-right: 1.5em;
    }

.bg_01{
    background-color:#f3f8f0;
    }

.w01{
    width:304px;
    float:right;
    clear:right;
    display:block;
    margin-top:-.5em;
    }

/*---------- 07  Index -----------*/
.index_bg01{background:url(../images/index_img11.jpg) no-repeat left top #d3e8c8; margin:0px 10px 10px 0px; display:block; clear:both; }
.index_bg02{background:url(../images/index_img12.jpg) no-repeat left bottom; display:block; padding-bottom:7px;}
#index .alpha{float:left; margin:0px; padding:5px 0px 0px 5px; width:260px; display:block;}
#index .beta{float:right; margin:0px; padding:5px 5px 0px 0px; width:260px; display:block;}
.text_01{color:#1d5926; margin:0px; padding:5px 5px 0px 6px; line-height:17px; font-size:92.9%;}

#index dl { margin:0px; padding:0px; display:inline; line-height:16px; width:330px; float:right; height:250px; }
#index dl dt{ margin: 0 20px 0 0; padding: 0 0 8px 0; color:#799043; float: left; width:70px; }
#index dl dd{ margin: 0; padding: 0 0 8px 0; float: left; width:240px; }
#index dl dd.dd_01{color:#FF0000;}
#index dl dd.dd_02 { padding-left: 90px; float:left;}
#index dl dd.dd_03 { width:106px; float:right; padding:0 10px 0 0;}

#index p.bnr_movie a {
  display: block;
  width: 540px;
  height: 100px;
  background: url(../images/bnr_movie.jpg) 0 0 no-repeat;
  margin: 10px 0;
  text-indent: -9999px;
  outline: none;
}

#index p.bnr_movie a:hover { background-position: 0 bottom; }

/*---------- 08  Clinic -----------*/
#clinic h2#title01 {background:url(../images/clinic_h2.jpg) no-repeat 0 0; }
#clinic h3#title02 {background:url(../images/clinic_h3-01.jpg) no-repeat 0 0; }
#clinic h4#title03 {background:url(../images/clinic_h4-01.jpg) no-repeat 0 0; }
#clinic h4#title04 {background:url(../images/clinic_h4-02.jpg) no-repeat 0 0; }
#clinic h4#title05 {background:url(../images/clinic_h4-03.jpg) no-repeat 0 0; }
#clinic h4#title06 {background:url(../images/clinic_h4-04.jpg) no-repeat 0 0; }
#clinic h4#title07 {background:url(../images/clinic_h4-05.jpg) no-repeat 0 0; }
#clinic h3#title08 {background:url(../images/clinic_h3-02.jpg) no-repeat 0 0; }
#clinic h4#title09 {background:url(../images/clinic_h4-06.jpg) no-repeat 0 0; }
#clinic h3#title10 {background:url(../images/clinic_h3-03.jpg) no-repeat 0 0; }
#clinic h4#title11 {background:url(../images/clinic_h4-07.jpg) no-repeat 0 0; }
#clinic h4#title12 {background:url(../images/clinic_h4-08.jpg) no-repeat 0 0; }
#clinic h3#title13 {background:url(../images/clinic_h3-04.jpg) no-repeat 0 0; }
#clinic .clinic01{ float:right; margin:0px; padding:0px; width:305px; }
#clinic .alpha{float:left; margin:0px; padding:0px;}
#clinic dl { margin:0px; padding:0px; display:block; width:290px; }
#clinic dl dt{ margin: 0 10px 0 0; padding: 0; float: left; width:60px; display:inline;}
#clinic dl dd{ margin: 0; padding: 0; float: left; width:220px; display:block; }

#map {
    width: 500px;
    height: 320px;
    margin: 0;
    padding: 0;
    }

/*---------- 09  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 h3#title03 {background:url(../images/denture_h3-02.jpg) no-repeat 0 0; }
#denture h3#title04 {background:url(../images/denture_h3-03.jpg) no-repeat 0 0; }
.border{
    border:1px solid #0c4f18;
    background:#d3e8c8;
    margin:0px;
    padding:0px 10px 0px 10px;
}

.text_red{color:#c44430; font-weight:bold;}
.text_green{color:#0d4f18;}
.text_b{ font-weight:bold;}
#denture table.SrTable {
    border-collapse:collapse;
    font-size: 1em;
    color: #666;
    width: 100%;
    margin:0;
    }
* html #denture table.SrTable {
    border-collapse:collapse;
    font-size: 1em;
    color: #666;
    width: 94%;
    margin:0;
    }	
#denture table.SrTable td{
	text-align:center;
	background-color:#f3f8f0;
	}


#denture table.SrTable td.td01{
    text-align:left;
	width:80px;
	background:#f5f0d3;
	color:#c44430; 
	font-weight:bold;
    }
#denture table.SrTable th{
    /*width:135px;*/
	background:#FEE5D0;
    }
	#denture table.SrTable th.th01{
    width:80px;
	background:#FEE5D0;
    }
/*---------- 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 h4#title05 {background:url(../images/implant_h4-02.jpg) no-repeat 0 0; }
#implant h3#title06 {background:url(../images/implant_h3-03.jpg) no-repeat 0 0; }
#implant h4#title07 {background:url(../images/implant_h4-03.jpg) no-repeat 0 0; }
#implant h4#title08 {background:url(../images/implant_h4-04.jpg) no-repeat 0 0; }

/*---------- 11  Maintenance -----------*/
#maintenance h2#title01 {background:url(../images/maintenance_h2.jpg) no-repeat 0 0; }
#maintenance h3#title02 {background:url(../images/maintenance_h3-01.jpg) no-repeat 0 0; }
#maintenance h4#title03 {background:url(../images/maintenance_h4-01.jpg) no-repeat 0 0; }
#maintenance h3#title04 {background:url(../images/maintenance_h3-02.jpg) no-repeat 0 0; }

/*---------- 12  Means -----------*/
#means h2#title01 {background:url(../images/means_h2.jpg) no-repeat 0 0; }
#means h3#title02 {background:url(../images/means_h3-01.jpg) no-repeat 0 0; }
#means h3#title03 {background:url(../images/means_h3-02.jpg) no-repeat 0 0; }

/*---------- 13  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 h3#title04 {background:url(../images/perio_h3-02.jpg) no-repeat 0 0; }
#perio h4#title05 {background:url(../images/perio_h4-02.jpg) no-repeat 0 0; }
#perio h4#title06 {background:url(../images/perio_h4-03.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; }

/*---------- 14  Progress -----------*/
#progress h2#title01 {background:url(../images/progress_h2.jpg) no-repeat 0 0; }
#progress h3#title02 {background:url(../images/progress_h3-01.jpg) no-repeat 0 0; }
#progress h4#title03 {background:url(../images/progress_h4-01.jpg) no-repeat 0 0; }
#progress h4#title04 {background:url(../images/progress_h4-02.jpg) no-repeat 0 0; }
#progress h4#title05 {background:url(../images/progress_h4-03.jpg) no-repeat 0 0; }
#progress h4#title06 {background:url(../images/progress_h4-04.jpg) no-repeat 0 0; }

/*---------- 15  Step -----------*/
#step h2#title01 {background:url(../images/step_h2.jpg) no-repeat 0 0; }
#step h3#title02 {background:url(../images/step_h3-01.jpg) no-repeat 0 0; }
#step h3#title03 {background:url(../images/step_h3-02.jpg) no-repeat 0 0; }

#step table{
    width:520px;
    }
#step table td.td01{
    width:135px;
    }

#step .step01{
    background:#f5f0d3 url(../images/step_img02.jpg) center center no-repeat ;
    }
#step .step02{
    background:#f5f0d3 url(../images/step_img03.jpg) center center no-repeat ;
    }
#step .step03{
    background:#f5f0d3 url(../images/step_img04.jpg) center center no-repeat ;
    }
#step .step04{
    background:#f5f0d3 url(../images/step_img05.jpg) center center no-repeat ;
    padding:10px 0 10px 10px;
    }
#step .step05{
    background:#f5f0d3 url(../images/step_img06.jpg) center center no-repeat ;
    }
#step .step06{
    background:#f5f0d3 url(../images/step_img07.jpg) center center no-repeat ;
    }

/*---------- 16  Treatment -----------*/
#treatment h2#title01 {background:url(../images/treatment_h2.jpg) no-repeat 0 0; }
#treatment h3#title02 {background:url(../images/treatment_h3-01.jpg) no-repeat 0 0; }
#treatment h3#title03 {background:url(../images/treatment_h3-02.jpg) no-repeat 0 0; }
#treatment h3#title04 {background:url(../images/treatment_h3-03.jpg) no-repeat 0 0; }

#treatment .treatment01{
    font-size: 100%;
    margin:0 0 0px 0;
    padding:0px 0px 0 15px;
    background:url(../images/icon01.jpg) 0 5px no-repeat;
    }
    

/*---------- margin-padding -----------*/
.margin_b10{margin-bottom:10px;}
.margin_b16{margin-bottom:16px;}
.margin_b20{margin-bottom:20px;}
.margin_b38{margin-bottom:38px;}
.padding_index{padding:0px 20px 16px 10px;}
.padding_r10{padding-right:10px;}
.padding_b10{padding-bottom:10px;}