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



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



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

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



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

body { background: url(../images/body_bg.jpg) ; }

#wrapper {
	background: url(../images/wrapper_bg.jpg) center top repeat-x;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

#index #wrapper {
	background: url(../images/wrapper_bg.jpg) center top repeat-x;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
#wrapper {
	background: url(../images/wrapper_bg02.jpg) center top repeat-x;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

#main {
	margin: 0 auto 0 auto ;
	padding:0 0 0 0;
	width: 904px;
	background: url(../images/main_bg.gif) ;
	text-align: left;
	}

#main02 {
	margin: 0 ;
	background:url(../images/nav_bg.jpg) 2px bottom no-repeat;
	text-align: left;
	}

#content {
	width: 702px;
	float: right;
	font-size: 108%;
	line-height: 1.6;
	color: #666;
	background: #fff;
	padding: 1em 0 1em 0;
	margin:-10px 0 0 0;
	background:url(../images/main_bg01.gif) -202px top no-repeat;
	position:relative;
	}
	

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

#index #header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 315px;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	}
#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 285px;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	}

h1 {
	text-indent: -9999px;
	width: 525px;
	height:150px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	width: 525px;
	height: 150px;
	margin:20px 0 0 105px;
	}
#index #header #header_box{
	width:904px;
	height:215px;
	}

#header .section {
	margin: 0 5px;
	padding: 0;
	clear:both;
	height: 63px;
	}
	
#index #header #logo {
	margin:25px 0 0 0;
	width: 260px;
	height:190px;
	float: right;
	}

#header #logo {
	margin:25px 0 10px 0;
	width: 260px;
	float: right;
	}
	
#header p.tel img { display: block;float: right; }

#header_nav {
	margin: 0;
	padding: 21px 0 0 0;;
	list-style: none;
	width: 290px;
	}

#header_nav li {
	height: 42px;
	float: left;
	text-indent: -9999px;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	}
#header_nav li a {
	display: block;
	height: 42px;
	}

#nav01 a {
	background: url(../images/header_nav.jpg) 0 0 no-repeat;
	width: 160px;
	}
#nav02 a {
	background: url(../images/header_nav.jpg) -160px 0 no-repeat;
	width: 110px;
	}

#nav01 a:hover {background: url(../images/header_nav.jpg) 0 -42px no-repeat;}
#nav02 a:hover {background: url(../images/header_nav.jpg) -160px -42px no-repeat;}


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

#nav {
	width: 202px;
	float: left;
	padding:0;
	margin-top:-10px;
	background:url(../images/main_bg01.gif) left top no-repeat;
	position:relative;
	}
#nav ul{
	margin: 10px 0 0 2px;
	padding: 0;
	list-style: none;
	width: 200px;
	}

#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

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

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

#nav03 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -50px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -100px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -150px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -200px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -250px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -300px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -350px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -400px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -450px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -500px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) 0 -550px no-repeat; }
#nav15 a { background: url(../images/nav.jpg) 0 -600px no-repeat; }

#nav03 a:hover { background: url(../images/nav.jpg) -200px 0 no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -200px -50px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -200px -100px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -200px -150px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -200px -200px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -200px -250px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -200px -300px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -200px -350px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -200px -400px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -200px -450px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -200px -500px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -200px -550px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -200px -600px no-repeat; }

#nav p { text-align: center; }

#nav #box_info{
	background: url(../images/nav_info02.jpg) center bottom;
	width:180px;
	margin:20px 0 0 10px;
	text-align:left;
	font-size:77%;
	}
#nav #box_info p.n_title{
	background: url(../images/nav_info01.jpg) 0 0 no-repeat;
	height:45px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}

#nav #box_info p{
	margin:0;
	padding: 0 10px 10px 10px;
	text-align:left;
	}

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

#footer {
	clear: both;
	padding: 0 0 20px 0;
	margin: 0 auto;
	font-size: 85%;
	text-align: center;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer a {
	text-decoration: none;
	color: #f94956;
	}
#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: 0 auto;
	background: url(../images/footer_bg.gif) center top no-repeat;
	width:904px;
	height:55px;
	text-indent:-9999px;
	display:block;
	}


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

.section { padding: .5em 25px 1em 25px; }
.section .section { padding: .5em 10px 1em 10px; }

*html .section { padding: .5em 15px 1em 15px; }

.center { text-align: center; }

#content h2 {
	height: 80px;
	text-indent: -9999px;
	margin: 0 20px;
	}
#content h3 {
	clear: both;
	height: 60px;
	text-indent: -9999px;
	}
#content h4 {
	height: 30px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	border-left: solid 2px #999;
	padding-left:10px;
	color:#339999;
	}

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

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #0D545E;
	outline: none;
	}
a:hover { color: #13A663; }

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

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

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

.case {
	margin: 10px 20px;
	background: url(../images/arrow.jpg) center center no-repeat;
	}
.case02 {
	margin: 10px 20px;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow.jpg) 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: 20px;
	}

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

p.caution {
	padding-left: 24px;
	background: url(../images/caution.jpg) 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;
	border: 1px solid #0D545E;
	font-size: 100%;
	color: #666;
	margin-left: 10px;
	}

#content table th,
#content table td {
	padding: 4px 6px;
	border: 1px solid #0D545E;
	}

#content table th {
	background: #CCFFCC;
	color: #006666;
	}
#content table th.title {
	background: #CCFFFF;
	color: #0099CC;
	}
	
input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}
.text01{
	font-weight:bold;
	color:#006666;
	}

/*---------- 07  Index -----------*/
#index h2#title01{background:url(../images/index_h2-01.jpg) 0 0 no-repeat; height:70px; margin:0;}
#index h3#title02{background:url(../images/index_h3-02.jpg) center top no-repeat; height:70px;}
#index h3#title03 a{
	background:url(../images/index_h3-03.jpg) 0 0 no-repeat;
	height:52px;
	width:640px;
	display: block;
	}
#index h3#title03 a:hover{background:url(../images/index_h3-03.jpg) 0 -52px no-repeat;}
#index h4#title04{background:url(../images/index_h4-04.jpg) 0 15px no-repeat; height:45px;}

#index .index_bg{background:url(../images/index01.jpg) right bottom no-repeat; padding:10px;}

#index ul.new{
	width:580px;
	padding:10px 30px 20px 30px;
	background:url(../images/index_bg.jpg) center bottom no-repeat;
	margin:0 auto;
	}
*html #index ul.new{
	margin:0 26px;
	}
*html #index ul.new{width:620px;}

/*---------- 08  clinic -----------*/
#clinic h2#title01{background:url(../images/clinic_h2-01.jpg) 0 0 no-repeat;}
#clinic h3#title02{background:url(../images/clinic_h3-02.jpg) 0 0 no-repeat;}
#clinic h4#title03{background:url(../images/clinic_h4-03.jpg) 0 0 no-repeat;}
#clinic h3#title04{background:url(../images/clinic_h3-04.jpg) 0 0 no-repeat;}
#clinic h4#title05{background:url(../images/clinic_h4-05.jpg) 0 0 no-repeat;}
#clinic h4#title06{background:url(../images/clinic_h4-06.jpg) 0 0 no-repeat;}
#clinic h4#title07{background:url(../images/clinic_h4-07.jpg) 0 0 no-repeat;}
#clinic h4#title08{background:url(../images/clinic_h4-08.jpg) 0 0 no-repeat;}
#clinic h4#title09{background:url(../images/clinic_h4-09.jpg) 0 0 no-repeat;}
#clinic h4#title10{background:url(../images/clinic_h4-10.jpg) 0 0 no-repeat;}
#clinic h3#title11{background:url(../images/clinic_h3-11.jpg) 0 0 no-repeat;}
#clinic h3#title12{background:url(../images/clinic_h3-12.jpg) 0 0 no-repeat;}


/*---------- 09  faq -----------*/
#faq h2#title01{background:url(../images/faq_h2-01.jpg) 0 0 no-repeat;}
#faq h3#title02{background:url(../images/faq_h3-02.jpg) 0 0 no-repeat;}
#faq h4#title03{background:url(../images/faq_h4-03.jpg) 0 0 no-repeat;}

#faq #content dl{
	margin: 20px 20px 0 20px ;
	width:600px;
	padding:0;
	}
#faq #content dt{
	border-top: 1px solid #66EBA3;
	border-left: 1px solid #66EBA3;
	border-right: 1px solid #66EBA3;
	border-bottom: 1px dotted #66EBA3;
	background: #D1FFDB url(../images/faq_q.jpg) 5px 5px no-repeat;
	padding: 20px 5px 20px 115px ;
	margin: 0;
	color:#00856B;
	font-size:108%;
	}
#faq #content dd{
	border-bottom: 1px solid #66EBA3;
	border-left: 1px solid #66EBA3;
	border-right: 1px solid #66EBA3;
	background:url(../images/faq_a.jpg) 5px 5px no-repeat;
	padding: 9px 5px 9px 120px ;
	margin: 0 0 20px 0;
	}

#faq #content ul.faq_li{
	margin: 10px 50px;
	background:#EEFFF1;
	padding:10px 20px;
	}
#faq #content .faq_li li{
	background:url(../images/faq_li.gif) 0 0 no-repeat;
	padding-left:25px;
	color:#00856B;
	margin:10px 0;
	}

/*---------- 10  caries -----------*/
#caries h2#title01{background:url(../images/caries_h2-01.jpg) 0 0 no-repeat;}
#caries h3#title02{background:url(../images/caries_h3-02.jpg) 0 0 no-repeat;}
#caries h3#title03{background:url(../images/caries_h3-03.jpg) 0 0 no-repeat;}
#caries h4#title04{background:url(../images/caries_h4-04.jpg) 0 0 no-repeat;}
#caries h4#title05{background:url(../images/caries_h4-05.jpg) 0 0 no-repeat;}
#caries h4#title06{background:url(../images/caries_h4-06.jpg) 0 0 no-repeat;}
#caries h4#title07{background:url(../images/caries_h4-07.jpg) 0 0 no-repeat;}
#caries h4#title08{background:url(../images/caries_h4-08.jpg) 0 0 no-repeat;}
#caries h3#title09{background:url(../images/caries_h3-09.jpg) 0 0 no-repeat;}
#caries h3#title10{background:url(../images/caries_h3-10.jpg) 0 0 no-repeat;}
#caries h3#title19{background:url(../images/aesthe_h3-19.jpg) 0 0 no-repeat;}
#caries .box {
	width:360px;
	float:right;
	}



#caries #content dl{margin:10px;}
#caries #content dt {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	border-left: solid 2px #999;
	padding-left:10px;
	color:#339999;
	}

/*---------- 11  perio -----------*/
#perio h2#title01{background:url(../images/perio_h2-01.jpg) 0 0 no-repeat;}
#perio h3#title02{background:url(../images/perio_h3-02.jpg) 0 0 no-repeat;}
#perio h3#title03{background:url(../images/perio_h3-03.jpg) 0 0 no-repeat;}
#perio h4#title04{background:url(../images/perio_h4-04.jpg) 0 0 no-repeat;}
#perio h4#title05{background:url(../images/perio_h4-05.jpg) 0 0 no-repeat;}
#perio h4#title06{background:url(../images/perio_h4-06.jpg) 0 0 no-repeat;}
#perio h4#title07{background:url(../images/perio_h4-07.jpg) 0 0 no-repeat;}
#perio h3#title08{background:url(../images/perio_h3-08.jpg) 0 0 no-repeat;}
#perio h4#title09{background:url(../images/perio_h4-09.jpg) 0 0 no-repeat;}

#perio #content ul.box {
	border: 1px solid #66EBA3;
	padding:10px 20px;
	width:600px;
	margin:10px;
	}

/*---------- 12  aesthe -----------*/
#aesthe h2#title01{background:url(../images/aesthe_h2-01.jpg) 0 0 no-repeat;}
#aesthe h3#title02{background:url(../images/aesthe_h3-02.jpg) 0 0 no-repeat;}
#aesthe h4#title03{background:url(../images/aesthe_h4-03.jpg) 0 0 no-repeat;}
#aesthe h4#title04{background:url(../images/aesthe_h4-04.jpg) 0 0 no-repeat;}
#aesthe h4#title05{background:url(../images/aesthe_h4-05.jpg) 0 0 no-repeat;}
#aesthe h3#title06{background:url(../images/aesthe_h3-06.jpg) 0 0 no-repeat;}
#aesthe h4#title07{background:url(../images/aesthe_h4-07.jpg) 0 0 no-repeat;}
#aesthe h4#title08{background:url(../images/aesthe_h4-08.jpg) 0 0 no-repeat;}
#aesthe h4#title09{background:url(../images/aesthe_h4-09.jpg) 0 0 no-repeat;}
#aesthe h3#title10{background:url(../images/aesthe_h3-10.jpg) 0 0 no-repeat;}
#aesthe h4#title11{background:url(../images/aesthe_h4-11.jpg) 0 0 no-repeat;}
#aesthe h4#title12{background:url(../images/aesthe_h4-12.jpg) 0 0 no-repeat;}
#aesthe h4#title13{background:url(../images/aesthe_h4-13.jpg) 0 0 no-repeat;}
#aesthe h4#title14{background:url(../images/aesthe_h4-14.jpg) 0 0 no-repeat;}
#aesthe h4#title15{background:url(../images/aesthe_h4-15.jpg) 0 0 no-repeat;}
#aesthe h4#title16{background:url(../images/aesthe_h4-16.jpg) 0 0 no-repeat;}
#aesthe h4#title17{background:url(../images/aesthe_h4-17.jpg) 0 0 no-repeat;}
#aesthe h3#title18{background:url(../images/aesthe_h3-18.jpg) 0 0 no-repeat;}

#aesthe h3#title20{background:url(../images/aesthe_h3-20.jpg) 0 0 no-repeat;}
#aesthe h3#title21{background:url(../images/aesthe_h3-21.jpg) 0 0 no-repeat;}
#aesthe h4#title22{background:url(../images/aesthe_h4-22.jpg) 0 0 no-repeat;}
#aesthe h4#title23{background:url(../images/aesthe_h4-23.jpg) 0 0 no-repeat;}
#aesthe h4#title24{background:url(../images/aesthe_h4-24.jpg) 0 0 no-repeat;}

#aesthe #content ul{margin:0 10px; }
#aesthe #content ul li{color:#666;}

#aesthe th,
#aesthe td{width:280px;}

#aesthe #content dl{margin:10px;}
#aesthe #content dt {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	border-left: solid 2px #999;
	padding-left:10px;
	color:#339999;
	}
#aesthe #content ul.box {
	width:300px;
	margin:10px;
	}

/*---------- 13  whitening -----------*/




/*---------- 14  ortho -----------*/
#ortho h2#title01{background:url(../images/ortho_h2-01.jpg) 0 0 no-repeat;}
#ortho h3#title02{background:url(../images/ortho_h3-02.jpg) 0 0 no-repeat;}
#ortho h4#title03{background:url(../images/ortho_h4-03.jpg) 0 0 no-repeat;}
#ortho h4#title04{background:url(../images/ortho_h4-04.jpg) 0 0 no-repeat;}
#ortho h3#title05{background:url(../images/ortho_h3-03.jpg) 0 0 no-repeat;}



/*---------- 15  denture -----------*/
#denture h2#title01{background:url(../images/denture_h2-01.jpg) 0 0 no-repeat;}
#denture h3#title02{background:url(../images/denture_h3-02.jpg) 0 0 no-repeat;}
#denture h4#title03{background:url(../images/denture_h4-03.jpg) 0 0 no-repeat;}
#denture h4#title04{background:url(../images/denture_h4-04.jpg) 0 0 no-repeat;}
#denture h4#title05{background:url(../images/denture_h4-05.jpg) 0 0 no-repeat;}
#denture h3#title06{background:url(../images/denture_h3-06.jpg) 0 0 no-repeat;}
#denture h3#title07{background:url(../images/denture_h3-07.jpg) 0 0 no-repeat;}
#denture h4#title08{background:url(../images/denture_h4-08.jpg) 0 0 no-repeat;}
#denture h4#title09{background:url(../images/denture_h4-09.jpg) 0 0 no-repeat;}
#denture h3#title10{background:url(../images/denture_h3-10.jpg) 0 0 no-repeat;}
#denture h4#title11{background:url(../images/denture_h4-11.jpg) 0 0 no-repeat;}


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

#implant .box01{border:#33CC99 1px solid; padding:10px 20px; margin-bottom:20px;}


/*---------- 17  prevent -----------*/
#prevent h2#title01{background:url(../images/prevent_h2-01.jpg) 0 0 no-repeat;}
#prevent h3#title02{background:url(../images/prevent_h3-02.jpg) 0 0 no-repeat;}
#prevent h3#title03{background:url(../images/prevent_h3-03.jpg) 0 0 no-repeat;}
#prevent h3#title04{background:url(../images/prevent_h3-04.jpg) 0 0 no-repeat;}