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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Dr                          */
/*                 09  Office                      */
/*                 10  Access                      */
/*                 11  Estetic                     */
/*                 12  Implant                     */
/*                 13  Perio                       */
/*                 14  Public                      */
/*                 15  Line                        */
/*                 16  Estetic_case                */
/*                 17  Implant_case                */
/*                 18  Smile                       */
/*                 19  Whitening                   */
/*                 20  Contact                     */
/*                 21  Sitemap                     */
/*                                                 */
/*=======================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) top repeat-x; }

#wrapper {
    background: url(../images/wrapper_bg.jpg) top repeat-y;
    width: 800px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    }

#main {
    margin: 0;
    background: url(../images/main_bg.jpg) top no-repeat;
    width: 800px;
    }

#content {
    width: 547px;
    float: left;
    font-size: 100%;
    line-height: 1.6;
    color: #242424;
    padding: 13px 0 20px 0;
    }



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

#header {
    background: url(../images/header_bg.jpg) 0 0 no-repeat;
    height: 308px;
    width: 800px;
    margin: 0;
    padding: 0;
    }

h1 {
    text-indent: -9999px;
    width: 228px;
    height: 78px;
    line-height: 1.0;
    float: left;
    }

h1 a {
    display: block;
    width: 228px;
    height: 78px;
    background: url(../images/h1.jpg) 0 0 no-repeat;
    }

#header .section {
    width: 211px;
    float: right;
    margin: 0;
    padding: 0;
    }

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

#header_nav01 {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 135px;
    height: 22px;
    }

#header_nav01 li {
    height: 22px;
    float: left;
    text-indent: -9999px;
    list-style: none;
    margin: 0;
    padding: 0;
    }

#header_nav01 li a {
    display: block;
    height: 22px;
    }

#nav01 { width: 60px; }
#nav02 { width: 75px; }

#nav01 a {
    background: url(../images/hnav01.jpg) 0 0 no-repeat;
    width: 60px;
    }

#nav02 a {
    background: url(../images/hnav01.jpg) -60px 0 no-repeat;
    width: 75px;
    }
    
#header_nav02 {
    width: 800px;
    height: 34px;
    margin: 0;
    padding: 0 6px;
    background: url(../images/hnav02.jpg) 0 0 no-repeat;
    }

#header_nav02 dl { 
    margin: 0;
    padding: 0;
    }

#header_nav02 dl dt{
    margin: 0;
    padding: 0;
    width: 0;
    height: 34px;
    float: left;
    text-indent: -9999px;
    }

#header_nav02 dl dd {
    margin: 0;
    padding: 0;
    width: 197px;
    height: 34px;
    float: left;
    text-indent: -9999px;
    }

#header_nav02 dl dd a {
    display: block;
    height: 34px;
    }

#nav03 a { background: url(../images/hnav02.jpg) -6px 0 no-repeat; }
#nav04 a { background: url(../images/hnav02.jpg) -203px 0 no-repeat; }
#nav05 a { background: url(../images/hnav02.jpg) -400px 0 no-repeat; }
#nav06 a { background: url(../images/hnav02.jpg) -597px 0 no-repeat; }

#nav03 a:hover { background: url(../images/hnav02.jpg) -6px -34px no-repeat; }
#nav04 a:hover { background: url(../images/hnav02.jpg) -203px -34px no-repeat; }
#nav05 a:hover { background: url(../images/hnav02.jpg) -400px -34px no-repeat; }
#nav06 a:hover { background: url(../images/hnav02.jpg) -597px -34px no-repeat; }

#header .catch {
    text-indent: -9999px;
    margin: 0;
    }


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

#nav {
    width: 253px;
    float: right;
    padding: 0;
    background: url(../images/nav_bg02.jpg) 0 0 no-repeat;
    }

#nav dl {
    margin: 0 0 40px 0;
    padding: 0;
    margin-left: 13px;
    }

#nav .internal dt {
    text-indent: -9999px;
    width: 220px;
    height: 64px;
    margin: 0;
    padding: 0;
    }

#nav .internal dt#nav13 { height: 65px; }

#nav .internal dd {
    text-indent: -9999px;
    width: 220px;
    height: 40px;
    margin: 0;
    padding: 0;
    }

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

#nav07 { background: url(../images/nav.jpg) 0 0 no-repeat;}
#nav08 a { background: url(../images/nav.jpg) 0 -64px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -104px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -144px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -184px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -224px no-repeat; }
#nav13 { background: url(../images/nav.jpg) 0 -264px no-repeat;}
#nav14 a { background: url(../images/nav.jpg) 0 -329px no-repeat; }
#nav15 a { background: url(../images/nav.jpg) 0 -369px no-repeat; }
#nav16 a { background: url(../images/nav.jpg) 0 -409px no-repeat; }
#nav17 a { background: url(../images/nav.jpg) 0 -449px no-repeat; }

#nav08 a:hover { background: url(../images/nav.jpg) -220px -64px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -220px -104px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -220px -144px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -220px -184px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -220px -224px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -220px -329px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -220px -369px no-repeat; }
#nav16 a:hover { background: url(../images/nav.jpg) -220px -409px no-repeat; }
#nav17 a:hover { background: url(../images/nav.jpg) -220px -449px no-repeat; }

#nav p { text-align: center; }

#nav .ban_recruit {
    margin: 0 0 10px 35px;
    width: 181px;
    height: 81px;
    text-indent: -9999px;
    }

#nav .ban_recruit a {
    background: url(../images/recruitment.jpg) 0 0 no-repeat;
    display: block;
    width: 181px;
    height: 81px;
    }
#nav .ban_sate a {
    background: url(../images/ban_sate.jpg) 0 0 no-repeat;
    display: block;
	text-indent:-9999px;
    margin: 0 0 10px 35px;
	_margin: 0 0 10px 0;
    width: 181px;
    height: 81px;
    }
#nav .ban_makino a {
    background: url(../images/ban_makino.jpg) 0 0 no-repeat;
    display: block;
	text-indent:-9999px;
    margin: 0 0 10px 35px;
	_margin: 0 0 10px 0;
    width: 181px;
    height: 81px;
    }
#nav .ban_tachibana a {
    background: url(../images/tachibana-shika.gif) 0 0 no-repeat;
    display: block;
	text-indent:-9999px;
    margin: 0 0 10px 35px;
	_margin: 0 0 10px 0;
    width: 180px;
    height: 60px;
    }
#nav .ban_sate a:hover,
#nav .ban_makino a:hover,
#nav .ban_tachibana a:hover{background-position:0 100%;}
#nav .ban_recruit a:hover { background: url(../images/recruitment.jpg) 0 -81px no-repeat; }

    

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

#footer {
    clear: both;
    padding: 0;
    margin: 0;
    background: url(../images/footer_bg.jpg) bottom no-repeat;
    font-size: 85%;
    color: #fff;
    width: 800px;
    height: 127px;
    }

*: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: #fff;
    }

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

#footer .section {
    padding: 33px 0 0 50px ;
    }

#footer ul { 
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    }

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

#footer address {
    margin: 0;
    text-indent: -9999px;
    }



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

.section { padding: 10px 5px 12px 25px; }
.section .section { padding: 5px 10px ; }

.center { text-align: center; }

#content h2 {
    clear: both;
    height: 35px;
    width: 520px;
    text-indent: -9999px;
    margin: 0 0 5px 14px;
    }
    
#content h3 {
    clear: both;
    width: 510px;
    height: 27px;
    text-indent: -9999px;
    margin-bottom: 10px;
    }
#content h4 {
    clear: both;
    width: 480px;
    height: 27px;
    text-indent: -9999px;
    }

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

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

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
    color: #BF6000;
    outline: none;
    }
a:hover { color: #DBA673; }

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

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

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

.case {
    margin: 0;
    background: url(../images/arrow.jpg) center center no-repeat;
    }

.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;
    margin-right: 10px;
    margin-top: 20px;
    }

#content ul.totop li {
    list-style: none;
    width: 153px;
    height: 25px;
    padding: 0;
    text-indent: -9999px;
    float: right;
    background-image: none;
    }
#content ul.totop li a {
    display: block;
    height: 25px;
    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-spacing: 1px;
    border: 1px solid #352214;
    font-size: 100%;
    color: #666;
    width: 480px;
    }

#content table th,
#content table td {
    padding: 4px 2px 4px 5px;
    border: 1px solid #352214;
    }

#content table tr th.time { width: 150px; height: 30px; }

#content table th {
    background: #E4DCD9;
    color: #352214;
    width: 130px;
    }

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

.textarea { background-color: #EDEDED; }
.textarea02 { background-color: #E5DDD8; }
.textarea03 { background-color: #EDE9E6; }

.font_bold { color: #781001; font-weight: bold; }
.font_red { color:#FF0000; font-weight: bold; }

.contact_ban {
    width: 380px;
    height: 88px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    text-align: center;
    }

.contact_ban a {    
    background: url(../images/contact_ban.jpg) 0 0 no-repeat;
    display: block;
    width: 380px;
    height: 88px;
    text-align: center;
    margin: 10px 0 0 60px;
    }

.contact_ban a:hover { background: url(../images/contact_ban.jpg) 0 -88px no-repeat; }

.case02 { padding:5px; }

#content .layout { margin: 10px 0; }


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

#index h2#title01 { background: url(../images/index_h2-01.jpg) 0 0 no-repeat; }
#index h2#title02 { background: url(../images/index_h2-02.jpg) 0 0 no-repeat; }
#index h2#title03 { background: url(../images/index_h2-03.jpg) 0 0 no-repeat; }
#index h3#title04 { background: url(../images/index_h3-04.jpg) 0 0 no-repeat; }
#index h3#title05 { background: url(../images/index_h3-05.jpg) 0 0 no-repeat; }

#index #content h3 { height: 25px; }
#index #content .textarea { margin-bottom: 10px; }

#index .pkup {
    margin: 5px 0 10px 14px;
    padding: 0;
    }

#index .pkup div {
    float: left;
    width: 173px;
    height: 158px;
    margin: 0;
    padding: 0;
    }

#pk01 { background: url(../images/pk01_bg.jpg) 0 0 no-repeat; }
#pk02 { background: url(../images/pk02_bg.jpg) 0 0 no-repeat; }
#pk03 { background: url(../images/pk03_bg.jpg) 0 0 no-repeat; }

#index .pkup p {
    width: 173px;
    height: 25px;
    margin: 133px 0 0 0 ;
    padding: 0;
    text-indent: -9999px;
    }

#index .pkup p a {
    display: block;
    width: 173px;
    height: 25px;
    }
    
#pk01 a { background: url(../images/pk01_title.jpg) 0 0 no-repeat; }
#pk02 a { background: url(../images/pk02_title.jpg) 0 0 no-repeat; }
#pk03 a { background: url(../images/pk03_title.jpg) 0 0 no-repeat; }

#pk01 a:hover { background: url(../images/pk01_title.jpg) 0 -25px no-repeat; }
#pk02 a:hover { background: url(../images/pk02_title.jpg) 0 -25px no-repeat; }
#pk03 a:hover { background: url(../images/pk03_title.jpg) 0 -25px no-repeat; }

#index .office {
    margin: 5px 15px 10px 14px;
    padding: 0;
    }

#index .office .image_l { margin-right: 0; } 

#index .office .image_r {
    margin: 7px 0 0 0;
    padding: 10px 8px 10px 0;
    width: 270px;
    background-color: #EEEEEE;
    }

#index .office dl { margin: 0; }

#index .office dl dt {
    float:left;
    width: 76px;
    height: 15px;
    margin: 2px 0 0 0 ;
    padding: 0;
    text-indent: -9999px;
    }

#index .office dl dd {
    padding: 0 0 0 78px;
    margin: 0 0 5px 0;
    line-height: 1.2;
    }

#index .office dl dd.office_text02 { padding-bottom: 5px; }

#office_title01 { background: url(../images/index_office01.jpg) 0 0 no-repeat; }
#office_title02 { background: url(../images/index_office02.jpg) 0 0 no-repeat; }
#office_title03 { background: url(../images/index_office03.jpg) 0 0 no-repeat; }
#office_title04 { background: url(../images/index_office04.jpg) 0 0 no-repeat; }
#office_title05 { background: url(../images/index_office05.jpg) 0 0 no-repeat; }

#index .office .office_text01 { font-size: 120%; }
#index .office .office_text02 { color: #781001; }

     
#index .ban_access a{
	width:510px;
	height:120px;
	display:block;
	text-indent:-9999px;
	background:url(../images/ban_access01.jpg);
}
#index .ban_access a:hover{	
	background-position:0 100%;
}	

/*---------- 08  Dr -----------*/

#dr h2#title01 { background: url(../images/dr_h2-01.jpg) 0 0 no-repeat; }
#dr h3#title02 { background: url(../images/dr_h3-02.jpg) 0 0 no-repeat; }
#dr h4#title03 { background: url(../images/dr_h4-03.jpg) 0 0 no-repeat; }
#dr h4#title04 { background: url(../images/dr_h4-04.jpg) 0 0 no-repeat; }

#dr .intro { 
    background: url(../images/dr01.jpg) left top no-repeat ;
    padding: 0 0 0 150px;
    }

#dr .intro p { width: 280px; }

#dr .summary dl dt { color: #593A2E; }

#dr .textarea02 { padding: 5px; width: 470px; }

.large{
	font-size:16px;
}

/*---------- 09  Office -----------*/

#office h4#title01 { background: url(../images/office_h4_01.jpg) 0 0 no-repeat; }
#office h4#title02 { background: url(../images/office_h4_02.jpg) 0 0 no-repeat; }
#office h4#title03 { background: url(../images/office_h4_03.jpg) 0 0 no-repeat; }
#office h4#title04 { background: url(../images/office_h4_04.jpg) 0 0 no-repeat; }

#office h2#title01 { background: url(../images/office_h2-01.jpg) 0 0 no-repeat; }
#office h3#title02 { background: url(../images/office_h3-02.jpg) 0 0 no-repeat; }


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

#access .timetable table {
    border-collapse: collapse;
    border-spacing: 1px;
    border: 1px solid #E8C7A4;
    font-size: 100%;
    color: #fff;
    width: 480px;
    }

#access .timetable table tr th,
#access .timetable table tr td {
    padding: 3px 0;
    border: 1px solid #E8C7A4;
    width: 50px;
    text-align: center;
    }

#access .timetable table th {
    background: #593A2E;
    color: #DBA673;
    width: 130px;
    }

#access .timetable table tr th.time { width: 150px; height: 30px; }
#access #content .section { padding-right: 0; }
#access #content .section .section { padding-left: 10px;}

#map {   
    width: 360px;   
    height: 300px;   
    border: 1px solid #666666;   
    margin: 5px;
    padding: 0;
    }


/*---------- 11  Estetic -----------*/

#estetic h2#title01 { background: url(../images/estetic_h2-01.jpg) 0 0 no-repeat; }
#estetic h3#title02 { background: url(../images/estetic_h3-02.jpg) 0 0 no-repeat; }
#estetic h4#title03 { background: url(../images/estetic_h4-03.jpg) 0 0 no-repeat; }
#estetic h4#title04 { background: url(../images/estetic_h4-04.jpg) 0 0 no-repeat; }

#estetic .point {
    background: url(../images/estetic02.jpg) left bottom no-repeat;
    width: 430px;
    margin: 0 0 10px 0 ;
    height: 280px;
    padding: 0 5px 0 250px;
    }

#estetic .point p { margin: 0 ; padding: 110px 0 0 0 ; width: 240px; height: 200px; }
#estetic .section .section { padding-right: 5px; }

#estetic .este_catch img { margin-bottom: 10px; } 

/*---------- 12  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 h4#title04 { background: url(../images/implant_h4-04.jpg) 0 0 no-repeat; }
#implant h4#title05 { background: url(../images/implant_h4-05.jpg) 0 0 no-repeat; }

#implant .merit ul {
    margin: 3px;
    padding: 0;    
    }
    
#implant .merit ul li {
    margin: 0;
    padding: 0;
    text-indent: 10px;
    line-height: 1.3;
    padding-bottom: 3px;
    }

#implant .merit table { margin-top: 10px; width: 480px;}
#implant .merit table th.right { width: 130px; padding: 3px;}

#implant .flow {
    background: #F6EADD url(../images/flow_bg.jpg) center bottom no-repeat;
    width: 460px;
    margin: 10px 5px 0 10px ;
    padding: 5px 0 40px 0;
    }

#implant .flow_end {
    background: #F6EADD url(../images/flow_bg02.jpg) center bottom no-repeat;
    width: 460px;
    margin: 10px 5px 0 10px ;
    padding: 5px 0 20px 0;
    }

#implant .flow p,
#implant .flow_end p {
    margin: 0;
    padding: 0 5px;
    }

#implant .flow_title { color:#781001; font-weight: bold;}

/*---------- 13  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 h4#title05 { background: url(../images/perio_h4-05.jpg) 0 0 no-repeat; }

#perio p.perio_text { padding-top: 20px; }
#perio .arrow_b01 { 
    background: url(../images/arrow_b.jpg) center bottom no-repeat;
    padding-bottom: 160px;
    }

#perio .arrow_b02 { 
    background: url(../images/arrow_b.jpg) center bottom no-repeat;
    padding-bottom: 140px;
    }

#perio .case02 .image_l {
    padding: 0 15px 8px 0 ;
    width: 240px;
    background: url(../images/arrow.jpg) right center no-repeat;
    margin: 0;
    }

#implant_case .case02 .image_l img { display: block; margin-right: 20px; }
#implant_case .case02 .image_r { padding: 0 10px 8px 5px ; width: 226px; }

* html #perio .case02 .image_l { padding-right: 40px; }

/*---------- 14  Public -----------*/

#public h2#title01 { background: url(../images/public_h2-01.jpg) 0 0 no-repeat; }
#public h3#title02 { background: url(../images/public_h3-02.jpg) 0 0 no-repeat; }
#public h4#title03 { background: url(../images/public_h4-03.jpg) 0 0 no-repeat; }
#public h4#title04 { background: url(../images/public_h4-04.jpg) 0 0 no-repeat; }



/*---------- 15  Line -----------*/

#line h2#title01 { background: url(../images/line_h2-01.jpg) 0 0 no-repeat; }
#line h3#title02 { background: url(../images/line_h3-02.jpg) 0 0 no-repeat; }
#line h3#title03 { background: url(../images/line_h3-03.jpg) 0 0 no-repeat; }

#line .textarea { padding: 5px; width: 470px; }

/*---------- 16  Estetic_case -----------*/

#estetic_case h2#title01 { background: url(../images/estetic_case_h2-01.jpg) 0 0 no-repeat; }
#estetic_case h3#title02{ background: url(../images/estetic_case_h3-02.jpg) 0 0 no-repeat; }
#estetic_case h4#title03{ background: url(../images/estetic_case_h4-03.jpg) 0 0 no-repeat; }
#estetic_case h4#title04{ background: url(../images/estetic_case_h4-04.jpg) 0 0 no-repeat; }
#estetic_case h4#title05{ background: url(../images/estetic_case_h4-05.jpg) 0 0 no-repeat; }

#estetic_case .case02 .image_l {
    padding: 0 15px 8px 0 ;
    width: 230px;
    background: url(../images/arrow.jpg) right center no-repeat;
    margin: 0;
    }

#estetic_case .case02 .image_l img { display: block; margin-right: 15px; }
#estetic_case .case02 .image_r { padding: 0 20px 8px 5px ; width: 217px; }

#estetic_case .section { padding-right: 0; }


/*---------- 17  Implant_case -----------*/

#implant_case h2#title01 { background: url(../images/implant_case_h2-01.jpg) 0 0 no-repeat; }
#implant_case h3#title02 { background: url(../images/implant_case_h3-02.jpg) 0 0 no-repeat; }
#implant_case h4#title03 { background: url(../images/implant_case_h4-03.jpg) 0 0 no-repeat; }

#implant_case .case02 .image_l {
    padding: 0 12px 8px 0 ;
    width: 230px;
    background: url(../images/arrow.jpg) right center no-repeat;
    margin: 0;
    }

#implant_case .case02 .image_l img { display: block; margin-right: 20px; }
#implant_case .case02 .image_r { padding: 0 10px 8px 5px ; width: 226px; }

#implant_case .section { padding-right: 3px; }

/*---------- 18  Smile -----------*/

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

/*---------- 19  Whitening -----------*/

#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 h4#title04 { background: url(../images/whitening_h4-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 .case02 .image_l {
    padding: 0 12px 8px 0 ;
    width: 230px;
    background: url(../images/arrow.jpg) right center no-repeat;
    margin: 0;
    }

#whitening .case02 .image_l img { display: block; margin-right: 20px; }
#whitening .case02 .image_r { padding: 0 10px 8px 0 ; width: 221px; }

#whitening .textarea03 { padding: 5px; width: 470px;}
#whitening .whitening_catch img { margin-bottom: 10px; } 

#whitening .question { margin-bottom: 10px; }



/*---------- 20  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; }

#contact .section .form { padding-right: 5px; }


/*---------- 21  Sitemap -----------*/

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

#sitemap .section ul li { line-height: 1.8; }