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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Check                       */
/*                 09  General_perio               */
/*                 10  General_cause               */
/*                 11  Perio_cause                 */
/*                 12  Perio_slight                */
/*                 13  Perio_serious               */
/*                 14  Lost                        */
/*                 15  Implant                     */
/*                 16  Prevent                     */
/*                 17  Case                        */
/*                 18  Cost                        */
/*                 19  Qa                          */
/*                 20  Clinic                      */
/*                 21  Dr_concept                  */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Brown          #854500      */
/*        Main Color - Red Brown      #e8632e      */
/*        Main Color - Orange         #fd8b00      */
/*                                                 */
/*        Sub Color  - Green          #6ba930      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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

/*===============フォントサイズ換算-END============*/



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

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



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

body { background: #fff5de url(../images/body_bg01.jpg) top repeat-x; }
#body01 { background:url(../images/body_bg02.jpg) center top no-repeat; }
#body02 { background:url(../images/body_bg03.jpg) bottom repeat-x; }

#wrapper {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 0 10px 18px 10px;
	background:url(../images/main_bg.jpg) 0 0 repeat-y;
	}

#content {
	width: 660px;
	float: right;
	font-size: 93%;
	line-height: 1.5em;
	color: #000;
	padding: 9px 0 0 0;
	}


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

#header {
	background: url(../images/header_bg01.jpg) 0 0 repeat-x;
	height: 360px;
	width: 920px;
	margin: 0 0 10px 0;
	padding: 0;
	clear:both;
	}
#index #header {
	height: 460px;
	}
	
#header01{ 
	height:95px;
	margin:0;
	padding:0 19px 0 12px;
	}

h1 {
	width: 450px;
	height: 65px;
	line-height: 1.0;
	margin:18px 0 0 0;
	float:left;
	}
h1 a {
	display: block;
	text-indent: -9999px;
	width: 450px;
	height: 65px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

.header_reservation { margin:20px 0 0 0; float:right; }
.header_reservation a{
	background:url(../images/header_reservation.jpg) 0 0 no-repeat;
	width:333px;
	height:62px;
	display:block;
	text-indent:-9999px;
	}
.header_reservation a:hover{ background:url(../images/header_reservation.jpg) 0 -62px no-repeat; }

#header02{
	background:url(../images/header_bg03.jpg) 0 0 no-repeat; 
	height:225px;
	margin:0;
	padding:0 0 0 10px;
	}
#index #header02{
	background:url(../images/header_bg02.jpg) 0 0 no-repeat; 
	height:323px;
	margin:0;
	padding:0 0 0 10px;
	}

.header_clinic { margin:0 0 10px 30px; padding:25px 0 0 0; }
#index .header_clinic { margin:0 0 60px 30px; padding:25px 0 0 0; }
.header_clinic a{
	background:url(../images/header_clinic.jpg) 0 0 no-repeat;
	width:220px;
	height:120px;
	display:block;
	text-indent:-9999px;
	}
.header_clinic a:hover{ background:url(../images/header_clinic.jpg) 0 -120px no-repeat; }

#header_nav{
	height:40px;
	margin:0 10px;
	padding:0 10px;
	background:url(../images/header_nav_bg.jpg) 0 0 repeat-x;
	}
	
#header_nav ul{ padding:5px 0; margin:0; }
#header_nav ul li{ margin:0; padding:0; list-style:none; float:left; }
#header_nav ul li a{ 
	height:30px;
	display:block;
	text-indent:-9999px;
	}
#nav01 a { background:url(../images/header_nav.jpg) 0 0 no-repeat; width:75px; }
#nav02 a { background:url(../images/header_nav.jpg) -75px 0 no-repeat; width:205px; }
#nav03 a { background:url(../images/header_nav.jpg) -280px 0 no-repeat; width:127px; }
#nav04 a { background:url(../images/header_nav.jpg) -407px 0 no-repeat; width:98px; }
#nav05 a { background:url(../images/header_nav.jpg) -505px 0 no-repeat; width:160px; }
#nav06 a { background:url(../images/header_nav.jpg) -671px 0 no-repeat; width:195px; }

#nav01 a:hover { background:url(../images/header_nav.jpg) 0 -30px no-repeat; }
#nav02 a:hover { background:url(../images/header_nav.jpg) -75px -30px no-repeat; }
#nav03 a:hover { background:url(../images/header_nav.jpg) -280px -30px no-repeat; }
#nav04 a:hover { background:url(../images/header_nav.jpg) -407px -30px no-repeat; }
#nav05 a:hover { background:url(../images/header_nav.jpg) -505px -30px no-repeat; }
#nav06 a:hover { background:url(../images/header_nav.jpg) -671px -30px no-repeat; }

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

#nav {
	width: 240px;
	float: left;
	padding: 0;
	}

#nav ul{ margin:0 20px 11px 0; padding:5px 5px 0 5px; background:#f4c45b; }
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

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

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

#nav07 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -45px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -90px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -135px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -180px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -225px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -270px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) 0 -315px no-repeat; }
#nav15 a { background: url(../images/nav.jpg) 0 -360px no-repeat; }

#nav07 a:hover { background: url(../images/nav.jpg) -210px 0 no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -210px -45px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -210px -90px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -210px -135px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -210px -180px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -210px -225px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -210px -270px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -210px -315px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -210px -360px no-repeat; }

#nav .nav_shikatown {
	margin:0 0 0 50px;
	display:block;
	line-height:1%;
	}
	
/*---------- 05  Footer -----------*/

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

#footer .footer01{ height: auto; margin:0; padding:0; }
#footer .alpha01{
	width:620px;
	float:left;
	padding:14px 0 0 0;
	}
	
#footer .beta01{
	width:280px;
	float:right;
	padding:18px 0 0 0;
	}

	
#footer .alpha02{
	width:325px;
	float:left;
	background:url(../images/footer_img03.jpg) right 26px no-repeat;
	}
	
#footer .footer01-01 { padding:0 0 0 8px; }

#footer .beta02{
	width:285px;
	float:right;
	padding-top:22px
	}
#footer dl{
	width:283px;
	margin:0;
	padding:0;
	}
#footer dl dt{
	width:60px;
	float:left;
	margin:0;
	padding:0;
	}
#footer dl dd{
	width:220px;
	float:left;
	margin:0;
	padding:0;
	}
	
.footer_clinic { margin:0 0 0 67px; }
.footer_clinic a{
	background:url(../images/footer_clinic.jpg) 0 0 no-repeat;
	width:179px;
	height:29px;
	display:block;
	text-indent:-9999px;
	}
.footer_clinic a:hover{ background:url(../images/footer_clinic.jpg) 0 -29px no-repeat; }


.bn_reservation { margin:0; clear:both; }
.bn_reservation a{
	background:url(../images/bn_reservation.jpg) 0 0 no-repeat;
	width:592px;
	height:62px;
	display:block;
	text-indent:-9999px;
	}
.bn_reservation a:hover{ background:url(../images/bn_reservation.jpg) 0 -62px no-repeat; }

#footer address { margin: 0; padding:0; text-align:center; clear:both; }


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

.section { padding: 0 44px 15px 36px; }
.section .section { padding: 0 0 15px 0; clear:both; }
.section .section .section { padding: 0 10px 0 10px; clear:both; }

.center { text-align: center; }
.top { vertical-align:top; }

#content h2 {
	display:block;
	line-height:1%;
	margin: 0 10px 12px 10px;
	}
#index h2 {
	display:block;
	line-height:1%;
	margin:0;
	}

#content h3 {
	clear: both;
	height: 30px;
	text-indent: -9999px;
	margin: 0 -10px 15px -10px;
	}
#index #content h3 {
	clear: both;
	height: 24px;
	text-indent: -9999px;
	margin: 0 0 16px 0;
	}
#content h4 {
	height: 20px;
	text-indent: -9999px;
	margin: 0 0px 12px 0px;
	}
#index #content h4 {
	height: 20px;
	text-indent: -9999px;
	margin: 0 0 7px 0;
	}

#content .title{ 
	background:url(../images/icon02.jpg) 0 0px no-repeat;
	padding-left:20px;
	margin:0 0 5px 0;
	height:15px;
	font-size:100%;
	line-height:1.16em;
	font-weight:bold;
	color:#666;
	}

#content ul{ margin:0; padding:0; }
#content ul li {
	list-style: none;
	line-height:1.5em;
	background: url(../images/icon01.jpg) 0 2px no-repeat;
	padding-left: 20px;
	}
#content ul li.li01{ margin-bottom:10px; }

#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

a {
	color: #9e4700;
	outline: none;
	text-decoration:underline;
	}
a:hover { color: #ff7000; text-decoration:none; }

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

.image{
	display:block;
	line-height:1%;
	margin:0 auto;
	}
.image01{
	display:block;
	line-height:1%;
	margin:6px auto;
	}
	
.image_l  {
	float: left;
	margin: 0 15px 6px 0;
	display:block;
	line-height:1%;
	}
*:first-child+html .image_l{ margin: 0 15px 0 0; }/* for IE7 only */
* html body .image_l{ margin: 0 12px 0 0; }/* for IE6 only */

.image_l01  {
	float: left;
	margin: 0 15px 6px 0;
	display:block;
	line-height:1%;
	}


.image_r {
	float: right;
	margin: 0 0 6px 15px;
	display:block;
	line-height:1%;
	}
*:first-child+html .image_r{ margin: 0 0 0 15px; }/* for IE7 only */
* html body .image_r{ margin: 0 0 0 12px; }/* for IE6 only */

.image_r01 {
	float: right;
	margin: 0 0 6px 15px;
	display:block;
	line-height:1%;
	}

.case {
	margin: 0 20px;
	background: url(../images/arrow_h.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;
	height:20px;
	padding: 0;
	margin:0 20px 20px 0;
	}

#content ul.totop li {
	list-style: none;
	width: 87px;
	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: 20px;
	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: 100%;
	line-height:1.5em;
	color: #000;
	width: 100%;
	margin-bottom: 10px;
	}

#content table th,
#content table td {
	padding: 4px 10px;
	border: 1px solid #f1d88a;
	}

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

#content .alpha01{ width:415px ; float:left; }
#content .beta01{ width:150px ; float:right; }

#content .alpha02{ width:365px ; float:left; }
#content .beta02{ width:200px ; float:right; }

#content .alpha03{ width:150px ; float:left; }
#content .beta03{ width:415px ; float:right; }

#content .alpha04{ width:200px ; float:left; }
#content .beta04{ width:365px ; float:right; }

#content .alpha05{ width:345px ; float:left; }
#content .beta05{ width:200px ; float:right; }

#content .alpha06{ width:200px ; float:left; }
#content .beta06{ width:345px ; float:right; }


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

#index h3#title02 { background:url(../images/index_h3-01.jpg) 0 0 no-repeat; }
#index h4#title03 { background:url(../images/index_h4-01.jpg) 0 0 no-repeat; }
#index h4#title04 { background:url(../images/index_h4-02.jpg) 0 0 no-repeat; }

.index01{ margin:0 10px 33px 10px;  }

.index_check { margin:0 5px 0 0; float:left; }
.index_check a{
	background:url(../images/index_check.jpg) 0 0 no-repeat;
	width:210px;
	height:160px;
	display:block;
	text-indent:-9999px;
	}
.index_check a:hover {	background:url(../images/index_check.jpg) 0 -160px no-repeat; }

.index_implant { margin:0 5px 0 0; float:left; }
.index_implant a{
	background:url(../images/index_implant.jpg) 0 0 no-repeat;
	width:210px;
	height:160px;
	display:block;
	text-indent:-9999px;
	}
.index_implant a:hover {	background:url(../images/index_implant.jpg) 0 -160px no-repeat; }

.index_prevent { margin:0; float:right; }
.index_prevent a{
	background:url(../images/index_prevent.jpg) 0 0 no-repeat;
	width:210px;
	height:160px;
	display:block;
	text-indent:-9999px;
	}
.index_prevent a:hover {	background:url(../images/index_prevent.jpg) 0 -160px no-repeat; }

.index02{ 
	margin:0 10px 22px 22px;
	padding:0 185px 0 0;
	background:url(../images/index_bg01.jpg) right top no-repeat;
	}
.index02_01{ margin:0 10px 7px 10px; }


.bn_movie { margin:0 20px 20px 20px; }
.bn_movie a{
	background:url(../images/bn_movie.jpg) 0 0 no-repeat;
	width:620px;
	height:120px;
	display:block;
	text-indent:-9999px;
	}
.bn_movie a:hover {	background:url(../images/bn_movie.jpg) 0 -120px no-repeat; }


/*---------- 08  Check -----------*/

#check h3#title02 { background:url(../images/check_h3-01.jpg) 0 0 no-repeat; }
#check h4#title03 { background:url(../images/check_h4-01.jpg) 0 0 no-repeat; }
#check h4#title04 { background:url(../images/check_h4-02.jpg) 0 0 no-repeat; }

#content ul.ul01{ margin:0; padding:0; clear:both; }
#content ul.ul01 li { 
	margin:0; 
	padding:0 0 0 25px;
	list-style:none;
	line-height:2.5em;
	background:url(../images/check_img01.jpg) 0 6px no-repeat;
	}
	
.bn_general_perio { margin:0 0px 20px 36px; }
.bn_general_perio a{
	background:url(../images/bn_general_perio.jpg) 0 0 no-repeat;
	width:580px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_general_perio a:hover {	background:url(../images/bn_general_perio.jpg) 0 -80px no-repeat; }


/*---------- 09  General_perio -----------*/

#general_perio h3#title02 { background:url(../images/general_perio_h3-01.jpg) 0 0 no-repeat; }
#general_perio h3#title03 { background:url(../images/general_perio_h3-02.jpg) 0 0 no-repeat; }
#general_perio h4#title04 { background:url(../images/general_perio_h4-01.jpg) 0 0 no-repeat; }
#general_perio h4#title05 { background:url(../images/general_perio_h4-02.jpg) 0 0 no-repeat; }

.bn01{ margin:0 45px 20px 36px; }

.bn_general_cause { margin:0; float:left; }
.bn_general_cause a{
	background:url(../images/bn_general_cause.jpg) 0 0 no-repeat;
	width:280px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_general_cause a:hover {	background:url(../images/bn_general_cause.jpg) 0 -80px no-repeat; }

.bn_perio_cause01 { margin:0; float:right; }
.bn_perio_cause01 a{
	background:url(../images/bn_perio_cause01.jpg) 0 0 no-repeat;
	width:280px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_perio_cause01 a:hover {	background:url(../images/bn_perio_cause01.jpg) 0 -80px no-repeat; }


/*---------- 10  General_cause -----------*/

#general_cause h3#title02 { background:url(../images/general_cause_h3-01.jpg) 0 0 no-repeat; }
#general_cause h4#title03 { background:url(../images/general_cause_h4-01.jpg) 0 0 no-repeat; }
#general_cause h4#title04 { background:url(../images/general_cause_h4-02.jpg) 0 0 no-repeat; }

.bn_perio_cause02 { margin:0; float:left; }
.bn_perio_cause02 a{
	background:url(../images/bn_perio_cause02.jpg) 0 0 no-repeat;
	width:280px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_perio_cause02 a:hover {	background:url(../images/bn_perio_cause02.jpg) 0 -80px no-repeat; }

.bn_prevent01 { margin:0; float:right; }
.bn_prevent01 a{
	background:url(../images/bn_prevent.jpg) 0 0 no-repeat;
	width:280px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_prevent01 a:hover {	background:url(../images/bn_prevent.jpg) 0 -80px no-repeat; }


/*---------- 11  Perio_cause -----------*/

#perio_cause h3#title02 { background:url(../images/perio_cause_h3-01.jpg) 0 0 no-repeat; }
#perio_cause h4#title03 { background:url(../images/perio_cause_h4-01.jpg) 0 0 no-repeat; }
#perio_cause h4#title04 { background:url(../images/perio_cause_h4-02.jpg) 0 0 no-repeat; }

.bn_perio_slight { margin:0; float:left; }
.bn_perio_slight a{
	background:url(../images/bn_perio_slight.jpg) 0 0 no-repeat;
	width:280px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_perio_slight a:hover {	background:url(../images/bn_perio_slight.jpg) 0 -80px no-repeat; }

.bn_perio_serious { margin:0; float:right; }
.bn_perio_serious a{
	background:url(../images/bn_perio_serious.jpg) 0 0 no-repeat;
	width:280px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_perio_serious a:hover {	background:url(../images/bn_perio_serious.jpg) 0 -80px no-repeat; }

/*---------- 12  Perio_slight -----------*/

#perio_slight h3#title02 { background:url(../images/perio_slight_h3-01.jpg) 0 0 no-repeat; }
#perio_slight h4#title03 { background:url(../images/perio_slight_h4-01.jpg) 0 0 no-repeat; }

.bn_prevent02 { margin:0; float:left; }
.bn_prevent02 a{
	background:url(../images/bn_prevent.jpg) 0 0 no-repeat;
	width:280px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_prevent02 a:hover {	background:url(../images/bn_prevent.jpg) 0 -80px no-repeat; }


/*---------- 13  Perio_serious -----------*/

#perio_serious h3#title02 { background:url(../images/perio_serious_h3-01.jpg) 0 0 no-repeat; }
#perio_serious h4#title03 { background:url(../images/perio_serious_h4-01.jpg) 0 0 no-repeat; }

.bn_lost { margin:0 0px 20px 36px; }
.bn_lost a{
	background:url(../images/bn_lost.jpg) 0 0 no-repeat;
	width:580px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_lost a:hover {	background:url(../images/bn_lost.jpg) 0 -80px no-repeat; }


/*---------- 14  Lost -----------*/

#lost h3#title02 { background:url(../images/lost_h3-01.jpg) 0 0 no-repeat; }
#lost h4#title03 { background:url(../images/lost_h4-01.jpg) 0 0 no-repeat; }
#lost h4#title04 { background:url(../images/lost_h4-02.jpg) 0 0 no-repeat; }
#lost h4#title05 { background:url(../images/lost_h4-03.jpg) 0 0 no-repeat; }

.bn_implant { margin:0 0px 20px 36px; }
.bn_implant a{
	background:url(../images/bn_implant.jpg) 0 0 no-repeat;
	width:580px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_implant a:hover {	background:url(../images/bn_implant.jpg) 0 -80px no-repeat; }


/*---------- 15  Implant -----------*/

#implant h3#title02 { background:url(../images/implant_h3-01.jpg) 0 0 no-repeat; }
#implant h4#title03 { background:url(../images/implant_h4-01.jpg) 0 0 no-repeat; }
#implant h4#title04 { background:url(../images/implant_h4-02.jpg) 0 0 no-repeat; }

.bn_case { margin:0; float:right; }
.bn_case a{
	background:url(../images/bn_case.jpg) 0 0 no-repeat;
	width:280px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_case a:hover {	background:url(../images/bn_case.jpg) 0 -80px no-repeat; }

/*---------- 16  Prevent -----------*/

#prevent h3#title02 { background:url(../images/prevent_h3-01.jpg) 0 0 no-repeat; }
#prevent h4#title03 { background:url(../images/prevent_h4-01.jpg) 0 0 no-repeat; }
#prevent h4#title04 { background:url(../images/prevent_h4-02.jpg) 0 0 no-repeat; }
#prevent h4#title05 { background:url(../images/prevent_h4-03.jpg) 0 0 no-repeat; }
#prevent h4#title06 { background:url(../images/prevent_h4-04.jpg) 0 0 no-repeat; }

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

#case h3#title02 { background:url(../images/case_h3-01.jpg) 0 0 no-repeat; }
#case h4#title03 { background:url(../images/case_h4-01.jpg) 0 0 no-repeat; }
#case h4#title04 { background:url(../images/case_h4-02.jpg) 0 0 no-repeat; }
#case h4#title05 { background:url(../images/case_h4-03.jpg) 0 0 no-repeat; }
#case h4#title06 { background:url(../images/case_h4-04.jpg) 0 0 no-repeat; }

/*---------- 18  Cost -----------*/

#cost h3#title02 { background:url(../images/cost_h3-01.jpg) 0 0 no-repeat; }
#cost h3#title03 { background:url(../images/cost_h3-02.jpg) 0 0 no-repeat; }
#cost h4#title04 { background:url(../images/cost_h4-01.jpg) 0 0 no-repeat; }
#cost h4#title05 { background:url(../images/cost_h4-02.jpg) 0 0 no-repeat; }

/*---------- 19  Qa -----------*/

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

#content table.table01 { margin-bottom:20px; }
#content table td.qa01{ 
	background: #fdf7e5 url(../images/qa_img01.jpg) 5px 5px no-repeat; 
	padding: 20px 10px 20px 60px;
	font-weight:bold;
	}
#content table td.qa02{ 
	background: #fdf7e5 url(../images/qa_img01.jpg) 5px 5px no-repeat; 
	padding: 20px 10px 5px 60px;
	font-weight:bold;
	}

#content table td.qa03{ 
	background:url(../images/qa_img02.jpg) 5px 5px no-repeat; 
	padding: 20px 10px 20px 60px;
	}
#content table td.qa04{ 
	background:url(../images/qa_img02.jpg) 5px 5px no-repeat; 
	padding: 20px 10px 5px 60px;
	}

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

#clinic h3#title02 { background:url(../images/clinic_h3-01.jpg) 0 0 no-repeat; }
#clinic h4#title03 { background:url(../images/clinic_h4-01.jpg) 0 0 no-repeat; }
#clinic h4#title04 { background:url(../images/clinic_h4-02.jpg) 0 0 no-repeat; }

#map {
	width:436px;
	height:400px;
	margin:6px auto;
	border:1px solid #cccccc;
	}
	
.bn_dr_concept { margin:0 0px 20px 36px; }
.bn_dr_concept a{
	background:url(../images/bn_dr_concept.jpg) 0 0 no-repeat;
	width:580px;
	height:80px;
	display:block;
	text-indent:-9999px;
	}
.bn_dr_concept a:hover {	background:url(../images/bn_dr_concept.jpg) 0 -80px no-repeat; }

#content dl.dl02{ 
	width:345px;
	margin:0;
	padding:0;
	}
#content dl.dl02 dt{
	width:60px;
	margin:0;
	padding:0;
	float:left;
	}
#content dl.dl02 dd{
	width:285px;
	margin:0;
	padding:0;
	float:left;
	}

/*---------- 21  Dr_concept -----------*/

#dr_concept h3#title02 { background:url(../images/dr_concept_h3-01.jpg) 0 0 no-repeat; }
#dr_concept h4#title03 { background:url(../images/dr_concept_h4-01.jpg) 0 0 no-repeat; }
#dr_concept h3#title04 { background:url(../images/dr_concept_h3-02.jpg) 0 0 no-repeat; }

#content dl.dl01{ 
	width:345px;
	margin:0 10px;
	padding:0;
	}
#content dl.dl01 dt{
	width:70px;
	margin:0;
	padding:0;
	float:left;
	}
#content dl.dl01 dd{
	width:275px;
	margin:0;
	padding:0;
	float:left;
	}
#content dl.dl01 dd.dd01 { margin-left:70px; display:inline; }


/*---------------------*/

.margin_0 { margin:0; }
.margin_t0 { margin-top:0; }
.margin_b05 { margin-bottom:5px; }
.margin_b10 { margin-bottom:10px; }
.margin_b15 { margin-bottom:15px; }
.margin_b18 { margin-bottom:18px; }
.margin_b20 { margin-bottom:20px; }
.margin_b25 { margin-bottom:25px; }
.margin_l10_r10 { margin:0 10px; }

.text01{ color:#e8632e; }
.text_b{ font-weight:bold; }

.bg01{ background:#faf1eb; padding:10px 10px 0 10px; }
.bg02{ background:#fff9e7; }

.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w200 { width:200px; }

