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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Infomation                    */
/*                 09  Clinic                      */
/*                 10  Access                      */
/*                 11  Whitening                   */
/*                 12  Implant                     */
/*                 13  Caries_perio                */
/*                 14  Aesthe                      */
/*                 15  Ortho                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { background:#fbf5a5 url(../images/body_bg.jpg) top repeat-x; }
#body_back{
    background:url(../images/body_back.jpg) top no-repeat; 
    margin: 0;
    padding: 0;
    }

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

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

#content {
    width: 585px;
    float: right;
    font-size: 100%;
    line-height: 1.6;
    color: #777777;
    padding: 125px 0 0px 10px;
    margin-right:5px;
/*		border: 1px solid #FF00FF;*/
    }

#box {
  padding: 0 20px 0 5px;
  background:url(../images/greeting_bg02.jpg) 0 0 no-repeat;

}

.atention {
 background: url(../images/index_h3-04.jpg) top no-repeat;
 text-indent:-9999px;
 width:350px;
 height:30px;
 clear: none;
 margin:10px 0 10px 5px;
}

.naiyou {
  padding: 10px 5px 0 5px;
}

.indent {
  text-align: right;
	padding: 0 20px 10px 0;
}	



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

#header {
    background: url(../images/header_bg02.jpg) 0 0 no-repeat;
    height: 220px;
    width: 810px;
    margin: 0;
    padding: 0;
		position: relative;
    }

h1 {
    text-indent: -9999px;
    width: 332px;
    height: 85px;
    line-height: 1.0;
    float: left;
		position:absolute;
		top: 55px;
		left: 7px;
    }
* html h1{
    }    
h1 a {
    display: block;
    width: 332px;
    height: 85px;
    background: url(../images/h1.jpg) 0 0 no-repeat;
    }

#header .section {
    clear:both;
    width: 320px;
    float: left;
    margin: 17px 0 0 15px;
    padding: 0;
    }
* html #header .section {
    margin: 17px 0 0 8px;
    padding: 0;
    }

#header p.tel {
    margin: 0;
    padding: 0;
    height: 30px;
		position: absolute;
		top: 150px;
		left: 17px;
    }
#header p.tel img { display: block; }


/*----------04  Navigation -----------*/
#nav #nav_title01 {
    background: url(../images/nav_title01.jpg) 0 0 no-repeat;
    height:53px;
    width:200px;
    text-indent:-9999px;
    }

#nav {
    width: 200px;
    float: left;
    margin-left:10px;
    }
* html #nav {
    margin-left:5px;
    }

#nav .menu_area {
    background: url(../images/nav_f_bg.jpg) bottom no-repeat; 
    padding-bottom:17px;
    }
#nav .menu_bt {
    background: url(../images/nav_h_bg.jpg) top no-repeat; 
    }
#nav ul,
#nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    }


#nav .internal li {
    width:190px;
    height: 51px;
    padding:0 0 0 5px;
    text-indent: -9999px;
    }

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

#nav01 a { background: url(../images/nav.jpg) 0 -46px no-repeat; }
#nav02 a { background: url(../images/nav.jpg) 0 -97px no-repeat; }
#nav03 a { background: url(../images/nav.jpg) 0 -147px no-repeat; }
#nav04 a { background: url(../images/nav.jpg) 0 -197px no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -247px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -297px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -347px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -397px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -447px no-repeat; }

#nav01 a:hover { background: url(../images/nav.jpg) -190px -46px no-repeat; }
#nav02 a:hover { background: url(../images/nav.jpg) -190px -97px no-repeat; }
#nav03 a:hover { background: url(../images/nav.jpg) -190px -147px no-repeat; }
#nav04 a:hover { background: url(../images/nav.jpg) -190px -197px no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -190px -247px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -190px -297px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -190px -347px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -190px -397px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -190px -447px no-repeat; }

#nav p { text-align: center; }

#nav .banners{
    padding-left:10px;
    margin-top:30px;
    }
#nav .banners #nav_ban01 { text-indent:-9999px; }
#nav .banners #nav_ban01 a {
    float:left;
    display:block;
    width:180px;
    height:40px;
    margin-bottom:10px;
    background:url(../images/ban_nav01.jpg) 0 0 no-repeat;
    }
#nav .banners #nav_ban01 a:hover { background:url(../images/ban_nav01.jpg) 0 0 no-repeat;}

#nav .banners #nav_ban02 {
    text-indent:-9999px;
    float:left;
    display:block;
    width:180px;
    height:80px;
    margin-bottom:10px;
    background:url(../images/ban_nav02.jpg) 0 0 no-repeat;
    }

#nav .banners #nav_ban03 { text-indent:-9999px; }
#nav .banners #nav_ban03 a {
    float:left;
    display:block;
    width:180px;
    height:40px;
    margin-bottom:10px;
    background:url(../images/ban_nav03.jpg) 0 0 no-repeat;
    }
#nav .banners #nav_ban03 a:hover { background:url(../images/ban_nav03.jpg) 0 0 no-repeat;}




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

#footer {
    height:80px;
    clear: both;
    padding:0 ;
    margin: 0;
    background: #fff url(../images/footer_bg.jpg) 0 0  repeat-x;
    font-size: 85%;
    text-align: center;
    color: #FFFFFF;
    }
*: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 ul { 
    list-style: none;
    margin: 0 1em 2px 1em;
    padding: 15px 0 0 0;
    clear: both;
    }

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

#footer address { margin: 15px 1em; }

* html #footer address { margin: 19px 1em; }

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

.section { padding: .5em 30px; }
.section .section { padding: .2em 10px; }

p.center { text-align: center; }
.center { text-align: center; }

#content h2 {
    height: 60px;
    text-indent: -9999px;
    }
#content h3 {
    clear: both;
    height: 38px;
    text-indent: -9999px;
    margin-left: -10px;
    }
#content h4 {
    height: 25px;
    text-indent: -9999px;
    }

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

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

#content a { text-decoration: underline; }
a {
    color: #6BC8A4;
    outline: none;
    }
a:hover { color: #2D8B63; }

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

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

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

.case {
    margin: 10px 20px;
    background: url(../images/arrow_h.png) center center no-repeat;
    }
.case img {
    display: block;
    }

.caption {
    text-align: center;
    border-top: 2px solid #ccc;
    }


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

#content ul.totop li {
    list-style: none;
    width: 75px;
    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.png) 0 0 no-repeat;
    }

p.caution {
    font-size:93%;
    color:#BF7582;
    }

/* 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 {
    margin-top:10px;
    border: 1px solid #ccc;
    line-height:20px;
    }
#content table td {
    border: 1px solid #ccc;
    color:#6F6F6F;
    background:#fff;
    vertical-align: top;
    }
#content table dl {
    padding:0;
    }  
#content table th{
    text-align:center;
    border: 1px solid #ccc;
    background:#DAF2E8;
    color:#00541F;
    font-weight:bold;
    }
#content table ul{
    margin:0;
    padding:0;
    }
#content table ol{
    margin-top:0;
    margin-bottom:0;
    }
#content table li{
    line-height:20px;
    } 
* html #content table{font-size:95%;}
* html #content table th {padding:3px 5px 3px 5px;}


.link{
    clear:both;
    text-align:right;
    }
    
.subtitle{
    color:#6F9E7B;
    font-size:105%;
    font-weight:bold;
    }

.img_border{
    border:2px #32B281 solid;
    }

#reservation {
    text-indent:-9999px;
    }
#reservation a {
    display:block;
    width:570px;
    height:102px;
    background:url(../images/reservation.png) 0 0 no-repeat;
    }
#reservation a:hover { background:url(../images/reservation.png) 0 0 no-repeat;}

#sr_brn01 {
    text-indent:-9999px;
    }
#sr_brn01 a {
    display:block;
    width:570px;
    height:225px;
    background:url(../images/banner_01_off.jpg) 0 0 no-repeat;
    }
#sr_brn01 a:hover { background:url(../images/banner_01_on.jpg) 0 0 no-repeat;}

#sr_brn02 {
    text-indent:-9999px;
    }
#sr_brn02 a {
    display:block;
    width:570px;
    height:70px;
    background:url(../images/banner_02_off.jpg) 0 0 no-repeat;
	margin-bottom:20px;
    }
#sr_brn02 a:hover { background:url(../images/banner_02_on.jpg) 0 0 no-repeat;}

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

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

#index #header { background: url(../images/header_bg.jpg) 0 0 no-repeat; }

#index h2#title01 {
    clear:none;
    float:left;
    background:url(../images/index_h2-01.jpg) 0 0 no-repeat;
    width:110px;
    height:160px;
    margin:0 0 0 4px;
    }
#index h3#title02 {
    background:url(../images/index_h3-02.jpg) 0 0 no-repeat;
    width:385px;
    height:35px;
    margin:0;
    clear: none;
    }
#index h3#title03 {
    background:url(../images/index_h3-03.jpg) 0 0 no-repeat;
    width:150px;
    height:30px;
    clear: none;
    margin:20px 0 0 5px;
    
    }
#index .news{
    float:left;
    width:570px;
	height:160px;
    background: url(../images/news_bg.jpg) 0 0 no-repeat;
	margin-bottom:10px;
    }
#index .news_area{
    width:570px;
    }


#index .news_area #tiny{
 	width: 530px;
	height: 110px;
	border: 1px solid #d9d9d9;
	padding: 0 3px;
	margin: 38px 0 0 16px;
	overflow: auto;
	text-align: left;
	line-height: .2em;
	background-color:#fff;
}

* html #index .news_area #tiny{
 	width: 538px;
}

#tiny table { border: none; text-align: left;}
#tiny table tr td.tn_image {
	width: 0;
	padding:0;
	margin: 0;
	border: none;
	text-align: left;
	line-height: 1em;}
/*#tiny table tr td.tn_date {
	width: 0px;
	padding: 3px 0 0 0;
	margin: 0;
	border: none;
	text-align: left;
	line-height: 1em;
	vertical-align: top;
	font-size: 9px;}
*/#tiny table tr td.tn_title {
	width: 210px;
	padding: 3px 0;
	/padding: 3px;
	margin: 0;
	border: none;
	text-align: left;
	line-height: 1em;
	vertical-align: top;}





#index .news_content{
    float:left;
    margin-left:16px;
    }
#index .news .text{
    width:225px;
    margin-top:5px;
    height:25px;
    color:#999999;
    text-decoration: underline;
    font-size: 93%;
    }    
#index .news .box{
    background: url(../images/news_box_bg.jpg) 0 0 no-repeat;
    width:220px;
    height:90px;
    }
#index .news .box .box_contents{
    padding:5px 5px 5px 5px;
    }    

#index #child_link { 
    margin: 0;
    text-indent:-9999px;
    }
#index #child_link a {
    float:left;
    display:block;
    width:200px;
    height:160px;
    background:url(../images/index_perio.jpg) 0 0 no-repeat;
    }
#index #child_link a:hover { background:url(../images/index_perio.jpg) 0 0 no-repeat;}


#index .access{
    background: url(../images/index_access_bg.jpg) bottom left no-repeat;
    width:570px;
    height:380px;
    font-size:93%;
    line-height:15px;
    margin-top:10px;
		margin-bottom: 50px;
    }
#index .access .accsee_info{
    float:left;
    width:390px;
	margin-bottom:10px;
    }
    
#index .access dl {
    margin-left:10px;
    }
#index .access dt {
    width:65px;
    color:#32B281;
    }
#index .access dd dt {
    color:#777777;
    }    
#index .access dd {
    margin-left:65px;
    }
#index .access dd dl {
    margin:0px;
    }
#index .access dd dt {
    float:left;
    width:80px;
    }
#index .access dd dd {
    margin-left:80px;
    }

#index .accsee_photo{
    float:right;
    width:80px;
    }
    
#index #access_link p{ 
    margin:0;
    padding:0;
    }

#index #access_link { 
    text-indent:-9999px;
    }
#index #access_link a {
    display:block;
    float:right;
    width:180px;
    height:180px;
    background:url(../images/index_access_link.jpg) 0 0 no-repeat;
    }
#index #access_link a:hover { background:url(../images/index_access_link.jpg) 0 0 no-repeat;}

#index .greeting{
    margin:10px 0 10px 0;
    width:570px;
    height:160px;
    background:url(../images/greeting_bg.jpg) 0 0 no-repeat;
    }
#index .greeting p{
    padding:5px 8px 5px 8px;
    }
*:first-child+html #index .greeting p{
    padding:0px 8px 5px 8px;
    }



/*-------- 09  Clinic --------*/

#clinic #header { background: url(../images/header_bg.jpg) 0 0 no-repeat; }

#clinic h2#title01 { background:url(../images/clinic_h2-01.png) 0 0 no-repeat; }
#clinic h3#title02 { background:url(../images/clinic_h3-02.png) 0 0 no-repeat; }
#clinic h3#title03 { background:url(../images/clinic_h3-03.png) 0 0 no-repeat; }
#clinic h3#title04 { background:url(../images/clinic_h3-04.png) 0 0 no-repeat; margin-top:10px;}
#clinic h4#title05 { background:url(../images/clinic_h4-05.png) 0 0 no-repeat; }
#clinic h4#title06 { background:url(../images/clinic_h4-06.png) 0 0 no-repeat; }
#clinic h4#title07 { background:url(../images/clinic_h4-07.png) 0 0 no-repeat; }
#clinic h4#title08 { background:url(../images/clinic_h4-08.png) 0 0 no-repeat; }
#clinic h4#title09 { background:url(../images/clinic_h4-09.png) 0 0 no-repeat; }
#clinic h3#title10 { background:url(../images/clinic_h3-05.png) 0 0 no-repeat; }
#clinic h4#title11 { background:url(../images/clinic_h4-10.png) 0 0 no-repeat; }

#clinic .dr_photo{
    float:left;
	margin-bottom:20px;
    }
#clinic .dr_info{
    float:left;
    margin-left:20px;
    width:350px;
    }
#clinic .dr_info dt{
    width:70px;
    }
#clinic .dr_info dd{
    margin-left:70px;
    }
#clinic .clinic_info{
    clear:both;
    margin-bottom:10px;
    }
#clinic .clinic_info .img_exp{
    float:right;
    width:260px;
    }

/*-------- 10  Access --------*/

#access #header { background: url(../images/header_bg.jpg) 0 0 no-repeat; }

#access h2#title01 { background:url(../images/access_h2-01.png) 0 0 no-repeat; }
#access h3#title02 { background:url(../images/access_h3-02.png) 0 0 no-repeat; }
#access h3#title03 { background:url(../images/access_h3-03.png) 0 0 no-repeat; margin-top: 20px; }

#access .tel{
    font-size:105%;
    font-weight:bold;
    }

#access .clinic_area{
    margin-bottom:10px;
    }

#access .clinic_info{
    width:280px;
    float:left;
    margin-left:10px;
    margin-bottom: 10px; 
    }
#access .clinic_info dl{
    margin:0;
    }
#access .clinic_info dt{
    width:65px;
    color:#32B281;
    }
#access .clinic_info dd{
    margin-left:65px;
    }
#access  #map {  
    width: 350px;  
    height: 300px;  
    border: 2px solid #ccc;  
    margin: 20px;  
    }
  
/*-------- 12  Implant --------*/

#implant h2#title01 { background:url(../images/implant_h2-01.png) 0 0 no-repeat; }
#implant h3#title02 { background:url(../images/implant_h3-02.png) 0 0 no-repeat; }
#implant h4#title03 { background:url(../images/implant_h4-03.png) 0 0 no-repeat; }

#implant #main { background: url(../images/implant_main_bg.jpg) top no-repeat; }

#implant table td{
  vertical-align: top;
  }
  
#implant .t_title_m{
  text-align:center;
  background:#FFEFF2;
  color:#CF7480;
  font-weight:bold;
  }
#implant .t_title_d{
  text-align:center;
  background:#EFF9FF;
  color:#549EC6;
  font-weight:bold;
  }

#implant td.t_bg_m{
  color:#CF7480;
  width:210px;
  }
#implant td.t_bg_d{
  color:#549EC6;
  width:210px;
  }

#implant table th img{margin-top:5px;}
#implant table th {
  background:#fff;
  }

.bnr_dainet a {
    display: block;
    width: 500px;
    height: 60px;
    clear: both;
    margin: 10px 0;
    padding: 0;
    background: url(../images/bnr_dainet.jpg) no-repeat 0 0;
    text-indent: -9999em;
    outline: none;
}
.bnr_dainet a:hover { background-position: bottom; }

#implant_link {
    text-indent:-9999px;
    padding-top: 5px;
    }
#implant_link a {
    display:block;
    width:570px;
    height:102px;
    background:url(../images/index_campaign2.jpg) 0 0 no-repeat;
    }
#implant_link a:hover { background:url(../images/index_campaign2.jpg) 0 0 no-repeat;}


/*-------- 13  Caries_perio --------*/
#caries_perio h2#title01 { background:url(../images/caries_perio_h2-01.png) 0 0 no-repeat; }
#caries_perio h3#title02 { background:url(../images/caries_perio_h3-02.png) 0 0 no-repeat; }
#caries_perio h4#title03 { background:url(../images/caries_perio_h4-03.png) 0 0 no-repeat; }
#caries_perio h4#title04 { background:url(../images/caries_perio_h4-04.png) 0 0 no-repeat; }
#caries_perio h4#title05 { background:url(../images/caries_perio_h4-05.png) 0 0 no-repeat; }

#caries_perio #main { background: url(../images/caries_main_bg.jpg) top no-repeat; }

#caries_perio table.cond{
   width:440px;
   }
  
/*-------- 14  Aesthe --------*/
/*#aesthe h2#title01 { background:url(../images/aesthe_h2-01.png) 0 0 no-repeat; }
#aesthe h3#title02 { background:url(../images/aesthe_h3-02.png) 0 0 no-repeat; }
#aesthe h4#title03 { background:url(../images/aesthe_h4-03.png) 0 0 no-repeat; }
#aesthe h4#title04 { background:url(../images/aesthe_h4-04.png) 0 0 no-repeat; }
#aesthe h4#title05 { background:url(../images/aesthe_h4-05.png) 0 0 no-repeat; }
#aesthe h3#title06 { background:url(../images/aesthe_h3-06.png) 0 0 no-repeat; }

#aesthe #main { background: url(../images/aesthe_main_bg.jpg) top no-repeat; }

#aesthe ul.subtitle li{
  background: none;
  padding-left: 0;
  }
#aesthe ul.subtitle {
  margin-left: 0;
  }
    
#aesthe .text01{
  margin-bottom:20px;
  }*/
  
/*-------- 14  Aesthe_Ortho --------*/
#aesthe_ortho h2#title01 { background:url(../images/aesthe_h2-01.png) 0 0 no-repeat; }
#aesthe_ortho h3#title02 { background:url(../images/aesthe_h3-02.png) 0 0 no-repeat; }
#aesthe_ortho h4#title03 { background:url(../images/aesthe_h4-03.png) 0 0 no-repeat; }
#aesthe_ortho h4#title04 { background:url(../images/aesthe_h4-04.png) 0 0 no-repeat; }
#aesthe_ortho h4#title05 { background:url(../images/aesthe_h4-05.png) 0 0 no-repeat; }
#aesthe_ortho h3#title06 { background:url(../images/aesthe_h3-06.png) 0 0 no-repeat; }
#aesthe_ortho h2#title07 { background:url(../images/ortho_h2-01.png) 0 0 no-repeat; }
#aesthe_ortho h3#title08 { background:url(../images/aesthe_h3-07.jpg) 0 0 no-repeat; }
#aesthe_ortho h4#title09 { background:url(../images/ortho_h4-03.png) 0 0 no-repeat; clear:both;}
#aesthe_ortho h3#title10 { background:url(../images/aesthe_h3-08.jpg) 0 0 no-repeat; clear:both;}
#aesthe_ortho h3#title11 { background:url(../images/aesthe_h3-09.jpg) 0 0 no-repeat; }
#aesthe_ortho h3#title12 { background:url(../images/aesthe_h3-10.jpg) 0 0 no-repeat; }
#aesthe_ortho h3#title13 { background:url(../images/child_h3-11.jpg) 0 0 no-repeat; }

#aesthe_ortho h5{color:#B8AD8D}

#aesthe_ortho #main { background: url(../images/aesthe_main_bg.jpg) top no-repeat; }

#aesthe_ortho ul.subtitle li{
  background: none;
  padding-left: 0;
  }
#aesthe_ortho ul.subtitle {
  margin-left: 0;
  }
    
#aesthe_ortho .text01{
  margin-bottom:20px;
  }  
  
#aesthe_ortho .step{
  width:480px;
  border-bottom:dotted 1px #B8AD8D;
  }

#aesthe_ortho ul.subtitle li{
  background: none;
  padding-left: 0;
  }
#aesthe_ortho ul.subtitle {
  margin-left: 0;
  } 
  
#aesthe_ortho ul.btn { padding:0; margin-top:0;}

#aesthe_ortho ul.btn li{
	list-style:none;
	float:left;
	background:none;
	margin:0 5px 0 0 ;
	padding-left:0;
}

.sr_green { color:#319938; font-weight:bold;}
.sr_red { color:#FF0000; }
.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}

#aesthe_ortho ul.qanda { margin-left:0; padding-left:0;}

#aesthe_ortho .li_q {
    background: url(../images/q.jpg) no-repeat scroll 0 0 transparent;
    color: #58A075;
    font-weight: bold;
    margin-bottom: 5px;
	padding-left:30px;
}
#aesthe_ortho .li_a {
    background: url(../images/a.jpg) no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
	padding-left:30px;
}

/*-------- 15  Ortho --------*/
/*#ortho h2#title01 { background:url(../images/ortho_h2-01.png) 0 0 no-repeat; }
#ortho h3#title02 { background:url(../images/ortho_h3-02.png) 0 0 no-repeat; }
#ortho h4#title03 { background:url(../images/ortho_h4-03.png) 0 0 no-repeat; clear:both;}
#ortho h5{color:#B8AD8D}

#ortho #main { background: url(../images/ortho_main_bg.jpg) top no-repeat; }

#ortho .step{
  width:480px;
  border-bottom:dotted 1px #B8AD8D;
  }

#ortho ul.subtitle li{
  background: none;
  padding-left: 0;
  }
#ortho ul.subtitle {
  margin-left: 0;
  }*/
  
/*-------- 15  kidsclub --------*/
#kidsclub h2#title01 { background:url(../images/kidsclub_h2-01.jpg) 0 0 no-repeat; }
#kidsclub h3#title02 { background:url(../images/child_h3-02.png) 0 0 no-repeat; }
#kidsclub h4#title03 { background:url(../images/child_h4-03.png) 0 0 no-repeat; }
#kidsclub h4#title04 { background:url(../images/child_h4-04.png) 0 0 no-repeat; }
#kidsclub h4#title07 { background:url(../images/child_h4-07.png) 0 0 no-repeat; }
#kidsclub h4#title08 { background:url(../images/child_h4-08.png) 0 0 no-repeat; }
#kidsclub h4#title09 { background:url(../images/child_h3-08.jpg) 0 0 no-repeat; }

#kidsclub #main { background: url(../images/ortho_main_bg.jpg) top no-repeat; }
 
#kidsclub ul.child_li { margin-left: 10px;}

#kidsclub ul.list { padding:0; margin:10px 0 20px 0; clear:both;}

#kidsclub ul.list li{
	list-style:none;
	float:left;
	background:none;
	margin:0 10px 0 0 ;
	padding-left:0;
}

* html #kidsclub ul.list li{
	list-style:none;
	float:left;
	background:none;
	margin:0 7px 0 0 ;
	padding-left:0;
}




/*-------- 16  Child --------*/

#child h2#title01 { background:url(../images/child_h2-01.png) 0 0 no-repeat; }
#child h3#title02 { background:url(../images/child_h3-02.png) 0 0 no-repeat; }
#child h4#title03 { background:url(../images/child_h4-03.png) 0 0 no-repeat; }
#child h4#title04 { background:url(../images/child_h4-04.png) 0 0 no-repeat; }
#child h3#title05 { background:url(../images/child_h3-05.png) 0 0 no-repeat; }
#child h3#title06 { background:url(../images/child_h3-06.png) 0 0 no-repeat; }
#child h4#title07 { background:url(../images/child_h4-07.png) 0 0 no-repeat; }
#child h4#title08 { background:url(../images/child_h4-08.png) 0 0 no-repeat; }
#child h4#title09 { background:url(../images/child_h3-08.jpg) 0 0 no-repeat; }
#child h3#title10 { background:url(../images/child_h3-09.jpg) 0 0 no-repeat; }
#child h3#title11 { background:url(../images/child_h3-10.jpg) 0 0 no-repeat; }
#child #main { background: url(../images/child_main_bg.jpg) top no-repeat; }

#child ul.child_li { margin-left: 10px;}

#child #child_list {
    border: 1px dotted #F2B063;
    padding: 5px;
    margin-bottom: 20px;
    }
#child #child_list li {
    color: #EA8018;
    font-weight: bold;
    }
.al_l130  {
margin-left:130px;    }
*html .al_l130  {
margin-left:90px;    }
.al_l30  {
margin-left:30px;    }
.al_l0  {
margin-left:0px;    }
*html .al_l30  {
margin-left:20px;    }
.al_l50  {
margin-left:50px;    }
.mrT_10{
	margin-top:10px;
}
.sr_mrT{
	margin-top:-15px;
}
.mrB_15 { margin-bottom:15px;}
.mrL_10 { margin-left:-10px;}

/*-------- 17  Prevent --------*/
#prevent h2#title01 { background:url(../images/prevent_h2-01.png) 0 0 no-repeat; }
#prevent h3#title02 { background:url(../images/prevent_h3-02.png) 0 0 no-repeat; }
#prevent h4#title03 { background:url(../images/prevent_h4-03.png) 0 0 no-repeat; }
#prevent h4#title04 { background:url(../images/prevent_h4-04.png) 0 0 no-repeat; }
#prevent h3#title05 { background:url(../images/prevent_h3-05.png) 0 0 no-repeat; }
#prevent h4#title06 { background:url(../images/prevent_h4-06.png) 0 0 no-repeat; }

#prevent #main { background: url(../images/prevent_main_bg.jpg) top no-repeat; }