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

/*=======================TOC=======================*/
/* Concept */
/* Dr */
/* Info */
/* Implant */
/* Kinds */
/* Flow */
/* Perio */
/* Faq */
/* Access */
/* Sitemap */
/*                                                 */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - モスグリーン   #999966      */
/*        Main Color - 濃いグリーン   #1C3425      */
/*        Sub Color - 赤　　　　      #D90000      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { background:#999966; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) center repeat-y;
	width: 800px;
	padding: 0 38px 0 38px;
	margin: 0 auto;
	text-align: left;
	}
* html body #wrapper {width: 876px;
} /* for IE6 only */ 

#main {
	padding: 2px 10px 0 0; 
	height: 100%;
	border-top: solid 2px #fff;
	}

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


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

#header {
	background: url(../images/header_bg.png) repeat-x;
	height: 89px;
	margin: 0;
	padding: 0;
	}

#header .alpha {
	width: 400px;
	float: left;
	}

#header .beta {
	width: 170px;
	float: right;
	}

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

#header p.tel {
	margin: 0;
	padding: 0;
	width: 158px;
	height: 89px;
	background: url(../images/header_tel.png) 0 0 no-repeat;
	text-indent: -9999px;
	}

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

#nav {
	width: 190px;
	float: left;
	font-size: 100%;
	margin-top: 10px;
	}

#nav ul {
	width: 180px;
	margin: 5px 0 10px 10px;
	padding: 0;
	}

#nav ul li {
	margin: 0;
	padding: 0;
	width: 180px;
	list-style:none;
	}

#nav ul#menu li { text-indent: -9999px; }

#nav ul#menu li a {
	display: block;
	height: 28px;
	width: 180px;
	}

#nav01 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav02 a { background: url(../images/nav.jpg) 0 -28px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -56px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -84px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -112px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -140px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -168px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -196px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -224px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -252px no-repeat; }

#nav01 a:hover { background: url(../images/nav.jpg) -180px 0 no-repeat; }
#nav02 a:hover { background: url(../images/nav.jpg) -180px -28px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -180px -56px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -180px -84px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -180px -112px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -180px -140px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -180px -168px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -180px -196px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -180px -224px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -180px -252px no-repeat; }


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

#footer {
	clear: both;
	padding: 12px 0 2px 0;
	margin: 0;
	font-size: 85%;
	background: #FCF7EB;
	border-top: solid 2px #1C3425;
	}
*:first-child+html #footer { font-size: 9px; }
* html body #footer { font-size: 9px; }

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

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

#footer address {
	text-align: left;
	margin: 8px 1em;
	}

.footer_text{
width:220px;
height:52px;
font-size: 130%;
float:right;
background: #FCF7EB;
}

.footer_text span.txt-green {
  font-weight: bold;
  color: #006600;
	}

.footer_kaoi{
width:580px;
height:52px;
background: #FCF7EB;


float:left;
}
/*---------- Contents -----------*/


.section { padding: 5px 20px 5px 5px; }
.section01 { padding: 5px;
  width:560px; }

p.center { text-align: center; }

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

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

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

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a { color: #1C3425; }
a:hover { color: #D90000; }

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

#content ul.totop li {
	list-style: none;
	background: url(../images/to_top.gif) 0 0 no-repeat;
	float: right;
	width: 80px;
	text-indent: -9999px;
	}

#content ul.totop li a {
	display:block;
	height:15px;
 }
 
#content p.click {
	background: url(../images/click.jpg) 0 0 no-repeat;
	width: 60px;
	text-indent:-9999px;
	}
	
#content p.click a {
	display:block;
	height: 15px;
	}

#content p.detail {
	padding-top: 15px ;
	clear:both;
 }

.image_l {
	float: left;
	margin: 0 10px 10px 0;
	}
.image_r {
	float: right;
	margin: 0 0 10px 10px;
	}

#content div.right {
	float: right;
	width: 400px;
	}

#content dl dt {
	background: url(../images/list.gif) 0 2px no-repeat;
	padding-left: 15px;
	}

#content .case {  
	background: url(../images/arrow.gif) center center no-repeat;  
	padding: 10px 20px ;  
	}
	
#content .case .alpha,
#content .case .beta,
#content .case .gamma {
	float: left;
	margin: 0 15px 0 10px;
	}
	


/*---------- Index -----------*/
#index h2#title01 { background: url(../images/h2_index01.jpg) 0 0 no-repeat; }
#index h3#title02 { background: url(../images/h3_index02.jpg) 0 0 no-repeat; }
#index h3#title03 { background: url(../images/h3_index03.jpg) 0 0 no-repeat; }
#index h3#title04 { background: url(../images/h3_index04.jpg) 0 0 no-repeat; }

#greeting {
	padding: 0 10px 5px 10px ;
	}
	
#index .float-l {
  float: left;}
#index .float-r {
  float: right}
 

/*---------- Concept -----------*/
#concept h2#title01 { background: url(../images/h2_concept01.jpg) 0 0 no-repeat; }
#concept h3#title02 { background: url(../images/h3_concept02.jpg) 0 0 no-repeat; }
#concept h3#title03 { background: url(../images/h3_concept03.jpg) 0 0 no-repeat; }
#concept #content h4 { 
	background: url(../images/list.gif) 0 0 no-repeat;
	padding-left: 20px;
	text-indent: 0;
	font-weight:bold;
	}

#concept .clinic .alpha {
	width: 210px;
	float: left;
	margin: 10px 20px 0 20px;
	}

#concept .clinic .beta {
	width: 210px;
	float: right;
	margin: 10px 30px 0 20px;
	}

/*---------- Dr -----------*/
#dr h2#title01 { background: url(../images/h2_dr01.jpg) 0 0 no-repeat; }
#dr h3#title02 { background: url(../images/h3_dr02.jpg) 0 0 no-repeat; }
#dr h3#title03 { background: url(../images/h3_dr03.jpg) 0 0 no-repeat; }
#dr h4#title04 { background: url(../images/h4_dr04.jpg) 0 0 no-repeat; }

#dr #content dl {
	margin: 0 ;
	padding: 0;
	width: 330px;
	float:right;
	}

/*---------- Info -----------*/
#info h2#title01 { background: url(../images/h2_info01.jpg) 0 0 no-repeat; }
#info h3#title02 { background: url(../images/h3_info02.jpg) 0 0 no-repeat; }
#info h3#title03 { background: url(../images/h3_info03.jpg) 0 0 no-repeat; }
#info h3#title04 { background: url(../images/h3_info04.jpg) 0 0 no-repeat; }
#info #content .alpha {
	width: 200px;
	float:right;
	font-size: 90%;
	}

/*---------- Implant -----------*/
#implant h2#title01 { background: url(../images/h2_implant01.jpg) 0 0 no-repeat; }
#implant h3#title02 { background: url(../images/h3_implant02.jpg) 0 0 no-repeat; }
#implant h3#title03 { background: url(../images/h3_implant03.jpg) 0 0 no-repeat; }
#implant h4#title04 { background: url(../images/h4_implant04.jpg) 0 0 no-repeat; }
#implant h4#title05 { background: url(../images/h4_implant05.jpg) 0 0 no-repeat; }

/*---------- Kinds -----------*/
#kinds h2#title01 { background: url(../images/h2_kinds01.jpg) 0 0 no-repeat; }
#kinds h3#title02 { background: url(../images/h3_kinds02.jpg) 0 0 no-repeat; }
#kinds h3#title03 { background: url(../images/h3_kinds03.jpg) 0 0 no-repeat; }
#kinds h3#title04 { background: url(../images/h3_kinds04.jpg) 0 0 no-repeat; }

/*---------- Flow -----------*/
#flow h2#title01 { background: url(../images/h2_flow01.jpg) 0 0 no-repeat; }
#flow h3#title02 { background: url(../images/h3_flow02.jpg) 0 0 no-repeat; }
#flow h3#title03 { background: url(../images/h3_flow03.jpg) 0 0 no-repeat; }
#flow h3#title04 { background: url(../images/h3_flow04.jpg) 0 0 no-repeat; }
#flow h3#title05 { background: url(../images/h3_flow05.jpg) 0 0 no-repeat; }
#flow h3#title06 { background: url(../images/h3_flow06.jpg) 0 0 no-repeat; }
#flow h3#title07 { background: url(../images/h3_flow07.jpg) 0 0 no-repeat; }

/*---------- Perio -----------*/
#perio h2#title01 { background: url(../images/h2_perio01.jpg) 0 0 no-repeat; }
#perio h3#title02 { background: url(../images/h3_perio02.jpg) 0 0 no-repeat; }
#perio h4#title03 { background: url(../images/h4_perio03.jpg) 0 0 no-repeat; }
#perio h4#title04 { background: url(../images/h4_perio04.jpg) 0 0 no-repeat; }
#perio h4#title05 { background: url(../images/h4_perio05.jpg) 0 0 no-repeat; }

/*---------- Faq -----------*/
#faq h2#title01 { background: url(../images/h2_faq01.jpg) 0 0 no-repeat; }
#faq h3#title02 { background: url(../images/h3_faq02.jpg) 0 0 no-repeat; }
#faq h3#title03 { background: url(../images/h3_faq03.jpg) 0 0 no-repeat; }
#faq #content dt,
#faq #content dd { 
	background-image : none;
	padding-left : 0 ;
	margin-left : 0 ;
	}
	

/*---------- Access -----------*/
#access h2#title01 { background: url(../images/h2_access01.jpg) 0 0 no-repeat; }

#access #content dl#info {
	margin: 0 ;
	padding: 0;
	width: 270px;
	}

#holiday {
	font-weight:bold;
	color: #D90000 ;
	} 
	
#access .float-l {
  float: left;}
#access .float-r {
  float: right}	
	


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

.menutext_11{
font-size:11px;
}
.menutext_r{
color:#FF0000;
font-size:11px;
}

.clinic_info {

	margin: 0px 0 0px 5px;

	background: url(../images/clinic_info_bg.jpg) left repeat-y;

	}

.clinic_info h3 {

	height: 30px;

	margin: 0;

	padding: 0;

	text-indent: -9999px;

	}

h3#info01 { background: url(../images/h3_clinic01.jpg) 0 0 no-repeat; }

h3#info02 { background: url(../images/h3_clinic02.jpg) 0 0 no-repeat; }

#nav .clinic_info ul {

	margin: 1em;

	padding: 0;

	font-size: 85%;

	color: #666;

	}

#nav .clinic_info dt {

	margin: １em;

	padding: 0;

	font-size: 85%;

	color: #666;

	}


#nav .clinic_info dd {

	margin: 1em;

	padding: 0;

	font-size: 85%;

	color: #666;

	}



.clinic_info p {

	margin: 0;

	padding: 0;

	height: 37px;

	text-indent: -9999px;

	background: url(../images/clinic_info_p.jpg) 0 0 no-repeat;

	}
	
.top_seg03_01_0_01{

float:left;

display:inline;

	margin: 0px 0px 0px 0px;

}



p.icon01a {

background-image:url(../img/icon01.jpg);

background-repeat: no-repeat;

background-position:left 5px;

float:left;

clear:both;

}

p.icon01a span{

display:block;

margin: 0px 0px 0px 0px;

}
.text_indent20{
text-indent:20px;
margin-top:2px;
}