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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Public                      */
/*                 09  Child                       */
/*                 10  Perio                       */
/*                 11  Beauty                      */
/*                 12  Whitening                   */
/*                 13  Implant                     */
/*                 14  Pmtc                        */
/*                 15  Office                      */
/*                 16  Access                      */
/*                 17  Contact                     */
/*                 18  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) 0 0 no-repeat;
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    }

#main {
    margin: 0 0 0 74px;
    width: 853px;
    }

#content {
    width: 652px;
    float: left;
    font-size: 108%;
    line-height: 1.6;
    color: #666;
    margin: 198px 0 30px 0 ;
    padding: 0;
    }


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

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

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

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

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


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

#global-nav {
    width: 853px;
    height: 41px;
    margin: 0 0 0 73px;
    padding: 0;
    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: 11px 0 0 0;
    padding: 0;
    width: 213px;
    height: 30px;
    float: left;
    text-indent: -9999px;
    }
#global-nav dd a {
    display: block;
    height: 30px;
    }
    
#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) -213px 0 no-repeat; }
#gnav03 a { background: url(../images/gnav.jpg) -426px 0 no-repeat; }
#gnav04 a { background: url(../images/gnav.jpg) -639px 0 no-repeat; }

#gnav01 a:hover { background: url(../images/gnav.jpg) 0 -30px no-repeat; }
#gnav02 a:hover { background: url(../images/gnav.jpg) -213px -30px no-repeat; }
#gnav03 a:hover { background: url(../images/gnav.jpg) -426px -30px no-repeat; }
#gnav04 a:hover { background: url(../images/gnav.jpg) -639px -30px no-repeat; }

#nav {
    width: 201px;
    float: right;
    padding: 0 0 3px 0;
    }
#nav ul,
#nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    }

#nav .internal { width: 136px; margin: 20px 0 10px 20px; }
#nav .internal li {
    height: 38px;
    text-indent: -9999px;
    }

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

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

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

#nav01 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav02 a { background: url(../images/nav.jpg) 0 -34px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -72px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -110px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -148px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -186px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -224px no-repeat; }

#nav01 a:hover { background: url(../images/nav.jpg) -136px 0 no-repeat; }
#nav02 a:hover { background: url(../images/nav.jpg) -136px -34px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -136px -72px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -136px -110px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -136px -148px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -136px -186px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -136px -224px no-repeat; }

#nav p { margin-left: 36px; padding: 0; }
#nav .left{ 
 text-align: left; 
    padding-left:5px;}

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

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

#footer address {
    margin: 0 auto;
    padding: 0;
    background: url(../images/copyright.jpg) bottom no-repeat;
    height: 25px;
    width: 853px;
    text-indent: -9999px;
    }

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

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

.center { text-align: center; }

#content h2 {
    height: 50px;
    text-indent: -9999px;
    margin: 0 0 0 2px ;
    width: 635px;
    clear: both;
    }
#content h3 {
    clear: both;
    height: 25px;
    text-indent: -9999px;
    margin-left: 10px;
    }
#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 3px no-repeat;
    padding-left: 30px;
    }
#content ul.olist li {
    background-image: none;
    padding-left: 0;
    }

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

#content a { text-decoration: underline; }

a {
    color: #7f690d;
    outline: none;
    }
a:hover { color: #d59758; }

#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,
.case02 { margin: 0 10px 10px 0; }

.case .case_text,
.case02 .case_text { border-top: 1px #999 solid; text-align: center; font-weight: bold; padding-top: 5px; }

.case .alpha,
.case02 .alpha  { background: url(../images/arrow.jpg) right center no-repeat; padding-right: 70px; }

.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: 125px;
    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/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 #B7B091;
    font-size: 108%;
    color: #666;
    margin-left: 20px;
    width: 560px;
    }

#content table th,
#content table td { border: none; padding: 4px 10px; }

#content table th {
    background: #E7E2D5;
    color: #000;
    width: 140px;
    border-bottom: 1px solid #fff;
    }
#content table th.th_end { border-bottom: 1px solid #B7B091; }
#content table td { border-bottom: 1px solid #B7B091; }

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

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

#content .ban_contact,
#content .ban_contact02,
#content .ban_contact03 {
    width: 550px ;
    height: 85px ;
    margin: 0 0 0 30px;
    padding: 0;
    text-indent: -9999px;
    }
#content .ban_contact a,
#content .ban_contact02 a,
#content .ban_contact03 a {
    height: 85px ;
    display: block;
    }

#content .text01 { color: #990000; font-weight: bold; }
#content .text02 { color: #C1A376; font-weight: bold; }

.textarea { border: 1px solid #000066; }
.textarea p { margin: 5px; }

.textarea02 { border: 1px solid #d5d5d5; }
.textarea02 p { margin: 5px; }

.textarea03 { background: #FFEEE7 ; }
.textarea03 p { margin: 5px; }

.textarea04 { background: #F4FFEB ; }
.textarea04 p { margin: 5px; }

.textarea05 { background: #E6FCF8 ; }
.textarea05 p { margin: 5px; }


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

#index #main { background: #fff url(../images/main_bg.jpg) top no-repeat; }

#index #content { width: 853px; margin: 0 0 10px 0 ; font-size: 93%; }
#index #content h2 {
    height: 44px;
    width: 423px;
    margin: 0;
    }
#index #content h3 { height: 37px; margin-bottom:10px; }

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

#index .pkup {
    margin: 0 8px 0 0;
    padding: 0;
    float: left;
    width: 202px;
    height: 133px;
    }
#index .pkup p {
    margin: 0;
    text-indent: -9999px;
    }
#index .pkup a {
    display: block;
    width: 202px;
    height: 133px;
    }

#pkup01 a { background: url(../images/pkup01.jpg) 0 0 no-repeat; }
#pkup02 a { background: url(../images/pkup02.jpg) 0 0 no-repeat; }

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

#concept {
    margin: 0 0 0 10px ;
    width: 423px;
    height: 134px;
    float: left;
    background: url(../images/concept_bg.jpg) 0 0 no-repeat;
    }
#concept p { margin: 5px 11px 5px 15px ; }   

#index #content .alpha p,
#index #content .beta p { margin: 0; }

#index #content .alpha { width: 351px; }
#index #content .beta {
    width: 490px;
    margin: 0 0 0 10px ;
    padding: 0;
    background: url(../images/info_bg.jpg) right 0 no-repeat;
    }

#index #content .beta dl { margin: 0; }
#index #content .beta dt { float: left; width: 63px; color: #182BD6;}
#index #content .beta dd { padding-left: 70px; margin: 0; }


/*---------- 08  Public    -----------*/

#public #main { background: #fff url(../images/public_main.jpg) top no-repeat; }
#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 h3#title04 { background: url(../images/public_h3-04.jpg) 0 0 no-repeat; }
#public h4#title05 { background: url(../images/public_h4-05.jpg) 0 0 no-repeat; }
#public h4#title06 { background: url(../images/public_h4-06.jpg) 0 0 no-repeat; }

#public .care_title { color: #fff; background: #C48445; padding: 1px 5px; } 

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

#public .ban_contact02 a { background: url(../images/ban_contact05.jpg) 0 0 no-repeat; }
#public .ban_contact02 a:hover { background: url(../images/ban_contact05.jpg) 0 -85px no-repeat; }

#public #content table { margin-left: 0; }

/*---------- 09  Child     -----------*/

#child #main { background: #fff url(../images/child_main.jpg) top no-repeat; }
#child h2#title01 { background: url(../images/child_h2-01.jpg) 0 0 no-repeat; }
#child h3#title02 { background: url(../images/child_h3-02.jpg) 0 0 no-repeat; }
#child h4#title03 { background: url(../images/child_h4-03.jpg) 0 0 no-repeat; }
#child h3#title04 { background: url(../images/child_h3-04.jpg) 0 0 no-repeat; }

#child .diff table { width: 550px; margin-left: 0; }
#child .diff table th { width: auto; text-align: center; padding: 4px 0 4px 10px; }
#child .diff table th#th01{ background: #F9E594; }
#child .diff table th#th02{ background: #EDDEC0; }

#child .bg01 { 
    margin-right: 15px;
    background: url(../images/child_bg.jpg) right 0 no-repeat;
    padding-bottom: 25px; 
    } 
#child .bg01 p { padding-right: 170px; }

#child .bg02 {
    margin-right: 10px;
    background: url(../images/child_bg02.jpg) right 0 no-repeat;
    padding-bottom: 35px;
    } 
#child .bg02 p { padding: 20px 90px 0 0; }

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

#child #content table th { border-left: 1px solid #B7B091; }
#child #content table td { border-left: 1px solid #B7B091; }


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

#perio #main { background: #fff url(../images/perio_main.jpg) top 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 .ban_contact a { background: url(../images/ban_contact03.jpg) 0 0 no-repeat; }
#perio .ban_contact a:hover { background: url(../images/ban_contact03.jpg) 0 -85px no-repeat; }

#perio #content table { margin-left: 0; }
#perio #content table th { width: auto; }

#perio .banner { padding-top: 0px; }

/*---------- 11  Beauty    -----------*/

#beauty #main { background: #fff url(../images/beauty_main.jpg) top no-repeat; }
#beauty h2#title01 { background: url(../images/beauty_h2-01.jpg) 0 0 no-repeat; }
#beauty h3#title02 { background: url(../images/beauty_h3-02.jpg) 0 0 no-repeat; }
#beauty h4#title03 { background: url(../images/beauty_h4-03.jpg) 0 0 no-repeat; }
#beauty h4#title04 { background: url(../images/beauty_h4-04.jpg) 0 0 no-repeat; }
#beauty h4#title05 { background: url(../images/beauty_h4-05.jpg) 0 0 no-repeat; }

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

#beauty .ban_contact02 a { background: url(../images/ban_contact11.jpg) 0 0 no-repeat; }
#beauty .ban_contact02 a:hover { background: url(../images/ban_contact11.jpg) 0 -85px no-repeat; }

#beauty .ban_contact03 a { background: url(../images/ban_contact12.jpg) 0 0 no-repeat; }
#beauty .ban_contact03 a:hover { background: url(../images/ban_contact12.jpg) 0 -85px no-repeat; }

#beauty p.beauty_title {
    background: #fff;
    font-weight: bold;
    color: #333;
    padding-left: 10px;
    }

#beauty .textarea03 { margin: 10px 0 10px 10px; }
#beauty .case .alpha { padding-right: 40px; }

#beauty .case,
#beauty .case02, { margin-top: 10px;}

#beauty .case02 { background: #fff; }

#beauty .beauty_link { margin-left: 40px; }

#beauty .beauty_link p { 
    float: left;
    width: 167px;
    height: 145px;
    margin: 0;
    text-indent: -9999px;
    }

#beauty .beauty_link p a { 
    display: block;
    width: 167px;
    height: 145px;
    margin: 0;
    }

#beauty .beauty_link p#beauty_link01 { width: 166px; }
#beauty .beauty_link p#beauty_link01 a { width: 166px; }

#beauty_link01 a { background: url(../images/beauty_link.jpg) 0 0 no-repeat; } 
#beauty_link02 a { background: url(../images/beauty_link.jpg) -166px 0 no-repeat; } 
#beauty_link03 a { background: url(../images/beauty_link.jpg) -333px 0 no-repeat; } 

#beauty_link01 a:hover { background: url(../images/beauty_link.jpg) 0 -145px no-repeat; } 
#beauty_link02 a:hover { background: url(../images/beauty_link.jpg) -166px -145px no-repeat; } 
#beauty_link03 a:hover { background: url(../images/beauty_link.jpg) -333px -145px no-repeat; } 

#beauty .color_arrow .alpha { background: url(../images/arrow03.jpg) right center no-repeat; padding-right: 50px; } 
#beauty .color02_arrow .alpha { background: url(../images/arrow04.jpg) right center no-repeat; padding-right: 70px; } 


/*---------- 12  Whitening -----------*/

#whitening #main { background: #fff url(../images/whitening_main.jpg) top 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 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 h3#title06 { background: url(../images/whitening_h3-06.jpg) 0 0 no-repeat; }

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

#whitening .bg01 { 
    margin-right: 15px;
    background: url(../images/whitening_bg.jpg) right 0 no-repeat;
    padding-bottom: 80px;
    } 
#whitening .bg01 p { padding-right: 200px; }


/*---------- 13  Implant   -----------*/

#implant #main { background: #fff url(../images/implant_main.jpg) top no-repeat; }
#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 h3#title05 { background: url(../images/implant_h3-05.jpg) 0 0 no-repeat; }
#implant h3#title06 { background: url(../images/implant_h3-06.jpg) 0 0 no-repeat; }

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

#implant .bg01 { 
    margin-right: 15px;
    background: url(../images/implant_bg.jpg) right 0 no-repeat;
    padding-bottom: 50px;
    } 
#implant .bg01 p { padding-right: 150px; }

#implant .implant_merit {
    background: url(../images/implant_bg02.jpg) 0 0 no-repeat;
    margin-left: 40px;
    margin-bottom: 10px;
    height: 256px;
    }

#implant .implant_merit ul {
    margin-top: 50px;
    float: left;
    margin-left: 10px;
    }

#implant .textarea {
    margin-left: 10px;
    border: 1px solid #C8C8C8; }

#implant .textarea02 { width: 610px; margin-bottom: 20px; }

#implant .flow {
    padding-bottom: 35px; 
    background: url(../images/arrow02.jpg) center bottom no-repeat;
    padding-right: 0;
    }

#implant .flow02 { padding-right: 0; }

#implant .answer { margin: 5px 0 20px 10px; width: 590px; }


/*---------- 14  Pmtc      -----------*/

#pmtc #main { background: #fff url(../images/pmtc_main.jpg) top no-repeat; }
#pmtc h2#title01 { background: url(../images/pmtc_h2-01.jpg) 0 0 no-repeat; }
#pmtc h3#title02 { background: url(../images/pmtc_h3-02.jpg) 0 0 no-repeat; }
#pmtc h4#title03 { background: url(../images/pmtc_h4-03.jpg) 0 0 no-repeat; }
#pmtc h4#title04 { background: url(../images/pmtc_h4-04.jpg) 0 0 no-repeat; }
#pmtc h4#title05 { background: url(../images/pmtc_h4-05.jpg) 0 0 no-repeat; }
#pmtc h4#title06 { background: url(../images/pmtc_h4-06.jpg) 0 0 no-repeat; }

#pmtc #content .li_img ul {
    border: 1px dotted #B2B2B2;
    margin-left: 10px;
    padding: 15px 10px 3px 10px ; 
    }

#pmtc #content .li_img ul li{
    background: none;
    padding-left: 10px;
    padding-bottom: 10px;
    }

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


/*---------- 15  Office    -----------*/

#office #main { background: #fff url(../images/office_main.jpg) top 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; }
#office h3#title03 { background: url(../images/office_h3-03.jpg) 0 0 no-repeat; }
#office h4#title04 { background: url(../images/office_h4-04.jpg) 0 0 no-repeat; }
#office h4#title05 { background: url(../images/office_h4-05.jpg) 0 0 no-repeat; }

#office .staff .text { border-top: 1px #999 solid; text-align: center; font-weight: bold; padding-top: 5px; }

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

#office .staff .alpha { width: 230px; }
#office .staff .beta { width: 350px; }

#office .textarea { width: 550px; margin: 5px 0 10px 10px; }

/*---------- 16  Access    -----------*/

#access #main { background: #fff url(../images/access_main.jpg) top 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 .timetable { margin-left: 20px; }
#access .timetable dt { float: left; width: 80px; }
#access .timetable dd { padding-left: 90px; margin: 0; }

#map {
    width: 400px;
    height: 400px;
    margin: 0;
    padding: 0;
    border: 1px solid #B2B2B2;
    }

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


/*---------- 17  Contact   -----------*/

#contact #main { background: #fff url(../images/contact_main.jpg) top 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 #content table { width: 590px; margin-left: 0;}
#contact #content table th {
    width: 150px;
    border-bottom: 1px solid #B7B091;
    }

/*---------- 18  Sitemap   -----------*/

#sitemap #main { background: #fff url(../images/sitemap_main.jpg) top no-repeat; }
#sitemap h2#title01 { background: url(../images/sitemap_h2-01.jpg) 0 0 no-repeat; }
#sitemap h3#title02 { background: url(../images/sitemap_h3-02.jpg) 0 0 no-repeat; }