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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Kids Club                   */
/*                 09  Caries                      */
/*                 10  Age                         */
/*                 11  Bite                        */
/*                 12  Teeth Alignment             */
/*                 13  Mother                      */
/*                 14  Pregnant                    */
/*                 15  Ortho                       */
/*                 16  White                       */
/*                 17  Perio                       */
/*                 18  Perio Prevent               */
/*                 19  Clinic Prevent              */
/*                 20  Home Prevent                */
/*                 21  Clinic                      */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*      Main Color - Orange             #fe7a04    */
/*      Main Color - Light Orange       #ffd799    */
/*      Main Color - Brown              #663423    */
/*                                                 */
/*      Sub Color  - Yellow             #fef27a    */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body { margin: 0 ; background:url(../images/body_bg.jpg) 0 0 repeat-x #ffe5c0; color:#666; }

select, input, textarea { color:#666; }

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

#main {
	clear: both;
	margin: 0 6px;
	background:url(../images/main_bg.jpg) 0 0 repeat-y;
	}
	
#content {
	margin: 0 15px 0 0 ;
	width: 625px;
	float: right;
	display: inline;
	font-size: 92.3076%;
	line-height: 1.5em;
	letter-spacing: 0;
	}
	
.img { margin: 0; padding: 0; line-height: 1%; display: block; }
.img_center { margin: 0 auto; padding: 0; line-height: 1%; display: block; text-align: center; }

/*---------- 03  Header -----------*/
		
#index #header {
	margin: 0 0 12px 0 ;
	padding: 0;
	width: 912px;
	height: 397px;
	background: url(../images/header01.jpg) 0 0 no-repeat;
	}			
	
#header {
	margin: 0 0 12px 0 ;
	padding: 0;
	width: 912px;
	height: 295px;
	background: url(../images/header01.jpg) 0 0 no-repeat;
	}			
		
#header #header01 {
	margin: 0 ;
	padding: 0;
	width: 912px;
	height: 80px;
	}

#header #header01 #header01_01 {
	margin: 0;
	padding: 0;
	width: 509px;
	float: left;
	}

#header #header01 #header01_01 p.header_text {
	margin: -77px 0 0 0;
	padding: 15px 0 0 22px;
	position: relative;
	font-size: 92.3076%;
	}
	
h1 {
	margin: 35px 0 0 0 ;
	padding: 0 0 0 19px ;
	width: 490px;
	height: 42px;
	position: relative;
	}
h1 a {
	text-indent: -9999px;
	display: block;
	width: 490px;
	height: 42px;
	background: url(../images/logo.jpg) 0 0 no-repeat;
	}

#header #header01 #header01_02 {
	margin: 19px 0 0 0;
	padding: 0;
	width: 280px;
	float: right;
	}

#header #header01 #header01_02 p.header_tel {
	margin: 0 ;
	padding: 0 ;
	width: 250px;
	height: 50px;
	line-height: 1%;
	display: block;
	}

#header #header02 {
	clear: both;
	margin: 0 6px;
	padding: 0;
	width: 900px;
	height: 45px;
	background:url(../images/header02.jpg) 0 0 repeat-x;
	}
	
#header #header02 ul#header_nav {
	margin: 0 ;
	padding: 3px 0 0 0;
	height: 39px;
	list-style: none;
	}
#header #header02 ul#header_nav li {
	list-style: none;
	float: left;
	height: 39px;
	display: inline;
	}
#header #header02 ul#header_nav li a {
	text-indent: -9999px;
	display: block;
	height: 39px;
	}

#nav01 a { background:url(../images/header_nav.jpg) 0 0 no-repeat; width: 194px;  }
#nav02 a { background:url(../images/header_nav.jpg) -194px 0 no-repeat; width: 285px;  }
#nav03 a { background:url(../images/header_nav.jpg) -479px 0 no-repeat; width: 230px;  }
#nav04 a { background:url(../images/header_nav.jpg) -709px 0 no-repeat; width: 191px;  }

#nav01 a:hover { background:url(../images/header_nav.jpg) 0 -39px no-repeat; }
#nav02 a:hover { background:url(../images/header_nav.jpg) -194px -39px no-repeat; }
#nav03 a:hover { background:url(../images/header_nav.jpg) -479px -39px no-repeat; }
#nav04 a:hover { background:url(../images/header_nav.jpg) -709px -39px no-repeat; }

#index #header #header03 {
	margin: 0 6px ;
	padding: 0;
	width: 900px;
	height: 272px;
	background: url(../images/index_main_img.jpg) 0 0 no-repeat;
	}

#header #header03 {
	margin: 0 6px ;
	padding: 0;
	width: 900px;
	height: 170px;
	background: url(../images/contents_main_img.jpg) 0 0 no-repeat;
	}

#header #header03 #header03_01 {
	margin: 0 ;
	padding: 0;
	width: 221px;
	float: left;
	}

#header #header03 p.header_24h {
	margin: 30px 0 0 17px ;
	padding: 0 ;
	width: 204px;
	height: 204px;
	float: left;
	display: inline;
	}
	
#header #header03 p.header_24h a {
	margin: 0;
	width: 204px;
	height: 204px;
	text-indent: -9999px;
	display:block;
	font-size:1%;
	line-height:1%;
	background: url(../images/header_24h.jpg) 0 0 no-repeat;
	}
#header #header03 p.header_24h a:hover {
	background: url(../images/header_24h.jpg) 0 -204px  no-repeat;
	text-indent:-9999px;
	display:block;
	}

#index h2 { 
	margin: 0;
	padding: 185px 0 0 0 ;
	line-height: 1%; 
	display: block;
	float: right;
	}
	
.main_img { 
	margin: 0;
	padding: 0 ;
	line-height: 1%; 
	display: block; 
	}
	
/*----------04  Navigation -----------*/

#nav {
	margin: 0 0 0 7px ;
	padding: 0 0 20px 0;
	width: 236px;
	float: left;
	display: inline;
	background:url(../images/nav_b01.jpg) 0 0 no-repeat;
	}
	
#nav ul {
	margin: 0 15px ;
	padding: 16px 0 10px 0;
	list-style: none;
	background:url(../images/nav.jpg) 0 16px no-repeat;
	}
#nav ul.internal li {
	list-style: none;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	}

#nav ul.internal li a {
	display: block;
	font-size: 1%;
	line-height: 1%;
	}
 #nav07, #nav08, #nav09, #nav12, #nav13, #nav14, #nav17 { margin-bottom: 5px; }
#nav10, #nav15 { margin-bottom: 20px; }
#nav18 { margin-bottom: 10px; }

#nav05 a { background: url(../images/nav.jpg) 0 0 no-repeat; width: 206px; height: 60px; margin-bottom: 9px; }
#nav06 { background: url(../images/nav.jpg) -7px -69px no-repeat; width: 190px; height: 26px; margin: 0 7px 9px; }
#nav07 a { background: url(../images/nav.jpg) -7px -104px no-repeat; width: 190px; height: 30px; margin: 0 7px ; }
#nav08 a { background: url(../images/nav.jpg) -7px -139px no-repeat; width: 190px; height: 30px; margin: 0 7px ; }
#nav09 a { background: url(../images/nav.jpg) -7px -174px no-repeat; width: 190px; height: 30px; margin: 0 7px ; }
#nav10 a { background: url(../images/nav.jpg) -7px -209px no-repeat; width: 190px; height: 30px; margin: 0 7px ;}
#nav11 { background: url(../images/nav.jpg) -7px -259px no-repeat; width: 190px; height: 26px; margin: 0 7px 9px; }
#nav12 a { background: url(../images/nav.jpg) -7px -294px no-repeat; width: 190px; height: 30px; margin: 0 7px ; }
#nav13 a { background: url(../images/nav.jpg) -7px -329px no-repeat; width: 190px; height: 30px; margin: 0 7px ; }
#nav14 a { background: url(../images/nav.jpg) -7px -364px no-repeat; width: 190px; height: 30px; margin: 0 7px ; }
#nav15 a { background: url(../images/nav.jpg) -7px -399px no-repeat; width: 190px; height: 30px; margin: 0 7px ;}
#nav16 { background: url(../images/nav.jpg) -7px -449px no-repeat; width: 190px; height: 26px; margin: 0 7px 9px; }
#nav17 a { background: url(../images/nav.jpg) -7px -484px no-repeat; width: 190px; height: 30px; margin: 0 7px ; }
#nav18 a { background: url(../images/nav.jpg) -7px -519px no-repeat; width: 190px; height: 30px; margin: 0 7px ;}

#nav05 a:hover { background: url(../images/nav.jpg) -206px 0 no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -213px -104px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -213px -139px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -213px -174px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -213px -209px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -213px -294px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -213px -329px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -213px -364px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -213px -399px no-repeat; }
#nav17 a:hover { background: url(../images/nav.jpg) -213px -484px no-repeat; }
#nav18 a:hover { background: url(../images/nav.jpg) -213px -519px no-repeat; }

		
#nav p { text-align: center ; }

#nav p.nav_ban {
	margin: 0 15px  ;
	padding: 0 ;
	width: 206px;
	height: 60px;
	}
	
#nav p.nav_ban a {
	margin: 0;
	width: 206px;
	height: 60px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/nav_ban02.jpg) 0 0 no-repeat;
	}
#nav p.nav_ban a:hover {
	background: url(../images/nav_ban02.jpg) 0 -60px no-repeat;
	}

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

#footer {
	clear: both;
	padding: 0 ;
	margin: 0 ;
	font-size: 84.61%;
	width: 912px;
	height: 130px;
	text-align: left;
	background: url(../images/footer_bg.jpg) 0 0 no-repeat;
	}

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

#footer #footer01 { 
	margin: 0;
	height: 109px;
	}
	
#footer #footer01 p.footer_tel { 
	margin: 0 ;
	padding: 35px 0 0 19px;
	float: left;
	line-height: 1%;
	display: block;
	}
	
.footer_24h {
	margin: 0 ;
	padding: 25px 21px 0 0;
	width: 625px;
	height: 60px;
	float: right;
	}
.footer_24h a {
	margin: 0;
	width: 625px;
	height: 60px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/footer_24h.jpg) 0 0 no-repeat;
	}
.footer_24h a:hover {
	background: url(../images/footer_24h.jpg) 0 -60px no-repeat;
	}

#footer #footer02 { 
	margin: 0 ;
	height: 21px;
	}

#footer #footer02 address {
	margin: 0 ;
	padding: 7px 0 0 0;
	text-align: center;
	color:#806D55;
	}
		
/*---------- 06  Contents -----------*/

.section { padding: 0 5px 0 5px; }
.section .section { padding-left :10px; padding-right: 10px; }
.section .section .section { padding: 0 10px ; }
.center { text-align: center; }

#content h2 {
	margin: 13px 0 12px 0;
	padding: 0 ;
	height: 44px;
	line-height: 1%; 
	display: block;
	}
#content h3 {
	clear: both;
	margin: 0 -5px 10px -5px;
	height: 30px;
	text-indent: -9999px;
	}
#content h4 {
	clear: both;
	margin: 0 -10px 10px -10px;
	height: 25px;
	text-indent: -9999px;
	}

#content h5 {
	margin: 0 0 10px -10px;
	font-size: 100%;
	line-height: 1.2em;
	font-weight: normal;
	background:url(../images/icon02.jpg) 0 3px no-repeat;
	text-indent: 15px;
	font-weight: normal;
	color:#c07913;
	}

.title {
	margin: 0 0 5px -10px;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: normal;
	background:url(../images/icon01.jpg) 0 5px no-repeat;
	text-indent: 20px;
	font-weight: normal;
	color:#1e52a5;
	}

#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#content ul li {
	list-style: none;
	background: url(../images/icon01.jpg) 0 2px no-repeat;
	padding-left: 15px;
	line-height: 1.5em;
	}
#content ul.icon {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#content ul.icon li {
	list-style: none;
	background: url(../images/icon03.jpg) 0 4px no-repeat;
	padding-left: 15px;
	line-height: 1.5em;
	}
#content ul.icon01 {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#content ul.icon01 li {
	list-style: none;
	background: url(../images/icon03.jpg) 0 4px no-repeat;
	padding-left: 15px;
	line-height: 1.5em;
	color:#fea304; font-weight:bold;
	}

#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

a {
	color: #9ac935;
	outline: none;
	text-decoration: underline;
	}
a:hover { color: #fe7e0e; text-decoration: underline; }

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

.image_b {
	margin: 0 auto;
	line-height: 1%;
	display: block;
	text-align: center;
	border: 1px solid #9faace;
}

.image_l {
	margin: 0 20px 0 0;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	line-height: 1%;
	display: block;
	}
* html body .image_l { margin: 0 17px 0 0 ; } /*  for IE6 only */

.image_l1 {
	margin: 0 20px 0 0;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1%;
	display: block;
	}
*:first-child+html .image_l1 { margin: 0 20px -0.5em 0 ; } /*  for IE7 only */
* html body .image_l1 { margin: 0 17px -0.5em 0 ; } /*  for IE6 only */

.image_l2{float:left; margin:0; padding:0;}
.image_r {
	margin: 0 0 0 20px ;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1%;
	display: block;
	}
* html body .image_r { margin: 0 0 0 17px ; } /*  for IE6 only */

.image_r1 {
	margin: 0 0 0 20px ;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1%;
	display: block;
	}
*:first-child+html .image_r1 { margin: 0 0 -0.5em 20px ; } /*  for IE7 only */
* html body .image_r1 { margin: 0 0 -0.5em 17px ; } /*  for IE6 only */

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

.case {
	margin: 0 ;
	background:url(../images/arrow02.jpg) center center no-repeat;
	}
.case01 {
	margin: 0 ;
	background:url(../images/arrow02.jpg) center 55px no-repeat;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}

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

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
	color:#376bb7;
	text-align: center;
	}

#content ul.totop {
	clear: both;
	margin: 0 25px 20px 0;
	padding: 0;
	height: 35px;
	list-style: none;
	}

#content ul.totop li {
	margin: 0;
	padding: 0;	
	width: 230px;
	height: 35px;
	list-style: none;
	float: right;
	font-size: 1%;
	line-height: 1%;
	}
#content ul.totop li a {
	text-indent: -9999px;
	display: block;
	height: 35px;
	font-size: 1%;
	line-height: 1%;
	background: url(../images/to_top.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 {
	margin: 0 ;
	border-collapse: collapse;
	border: 1px solid #fda304;
	font-size: 100%;
	line-height: 1.5em;
	width: 100%;
	}
#content table th,
#content table td {
	padding: 8px 8px;
	border: 1px solid #fda304;
	vertical-align:top;
	}
#content table th {
	background:#fff7d4;
	}

#content table td.bg01 {
	color:#663423;
	background: #fff9de;
	}
#content table td.bg02 {
	background: #f3fdfc;
	}

#content table td.top { vertical-align: top; }
#content table td.bottom { vertical-align: bottom; }
#content table td.right { text-align: right; }

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}
		
/*---------- 07  Index -----------*/

.index01 { margin: 5px 0 20px 0; }

.kids_ban {
	margin: 0 ;
	padding: 0 ;
	width: 625px;
	height: 80px;
	}
.kids_ban a {
	margin: 0;
	width: 625px;
	height: 80px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/index_img01.jpg) 0 0 no-repeat;
	}
.kids_ban a:hover {
	background: url(../images/index_img01.jpg) 0 -80px no-repeat;
	}
	
.index02 { margin: 0 0 15px 0 ; background:url(../images/index_img03.jpg) 0 0 repeat-y; }
.index02_01 { margin: 0 ; background:url(../images/index_img02.jpg) 0 0 no-repeat; }
.index02_01_01 { margin: 0 ; background:url(../images/index_img04.jpg) left bottom no-repeat; padding-bottom: 11px; }
.block01 { padding: 10px 11px 7px; }
.block02 { padding: 0 15px 0 20px; }

.alpha01 { width: 283px; float: left; }
.beta01 { width: 283px; float: right; }

.alpha02 { width: 240px; float: left; }
.beta02 { width: 340px; float: right; }

.index03 { margin: 0 0 20px 0 ; background:url(../images/index_img08.jpg) 0 0 repeat-y; }
.index03_01 { margin: 0 ; background:url(../images/index_img07.jpg) 0 0 no-repeat; }
.index03_01_01 { margin: 0 ; background:url(../images/index_img09.jpg) left bottom no-repeat; padding-bottom: 11px; }

.index04 { margin: 0 0 21px 0;  }

.index05 { margin: 0 0 10px 0 ; background:url(../images/index_img14.jpg) 0 0 repeat-y; }
.index05_01 { margin: 0 ; background:url(../images/index_img13.jpg) 0 0 no-repeat; }
.index05_01_01 { margin: 0 ; background:url(../images/index_img15.jpg) left bottom no-repeat; padding: 15px 20px 13px; }

.img_l { margin: 0; float: left; line-height: 1%; display: block; }
.img_r { margin: 0; float: right; line-height: 1%; display: block; }

.caries_btn {
	margin: 0 ;
	padding: 0 ;
	width: 270px;
	height: 25px;
	float: left;
	}
.caries_btn a {
	margin: 0;
	width: 270px;
	height: 25px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/caries_btn.jpg) 0 0 no-repeat;
	}
.caries_btn a:hover {
	background: url(../images/caries_btn.jpg) 0 -25px no-repeat;
	}
	
.teeth_btn {
	margin: 0 ;
	padding: 0 ;
	width: 270px;
	height: 25px;
	float: right;
	}
.teeth_btn a {
	margin: 0;
	width: 270px;
	height: 25px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/teeth_btn.jpg) 0 0 no-repeat;
	}
.teeth_btn a:hover {
	background: url(../images/teeth_btn.jpg) 0 -25px no-repeat;
	}
	
.white_btn {
	margin: 0 ;
	padding: 0 ;
	width: 270px;
	height: 25px;
	float: left;
	}
.white_btn a {
	margin: 0;
	width: 270px;
	height: 25px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/white_btn.jpg) 0 0 no-repeat;
	}
.white_btn a:hover {
	background: url(../images/white_btn.jpg) 0 -25px no-repeat;
	}
	
.pregnant_btn {
	margin: 0 ;
	padding: 0 ;
	width: 270px;
	height: 25px;
	float: right;
	}
.pregnant_btn a {
	margin: 0;
	width: 270px;
	height: 25px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/pregnant_btn.jpg) 0 0 no-repeat;
	}
.pregnant_btn a:hover {
	background: url(../images/pregnant_btn.jpg) 0 -25px no-repeat;
	}

#content dl.dl01 { margin: 0 0 3px 0; padding: 0 ; width: 240px; float: left; }
#content dl.dl01 dt { margin: 0 ; padding: 0 0 6px 0; line-height: 1%; display: block; }
#content dl.dl01 dt img { margin: 0 ; padding: 0 ; line-height: 1%; display: block; }

#content dl.dl01 dd { margin: 0; padding: 0 0 6px 4px;  }
#content dl.dl01 dd.dd01 { margin: 0; padding: 0 0 0 4px;  }

.clinic_btn {
	margin: 0 ;
	padding: 0 ;
	width: 340px;
	height: 20px;
	}
.clinic_btn a {
	margin: 0;
	width: 340px;
	height: 20px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/clinic_btn.jpg) 0 0 no-repeat;
	}
.clinic_btn a:hover {
	background: url(../images/clinic_btn.jpg) 0 -20px no-repeat;
	}

/*---------- 08  Kids Club  -----------*/

#kids h3#title02 { background:url(../images/kids_h3-01.jpg) 0 0 no-repeat; }
#kids h4#title03 { background:url(../images/kids_h4-01.jpg) 0 0 no-repeat; }
#kids h4#title04 { background:url(../images/kids_h4-02.jpg) 0 0 no-repeat; }
#kids h4#title05 { background:url(../images/kids_h4-03.jpg) 0 0 no-repeat; }
#kids h4#title06 { background:url(../images/kids_h4-04.jpg) 0 0 no-repeat; }

/*---------- 09  Caries  -----------*/

#caries h3#title02 { background:url(../images/caries_h3-01.jpg) 0 0 no-repeat; }
#caries h4#title03 { background:url(../images/caries_h4-01.jpg) 0 0 no-repeat; }
#caries h4#title04 { background:url(../images/caries_h4-02.jpg) 0 0 no-repeat; }
#caries h4#title05 { background:url(../images/caries_h4-03.jpg) 0 0 no-repeat; }
#caries h4#title06 { background:url(../images/caries_h4-04.jpg) 0 0 no-repeat; }
#caries h4#title07 { background:url(../images/caries_h4-05.jpg) 0 0 no-repeat; }
#caries h3#title08 { background:url(../images/caries_h3-02.jpg) 0 0 no-repeat; }
#caries h4#title09 { background:url(../images/caries_h4-06.jpg) 0 0 no-repeat; }
#caries h4#title10 { background:url(../images/caries_h4-07.jpg) 0 0 no-repeat; }
#caries h4#title11 { background:url(../images/caries_h4-08.jpg) 0 0 no-repeat; }

.home_ban {
	margin: 0 0 30px 0 ;
	padding: 0 ;
	width: 625px;
	height: 60px;
	}
.home_ban a {
	margin: 0;
	width: 625px;
	height: 60px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/home_ban.jpg) 0 0 no-repeat;
	}
.home_ban a:hover {
	background: url(../images/home_ban.jpg) 0 -60px no-repeat;
	}

/*---------- 10  Age  -----------*/

#age h3#title02 { background:url(../images/age_h3-01.jpg) 0 0 no-repeat; }
#age h4#title03 { background:url(../images/age_h4-01.jpg) 0 0 no-repeat; }
#age h4#title04 { background:url(../images/age_h4-02.jpg) 0 0 no-repeat; }
#age h4#title05 { background:url(../images/age_h4-03.jpg) 0 0 no-repeat; }

/*---------- 11  Bite  -----------*/
#bite h3#title02 { background:url(../images/bite_h3-01.jpg) 0 0 no-repeat; }
#bite h4#title03 { background:url(../images/bite_h4-01.jpg) 0 0 no-repeat; }
#bite h4#title04 { background:url(../images/bite_h4-02.jpg) 0 0 no-repeat; }
#bite h3#title05 { background:url(../images/bite_h3-02.jpg) 0 0 no-repeat; }

/*---------- 12  Teeth Alignment  -----------*/
#teeth_alignment h3#title02 { background:url(../images/teeth-alignment_h3-01.jpg) 0 0 no-repeat; }
#teeth_alignment h4#title03 { background:url(../images/teeth-alignment_h4-01.jpg) 0 0 no-repeat; }
#teeth_alignment h4#title04 { background:url(../images/teeth-alignment_h4-02.jpg) 0 0 no-repeat; }
#teeth_alignment h4#title05 { background:url(../images/teeth-alignment_h4-03.jpg) 0 0 no-repeat; }
#teeth_alignment h4#title06 { background:url(../images/teeth-alignment_h4-04.jpg) 0 0 no-repeat; }

/*---------- 13  Mother  -----------*/
#mother h3#title02 { background:url(../images/mother_h3-01.jpg) 0 0 no-repeat; }
#mother h4#title03 { background:url(../images/mother_h4-01.jpg) 0 0 no-repeat; }
#mother h4#title04 { background:url(../images/mother_h4-02.jpg) 0 0 no-repeat; }
#mother h4#title05 { background:url(../images/mother_h4-03.jpg) 0 0 no-repeat; }
#mother h4#title06 { background:url(../images/mother_h4-04.jpg) 0 0 no-repeat; }
#mother h3#title07 { background:url(../images/mother_h3-02.jpg) 0 0 no-repeat; }
#mother h4#title08 { background:url(../images/mother_h4-05.jpg) 0 0 no-repeat; }

/*---------- 14  Pregnant  -----------*/
#pregnant h3#title02 { background:url(../images/pregnant_h3-01.jpg) 0 0 no-repeat; }
#pregnant h4#title03 { background:url(../images/pregnant_h4-01.jpg) 0 0 no-repeat; }
#pregnant h4#title04 { background:url(../images/pregnant_h4-02.jpg) 0 0 no-repeat; }

/*---------- 15  Ortho  -----------*/
#ortho h3#title02 { background:url(../images/ortho_h3-01.jpg) 0 0 no-repeat; }
#ortho h4#title03 { background:url(../images/ortho_h4-01.jpg) 0 0 no-repeat; }
#ortho h4#title04 { background:url(../images/ortho_h4-02.jpg) 0 0 no-repeat; }
#ortho h4#title05 { background:url(../images/ortho_h4-03.jpg) 0 0 no-repeat; }

#content .alpha{float:left; width:222px; margin:0; padding:0; background:url(../images/arrow02.jpg) no-repeat 172px 35px;}
#content .beta{float:left; width:222px; margin:0; padding:0; background:url(../images/arrow02.jpg) no-repeat 172px 35px;}
#content .gamma{float:right; margin:0; padding:0;}

/*---------- 16  White  -----------*/
#white h3#title02 { background:url(../images/white_h3-01.jpg) 0 0 no-repeat; }
#white h4#title03 { background:url(../images/white_h4-01.jpg) 0 0 no-repeat; }
#white h4#title04 { background:url(../images/white_h4-02.jpg) 0 0 no-repeat; }

/*---------- 17  Perio  -----------*/
#perio h3#title02 { background:url(../images/perio_h3-01.jpg) 0 0 no-repeat; }
#perio h4#title03 { background:url(../images/perio_h4-01.jpg) 0 0 no-repeat; }
#perio h4#title04 { background:url(../images/perio_h4-02.jpg) 0 0 no-repeat; }
#perio h4#title05 { background:url(../images/perio_h4-03.jpg) 0 0 no-repeat; }
#perio h4#title06 { background:url(../images/perio_h4-04.jpg) 0 0 no-repeat; }
#perio h4#title07 { background:url(../images/perio_h4-05.jpg) 0 0 no-repeat; }
#perio h4#title08 { background:url(../images/perio_h4-06.jpg) 0 0 no-repeat; }

/*---------- 18  Perio Prevent  -----------*/
#perio_prevent h3#title02 { background:url(../images/perio-prevent_h3-01.jpg) 0 0 no-repeat; }
#perio_prevent h4#title03 { background:url(../images/perio-prevent_h4-01.jpg) 0 0 no-repeat; }
#perio_prevent h4#title04 { background:url(../images/perio-prevent_h4-02.jpg) 0 0 no-repeat; }

/*---------- 19  Clinic Prevent  -----------*/
#clinic_prevent h3#title02 { background:url(../images/clinic-prevent_h3-01.jpg) 0 0 no-repeat; }
#clinic_prevent h4#title03 { background:url(../images/clinic-prevent_h4-01.jpg) 0 0 no-repeat; }
#clinic_prevent h4#title04 { background:url(../images/clinic-prevent_h4-02.jpg) 0 0 no-repeat; }
#clinic_prevent h4#title05 { background:url(../images/clinic-prevent_h4-03.jpg) 0 0 no-repeat; }
#clinic_prevent h4#title06 { background:url(../images/clinic-prevent_h4-04.jpg) 0 0 no-repeat; }

/*---------- 20  Home Prevent  -----------*/
#home_prevent h3#title02 { background:url(../images/home-prevent_h3-01.jpg) 0 0 no-repeat; }
#home_prevent h4#title03 { background:url(../images/home-prevent_h4-01.jpg) 0 0 no-repeat; }
#home_prevent h4#title04 { background:url(../images/home-prevent_h4-02.jpg) 0 0 no-repeat; }
#home_prevent h4#title05 { background:url(../images/home-prevent_h4-03.jpg) 0 0 no-repeat; }
#home_prevent h4#title06 { background:url(../images/home-prevent_h4-04.jpg) 0 0 no-repeat; }

.hp_ban {
	margin: 0 0 30px 0 ;
	padding: 0 ;
	width: 625px;
	height: 60px;
	}
.hp_ban a {
	margin: 0;
	width: 625px;
	height: 60px;
	font-size: 1%;
	line-height: 1%;
	text-indent: -9999px;
	display: block;
	background: url(../images/hp_ban.jpg) 0 0 no-repeat;
	}
.hp_ban a:hover {
	background: url(../images/hp_ban.jpg) 0 -60px no-repeat;
	}

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

#map{ width:457px; height:400px; margin:0; border:1px solid #cccccc; }
#clinic #content .beta01{ width:402px; float:right; margin:0; }


#content dl.dl02 { margin: 0; padding: 0 ; width: 402px; }
#content dl.dl02 dt { width:82px; margin: 0 ; padding: 0; float: left; font-weight:normal; color:#b36d03; }

#content dl.dl02 dd { width:320px; margin: 0; padding: 0; float:left;  }
#content dl.dl02 dd.dd01 { margin-left:82px; display:inline; }

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

.m0 { margin: 0; }
.m2 { margin: 0 2px; }
.mar_t0{ margin-top:0; }
.mar_t10{ margin-top:10px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b15 { margin-bottom: 15px; }

.mar_b20 { margin-bottom: 20px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b40 { margin-bottom: 40px; }
.mar_t10b10{margin:10px 0 10px 0;}
.pad_01 { padding: 0 7px ; }
.pad_b7 { padding-bottom: 7px ; }
.pad_b9 { padding-bottom: 9px ; }
.pad_b10 { padding-bottom: 10px ; }

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

.text_bold { font-weight: bold; }
.text_right { text-align: right; float: right; }
.text_orange { color:#fe7a04; }
.bg_orange { background:#fff9de; padding: 5px 10px;  }
.bg_orange01 { background:#fff9de; padding: 5px 10px; color:#c1dc21; font-weight:bold;  }
.text01{padding:0 0 0 55px; }
.text02{background:url(../images/icon02.jpg) no-repeat 0 0; margin:0; padding:0; color:#fea304; font-weight:bold; text-indent:20px;}
.text03{ color:#eb740e; font-size:117%; font-weight:bold; }

.cent { margin: 0 -10px ; }
option { margin: 0 0 0 10px; }

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

.w_30p { width: 30%; }
.w_40p { width: 40%; }
.w_50p { width: 50%; }
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w270{width:270px;}
.w280{width:280px;}