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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Greeting                    */
/*                 09  Staff                       */
/*                 10  Concept                     */
/*                 11  Access                      */
/*                 12  Clinic                      */
/*                 13  Flow                        */
/*                 14  Implant                     */
/*                 15  Perio                       */
/*                 16  Esthe                       */
/*                 17  Voice                       */
/*                 18  Examination                 */
/*                 19  Thinking                    */
/*                 20  Recruit                     */
/*                 21  Contact                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink           #de91a2      */
/*        Main Color - Light Pink     #fce6e6      */
/*        Main Color - Fresh Pink     #f94956      */
/*                                                 */
/*        Sub Color  - Yellow Green   #7ac300      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

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

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

#main {
    margin: 0 ;
    padding: 35px 0 10px 23px;
    background: url(../images/main_bg03.jpg) top no-repeat;
    }

#content {
    width: 614px;
    float: left;
    font-size: 100%;
    line-height: 1.6;
    color: #E4E4F1;
    background: #000;
    padding: 0;
    }


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

#header {
    background: url(../images/header_bg.jpg) 0 0 no-repeat;
    height: 91px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    }

h1 {
    height: 74px;
    line-height: 1.0;
    float: left;
    margin: 17px 0 0 0;
    }
h1 a {
    display: block;
    width: 650px;
    height: 74px;
    background: url(../images/h1.jpg) 0 0 no-repeat;
    }

#header .tel,
#header .mail {
    margin: 17px 0 0 0 ;
    padding: 0;
    height: 74px;
    float: right;
    }
#header .tel p,
#header .mail p { margin: 0; }

#header .tel p { margin-left: 0px; } 

#header .description {
    position: absolute;
    top: 0px;
    left: 10px;
    margin: 0;
    font-size: 85%;
    color: #fff;
    }

#header #mail_botton {
    width: 213px;
    height: 34px;
    text-indent: -9999px;
    }
#header #mail_botton a {
    display: block;
    height: 34px;
	margin-top:33px;
    background: url(../images/mail_botton.jpg) 0 0 no-repeat;
    }
#header #mail_botton a:hover { background: url(../images/mail_botton.jpg) 0 -34px no-repeat; }
        
/*----------04  Navigation -----------*/

#global-nav {
    height: 42px;
    margin: 0;
    padding: 0 0 0 11px;
    background: url(../images/gnav_bg.jpg) 0 0 no-repeat;
    }
#global-nav dt{
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    float: left;
    text-indent: -9999px;
    }

#global-nav dd {
    margin: 0;
    padding: 0;
    width: 151px;
    height: 42px;
    float: left;
    text-indent: -9999px;
    }
#global-nav dd a {
    display: block;
    height: 42px;
    }   
#global-nav dd#gnav01 { width: 152px; }
#global-nav dd#gnav05 { width: 145px; }

#gnav01 a { background: url(../images/gnav.jpg) 0 0 no-repeat; }
#gnav02 a { background: url(../images/gnav.jpg) -151px 0 no-repeat; }
#gnav03 a { background: url(../images/gnav.jpg) -302px 0 no-repeat; }
#gnav04 a { background: url(../images/gnav.jpg) -453px 0 no-repeat; }
#gnav05 a { background: url(../images/gnav.jpg) -604px 0 no-repeat; }
#gnav06 a { background: url(../images/gnav.jpg) -749px 0 no-repeat; }

#gnav01 a:hover { background: url(../images/gnav.jpg) 0 -42px no-repeat; }
#gnav02 a:hover { background: url(../images/gnav.jpg) -151px -42px no-repeat; }
#gnav03 a:hover { background: url(../images/gnav.jpg) -302px -42px no-repeat; }
#gnav04 a:hover { background: url(../images/gnav.jpg) -453px -42px no-repeat; }
#gnav05 a:hover { background: url(../images/gnav.jpg) -604px -42px no-repeat; }
#gnav06 a:hover { background: url(../images/gnav.jpg) -749px -42px no-repeat; }
/*
#gnav06 {
    position: relative;
    top: 0;
    left: 0;
    }
*/
#drop_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity: 0);
    opacity: 0;
    -moz-opacity: 0;
    z-index: 99;
    }
#drop,
#drop li {
    margin: 0;
    padding: 0;
    list-style: none;
    }
#drop {
    position: absolute;
    top: 39px;
    left: 0;
    width: 151px;
    z-index: 100;
    margin: 0;
    display: none;
    }
#drop li {
    background: #fff;
    }
#drop li a {
    display: block;
    width: 151px;
    height: auto;
    padding: 1em 0;
    margin: 0;
    border-bottom: 1px solid #666666;
    background: url(../images/drop_li.png) 7px center no-repeat;
    text-indent: 18px;
    text-align: left;
    }
#drop li a:hover{
	text-decoration:underline;
	color:#8673BC;
}
#nav {
    float: right;
    width: 284px;
    background: url(../images/nav_bg02.jpg) top no-repeat;
    color: #fff;
    }

#nav_pkup { margin: 0 0 10px 15px ; border-bottom: 1px solid #B2B2B2; padding-bottom: 10px; width: 241px; }
#nav_pkup p {
    width: 241px;
    height: 50px;
    margin: 0 0 5px 0 ;
    text-indent: -9999px;
    }
#nav_pkup p a {
    height: 50px;
    margin: 0 0 5px 0 ;
    display: block;
    }
#n_pkup01 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#n_pkup02 a { background: url(../images/nav.jpg) 0 -55px no-repeat; }
#n_pkup03 a { background: url(../images/nav.jpg) 0 -110px no-repeat; }
#n_pkup04 a { background: url(../images/nav.jpg) 0 -165px no-repeat; }
#n_pkup05 a { background: url(../images/nav.jpg) 0 -220px no-repeat; }
#n_pkup06 a { background: url(../images/nav.jpg) 0 -275px no-repeat; }

#n_pkup01 a:hover { background: url(../images/nav.jpg) -241px 0 no-repeat; }
#n_pkup02 a:hover { background: url(../images/nav.jpg) -241px -55px no-repeat; }
#n_pkup03 a:hover { background: url(../images/nav.jpg) -241px -110px no-repeat; }
#n_pkup04 a:hover { background: url(../images/nav.jpg) -241px -165px no-repeat; }
#n_pkup05 a:hover { background: url(../images/nav.jpg) -241px -220px no-repeat; }
#n_pkup06 a:hover { background: url(../images/nav.jpg) -241px -275px no-repeat; }

#nav .nav_title,
#banner { margin: 12px 15px 12px 15px; }
#nav .nav_title { margin-top: 0; }
#nav ul.town {
margin:0 0 0 30px;
padding:0
}
#nav ul.town li{
	margin:0 0 10px 0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
}



#banner p {
    width: 241px;
    height: 76px;
    text-indent: -9999px;
    margin: 10px 0 0 0; 
    }
#banner p#ban01 a,
#banner p#ban04 a,
#banner p#ban05 a{ height: 79px; margin1:0: 10px 0 0 15px; }
#banner p a {
    height: 76px;
    display: block; 
    }

#ban01 a { background: url(../images/ban01.jpg) 0 0 no-repeat; } 
#ban02 a { background: url(../images/ban02.jpg) 0 0 no-repeat; } 
#ban03 a { background: url(../images/ban03.jpg) 0 0 no-repeat; }
#ban04 a { background: url(../images/ban04.jpg) 0 0 no-repeat; } 
#ban05 a { background: url(../images/ban05.jpg) 0 0 no-repeat; } 

#ban01 a:hover { background: url(../images/ban01.jpg) 0 -79px no-repeat; } 
#ban02 a:hover { background: url(../images/ban02.jpg) 0 -76px no-repeat; } 
#ban03 a:hover { background: url(../images/ban03.jpg) 0 -76px no-repeat; } 
#ban04 a:hover { background: url(../images/ban04.jpg) 0 -79px no-repeat; }
#ban05 a:hover { background: url(../images/ban05.jpg) 0 -79px no-repeat; }

#info { margin: 0 0 0 30px ;}
#info02 { margin: 12px 15px 12px 30px; padding-bottom: 10px; width: 225px; border-bottom: 1px solid #B2B2B2; }

p#info_link {
    width: 223px;
    height: 27px;
    text-indent: -9999px;
    margin: 10px 0 0 0;
    }
#info_link a {
    height: 27px;
    display: block;
    background: url(../images/info_link.jpg) 0 0 no-repeat;
    }
#info_link a:hover { background: url(../images/info_link.jpg) 0 -27px no-repeat; }

#info_tel { padding: 5px 0 0 0 ; }

#ban_town {
    width: 220px;
    height: 80px;
    text-indent: -9999px;
    margin:0;
    }
#ban_town a {
    height: 80px;
    display: block;
    background: url(../images/nav_town.jpg) 0 0 no-repeat;
    }
#ban_town a:hover { background: url(../images/nav_town_on.jpg) 0 0 no-repeat; }

#ban_24 {
    width: 220px;
    height: 100px;
    text-indent: -9999px;
    margin:0;
    }
#ban_24 a {
    height: 100px;
    display: block;
    background: url(../images/24.jpg) 0 0 no-repeat;
    }
#ban_24 a:hover { background: url(../images/24_on.jpg) 0 0 no-repeat; }

#ban_facebook {
    width: 220px;
    height: 80px;
    text-indent: -9999px;
    margin:0;
    }
#ban_facebook a {
    height: 80px;
    display: block;
    background: url(../images/ban_facebook_off.jpg) 0 0 no-repeat;
    }
#ban_facebook a:hover { background: url(../images/ban_facebook_on.jpg) 0 0 no-repeat; }

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

#footer {
    height: 72px;
    clear: both;
    padding: 0;
    margin: 0 auto;
    font-size: 100%;
    color: #D8CEEF;
    background: #000 url(../images/footer_bg.jpg) top repeat-x;
    }
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer_area {
    width: 921px;
    margin: 0 auto;
    padding: 25px 0 0 0 ;
    background: #000 url(../images/footerarea_bg.jpg) top no-repeat;
    }

#footer a {
    text-decoration: none;
    color: #D8CEEF;
    }
#footer a:hover { text-decoration: underline; }

#footer ul { 
    list-style: none;
    margin: 10px 0 0 0 ;
    padding: 0;
    float: left; 
    }

#footer ul li {
    display: inline;
    margin: 0;
    padding: 0;
    float: left;
    width: 70px; 
    }
#footer ul li#link02 { width: 120px; }
#footer address { color: #fff; margin: 0 15px 0 0 ; text-align: right; padding-top: 10px; }

#footer_tel { float: left; margin: 0; }
#footer_tel img { margin: 0 0 0 70px; }


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

.section { padding: 20px 10px 10px 10px; }
.section .section { padding: 10px 5px 15px 10px; }

.center { text-align: center; }

h2 {
    height: 50px;
    text-indent: -9999px;
    margin: 0px;
    width: 599px;
    clear: both;
    }
#content h3 {
    clear: both;
    height: 40px;
    text-indent: -9999px;
    }
#content h4 {
    clear: both;
    height: 30px;
    text-indent: -9999px;
    }
#content h5 {
    font-size: 100%;
    font-weight: bold;
    margin: 0 .5em .5em 0;
    padding: 4px 8px;
    background: #dcc783;
    border-bottom: 1px solid #b2a46d;
    }
#content h6 {
    font-size: 93%;
    color: #5e510d;
    }

#content ul { margin-left: 1em; }

#content ul li {
    list-style: none;
    background: url(../images/li_bg.jpg) 0 6px no-repeat;
    padding-left: 20px;
    }
#content ul.olist li {
    background-image: none;
    padding-left: 0;
    }

#content dt {
    font-weight: bold;
    color: #FFFF66;
    }

#content a { text-decoration: underline; }

a {
    color: #8673BC;
    outline: none;
    }
a:hover { color: #FFD700; }

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

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

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

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

.case .image_l { margin-right: 8px; }
.case .image_r { margin-left: 8px; }

.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; }


#content ul.totop {
    clear: both;
    padding-bottom: 20px;
    }

#content ul.totop li {
    list-style: none;
    width: 105px;
    height: 21px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    float: right;
    background-image: none;
    }
#content ul.totop li a {
    display: block;
    height: 21px;
    background: url(../images/totop.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;
    border: 1px solid #8C8C8C;
    font-size: 100%;
    color: #000;
    width: 550px;
    margin-left: 10px;
    background: #fff;
    }

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

#content table th {
    background: #EAE8F3;
    color: #000;
    width: 140px;
    }

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

#pkup {
    width: 921px;
    height: 444px;
    background: url(../images/main_img.jpg) 0 0 no-repeat; }

.alpha { float: left; }
.beta { float: right; }

.textlink { text-align: right; margin: 0; }

.title { border-bottom: 1px dotted #EAE8F3;}

.right { text-align: right; }

.hide_dr,
.hide_dr02,
.hide_dr03,
.hide_dr04,
.hide_dr05 { display: none }
.close img { margin-top: 5px; }

.text01 { font-size: 108%; color: #C8ABCE; font-weight: bold; }
.text02 { color: #110070; font-weight: bold; }

.case_text { 
    border-top: 1px solid #3e3e3e;
    font-size: 108%;
    padding: 10px 0 ;
    text-align : center; 
    }

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

#index #wrapper { background: url(../images/wrapper_bg.jpg) 0 0 repeat-y; }

#index h2#title01 { background: url(../images/index_h2-01.jpg) 0 0 no-repeat; margin-bottom: 9px; }
#index h3#title02 { background: url(../images/index_h3-02.jpg) 0 0 no-repeat; margin-bottom: 9px; }

#index h2 { width: 599px; height: 39px; }

#index #main {
    margin: 0;
    padding: 23px 0 10px 23px;
    background: url(../images/main_bg.jpg) top no-repeat;
    }
    
#index #nav {
    width: 284px;
    background: url(../images/nav_bg.jpg) 0 0 repeat-y;
    }

#index #opening {
    background: url(../images/index_opening_bg.jpg) 0 0 repeat;
    width: 598px;
    height: 255px;
	margin-bottom:15px;
    }
#index #opening .alpha { width: 130px; margin-top: 11px;}
#index #opening .alpha p { margin: 0 0 0 13px; }

#index #opening .beta { width: 440px; margin-top: 11px;}
#index #opening .beta p { margin: 0 13px 0 0 ; font-size: 93%;}

#index .textlink { margin: 10px 20px 10px 0; }

#index #writhing { width: 598px; }
#index #writhing .alpha {
    width: 276px;
    margin: 0 0 0 13px;
    border-right: 1px solid #B2B2B2;
    }
#index #writhing .beta {
    width: 273px;
    margin: 0 0 0 16px ;
    }

#pkup { position: relative; padding: 0 0 0 11px ; z-index: 0; }
#pkup p { 
    width: 200px;
    height: 76px;
    text-indent: -9999px;
    margin: 0;
    position: absolute;
    }
#pkup p a {
    display: block;
    height: 76px;
    }
#pkup01 a { background: url(../images/pkup01.jpg) 0 0 no-repeat; }
#pkup02 a { background: url(../images/pkup02.jpg) 0 0 no-repeat; }
#pkup03 a { background: url(../images/pkup03.jpg) 0 0 no-repeat; }
#pkup04 a { background: url(../images/pkup04.jpg) 0 0 no-repeat; }
#pkup05 a { background: url(../images/pkup05.jpg) 0 0 no-repeat; }
#pkup06 a { background: url(../images/pkup06.jpg) 0 0 no-repeat; }

#pkup01 a:hover { background: url(../images/pkup01.jpg) 0 -76px no-repeat; }
#pkup02 a:hover { background: url(../images/pkup02.jpg) 0 -76px no-repeat; }
#pkup03 a:hover { background: url(../images/pkup03.jpg) 0 -76px no-repeat; }
#pkup04 a:hover { background: url(../images/pkup04.jpg) 0 -76px no-repeat; }
#pkup05 a:hover { background: url(../images/pkup05.jpg) 0 -76px no-repeat; }
#pkup06 a:hover { background: url(../images/pkup06.jpg) 0 -76px no-repeat; }

#pkup01 { top:13px; left: 708px; }
#pkup02 { top:51px; left: 481px; }
#pkup03 { top:132px; left: 481px; }
#pkup04 { top:93px; left: 709px; }
#pkup05 { top:173px; left: 709px; }
#pkup06 { top:212px; left: 482px; }

#pkup #ban01{
    width: 205px;
    height: 50px;
    text-indent: -9999px;
    margin: 0;
    position: absolute;
	top:379px;
	left: 482px;
    }
#pkup #ban01 a {
    display: block;
    height: 50px;
	background: url(../images/index_ban04.jpg) 0 0 no-repeat;
    }
#pkup #ban02{
    width: 205px;
    height: 50px;
    text-indent: -9999px;
    margin: 0;
    position: absolute;
	top:379px;
	left: 692px;
    }
#pkup #ban02 a {
    display: block;
    height: 50px;
	background: url(../images/index_ban03.jpg) 0 0 no-repeat;
    }
#pkup #ban03{
    width: 205px;
    height: 50px;
    text-indent: -9999px;
    margin: 0;
    position: absolute;
	top:324px;
	left: 482px;
    }
#pkup #ban03 a {
    display: block;
    height: 50px;
	background: url(../images/index_ban01.jpg) 0 0 no-repeat;
    }
#pkup #ban04{
    width: 205px;
    height: 50px;
    text-indent: -9999px;
    margin: 0;
    position: absolute;
	top:324px;
	left: 692px;
    }
#pkup #ban04 a {
    display: block;
    height: 50px;
	background: url(../images/index_ban05.jpg) 0 0 no-repeat;
    }
#pkup #ban01 a:hover,
#pkup #ban02 a:hover,
#pkup #ban03 a:hover,
#pkup #ban04 a:hover{
	background-position:0 100%;
}

/*---------- 08  Greeting -----------*/

#greeting h2#title01 { background: url(../images/greeting_h2-01.jpg) 0 0 no-repeat; }
#greeting h3#title02 { background: url(../images/greeting_h3-02.jpg) 0 0 no-repeat; }
#greeting h3#title03 { background: url(../images/greeting_h3-03.jpg) 0 0 no-repeat; }
#greeting h3#title04 { background: url(../images/greeting_h3-04.jpg) 0 0 no-repeat; }
#greeting h3#title05 { background: url(../images/greeting_h3-05.jpg) 0 0 no-repeat; }
#greeting h3#title06 { background: url(../images/greeting_h3-06.jpg) 0 0 no-repeat; }
#greeting h3#title07 { background: url(../images/greeting_h3-07.jpg) 0 0 no-repeat; }

/*---------- 09  Staff    -----------*/

#staff h2#title01 { background: url(../images/staff_h2-01.jpg) 0 0 no-repeat; }
#staff h3#title02 { background: url(../images/staff_h3-02.jpg) 0 0 no-repeat; }
#staff h4#title03 { background: url(../images/staff_h4-03.jpg) 0 0 no-repeat; }
#staff h4#title04 { background: url(../images/staff_h4-04.jpg) 0 0 no-repeat; }
#staff h4#title05 { background: url(../images/staff_h4-05.jpg) 0 0 no-repeat; }
#staff h4#title06 { background: url(../images/staff_h4-06.jpg) 0 0 no-repeat; }

#staff .staff_prof ul{ margin: 15px 0 10px 0;}

#staff .staff_name { padding: 5px 0; font-size: 108% ; font-weight: bold; border-bottom: 1px solid #EAE8F3; }
#staff .staff_prof p { margin: 0; }

#staff .staff_photo { float: left; margin-right: 15px; }
#staff .staff_prof .alpha,
#staff .staff_prof .beta { width: 260px; } 

#staff .prof_text { margin-left: 10px; }
#staff .staff_prof .image_l { margin-right: 20px; }

#staff .hide .staff_name { margin-bottom: 10px; } 

#staff .textarea { padding: 10px; }
#staff .subtitle { color: #999; margin: 10px 0 ; font-weight: bold;}
#staff .staff_prof .hide ul { margin: 0; }

#staff .name_none { font-size: 93%; font-weight: normal; }

/*---------- 10  Concept  -----------*/

#concept h2#title01 { background: url(../images/concept_h2-01.jpg) 0 0 no-repeat; }
#concept h3#title02 { background: url(../images/concept_h3-02.jpg) 0 0 no-repeat; }
#concept h4#title03 { background: url(../images/concept_h4-03.jpg) 0 0 no-repeat; }
#concept h4#title04 { background: url(../images/concept_h4-04.jpg) 0 0 no-repeat; }
#concept h3#title05 { background: url(../images/concept_h3-05.jpg) 0 0 no-repeat; }

/*---------- 11  Access   -----------*/

#access h2#title01 { background: url(../images/access_h2-01.jpg) 0 0 no-repeat; }
#access h3#title02 { background: url(../images/access_h3-02.jpg) 0 0 no-repeat; }
#access h4#title03 { background: url(../images/access_h4-03.jpg) 0 0 no-repeat; }
#access h4#title04 { background: url(../images/access_h4-04.jpg) 0 0 no-repeat; }
#access h4#title05 { background: url(../images/access_h4-05.jpg) 0 0 no-repeat; }
#access h4#title06 { background: url(../images/access_h4-06.jpg) 0 0 no-repeat; }

#access .access_info,
#access .access_time,
#access .area { margin: 0; }

#access .access_info dt,
#access .access_time dt#close,
#access .detail_time dt { float: left; }

#access .detail_time dt { color: #999; }
 
#access .access_info dd,
#access .access_time dd#close_dd { padding-left: 30px; }
#access .detail_time dd { padding-left: 70px; }

#access .title { width: 300px; }
#access .detail_time { margin: 0 ;}  

/*---------- 12  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 h4#title04 { background: url(../images/clinic_h4-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; }

/*---------- 13  Flow     -----------*/

#flow h2#title01 { background: url(../images/flow_h2-01.jpg) 0 0 no-repeat; }
#flow h3#title02 { background: url(../images/flow_h3-02.jpg) 0 0 no-repeat; }
#flow h4#title03 { background: url(../images/flow_h4-03.jpg) 0 0 no-repeat; }
#flow h4#title04 { background: url(../images/flow_h4-04.jpg) 0 0 no-repeat; }
#flow h4#title05 { background: url(../images/flow_h4-05.jpg) 0 0 no-repeat; }
#flow h4#title06 { background: url(../images/flow_h4-06.jpg) 0 0 no-repeat; }
#flow h4#title07 { background: url(../images/flow_h4-07.jpg) 0 0 no-repeat; }
#flow h4#title08 { background: url(../images/flow_h4-08.jpg) 0 0 no-repeat; }
#flow h4#title09 { background: url(../images/flow_h4-09.jpg) 0 0 no-repeat; }

#flow #content h4 {
    height:85px;
    width: 282px;
    margin:0;
    }

#flow .flowarea {
    background: url(../images/flow_bg.jpg) 0 0 no-repeat;
    margin: 10px 0  ;
    height: 270px;
    width: 560px;
    }
#flow .flowarea .alpha,
#flow .flowarea_end .alpha { width: 282px; }
#flow .flowarea .beta,
#flow .flowarea_end .beta { width: 270px; margin: 19px 0 0 0 ; }
#flow .flowarea .beta p,
#flow .flowarea_end .beta p { margin: 0 ; padding-right: 10px; }
#flow .flow_text { margin: 5px 0 0 17px; color: #000; }
#flow .flow_text02 { margin: 3px 0 0 17px; color: #000; line-height: 1.4; }

#flow .flowarea_end {
    background: url(../images/flow_bg_end.jpg) 0 0 no-repeat;
    margin: 10px 0 ;
    height: 240px;
    width: 560px;
    }

#flow .textarea { padding-left: 0; }

/*---------- 14  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 h3#title03 { background: url(../images/implant_h3-03.jpg) 0 0 no-repeat; }
#implant h4#title04 { background: url(../images/implant_h4-04.jpg) 0 0 no-repeat; margin-bottom:15px; }
#implant h4#title05 { background: url(../images/implant_h4-05.jpg) 0 0 no-repeat; }
#implant h4#title06 { background: url(../images/implant_h4-06.jpg) 0 0 no-repeat; }

.large{
	font-size:16px;
}

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

/*---------- 16  Esthe    -----------*/

#esthe h2#title01 { background: url(../images/esthe_h2-01.jpg) 0 0 no-repeat; }
#esthe h3#title02 { background: url(../images/esthe_h3-02.jpg) 0 0 no-repeat; }
#esthe h4#title03 { background: url(../images/esthe_h4-03.jpg) 0 0 no-repeat; }
#esthe h4#title04 { background: url(../images/esthe_h4-04.jpg) 0 0 no-repeat; }
#esthe h4#title05 { background: url(../images/esthe_h4-05.jpg) 0 0 no-repeat; }
#esthe h4#title06 { background: url(../images/esthe_h4-06.jpg) 0 0 no-repeat; }

/*---------- 17  Voice    -----------*/

#voice h2#title01 { background: url(../images/voice_h2-01.jpg) 0 0 no-repeat; }
#voice h3#title02 { background: url(../images/voice_h3-02.jpg) 0 0 no-repeat; margin-bottom: 10px;}
#voice h3#title03 { background: url(../images/voice_h3-03.jpg) 0 0 no-repeat; margin-bottom: 10px;}
#voice h3#title04 { background: url(../images/voice_h3-04.jpg) 0 0 no-repeat; margin-bottom: 10px;}
#voice h3#title05 { background: url(../images/voice_h3-05.jpg) 0 0 no-repeat; margin-bottom: 10px;}
#voice h3#title06 { background: url(../images/voice_h3-06.jpg) 0 0 no-repeat; margin-bottom: 10px;}
#voice h3#title07 { background: url(../images/voice_h3-07.jpg) 0 0 no-repeat; margin-bottom: 10px;}

#voice .letter {
   background: url(../images/letter_bg01.jpg) top no-repeat;
   padding: 10px 0 20px 13px ;
   }
#voice .letter_l {
   background: url(../images/letter_bg02.jpg) bottom no-repeat;
   width: 568px;
   margin: 0;
   padding-bottom: 10px;
   }
#voice .letter_l p { margin: 10px; }   

/*---------- 18  Examination -----------*/

#examination h2#title01 { background: url(../images/examination_h2-01.jpg) 0 0 no-repeat; }
#examination h3#title02 { background: url(../images/examination_h3-02.jpg) 0 0 no-repeat; }
#examination h4#title04 { background: url(../images/esthe_h4-04.jpg) 0 0 no-repeat; }

/*---------- 19  Thinking -----------*/

#thinking h2#title01 { background: url(../images/thinking_h2-01.jpg) 0 0 no-repeat; }
#thinking h3#title02 { background: url(../images/thinking_h3-02.jpg) 0 0 no-repeat; }
#thinking h4#title04 { background: url(../images/implant_h4-04.jpg) 0 0 no-repeat; margin-bottom:15px; }

.pink{
	color:#FFFF66;
}

/*---------- 20  Recruit  -----------*/

#recruit h2#title01 { background: url(../images/recruit_h2-01.jpg) 0 0 no-repeat; }
#recruit h3#title02 { background: url(../images/recruit_h3-02.jpg) 0 0 no-repeat; }
#recruit h4#title03 { background: url(../images/recruit_h4-03.jpg) 0 0 no-repeat; }
#recruit h3#title04 { background: url(../images/recruit_h3-04.jpg) 0 0 no-repeat; }

#recruit .other dt { float: left; text-align:right; width:70px; }
#recruit .other dd { padding-left: 80px; }

#recruit .title { color: #D4B3E0 ; }

/*---------- 21  Contact  -----------*/

#contact h2#title01 { background: url(../images/contact_h2-01.jpg) 0 0 no-repeat; }
#contact h3#title02 { background: url(../images/contact_h3-02.jpg) 0 0 no-repeat; }