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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Treatment                   */
/*                 09  Guide                       */
/*                 10  Perio                       */
/*                 11  Prevent                     */
/*                 12  Esthe                       */
/*                 13  Whitening                   */
/*                 14  Ortho                       */
/*                 15  Price                       */
/*                 16  Concept                     */
/*                 17  Staff                       */
/*                 18  Access                      */
/*                 19  Clinic                      */
/*                 20  Recruit                     */
/*                 21  Concact                     */
/*                                                 */
/*=======================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: #fff url(../images/body_bg.jpg) repeat-x; }

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

#main {
    margin: 0 5px;
    padding: 10px;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    }

#content {
    width: 660px;
    float: right;
    font-size: 100%;
    line-height: 1.6;
    color: #3F3F3F;
    background: #fff;
    padding: 0;
    }


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

#header {
    background: url(../images/header_bg.jpg) 0 0 no-repeat;
    width: 910px;
    height: 113px;
    margin: 0;
    padding: 14px 0 0 0 ;
    position: relative;
    }
* html #header { padding-bottom: 20px; }

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


#header .section {
    width: 565px;
    float: right;
    margin: 0;
    padding: 0;
    background: url(../images/header_bg02.jpg) 0 0 no-repeat;
    }

#header p.tel {
    margin: 0;
    padding: 0;
    height: 90px;
    float:right;
    }
#header p.tel img { display: block; }

#header dl#hinfo01 {
    float: left;
    margin: 11px 0 0 0;
    }
#header dl#hinfo03 {
    float: left;
    margin: 0;
    width: 300px;
    }

#header dl#hinfo01 dt,
#header dl#hinfo03 dt {
    margin: 0;
    float: left;
    width: 72px;
    }
#header dl#hinfo01 dt img,
#header dl#hinfo03 dt img { margin-left: 16px; }


#header dl#hinfo01 dd,
#header dl#hinfo03 dd {
    padding-left:10px;
    }
#header #hinfo02 dl {
    margin: 0 0 0 0;
    width: 250px;
    }
#header #hinfo02 dl dt{
    float: left;
    width: 55px;
    }
#header #hinfo02 dl dd { width: 150x; padding-left: 60px; }

#header .description {
    position: absolute;
    top: 20px;
    left: 7px;
    font-size: 11px;
    margin: ;
    }
    
* html #header .description {
    position: relative;
    top: 15px;
    left: -340px;
    margin: 0;
    }
    
.hinfo{
 float:left;
 width:565px;
 background:url(../images/header_bg02.jpg) 0 0 no-repeat;
}

.hinfo img{
 float:left;
}

.hinfo p#day1 img{
_margin:0 0 0 15px;
 margin:3px 0 0 15px;
}

* html .hinfo p#day1 img{
 margin:3px 0 0 15px;
}


.hinfo p#day2 img{
 margin:0 0 0 15px;
}

.info_level1{
 margin:0 0 0 80px;
 font-size:90%;
 height:40px;
}

* html .info_level1{
 margin:0 0 0 80px;
 font-size:88%;
}

dl.info_level1{
 padding-left:10px;
 padding-top:5px;
 text-align:left;
}

.info_level1 dt{
 display:block;
 float:left;
 width:54px;
}

.info_level1 dd{
 margin-left:80px;
 width:230px;
}

* html .info_level1 dd{
 margin-left:70px;
 width:230px;
}


#info_img{
 float:right;
}

.info_level1 dt#hol{
 width:100px;
 display:block;
 float:left;
}

#tel{
 float:right;
}


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

#global-nav {
    width: 640px;
    height: 35px;
    margin: 0 0 0 10px;
    padding: 0;
    }
#global-nav dt{
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    float: left;
    text-indent: -9999px;
    }

#global-nav dd {
    margin: 0;
    padding: 0;
    width: 128px;
    height: 35px;
    float: left;
    text-indent: -9999px;
    }
#global-nav dd a {
    display: block;
    height: 35px;
    }
    
#global-nav dt { background: url(../images/gnav.jpg) 0 0 no-repeat; }

#gnav01 a { background: url(../images/gnav.jpg) 0 0 no-repeat; }
#gnav02 a { background: url(../images/gnav.jpg) -128px 0 no-repeat; }
#gnav03 a { background: url(../images/gnav.jpg) -256px 0 no-repeat; }
#gnav04 a { background: url(../images/gnav.jpg) -384px 0 no-repeat; }
#gnav05 a { background: url(../images/gnav.jpg) -512px 0 no-repeat; }

#gnav01 a:hover { background: url(../images/gnav.jpg) 0 -35px no-repeat; }
#gnav02 a:hover { background: url(../images/gnav.jpg) -128px -35px no-repeat; }
#gnav03 a:hover { background: url(../images/gnav.jpg) -256px -35px no-repeat; }
#gnav04 a:hover { background: url(../images/gnav.jpg) -384px -35px no-repeat; }
#gnav05 a:hover { background: url(../images/gnav.jpg) -512px -35px no-repeat; }

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

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

#nav .internal { padding: 10px 8px ; border: 1px solid #D3D3D3; }
#nav .internal li {
    height: 25px;
    text-indent: -9999px;
    margin-bottom: 5px; 
    }

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

#nav01 { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav02 a { background: url(../images/nav.jpg) 0 -30px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -60px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -90px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -120px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -150px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -180px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -210px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -240px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -270px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -300px no-repeat; }
#nav12 { background: url(../images/nav.jpg) 0 -330px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -360px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) 0 -390px no-repeat; }
#nav15 a { background: url(../images/nav.jpg) 0 -420px no-repeat; }
#nav16 a { background: url(../images/nav.jpg) 0 -450px no-repeat; }
#nav17 a { background: url(../images/nav.jpg) 0 -480px no-repeat; }
#nav18 a { background: url(../images/nav.jpg) 0 -510px no-repeat; }

#nav01 { background: url(../images/nav.jpg) -186px 0 no-repeat; }
#nav02 a:hover { background: url(../images/nav.jpg) -186px -30px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -186px -60px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -186px -90px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -186px -120px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -186px -150px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -186px -180px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -186px -210px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -186px -240px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -186px -270px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -186px -300px no-repeat; }
#nav12 { background: url(../images/nav.jpg) -186px -330px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -186px -360px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -186px -390px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -186px -420px no-repeat; }
#nav16 a:hover { background: url(../images/nav.jpg) -186px -450px no-repeat; }
#nav17 a:hover { background: url(../images/nav.jpg) -186px -480px no-repeat; }
#nav18 a:hover { background: url(../images/nav.jpg) -186px -510px no-repeat; }

#nav .left{ 
 text-align: left; 
    padding-left:5px;}
    
#nav .nav_ban { margin: 20px 0 20px 30px ; }

#nav #nav_recruit {
    width: 200px;
    height: 100px;
    margin: 0 0 10px 0;
    text-indent: -9999px;
    }

#nav #nav_recruit a {
    height: 100px;
    display: block;
    background: url(../images/recruit.jpg) 0 0 no-repeat;
    }
#nav #nav_recruit a:hover {  background: url(../images/recruit.jpg) 0 -100px no-repeat;  }

#nav #nav_info { width: 200px; }
#nav #nav_info dl#info_dl01{
    border: 1px solid #D3D3D3 ;
    margin: 0;
    padding: 10px 8px;
    }
#nav #nav_info dl#info_dl01 dd { margin-left: 2px; }

#nav #nav_info dl#info_dl02,
#nav #nav_info dl#info_dl02 dd { margin: 0; }
#nav #nav_info dl#info_dl02 dt { float: left; width: 60px; }
#nav #nav_info dl#info_dl02 dd { padding-left: 70px; }

#nav #nav_calender,
#nav #nav_link { width: 200px; margin-top: 20px; }

#nav #calender_box {
    border: 1px solid #D3D3D3 ;
    padding: 10px 8px;
	  }
#nav #calender_box p { margin: 0 0 5px 10px; }
#nav #nav_link ul {
    border: 1px solid #D3D3D3 ;
    padding: 10px 8px;
		}

#nav #nav_link ul li { 
    background: url(../images/li_bg.jpg) 0 8px no-repeat;
    padding-left: 16px;
		}

#nav #blog {
    width: 176px;
		height: 70px;
		margin: 0 0 20px 10px;
		}
#nav #blog a {
    display: block;
		height: 70px;
		background: url(../images/blog.jpg) 0 0 no-repeat;
		text-indent: -9999px;
		}	
		
#nav #blog a:hover { background: url(../images/blog.jpg) 0 -70px no-repeat; }	


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

#footer {
    clear: both;
    padding: 0 10px 10px 10px ;
    margin: 15px 5px 0 5px;
    border-top: 1px solid #B2B2B2;
    font-size: 85%;
    text-align: right;
    color: #666666;
    }
*: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: #666666;
    }
#footer a:hover { text-decoration: underline; }
#footer address { margin: 10px 0; }
#footer .tel { float: left; margin: 0; }


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

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

.center { text-align: center; }

h2 {
    height: 50px;
    text-indent: -9999px;
    margin: 15px 0 0 0;
    width: 660px;
    clear: both;
    }
#content h3 {
    clear: both;
    height: 35px;
    text-indent: -9999px;
    }
#content h4 {
    clear: both;
    height: 25px;
    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 8px no-repeat;
    padding-left: 16px;
    }
#content ul.olist li {
    background-image: none;
    padding-left: 0;
    }

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

#content a { text-decoration: underline; }

a {
    color: #EC0061;
    outline: none;
    }
a:hover { color: #F792C4; }

#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 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: 80px;
    height: 25px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    float: right;
    background-image: none;
    }
#content ul.totop li a {
    display: block;
    height: 25px;
    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 #B2B2B2;
    font-size: 100%;
    width: 550px;
    margin-left: 10px;
    }

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

#content table th {
    background: #F0F0F0;
    color: #001F78;
    width: 140px;
    }

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

.text01 { color: #BF0000; font-weight: bold; } 
.text02 { color: #004091; }

#catch {
    width: 660px;
    margin: 0;
    text-indent: -9999px;
    height: 105px;
    }

#main_img {
    background: url(../images/main_img02.jpg) 0 0 no-repeat;
    padding-bottom: 10px;
    border-bottom: 1px solid #B2B2B2;}

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

.text_link { text-align: right; }

#ban_contact,#ban01,#ban02,#ban03,#ban04,#ban05,#ban06 { 
    width: 550px;
    height: 90px;
    text-indent: -9999px;
    margin: 0 0 0 10px;
    }
#ban_contact a,#ban01 a,#ban02 a,#ban03 a,#ban04 a,#ban05 a,#ban06 a { 
    height: 90px;
    display: block;
    }

#ban_contact a { background: url(../images/ban_contact.jpg) 0 0 no-repeat }
#ban_contact a:hover { background: url(../images/ban_contact.jpg) 0 -90px no-repeat }

#ban01 a { background: url(../images/ban01.jpg) 0 0 no-repeat; }
#ban01 a:hover { background: url(../images/ban01.jpg) 0 -90px no-repeat }

#ban02 a { background: url(../images/ban02.jpg) 0 0 no-repeat; }
#ban02 a:hover { background: url(../images/ban02.jpg) 0 -90px no-repeat }

#ban03 a { background: url(../images/ban03.jpg) 0 0 no-repeat; }
#ban03 a:hover { background: url(../images/ban03.jpg) 0 -90px no-repeat }

#ban04 a { background: url(../images/ban04.jpg) 0 0 no-repeat; }
#ban04 a:hover { background: url(../images/ban04.jpg) 0 -90px no-repeat }

#ban05 a { background: url(../images/ban05.jpg) 0 0 no-repeat; }
#ban05 a:hover { background: url(../images/ban05.jpg) 0 -90px no-repeat }

#ban06 a { background: url(../images/ban06.jpg) 0 0 no-repeat; }
#ban06 a:hover { background: url(../images/ban06.jpg) 0 -90px no-repeat }

.section .banner { padding: 10px 0 10px 10px ; }

.case .case_text {
    border-top: 1px solid #999 ;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    }

.title_style { color: #0066FF; border-bottom: 1px dotted #3e3e3e; margin-right: 20px; } 

.case_title {
    border-bottom: 1px solid #D3D3D3 ;
    text-align: center;
    margin: 0 20px;
    color: #0038B3;
    padding-bottom: 10px;
    } 

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

#index #catch { background: url(../images/index_catch.jpg) 0 0 no-repeat; }
#index h2#title01 { background: url(../images/index_h2-01.jpg) 0 0 no-repeat; margin-left: 35px; }
#index h3#title02 { background: url(../images/index_h3-02.jpg) 0 0 no-repeat; }
#index h3#title03 { background: url(../images/index_h3-03.jpg) 0 0 no-repeat; margin-left: 10px;}
#index h3#title04 { background: url(../images/index_h3-04.jpg) 0 0 no-repeat; margin-left: 10px;}

#index .greeting {
    background: url(../images/index_staff.jpg) 0 10px no-repeat;
    height: 207px;
    }
#index .greeting p { margin-left: 230px; margin-top: 10px;}

#index h2 { height: 30px; width: 400px; }
#index h3 { height: 26px; }

#index .board { margin-top: 15px; }

#index .pkup {
    margin-top: 20px;
    background: url(../images/pkup_bg.jpg) 0 0 no-repeat;
    padding: 0 15px;
    height: 223px;
    }
#index .pkup p {
    width: 300px;
    height: 90px;
    margin: 0 0 13px 0;
    text-indent: -9999px;
    }
#index .pkup p a { height: 90px; display: block; }

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

#index .pkup .upper { padding-top:15px; }

#index .calender {
    width: 348px;
    margin-top:16px;
    border: 1px solid #B2B2B2;
    }

#index .calender div,
#index .info dl { margin: 10px; }

#index .calender .caution { text-align: right; color: #FF0000; }

#index .info {
    width: 283px;
    margin-top:16px;
    border: 1px solid #B2B2B2;
    background: url(../images/info_bg.jpg) right bottom no-repeat;
    }

#index .info dl dd { margin-left: 5px; line-height: 1.5; }
#index .info dl#info_dl02 { margin: 0; } 
#index .info dl#info_dl02 dt { float: left; width: 70px; }
#index .info dl#info_dl02 dd { padding-left: 75px; }

#index #main_img { background: url(../images/main_img.jpg) 0 0 no-repeat; }
#index #catch { height: 165px; }

/*---------- 08  Treatment -----------*/

#treatment #catch { background: url(../images/treatment_catch.jpg) 0 0 no-repeat; }
#treatment h2#title01 { background: url(../images/treatment_h2-01.jpg) 0 0 no-repeat; }
#treatment h3#title02 { background: url(../images/treatment_h3-02.jpg) 0 0 no-repeat; }
#treatment h4#title03 { background: url(../images/treatment_h4-03.jpg) 0 0 no-repeat; }
#treatment h4#title04 { background: url(../images/treatment_h4-04.jpg) 0 0 no-repeat; }
#treatment h4#title05 { background: url(../images/treatment_h4-05.jpg) 0 0 no-repeat; }
#treatment h4#title06 { background: url(../images/treatment_h4-06.jpg) 0 0 no-repeat; }
#treatment h4#title07 { background: url(../images/treatment_h4-07.jpg) 0 0 no-repeat; }
#treatment h4#title08 { background: url(../images/treatment_h4-08.jpg) 0 0 no-repeat; }
#treatment h4#title09 { background: url(../images/treatment_h4-09.jpg) 0 0 no-repeat; }
#treatment h4#title10 { background: url(../images/treatment_h4-10.jpg) 0 0 no-repeat; }
#treatment h4#title11 { background: url(../images/treatment_h4-11.jpg) 0 0 no-repeat; }
#treatment h4#title12 { background: url(../images/treatment_h4-12.jpg) 0 0 no-repeat; }
#treatment .icon .section .section { padding-bottom:0; padding-top: 0;  }
#treatment .icon p { text-align: center; }
#treatment .icon p.text02 { text-align: left; }

#treatment .text03 { color: #00B0E8; font-weight: bold; }
#treatment .resize { width: 80px; }

#treatment .frame { margin-bottom: 20px; }


/*---------- 09  Guide     -----------*/

#guide #catch { background: url(../images/guide_catch.jpg) 0 0 no-repeat; }
#guide h2#title01 { background: url(../images/guide_h2-01.jpg) 0 0 no-repeat; }
#guide h3#title02 { background: url(../images/guide_h3-02.jpg) 0 0 no-repeat; }
#guide h3#title03 { background: url(../images/guide_h3-03.jpg) 0 0 no-repeat; }

#guide #content .sec_style { margin: 0px 0 0 5px; padding-bottom: 0;}
#guide .frame { margin-top: 20px;} 
#guide #content .sec_style .guide p { float: left; }

#guide .guide_botton {
    width: 205px;
    height: 27px;
    text-indent:-9999px;
    margin: 0 5px 5px 0 ;
    }
#guide .guide_botton a {
    height: 27px;
    display: block;
    }

#guide01 a { background: url(../images/guide01.jpg) 0 0 no-repeat; }
#guide02 a { background: url(../images/guide02.jpg) 0 0 no-repeat; }
#guide03 a { background: url(../images/guide03.jpg) 0 0 no-repeat; }
#guide04 a { background: url(../images/guide04.jpg) 0 0 no-repeat; }
#guide05 a { background: url(../images/guide05.jpg) 0 0 no-repeat; }
#guide06 a { background: url(../images/guide06.jpg) 0 0 no-repeat; }
#guide07 a { background: url(../images/guide07.jpg) 0 0 no-repeat; }
#guide08 a { background: url(../images/guide08.jpg) 0 0 no-repeat; }
#guide09 a { background: url(../images/guide09.jpg) 0 0 no-repeat; }
#guide10 a { background: url(../images/guide10.jpg) 0 0 no-repeat; }
#guide11 a { background: url(../images/guide11.jpg) 0 0 no-repeat; }

#guide01 a:hover { background: url(../images/guide01.jpg) 0 -27px no-repeat; }
#guide02 a:hover { background: url(../images/guide02.jpg) 0 -27px no-repeat; }
#guide03 a:hover { background: url(../images/guide03.jpg) 0 -27px no-repeat; }
#guide04 a:hover { background: url(../images/guide04.jpg) 0 -27px no-repeat; }
#guide05 a:hover { background: url(../images/guide05.jpg) 0 -27px no-repeat; }
#guide06 a:hover { background: url(../images/guide06.jpg) 0 -27px no-repeat; }
#guide07 a:hover { background: url(../images/guide07.jpg) 0 -27px no-repeat; }
#guide08 a:hover { background: url(../images/guide08.jpg) 0 -27px no-repeat; }
#guide09 a:hover { background: url(../images/guide09.jpg) 0 -27px no-repeat; }
#guide10 a:hover { background: url(../images/guide10.jpg) 0 -27px no-repeat; }
#guide11 a:hover { background: url(../images/guide11.jpg) 0 -27px no-repeat; }



/*---------- 10  Perio     -----------*/

#perio #catch { background: url(../images/perio_catch.jpg) 0 0 no-repeat; }
#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 h3#title04 { background: url(../images/perio_h3-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; }


/*---------- 11  Prevent   -----------*/

#prevent #catch { background: url(../images/prevent_catch.jpg) 0 0 no-repeat; }
#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 h4#title03 { background: url(../images/prevent_h4-03.jpg) 0 0 no-repeat; }
#prevent h3#title04 { background: url(../images/prevent_h3-04.jpg) 0 0 no-repeat; }
#prevent h4#title05 { background: url(../images/prevent_h4-05.jpg) 0 0 no-repeat; }
#prevent h4#title06 { background: url(../images/prevent_h4-06.jpg) 0 0 no-repeat; }
#prevent h3#title07 { background: url(../images/prevent_h3-07.jpg) 0 0 no-repeat; }
#prevent h4#title08 { background: url(../images/prevent_h4-08.jpg) 0 0 no-repeat; }
#prevent h4#title09 { background: url(../images/prevent_h4-09.jpg) 0 0 no-repeat; }

#prevent .pmtc_list ul { margin: 0; }

#prevent .pmtc_flow { padding-bottom: 0; padding-top: 5px; }

/*---------- 12  Esthe     -----------*/

#esthe #catch { background: url(../images/esthe_catch.jpg) 0 0 no-repeat; }
#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 h3#title03 { background: url(../images/esthe_h3-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 h3#title06 { background: url(../images/esthe_h3-06.jpg) 0 0 no-repeat; }
#esthe h4#title07 { background: url(../images/esthe_h4-07.jpg) 0 0 no-repeat; }
#esthe h4#title08 { background: url(../images/esthe_h4-08.jpg) 0 0 no-repeat; }

/*---------- 13  Whitening -----------*/

#whitening #catch { background: url(../images/whitening_catch.jpg) 0 0 no-repeat; }
#whitening h2#title01 { background: url(../images/whitening_h2-01.jpg) 0 0 no-repeat; }
#whitening h3#title02 { background: url(../images/whitening_h3-02.jpg) 0 0 no-repeat; }
#whitening h4#title03 { background: url(../images/whitening_h4-03.jpg) 0 0 no-repeat; }
#whitening h3#title04 { background: url(../images/whitening_h3-04.jpg) 0 0 no-repeat; }
#whitening h4#title05 { background: url(../images/whitening_h4-05.jpg) 0 0 no-repeat; }
#whitening h4#title06 { background: url(../images/whitening_h4-06.jpg) 0 0 no-repeat; }
#whitening h4#title07 { background: url(../images/whitening_h4-07.jpg) 0 0 no-repeat; }


/*---------- 14  Ortho     -----------*/

#ortho #catch { background: url(../images/ortho_catch.jpg) 0 0 no-repeat; }
#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; margin-top: 10px;}
#ortho h4#title04 { background: url(../images/ortho_h4-04.jpg) 0 0 no-repeat; }

#ortho .merit p { margin: 0; }
#ortho .text02 { border-top: 1px solid #EDEDED; padding-top: 5px;  }

#ortho .case02 { margin: 10px 20px; }

/*---------- 15  Price     -----------*/

#price #catch { background: url(../images/price_catch.jpg) 0 0 no-repeat; }
#price h2#title01 { background: url(../images/price_h2-01.jpg) 0 0 no-repeat; }
#price h3#title02 { background: url(../images/price_h3-02.jpg) 0 0 no-repeat; }

/*---------- 16  Concept   -----------*/

#concept #catch { background: url(../images/concept_catch.jpg) 0 0 no-repeat; }
#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 h4#title05 { background: url(../images/concept_h4-05.jpg) 0 0 no-repeat; }
#concept h4#title06 { background: url(../images/concept_h4-06.jpg) 0 0 no-repeat; }
#concept h4#title07 { background: url(../images/concept_h4-07.jpg) 0 0 no-repeat; }

/*---------- 17  Staff     -----------*/

#staff #catch { background: url(../images/staff_catch.jpg) 0 0 no-repeat; }
#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 h3#title03 { background: url(../images/staff_h3-03.jpg) 0 0 no-repeat; margin-top: 10px;}

#staff .staff_name {
    border-top: 1px solid #EDEDED;
    padding-top:15px;
    margin-top: 15px;
    text-align: center;
    } 

#staff .staff { margin: 0 20px; }

#staff .staff_text ul,
#staff .staff_text dl { margin: 0; }

#staff .staff .alpha,
#staff .staff .beta { width: 220px; }

#staff .staff .section { padding-top: 0; padding-bottom: 0; }

/*---------- 18  Access    -----------*/

#access #catch { background: url(../images/access_catch.jpg) 0 0 no-repeat; }
#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 h3#title03 { background: url(../images/access_h3-03.jpg) 0 0 no-repeat; }

#access #content .clinic_info table { width: 400px;}
#access #content .clinic_info table td,
#access #content .clinic_info table tr { padding: 3px 5px 3px 10px; }
#access #content .clinic_info table th { width: 80px; }

#access #content .clinic_info table dl { margin-left: 0; }
#access #content .clinic_info table dt { float: left; width: 60px; }
#access #content .clinic_info table dd { padding-left: 70px;  }

#access .clinic_info { 
    background: url(../images/access_bg.jpg) right 20px no-repeat;
    margin-right: 5px; 
    }

#map {
    width: 290px;
    height: 290px;
    margin: 0;
    padding: 0;
    border: 1px solid #B2B2B2;
    text-align: center;
    }

#access .b1_map { margin-left: 40px; }

#access #content table { width: 600px; }


/*---------- 19  Clinic    -----------*/

#clinic #catch { background: url(../images/clinic_catch.jpg) 0 0 no-repeat; }
#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 .clinic_photo p { margin: 15px 0; } 

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

#recruit #catch { background: url(../images/recruit_catch.jpg) 0 0 no-repeat; }
#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 .photo { padding-left: 100px; margin:0;}
#recruit .photo img { border: 5px solid #fff8cc; }
#recruit .banner { padding-left: 30px; }

/*---------- 21  Concact   -----------*/

#contact #catch { background: url(../images/contact_catch.jpg) 0 0 no-repeat; }
#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; }
#contact h3#title03 { background: url(../images/contact_h3-03.jpg) 0 0 no-repeat; }

#contact .calender { margin: 0 0 10px 0; }

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

#contact .calender .caution { text-align: right; color: #FF0000; }

#contact .info dl { margin: 10px; }


#contact .contact_info p { margin-left: 10px; }
#contact .contact_info dl { margin: 0; }

#contact .contact_info dl dt { float: left; width: 70px; }
#contact .contact_info dl dd { padding-left: 80px; }

#contact #content .contact_info table th { background: #F7EBDE; }
#contact table { width: 580px; clear: both;}

#contact .form { margin-top: 20px; }