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

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 100%;
	vertical-align:top;
}
	
h1 {
	height:24px;
	font-size:120%;
	line-height:2em;
	color:#666;
	padding:0px 0 0px 11px;
	margin:0px 0 0 0;} /* Header内で設定 */
h2 {
	display:block;
	margin: 0 0 15px 0;}
#index h2 { margin: -1px 0 0 0; }

h3 {
	clear: both;
	height: 35px;
	text-indent: -9999px;
	margin: 0 -9px 18px -9px;}
#index h3 {
	clear: both;
	height: 51px;
	text-indent: -9999px;
	margin: 0 -9px 10px -9px;}

h4 {
	height: 28px;
	text-indent: -9999px;
	margin: 0 0 10px 0;}
#content .icon{ 
	background:url(../images/icon02.jpg) 0 0px no-repeat;
	padding-left:20px;
	margin:0 0 5px 0;
	font-size:100%;
	line-height:1.14em;
	font-weight:bold;
	color:#666;
	}
	
a { color: #008c67; }
a:hover,
a:active { color: #ffcc00; text-decoration: none; }
a:visited {
}

ul{ margin:0; padding:0; }
ul li {
	list-style: none;
	background: url(../images/icon02.jpg) 0 0 no-repeat;
	padding-left: 20px;
	}
	
table {
	border-collapse: collapse;
	font-size: 100%;
	line-height:1.5em;
	color: #666;
	width: 100%;
	margin-bottom: 10px;
	}

table th,
table td {
	padding: 4px 10px;
	border: 1px solid #23927c;border-collapse: collapse;
	}

p { margin: 0 0 1em; }

dt img,dd img,li img { vertical-align: bottom; }


.section { padding: 0 9px 1em; }
.section .section { padding: 0 0 1em; }

.image_l { float: left; margin: 0 16px 0em 0; }
* html body .image_l { margin: 0 13px 0em 0;} /*  for IE6 only */
*:first-child+html .image_l  { margin: 0 16px 0px 0;} /*  for IE7 only */

.image_l1 { float: left; margin: 0 16px 1em 0; }
* html body .image_l1 { margin: 0 13px 0em 0;} /*  for IE6 only */
*:first-child+html .image_l1  { margin: 0 16px 0px 0;} /*  for IE7 only */

.image_r { float: right; margin: 0 0 1em 16px; }
* html body .image_r { margin: 0 0 0px 13px;} /*  for IE6 only */
*:first-child+html .image_r  { margin: 0 0 0px 16px;} /*  for IE7 only */

.image_r1 { float: right; margin: 0 0 1em 16px; }
* html body .image_r1 { margin: 0 0 6px 13px;} /*  for IE6 only */
*:first-child+html .image_r1  { margin: 0 0 6px 16px;} /*  for IE7 only */

.case {
	margin: 0 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }
ul.dec { list-style:decimal; margin-left:20px;}
ul.dec li { list-style:decimal; padding-left:0px;}
* html body ul.dec li {padding-left:-10px;}
ul.totop {
	clear: both;
	height:27px;
	padding: 0;
	margin:0 50px 20px 0;
	}
ul.totop li {
	list-style: none;
	width: 191px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	background-image: none;
	}
ul.totop li a {
	display: block;
	height: 25px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	}

.margin_0{ margin:0; }
.margin_b05 { margin-bottom:5px; }
.margin_b10 { margin-bottom:10px; }
.margin_b12 { margin-bottom:12px; }
.margin_b15 { margin-bottom:15px; }
.margin_b20 { margin-bottom:20px; }
.margin_b25 { margin-bottom:25px; }

.margin_l7{ margin-left:7px; }
.margin_l11_b11{ margin:0 0 11px 11px; }

.text01{ color:#17a654; font-weight:bold; }
.text02{ color:#20432f; font-weight:bold; }
.text03{ color:#ecb34e; font-weight:bold; }

.bg_br01{ background:#edfbef; border:2px solid #cae8cc; padding:5px 10px 8px; }
.bg_br02{ background:#edfbef; padding:5px; margin:0;  }
.bg_br03{ background:#edfbef; border:2px solid #cae8cc; padding:5px 10px 0px; }
.bg_br04{ background:#c1e6de; border:2px solid #63b3a2; padding:5px 10px 0px; color:#333333; }
.bg_br02 td {vertical-align:top;}
.text_b { font-weight:bold;}
p.img { line-height:1%; display:block; font-size:1%;}
.w15p { width:15%; vertical-align:top;}
.w70p { width:70%;}
.w29p { width:29%;}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
  background: url(../images/body_bg_02.jpg) center top no-repeat;
	color: #666;
	text-align: center;
}
body#index {
  background: url(../images/body_bg_01.jpg) center top no-repeat;
	color: #666;
	text-align: center;
}
#body01{ background:url(../images/body_bg_03.jpg) center bottom no-repeat; }

#wrapper {
	width: 920px;
	margin: 0 auto;
}
#main {
	clear:both;
	width: 910px;
	margin: 0 auto;
	text-align: left;
}

#content {
	width: 650px;
	float: right;
	font-size: 140%;
	line-height: 1.43em;
	color: #666;
	padding: 11px 0 0 0;
	margin:0 8px 0 0 ;
	display:inline;
	}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 920px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}
#header #header01 {
  background: url(../images/header_bg_02.jpg) center 0 no-repeat;
	height:114px;
	margin:0;
	padding:0;
}
#index #header #header01 {
  background: url(../images/header_bg_01.jpg) center 0 no-repeat;
}


#header .site_title {
	margin:24px 0 0 0;
	float:left;
}
#header .header_tel { margin:15px 8px 0 0; float:right; display:inline; }
#header h1 { position:absolute; }

#header_nav {
	height:58px;
	margin:0 5px;
	background:url(../images/header_nav_bg.jpg) center top no-repeat;
}
#header_nav ul { margin:0 6px; padding:0; }
#header_nav ul li{ float:left; margin:0; padding:0; }


.main_img_bg{ 
	background:url(../images/main_img_bg.jpg) center top no-repeat;
	height:105px;
	margin:0px 0 0 0;
	}
* html body .main_img_bg {margin:-1px 0 0 0;}
.main_img{ margin:26px 0 0 0; float:right; line-height:1%; }
* html body .main_img{ margin:26px 0 0 0; float:right; }

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	height:135px;
	text-align: center;
  background: url(../images/footer_bg.jpg) 0 no-repeat;
}
#footer #footer01{ height:100px; margin:0 12px 13px 19px; }
#footer .footer_tel{ margin:33px 0 0 0; float:left; }
#footer .footer_bn{ margin:20px 0 0 0; float:right; }

#footer address {
	margin: 0 auto;
	font-size:110%;
	line-height:1.64em;
	color:#008C67;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 240px;
	text-align: center;
}

#navi .nav_bg01{ background:url(../images/nav_bg01.jpg) center repeat-y; margin:0 0 9px; }
#navi .nav_bg01_top{ background:url(../images/nav_bg02.jpg) center top no-repeat; }
#navi .nav_bg01_bottom{ background:url(../images/nav_bg03.jpg) center bottom no-repeat; padding:17px 11px 11px 11px; }

#navi ul {
	margin: 0;
	padding:0;
}

#navi ul li {
	list-style: none;
	margin: 0 0 1px;
	padding:0;
	vertical-align: top;
}

#navi .nav_bg02{ background:url(../images/nav_bg04.jpg) center repeat-y; margin:0 5px 11px; }
#navi .nav_bg02_top{ background:url(../images/nav_bg05.jpg) center top no-repeat; }
#navi .nav_bg02_bottom{ background:url(../images/nav_bg06.jpg) center bottom no-repeat; padding:8px 10px 18px 10px; }

#navi .nav_text{ font-size:100%; line-height:1.5em; padding:0 15px; margin:0; text-align:left; }

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/
#index h3#title02{ background:url(../images/index_h3-01.jpg) 0 0 no-repeat; }

#index .index_bg01{ background:url(../images/index_bg_01.jpg) center repeat-y; margin:0 0 22px; }
#index .index_bg01_top{ background:url(../images/index_bg_02.jpg) center top no-repeat; }
#index .index_bg01_bottom{ background:url(../images/index_bg_03.jpg) center bottom no-repeat; padding:6px 10px 12px; }

#content dl.dl01{ width:610px; margin:0 8px; padding:0; font-size:100%; }
#content dl.dl01 dt{ width:90px; float:left; margin:0 12px 0 0; padding:0; }
#content dl.dl01 dd{ width:508px; float:left; margin:0; padding:0; }
#content dl.dl01 dd.dd01{ width:601px; float:none; clear:both; font-size:0.1%; padding:6px 0 6px 0; }
#content dl.dl01 dd.dd01 img { line-height:1%; display:block; }



.index01{ border: 2px solid #cae8cc; padding:11px 0 2px 0; }
.index02{ margin:0 0 21px 0; }

#index #content .alpha01{ width:322px; float:left; }
#index #content .beta01{ width:322px; float:right; }
#index #content .alpha02{ width:290px; float:left; }
#index #content .beta02{ width:320px; float:right; padding-top:7px; }


#index .index_bg02{ background:url(../images/index_bg_05.jpg) center repeat-y; }
#index .index_bg02_top{ background:url(../images/index_bg_06.jpg) center top no-repeat; }
#index .index_bg02_bottom{ background:url(../images/index_bg_07.jpg) center bottom no-repeat; padding:4px; }

#index .index_bg03{ background:url(../images/index_bg_08.jpg) 197px 0px no-repeat; padding:6px 10px 9px 5px; }
#index .index_bg04{ background:url(../images/index_bg_09.jpg) 197px 0 no-repeat; padding:6px 10px 9px 5px; }

.index_text01{ margin:0 100px 7px 6px; font-size:12px; }
.index_text02{ margin:0 100px 7px 6px; font-size:12px; }

.index03{ padding:0 9px; margin:0; clear:both; background:url(../images/index_bg_13.jpg) right bottom no-repeat; }

#index .index_bg05{ background:url(../images/index_bg_10.jpg) center repeat-y; margin:0 0 20px; }
#index .index_bg05_top{ background:url(../images/index_bg_11.jpg) center top no-repeat; }
#index .index_bg05_bottom{ background:url(../images/index_bg_12.jpg) center bottom no-repeat; padding:11px 17px 17px 11px; }

#content dl.dl02{ width:290px; margin:0; padding:0; }
#content dl.dl02 dt{
	width:54px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	color:#008C67;
	font-weight:bold;
	text-indent:19px;
	background:url(../images/icon_01.jpg) 3px 5px no-repeat; 
	}
	
#content dl.dl02 dd{ width:226px; float:left; margin:0; padding:0; }

#tiny {
	height: 150px;
	overflow: scroll;
}
#tiny table { border: none; width:500px;}
#tiny table td { border: none;}


/* clinic/concept
------------------------------------------------------------------------*/
#clinic_concept h3#title02{ background:url(../images/clinic_concept_h3-01.jpg) 0 0 no-repeat; }
#clinic_concept h4#title03{ background:url(../images/clinic_concept_h4-01.jpg) 0 0 no-repeat; }
#clinic_concept h3#title04{ background:url(../images/clinic_concept_h3-02.jpg) 0 0 no-repeat; }

.beta03 { width: 465px; float:right; padding:0;}

#content dl.dl03{ width:450px; margin:0 0px; padding:0; font-size:100%; }
#content dl.dl03 dt{ width:50px; float:left; margin:0 0px 0 0; padding:0;  }
#content dl.dl03 dd{ width:400px; float:left; margin:0; padding:0; }

ul.ul01 { margin:0;}
ul.ul01 li { margin:0; padding:0;}


/* clinic/access
------------------------------------------------------------------------*/
#clinic_access h3#title02{ background:url(../images/clinic_access_h3-01.jpg) 0 0 no-repeat; }

/* clinic/clinic
------------------------------------------------------------------------*/
#clinic_clinic h3#title02{ background:url(../images/clinic_clinic_h3-01.jpg) 0 0 no-repeat; }
#clinic_clinic h4#title03{ background:url(../images/clinic_clinic_h4-01.jpg) 0 0 no-repeat; }

ul.ul02 { margin:0 0 10px 0;}
ul.ul02 li { 
	margin:0 10px 0 0;
	padding:0;
	color:#008C67;
	text-indent:19px;
	background:url(../images/icon_01.jpg) 3px 5px no-repeat;
}

/* treatment/general
------------------------------------------------------------------------*/
#treatment_general h3#title02{ background:url(../images/treatment_general_h3-01.jpg) 0 0 no-repeat; }
#treatment_general h4#title03{ background:url(../images/treatment_general_h4-01.jpg) 0 0 no-repeat; }
#treatment_general h4#title04{ background:url(../images/treatment_general_h4-02.jpg) 0 0 no-repeat; }

/* treatment/perio
------------------------------------------------------------------------*/
#treatment_perio h3#title02{ background:url(../images/treatment_perio_h3-01.jpg) 0 0 no-repeat; }
#treatment_perio h4#title03{ background:url(../images/treatment_perio_h4-01.jpg) 0 0 no-repeat; }
#treatment_perio h4#title04{ background:url(../images/treatment_perio_h4-02.jpg) 0 0 no-repeat; }

/* treatment/implant
------------------------------------------------------------------------*/
#treatment_implant h3#title02{ background:url(../images/treatment_implant_h3-01.jpg) 0 0 no-repeat; }
#treatment_implant h4#title03{ background:url(../images/treatment_implant_h4-01.jpg) 0 0 no-repeat; }
#treatment_implant h4#title04{ background:url(../images/treatment_implant_h4-02.jpg) 0 0 no-repeat; }
#treatment_implant h4#title05{ background:url(../images/treatment_implant_h4-03.jpg) 0 0 no-repeat; }
#treatment_implant h4#title06{ background:url(../images/treatment_implant_h4-04.jpg) 0 0 no-repeat; }
#treatment_implant h4#title07{ background:url(../images/treatment_implant_h4-05.jpg) 0 0 no-repeat; }
.case03 {
	margin: 0px 20px;
	background: url(../images/arrow_case_03.jpg) 172px 36px no-repeat;
}
.image_alpha { float:left; width:136px; display:inline; margin:0 0 0 0;}
.image_beta { float:left; width:136px; display:inline; margin:0 0 0 92px;}
.image_gamma { float:right; width:136px; display:inline; margin:0 0 0 0;}
p.caption { text-align:center;}
ul.ul03 { margin:0 0 0px 0;}
ul.ul03 li { 
	margin:0 0px 0 0;
	padding:0;
	padding-left:15px;
	background:url(../images/icon_01.jpg) 3px 5px no-repeat;
}
p.img { line-height:1%; padding:0; display:block; margin:0 0 5px 0;}
ul.ul04 { margin:0 0 10px 20px;}
ul.ul04 li { 
	margin:0 0px 0 0;
	padding:0;
	padding-left:15px;
	background:url(../images/icon_01.jpg) 3px 5px no-repeat;
}

/* treatment/esthetic
------------------------------------------------------------------------*/
#treatment_esthetic h3#title02{ background:url(../images/treatment_esthetic_h3-01.jpg) 0 0 no-repeat; }
#treatment_esthetic h4#title03{ background:url(../images/treatment_esthetic_h4-01.jpg) 0 0 no-repeat; }
#treatment_esthetic h4#title04{ background:url(../images/treatment_esthetic_h4-02.jpg) 0 0 no-repeat; }
#treatment_esthetic h4#title05{ background:url(../images/treatment_esthetic_h4-03.jpg) 0 0 no-repeat; }
.imgl { width:200px; float:left; display:inline;}
.imgr { width:200px; float:right; display:inline;}

/* treatment/ortho
------------------------------------------------------------------------*/
#treatment_ortho h3#title02{ background:url(../images/treatment_ortho_h3-01.jpg) 0 0 no-repeat; }
#treatment_ortho h4#title03{ background:url(../images/treatment_ortho_h4-01.jpg) 0 0 no-repeat; }
#treatment_ortho h4#title04{ background:url(../images/treatment_ortho_h4-02.jpg) 0 0 no-repeat; }

/* treatment/prevent
------------------------------------------------------------------------*/
#treatment_prevent h3#title02{ background:url(../images/treatment_prevent_h3-01.jpg) 0 0 no-repeat; }
#treatment_prevent h4#title03{ background:url(../images/treatment_prevent_h4-01.jpg) 0 0 no-repeat; }
#treatment_prevent h4#title04{ background:url(../images/treatment_prevent_h4-02.jpg) 0 0 no-repeat; }
#treatment_prevent h4#title05{ background:url(../images/treatment_prevent_h4-03.jpg) 0 0 no-repeat; }
#treatment_prevent h4#title06{ background:url(../images/treatment_prevent_h4-04.jpg) 0 0 no-repeat; }
#treatment_prevent h3#title07{ background:url(../images/treatment_prevent_h3-02.jpg) 0 0 no-repeat; }