@charset "UTF-8";

@import "base.css";

@import "fonts.css";

@import "sori.css";

@import "digi.css";



/*==========================================================================*/

/*//////////////////////////////////////////////////////////////////////////*/

/*//////                                                              //////*/

/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/

/*//////                                                              //////*/

/*//////////////////////////////////////////////////////////////////////////*/

/*                                                                          */

/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */

/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */

/*                                                                          */

/*==========================================================================*/



/*==========================================================================*/

/*                           Common-Setting                                 */

/*==========================================================================*/



/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {

	font-size: 100%;

}

	



#index h2 {

	margin: 0 auto ;

	padding:224px 30px 0 0;

	font-size: 1%;

	line-height: 1%; 

	display: block;

	float:right;

	}

#content h2 {

	margin: 0 0 10px 0;

	padding: 0 ;

	height: 55px;

	line-height: 1%; 

	display: block;

	}

#index #content h3 {

	margin: 0 0 7px 0;

	padding: 0  ;

	height: 45px;

	font-size: 1%;

	line-height: 1%; 

	display: block;

	text-indent: -9999px;

	background: url(../images/index_h3.jpg) 0 0 no-repeat;

	clear:both;

	}

#content h3 {

	clear: both;

	margin: 0 -10px 20px -10px;

	height: 40px;

	text-indent: -9999px;

	}

#content h4 {

	clear: both;

	margin: 0 0 5px -10px;

	height: 30px;

	text-indent: -9999px;

	}



a { color: #f41; outline:none; }

a:hover,

a:active { color: #f96; text-decoration: none; outline:none; }

a:visited {

}

p { margin: 0 0 1em; }



#content table {

	margin: 0;

	padding:0;

	border-collapse: collapse;

	border: 1px solid #ffcc33;

	font-size: 100%;

	line-height: 1.5em;

	width: 100%;

	}

#content table th,

#content table td {

	padding: 7px 8px;

	border: 1px solid #ffcc33;

	}

#content table th {

	background:#243055;

	}

dt img,dd img,li img { vertical-align: bottom; }

.section { padding:0 10px 0 10px; clear:both; }

.section .section { padding: 0 0 0 10px; clear:both; }

.mt_02 { margin-top: 20px; }

.image_c { margin-left : 35px; }

.image_l { float: left; margin: 0; padding:0; }

.image_l1 { float: left; margin: 0 36px 0 0; padding:0; }

.image_l2 { float: left; margin: 0 10px 0 0; padding:0; }


.mt20{
padding-left: 20px;
padding-top: 10px;
clear:both;

}

.image_r { float: right; margin: 0; padding:0; }

.image_r01 {

	float: right;

	margin: 0 0 0px 15px;

	display:block;

	}

*:first-child+html .image_r01{ margin: 0 0 -1em 15px; }/* for IE7 only */

* html body .image_r01{ margin: 0 0 -1em 12px; }/* for IE6 only */




.case {

	margin: 10px 40px;

	background: url(../images/arrow.jpg) center center no-repeat;

}

.case-narrow {

	margin: 10px 40px;

	background: url(../images/arrow_h.jpg) center center no-repeat;

}

.case-noimg { margin: 10px 20px; }



ul.totop {margin: 0;padding: 10px 10px 0 0;height: 17px;list-style: none;}

ul.totop li {margin: 0;padding: 0;	width: 100px; height: 17px;list-style: none; float: right;font-size: 1%;line-height: 1%;}

ul.totop li a {text-indent: -9999px;display: block; height: 17px; font-size: 1%;line-height: 1%; background: url(../images/pagetop.jpg) 0 0 no-repeat;}



#content ul.icon{ padding:0; }

#content ul.icon li{ 

	background:url(../images/icon_02.jpg) 0 5px no-repeat;

	margin:0;

	padding:0 0 0 14px;

	list-style:none;

	}

#content ul.icon_bg{ padding:0; margin:0 0 10px; }

#content ul.icon_bg li{ 

	background:url(../images/icon_03.jpg) 0 5px no-repeat;

	margin:0;

	padding:0 0 0 14px;

	list-style:none;

	}





/*==========================================================================*/

/*                            Container                                     */

/*==========================================================================*/



html {

	background: none;

}



body#index {

  background: url(../images/body_bg.jpg) top repeat-x;

	color: #333;

	text-align: center;

}

body {

  background: url(../images/content_bodybg.jpg) top repeat-x;

	color: #333;

	text-align: center;

}

#wrapper {

	width: 960px;

	margin: 0 auto;

	padding: 0;

	text-align:left;

	background:url(../images/wrapper_bg.jpg) repeat-y 0 0;

}

#main {

	margin: 0 auto;

	padding:0 0 45px 0;

	clear:both;

	width:960px;

	background:url(../images/main_bg.jpg) no-repeat top left;

}



#content{ width:627px; float:right; margin:0 40px 0 0; padding:0; font-size:140%; line-height:1.43; display:inline;}



/*==========================================================================*/

/*                               Header                                     */

/*==========================================================================*/



#index #header {

	width: 960px;

	height:464px;

	margin: 0 auto;

	text-align: left;

  background: url(../images/header_bg.jpg) 0 0 no-repeat;

}

#index #header01{

	width:960px;

	height:125px;

	margin:0;

	padding:0;

	float:left;

}

#index #header01 #header01_01{

	width:640px;

	height:125px;

	margin:0;

	padding:0;

	float:left;

}

#index #header01 #header01_01 .header_logo {

	padding: 20px 0 0 31px;

	margin:0;

	float: left;

}



#header h1 {

	padding: 2px 0 0 180px;

	margin:0;
	
	position: absolute;

	font-size: 140%;

	color:#fff;
	

}

*:first-child+html #header h1 {
	padding: 2px 0 0 0;
	margin:0 0 0 -315px;
	position: absolute;
	font-size: 140%;
	color:#fff;
}

* html body #header h1 {
	padding: 2px 0 0 0px;
	margin:0 0 0 -315px;
	position: absolute;
	font-size: 140%;
	color:#fff;
	

}

#treatment_esthe #header h1 {
	padding: 3px 0 0 180px;
	margin:0;
	font-size: 130%;
	color:#fff;
}

* html body #treatment_esthe #header h1 {
	padding: 3px 0 0 0px;
	margin:0 0 0 -315px;
	font-size: 130%;
	color:#fff;
}

*:first-child+html #treatment_esthe #header h1 {
	padding: 3px 0 0 0px;
	margin:0 0 0 -315px;
	font-size: 130%;
	color:#fff;
}



#header01 #header01_02{

	margin:0;

	padding:0 30px 0 0;

	float:right;

}

#index #header02{

	width:960px;

	margin:0;

	padding:0px 0 0 0;

	float:right;

}

#header {

	width: 960px;

	height:364px;

	margin: 0 auto;

	text-align: left;

  background: url(../images/content_header_bg.jpg) 0 0 no-repeat;

}

#header01{

	width:960px;

	height:120px;

	margin:0;

	padding:0;

	float:left;

}

#header01 #header01_01{

	width:640px;

	height:120px;

	margin:0;

	padding:0;

	float:left;

}

#header01 #header01_01 .header_logo {

	padding: 20px 0 0 20px;

	margin:0;

	float: left;
	
	display:inline;

}

#header02{

	width:960px;

	margin:0;

	padding:125px 0 0 0;

	float:right;

}

.main_img{float:right; margin:0; padding:0; line-height:1%;}



/*==========================================================================*/

/*                              Footer                                      */

/*==========================================================================*/



#footer {

	clear: both;

	width:960px;

	margin:0;

	height:90px;

	padding:0;

  background: url(../images/footer_bg.jpg) no-repeat 0 0;

}

#footer01{float:left; margin:0; padding:10px 0 0 50px;}

#footer02{float:left; margin:0; padding:10px 0 0 25px;}

#footer address {

	float:right;

	margin: 0;

	padding:36px 51px 0 0;

	line-height:1%;

}





/*==========================================================================*/

/*                            Navigation                                    */

/*==========================================================================*/



#navi {

	float: left;

	width: 236px;

	margin:8px 0 0 40px; padding:0;

	display:inline;
}

#navi dl,

#navi ul {

	margin: 0;

	text-align: left;

}



#navi dl dt,

#navi dl dd,

#navi ul li {

	list-style: none;

	margin: 0;

	vertical-align: top;

	padding: 0;

	background:none;

}

#navi ul li.li01 {

	padding: 0 0 16px 0;
	
	height:15px;
	
	margin:0;
	
	line-height:1%;

}

#navi .n_practice { 
	background: url(../images/nav17.jpg) no-repeat;
	width: 236px;
	height: 194px;
}

#navi .n_practice img { margin-top:75px; }

#navi dl dt { text-indent: -9999em; }



#navi #navi_banner {

	margin: 20px 0 0;

}

#navi #navi_banner li {

	margin-bottom: 10px;

}



#navi .nav_box01 {	background:url(../images/nav_box01_m.jpg) repeat-y 0 0; margin: 10px 6px; width:220px; }

#navi .nav_box02 {	background:url(../images/nav_box02_m.jpg) repeat-y 0 0; margin: 0 0 10px 6px; width:220px; 	}



#navi .nav_box01 p,

#navi .nav_box02 p { margin: 0; }

#navi .nav_box01 .bn_nav_box,

#navi .nav_box02 .bn_nav_box { margin: 0 0 10px 25px; }



#navi .nav_box01 .nav_bottom { background:url(../images/nav_box01_bottom.jpg) no-repeat bottom;padding-bottom:10px; }

#navi .nav_box02 .nav_bottom { background:url(../images/nav_box02_bottom.jpg) no-repeat bottom;padding-bottom:10px; }



/*==========================================================================*/

/*                             Contents                                     */

/*==========================================================================*/

#index #content ul#navtop {

	height: 58px;

	margin: 0 0 28px 0;

	list-style: none;

}

#content ul#navtop {

	height: 58px;

	margin: 0 0 5px 0;

	list-style: none;

}



#content ul#navtop li {

	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	text-align: left;

	display: inline;

	height: 58px;

}



.img{margin:0; padding:0; line-height:1%;}

.alpha{float:left; margin:0; padding:0;}

.beta{float:right; margin:0; padding:0;}



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

.img_shika{margin:4px 0 0 0; padding:0; line-height:1%; text-align:center;}

.img_l{float:left; margin:0; padding:0; line-height:1%;}

.img_r{float:right; margin:0; padding:0 3px 0 0; line-height:1%;}

.index_bg{background:url(../images/index_img05.jpg) no-repeat top left; padding:6px 22px 20px 15px; margin:0;}

.sr_nav_bn {margin:10px 0 0 42px; padding:0; text-align:center;	}

*:first-child+html .sr_nav_bn {margin:10px 0 0 0px; padding:0; text-align:center;	}
* html .sr_nav_bn {margin:10px 0 0 0px; padding:0; text-align:center;	}
.sr_nav_bn a { 
	display:block;
	text-indent:-9999px;
	background:url(../images/index_img13_off.jpg) 0 0 no-repeat ;
	width:150px;
	height:58px;
	
}
.sr_nav_bn a:hover { background:url(../images/index_img13_on.jpg) ;}

/*----------  Concept  ----------*/
#concept .alpha01{width:170px; float:left; margin:0 10px 0 14px; _margin:0 10px 0 4px;padding:0; line-height:1%; display:block;}
#concept .alpha02{width:170px; float:left; margin:0 10px 0 14px; padding:0; line-height:1%; display:block;}
/*#concept .alpha03{width:170px; float:left; margin:0 0px 0 14px; padding:0; line-height:1%; display:block;}*/
/*#concept .beta{width:170px; float:right; margin:0 18px 0 0px; padding:0; line-height:1%;}*/


#concept h3#title02 { background: url(../images/concept_h3-01.jpg) 0 0 no-repeat; }

#concept h4#title03 { background: url(../images/concept_h4-01.jpg) 0 0 no-repeat; }

#concept h4#title04 { background: url(../images/concept_h4-02.jpg) 0 0 no-repeat; }

#concept h4#title05 { background: url(../images/concept_h4-03.jpg) 0 0 no-repeat; }

#concept h4#title06 { background: url(../images/concept_h4-04.jpg) 0 0 no-repeat; }

#concept h4#title07 { background: url(../images/concept_h4-05.jpg) 0 0 no-repeat; }

#concept h4#title08 { background: url(../images/concept_h4-06.jpg) 0 0 no-repeat; }

#concept h4#title09 { background: url(../images/concept_h4-07.jpg) 0 0 no-repeat; }



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

#staff h3#title02 { background: url(../images/staff_h3-01.jpg) 0 0 no-repeat; }

#staff h4#title03 { background: url(../images/staff_h4-01.jpg) 0 0 no-repeat; }

#staff h4#title04 { background: url(../images/staff_h4-02.jpg) 0 0 no-repeat; }

#staff h3#title05 { background: url(../images/staff_h3-02.jpg) 0 0 no-repeat; }

#staff h4#title06 { background: url(../images/staff_h4-03.jpg) 0 0 no-repeat; }

#staff h4#title07 { background: url(../images/staff_h4-04.jpg) 0 0 no-repeat; }

#staff h3#title08 { background: url(../images/staff_h3-03.jpg) 0 0 no-repeat; }

#staff h4#title09 { background: url(../images/staff_h4-05.jpg) 0 0 no-repeat; }



#staff dl{margin:0; padding:0; display:inline;}

#staff dl dt{margin:0; padding:0; display:inline; float:left; width:60px;}

#staff dl dd{margin:0; padding:0; display:inline; float:left; width:300px;}



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

#clinic h3#title02 { background: url(../images/clinic_h3-01.jpg) 0 0 no-repeat; }

#clinic h3#title03 { background: url(../images/clinic_h3-02.jpg) 0 0 no-repeat; }

#clinic h4#title04 { background: url(../images/clinic_h4-01.jpg) 0 0 no-repeat; }

#clinic h4#title05 { background: url(../images/clinic_h4-02.jpg) 0 0 no-repeat; }

#clinic h4#title06 { background: url(../images/clinic_h4-03.jpg) 0 0 no-repeat; }

#clinic h4#title07 { background: url(../images/clinic_h4-04.jpg) 0 0 no-repeat; }



#map {

	width:470px;

	height:400px;

	margin:0;

	border:1px solid #cccccc;

	}

.hidden { display:none; }

#clinic .alpha01{width:383px; height:270px; float:left; margin:0; padding:20px 0 0 0;}

#clinic .beta01{width:212px; float:right; margin:0; padding:0;}



#clinic p#zoom {

	float: left;

	width: 360px;

	height: 270px;

	margin: 10px 10px 10px 0;

}

#clinic #zoomImg {

	width: 360px;

	height: 270px;

}

#clinic div #rightCol {

	float: right;

	width: 210px;

	padding: 0;

	background: none;

}

#clinic div ul#photoList {

	overflow: hidden;

	width: 210px;

}

#clinic div ul#photoList li {

	float: left;

	width: 95px;

	height: 70px;

	margin: 10px 10px 0 0; float:left;

}

#clinic div ul#photoList li img {

	width: 95px;

	height: 70px;

}



/*----------  information  ----------*/

#information h3#title02 { background: url(../images/information_h3-01.jpg) 0 0 no-repeat; }

#information h4#title03 { background: url(../images/information_h4-01.jpg) 0 0 no-repeat; }

#information h4#title04 { background: url(../images/information_h4-02.jpg) 0 0 no-repeat; }

#information h4#title05 { background: url(../images/information_h4-03.jpg) 0 0 no-repeat; }

#information h4#title06 { background: url(../images/information_h4-04.jpg) 0 0 no-repeat; }

#information h4#title07 { background: url(../images/information_h4-05.jpg) 0 0 no-repeat; }

#information h4#title08 { background: url(../images/information_h4-06.jpg) 0 0 no-repeat; }

#information h4#title09 { background: url(../images/information_h4-07.jpg) 0 0 no-repeat; }

#information h4#title10 { background: url(../images/information_h4-08.jpg) 0 0 no-repeat; }

#information h3#title11 { background: url(../images/information_h3-02.jpg) 0 0 no-repeat; }

#information h4#title12 { background: url(../images/information_h4-09.jpg) 0 0 no-repeat; }

#information h3#title13 { background: url(../images/information_h3-03.jpg) 0 0 no-repeat; }

#information h4#title14 { background: url(../images/information_h4-10.jpg) 0 0 no-repeat; }

#information h4#title15 { background: url(../images/information_h4-11.jpg) 0 0 no-repeat; }

#information h4#title16 { background: url(../images/information_h4-12.jpg) 0 0 no-repeat; }

#information h4#title17 { background: url(../images/information_h4-13.jpg) 0 0 no-repeat; }

#information h4#title18 { background: url(../images/information_h4-14.jpg) 0 0 no-repeat; }

#information h4#title19 { background: url(../images/information_h4-15.jpg) 0 0 no-repeat; }

#information h4#title20 { background: url(../images/information_h4-16.jpg) 0 0 no-repeat; }

#information h4#title21 { background: url(../images/information_h4-17.jpg) 0 0 no-repeat; }

#information h4#title22 { background: url(../images/information_h4-18.jpg) 0 0 no-repeat; }



/*----------  Prevention/index  ----------*/

#prevention_index h3#title02 { background: url(../images/prevention_index_h3-01.jpg) 0 0 no-repeat; }

#prevention_index h4#title03 { background: url(../images/prevention_index_h4-01.jpg) 0 0 no-repeat; }

#prevention_index h4#title04 { background: url(../images/prevention_index_h4-02.jpg) 0 0 no-repeat; }

#prevention_index h4#title05 { background: url(../images/prevention_index_h4-03.jpg) 0 0 no-repeat; }

#prevention_index h4#title06 { background: url(../images/prevention_index_h4-04.jpg) 0 0 no-repeat; }

#prevention_index h4#title07 { background: url(../images/prevention_index_h4-05.jpg) 0 0 no-repeat; }



/*----------  Prevention/child  ----------*/

#prevention_child h3#title02 { background: url(../images/prevention_child_h3-01.jpg) 0 0 no-repeat; }

#prevention_child h4#title03 { background: url(../images/prevention_child_h4-01.jpg) 0 0 no-repeat; }

#prevention_child h4#title04 { background: url(../images/prevention_child_h4-02.jpg) 0 0 no-repeat; }

#prevention_child h4#title05 { background: url(../images/prevention_child_h4-03.jpg) 0 0 no-repeat; }

#prevention_child h4#title06 { background: url(../images/prevention_child_h4-04.jpg) 0 0 no-repeat; }



/*----------  Prevention/home  ----------*/

#prevention_home h3#title02 { background: url(../images/prevention_home_h3-01.jpg) 0 0 no-repeat; }

#prevention_home h4#title03 { background: url(../images/prevention_home_h4-01.jpg) 0 0 no-repeat; }

#prevention_home h4#title04 { background: url(../images/prevention_home_h4-02.jpg) 0 0 no-repeat; }

#prevention_home h4#title05 { background: url(../images/prevention_home_h4-03.jpg) 0 0 no-repeat; }

#prevention_home h4#title06 { background: url(../images/prevention_home_h4-04.jpg) 0 0 no-repeat; }

#prevention_home h4#title07 { background: url(../images/prevention_home_h4-05.jpg) 0 0 no-repeat; }

#prevention_home h4#title08 { background: url(../images/prevention_home_h4-06.jpg) 0 0 no-repeat; }

#prevention_home h4#title09 { background: url(../images/prevention_home_h4-07.jpg) 0 0 no-repeat; }

#prevention_home h4#title10 { background: url(../images/prevention_home_h4-08.jpg) 0 0 no-repeat; }

#prevention_home h4#title11 { background: url(../images/prevention_home_h4-09.jpg) 0 0 no-repeat; }



/*----------  Treatment/denture  ----------*/

#treatment_denture h3#title02 { background: url(../images/treatment_denture_h3-01.jpg) 0 0 no-repeat; }

#treatment_denture h4#title03 { background: url(../images/treatment_denture_h4-01.jpg) 0 0 no-repeat; }

#treatment_denture h4#title04 { background: url(../images/treatment_denture_h4-02.jpg) 0 0 no-repeat; }

#treatment_denture h4#title05 { background: url(../images/treatment_denture_h4-03.jpg) 0 0 no-repeat; }

#treatment_denture td { vertical-align: top; }
#treatment_denture td dl { margin-top: 10px; }
#treatment_denture td dt {
	color: #FF3300;
	font-weight: bold;
	}
	
#treatment_denture .denture_list { margin-bottom:15px; border-top: 1px dotted #CCCCCC; padding-top: 10px; }
#treatment_denture .sanwa-dental01 a,
#treatment_denture .sanwa-dental02 a{ 
	display:block;
	width:590px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
}
#treatment_denture .sanwa-dental01 a{ background:url(../images/bn_denture1_off.jpg) 0 0 no-repeat;}
#treatment_denture .sanwa-dental02 a{ background:url(../images/bn_denture2_off.jpg) 0 0 no-repeat;}
#treatment_denture .sanwa-dental01 a:hover{	background:url(../images/bn_denture1_on.jpg) 0 0 no-repeat;}
#treatment_denture .sanwa-dental02 a:hover{	background:url(../images/bn_denture2_on.jpg) 0 0 no-repeat;}
/*----------  Treatment/  ----------*/

#treatment_implant h3#title02 { background: url(../images/treatment_implant_h3-01.jpg) 0 0 no-repeat; }

#treatment_implant h4#title03 { background: url(../images/treatment_implant_h4-01.jpg) 0 0 no-repeat; }

#treatment_implant h4#title04 { background: url(../images/treatment_implant_h4-02.jpg) 0 0 no-repeat; }

#treatment_implant h4#title05 { background: url(../images/treatment_implant_h4-03.jpg) 0 0 no-repeat; }

#treatment_implant h4#title06 { background: url(../images/treatment_implant_h4-04.jpg) 0 0 no-repeat; }

#treatment_implant h4#title07 { background: url(../images/treatment_implant_h4-05.jpg) 0 0 no-repeat; }

.content_implant{
	position: relative;
}

#treatment_implant .implant_img{
	width: 315px;
	position: absolute;
	top: 80px;
	right: 0px;
	background-color: #FFFFFF;
}

#treatment_implant .implant_img p.fL{
	float: left;
	margin: 0 3px;
}
/*----------  Treatment/esthe  ----------*/

#treatment_esthe h3#title02 { background: url(../images/treatment_esthe_h3-01.jpg) 0 0 no-repeat; }

#treatment_esthe h4#title03 { background: url(../images/treatment_esthe_h4-01.jpg) 0 0 no-repeat; }

#treatment_esthe h4#title04 { background: url(../images/treatment_esthe_h4-02.jpg) 0 0 no-repeat; }

#treatment_esthe h4#title05 { background: url(../images/treatment_esthe_h4-03.jpg) 0 0 no-repeat; }
#treatment_esthe h4#title06 {
	background: url(../images/treatment_esthe_h4-04.jpg) 5px 0 no-repeat;
	height:40px;}

.bg_orange {
	border: 2px solid #FFED8B;
	background: #FFFDF5;
	}
	
.text_box { padding: 10px; }
#treatment_esthe .dt_box {
  border: 1px solid #CCCCCC;
  border-bottom: none;
  background: #F5FDFF;
  padding: 5px 0 5px 10px;
	color: #14C3F2;
	margin: 10px 20px 0 20px;
	font-weight: bold;
  }
  
#treatment_esthe .dd_box {
  border: 1px solid #CCCCCC;
	background: #FFFFFF;
	color: #333333;
  border-top: 1px dotted #CCCCCC;
  padding: 10px 10px 10px 10px;
  margin: 0 20px 20px 20px;
  }


.lightbox01{
	margin: 20px 0 10px 0;
}

.lightbox01 ul li{
	float: left;
	margin: 0 4px 10px;
}

*html .lightbox01 ul li{
	margin: 0 3px 10px;
}

.lightbox01 p.ltxt{
	margin: 0 0 10px 10px;
	padding: 0;
	color: #666666;
	font-size: 12px;
}

/*----------  Treatment/whitening  ----------*/

#treatment_whitening h3#title02 { background: url(../images/treatment_whitening_h3-01.jpg) 0 0 no-repeat; }

#treatment_whitening h4#title03 { background: url(../images/treatment_whitening_h4-01.jpg) 0 0 no-repeat; }

#treatment_whitening h4#title04 { background: url(../images/treatment_whitening_h4-02.jpg) 0 0 no-repeat; }

#treatment_whitening h4#title05 { background: url(../images/treatment_whitening_h4-03.jpg) 0 0 no-repeat; }

#treatment_whitening h4#title06 { background: url(../images/treatment_whitening_h4-04.jpg) 10px 0 no-repeat; }

#treatment_whitening h4#title07 { background: url(../images/treatment_whitening_h4-05.jpg) 0 0 no-repeat; }

#treatment_whitening .beyondwhitening a{
	background: url(../images/bn_white01_off.jpg) 0 0 no-repeat;
	display:block;
	width:401px;
	height:79px;
	text-indent:-9999px;
	overflow:hidden;
	}
#treatment_whitening .beyondwhitening a:hover{
	background: url(../images/bn_white01_on.jpg) 0 0 no-repeat;}
/*----------  Treatment/perio  ----------*/

#treatment_perio h3#title02 { background: url(../images/treatment_perio_h3-01.jpg) 0 0 no-repeat; }

#treatment_perio h4#title03 { background: url(../images/treatment_perio_h4-01.jpg) 0 0 no-repeat; }

#treatment_perio h4#title04 { background: url(../images/treatment_perio_h4-02.jpg) 0 0 no-repeat; }



/*----------  Treatment/infant  ----------*/

#treatment_infant h3#title02 { background: url(../images/treatment_infant_h3-01.jpg) 0 0 no-repeat; }

#treatment_infant h4#title03 { background: url(../images/treatment_infant_h4-01.jpg) 0 0 no-repeat; }



/*----------  Treatment/index  ----------*/

#treatment_index h3#title02 { background: url(../images/treatment_index_h3-01.jpg) 0 0 no-repeat; }

#treatment_index h4#title03 { background: url(../images/treatment_index_h4-01.jpg) 0 0 no-repeat; }

#treatment_index h4#title04 { background: url(../images/treatment_index_h4-02.jpg) 0 0 no-repeat; }

#treatment_index h4#title05 { background: url(../images/treatment_index_h4-03.jpg) 0 0 no-repeat; }


/*----------  practice  ----------*/

#practice h3#title01 { background: url(../images/practice_h3_01.jpg) 0 0 no-repeat; }

#practice .practice_pc { 
	background: url(../images/practice_01.jpg) no-repeat;
	width: 304px;
	height: 354px;
	float: left;
	margin: 0;
}
#practice .practice_mo {
	background: url(../images/practice_02.jpg) no-repeat;
	width: 304px;
	height: 354px;
	float: right;
	margin: 0;
}
#practice .first img { margin: 100px 0 0 30px; }
#practice .existing img { margin: 0 0 0 30px; }

/*-------------- Margin - Padding -----------------*/

.mar_b0{margin:0; padding:0;}

.mar_b05{margin-bottom:5px;}

.mar_b15{margin-bottom:15px;}

.mar_b20{margin-bottom:20px;}

.mar_b26{margin-bottom:26px;}

.mar_b30{margin-bottom:30px;}

.mar_b35{margin-bottom:35px;}

.mar_b40{margin-bottom:40px;}



.mar_tb10{margin:10px 0 10px 0;}



/*-------------- Text - Width -----------------*/

.w80{width:80px;}

.w100{width:100px;}

.w120{width:120px;}

.w150{width:150px;}

.w160{width:160px;}

.w180{width:180px;}



.w200{width:200px;}

.w390{width:390px;}

.w410{width:410px;}

.w440{width:440px;}


.w470{width:470px;}

.w50pc{ width:50%; }



.bg01{background:#fff0da;}
.bg02{background:#fef9dc;}

.boder01{ border:1px solid #ffcc33; padding:10px 10px 0 10px; background:#fff5c7;}

.text01{color:#1f549e; font-weight:bold;}

.text02{ background:url(../images/icon.jpg) 0 4px no-repeat; padding-left:15px; margin:0 0 7px; color:#5CA6FF; font-weight:bold; }

.text03{color:#ff6300; font-weight:bold;}

.text_r{text-align:right;}
.text_b{font-weight:bold;}
.text_bottom{ padding-left:20px; font-weight:bold; color:#FF9900}
.top{ vertical-align:top; }

	
#careful { 
	color:#FF0033;
	width: 550px;
	margin: 15 auto;
}
.font_b { font-weight: bold; }

.color_brn { font-size: 18px; color: #a84800; font-weight:bold;}
.sr_color_brn { font-size: 17px; color: #ff4a09; font-weight:bold;}

.color_org { font-size: 22px; font-weight: bold; color: #ff9801; text-align: center; }

.mar_l{ margin-left:100px;}

.sr_pd{ padding-left:11px;}

.sr_bx{
background-color:#FEF4C3;
border:1px solid #FFCC33;
padding:18px 0 0 7px;
margin-top:30px;
}

.sr_bx01{
border:1px solid #FFCC33;
padding:15px 10px;
width:350px;
float:right;
margin:0;
}

* html .sr_bx01{
border:1px solid #FFCC33;
padding:15px 10px;
width:380px;
float:right;
margin:0;
}

.banner{
margin:18px 0 0 0;
text-align:center;
}
.align_L{
	margin-left:8px;
}

.align_L01{
	margin-left:2px;
}

.bner01 {
	margin-top:10px;	
}

.bner01 a {
	display:block;
	width:604px;
	height:118px;
	background:url(../images/banner_01_off.jpg) no-repeat 0 0;
}

.bner01 a:hover {
	background:url(../images/banner_01_on.jpg) no-repeat 0 0;
}

.bner02 a {
margin-top:10px;
	display:block;
	width:604px;
	height:118px;
	background:url(../images/banner_02_off.jpg) no-repeat 0 0;
}

.bner02 a:hover {
	background:url(../images/banner_02_on.jpg) no-repeat 0 0;
}


.blue_box{
	background-color: #e4ecff;
	width: 595px;
	padding: 10px;
	padding-top: 0;
	margin: 0 0 0 -5px;
}

.mini{
	font-size: 11px;
	color:#666666;
}



/*----------  offer  ----------*/

#offer h3#title02 { background: url(../images/offer_h3-01.jpg) 0 0 no-repeat; }
#offer h3#title03 { background: url(../images/offer_h3-02.jpg) 0 0 no-repeat; }