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

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Clinic                      */
/*                 09  Suginami Guidance           */
/*                 10  Staff Concept               */
/*                 11  Topic                       */
/*                 12  General Perio               */
/*                 13  Metal Free                  */
/*                 14  Root                        */
/*                 15  Breath                      */
/*                 16  Micro                       */
/*                 17  Select                      */
/*                 18  Implant                     */
/*                 19  CT                          */
/*                 20  Cost                        */
/*                 21  Suginami Staff              */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Brown          #462500      */
/*        Main Color - Green          #298502      */
/*        Main Color - Fresh Brown    #bfac8f      */
/*                                                 */
/*        Sub Color  - Yellow Green   #9cab39      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px     83.33%               */
/*                   11px     91.67%               */
/*                   12px    100.00%               */
/*                   14px    116.67%               */
/*                   16px    133.33%               */
/*                                                 */
/*===============フォントサイズ換算-END============*/



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

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



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

body { background: url(../images/body_pattern.jpg) top left repeat; color:#000; line-height:1.5em; }
p img { display:block; line-height:1%; }
#container { background:url(../images/body_bg.jpg) repeat-x 0 0; }
#index #container { background:url(../images/index_body_bg.jpg) repeat-x 0 0; }
#wrapper01 { background: url(../images/wrapper_bg03.jpg) no-repeat 0 0; }
#index #wrapper01 { background: url(../images/wrapper_bg01.jpg) no-repeat 0 0; }
#wrapper {
	background: url(../images/wrapper_bg02.jpg) repeat-y;
	width:910px;
	margin:0 auto;
	padding:0;
	text-align: left;
}

#main {	margin:0 15px 0 14px; background:url(../images/space_brown.jpg) repeat-x bottom; }

#content {
	width: 625px;
	float: right;
	font-size: 100%;
	padding:19px 0 0 0;
}
#index #content {
	width: 630px;
}

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

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height:295px;
	width:900px;
	margin:0 5px;
	padding: 0;
	}
#index #header {
	background: url(../images/index_header_bg.jpg) 0 0 no-repeat;
	height:380px;
}

h1 {
	width: 232px;
	height: 52px;
	line-height: 1.0;
	margin:18px 0 0 0;
	position: relative;
}

h1 a {
	text-indent: -9999px;
	display: block;
	width: 232px;
	height: 52px;
	background: url(../images/h1_content.jpg) 0 0 no-repeat;
	}
#index h1 a { background: url(../images/h1.jpg) 0 0 no-repeat; }

#header01 { padding:22px 281px 0px 291px; }
#index #header01 { padding: 71px 0 19px 291px; }

#index #header01 #header01_01 { margin: 0	0 14px 0; width: 328px; height: 70px; position: relative; }
#index #header01 #header01_01 #header01_01_01 { margin: 0; width: 232px; float: right; }

#header01 #header01_01 { margin: 0 0 3px 0; width: 328px; height: 70px; position: relative; }
#header01 #header01_01 #header01_01_01 { margin: 0; width: 232px; float: right; }

#index #header01 #header01_02 { margin: 0; width: 328px; height: 115px; }

.h1_text { 
	font-size: 91.66%;
	line-height: 1.6em;	
	margin: 0;
	padding: 0;
	top:2px;
	left: 108px;
	position: absolute;
	color:#3F3F3F;
	width: 235px;
}

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

#header .main_img { margin:5px 0 4px 170px; clear:both; }

#header_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width:900px;
	height:45px;
	}
#index #header_nav { margin: 0 0 0 5px;	}
#header_nav li {
	height:45px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#header_nav li a {
	display: block;
	height:45px;
	text-indent:-9999px;
	}

#nav01 { width: 125px; }
#nav02 { width: 94px; }
#nav03 { width: 130px; }
#nav04 { width: 200px; }
#nav05 { width: 135px; }
#nav06 { width: 216px; }

#nav01 a { background: url(../images/header_nav.jpg) 0 0 no-repeat; width:125px; }
#nav01 a:hover { background: url(../images/header_nav.jpg) 0 -45px no-repeat; }
#nav02 a { background: url(../images/header_nav.jpg) -125px 0 no-repeat; width:94px; }
#nav02 a:hover { background: url(../images/header_nav.jpg) -125px -45px no-repeat; }
#nav03 a { background: url(../images/header_nav.jpg) -225px 0 no-repeat; width:130px; }
#nav03 a:hover { background: url(../images/header_nav.jpg) -225px -45px no-repeat; }
#nav04 a { background: url(../images/header_nav.jpg) -355px 0 no-repeat; width:200px; }
#nav04 a:hover { background: url(../images/header_nav.jpg) -355px -45px no-repeat; }
#nav05 a { background: url(../images/header_nav.jpg) -550px 0 no-repeat; width:135px; }
#nav05 a:hover { background: url(../images/header_nav.jpg) -550px -45px no-repeat; }
#nav06 a { background: url(../images/header_nav.jpg) -684px 0 no-repeat; width:216px; }
#nav06 a:hover { background: url(../images/header_nav.jpg) -684px -45px no-repeat; }

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

#nav {
	width: 232px;
	float: left;
	padding:19px 0 20px 0;
	}

#nav .nav_reserve { width:232px; margin:0 0 9px 0; height:92px; }
#nav .nav_reserve a{ width:232px; height:92px; display:block; text-indent:-9999px; background:url(../images/nav_reserve.jpg) no-repeat 0 0; }
#nav .nav_reserve a:hover{ background:url(../images/nav_reserve.jpg) no-repeat 0 -92px; }

#nav ul{
	margin:0 1px 19px 1px;
	padding: 0;
	list-style: none;
	height:456px; 
	background:url(../images/nav.jpg) no-repeat 0 0;
	}
#nav li {
	list-style: none;
	}

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

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

#nav07 { margin:0 5px; padding:5px 0 0 0; }
#nav15 { margin:0 5px 0 45px; padding:0; background:url(../images/nav.jpg) no-repeat 0 340px; text-indent:-9999px; display:block; height:45px; }
#nav08, #nav09, #nav10, #nav11, #nav12, #nav13, #nav14 { margin:0 5px; padding:0; }
#nav16, #nav17 { margin:0 5px 0 45px; padding:0; }
#nav07 a { background: url(../images/nav.jpg) -5px -5px no-repeat; height:45px; }
#nav08 a { background: url(../images/nav.jpg) -5px -50px no-repeat; height:45px; }
#nav09 a { background: url(../images/nav.jpg) -5px -95px no-repeat; height:35px; }
#nav10 a { background: url(../images/nav.jpg) -5px -130px no-repeat; height:45px; }
#nav11 a { background: url(../images/nav.jpg) -5px -175px no-repeat; height:45px; }
#nav12 a { background: url(../images/nav.jpg) -5px -220px no-repeat; height:35px; }
#nav13 a { background: url(../images/nav.jpg) -5px -255px no-repeat; height:35px; }
#nav14 a { background: url(../images/nav.jpg) -5px -290px no-repeat; height:35px; }
#nav16 a { background: url(../images/nav.jpg) -45px -370px no-repeat; height:36px; }
#nav17 a { background: url(../images/nav.jpg) -45px -406px no-repeat; height:45px; }

#nav07 a:hover { background: url(../images/nav.jpg) -235px -5px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -235px -50px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -235px -95px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -235px -130px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -235px -175px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -235px -220px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -235px -255px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -235px -290px no-repeat; }
#nav16 a:hover { background: url(../images/nav.jpg) -275px -370px no-repeat; }
#nav17 a:hover { background: url(../images/nav.jpg) -275px -406px no-repeat; }

#nav .shika01 { width:180px; height:80px; margin:0 26px 11px 26px; }
#nav .shika01 a{ width:180px; height:80px; display:block; text-indent:-9999px; background:url(../images/nav_shika01.jpg) no-repeat 0 0;}
#nav .shika02 { width:180px; height:45px; margin:0 26px 11px 26px; }
#nav .shika02 a{ width:180px; height:45px; display:block; text-indent:-9999px; background:url(../images/nav_shika02.jpg) no-repeat 0 0;}

#nav p { text-align: center; }

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

#footer {
	clear: both;
	padding:0;
	margin: 0 0 5px 0;
	height:83px;
	background:url(../images/footer_bottom.jpg) no-repeat bottom;
	text-align: center;
	}
*:first-child+html #footer { font-size: 9px; } /*  for IE7 only */
* html body #footer { font-size: 9px; } /*  for IE6 only */

#footer .tel { width:230px; height:24px; float:left; margin:11px 0 0 15px; display:inline; }
#footer address { float:right; margin:16px 15px 0 0; display:inline; }
#footer address img { display:block; line-height:1.0; }


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

.section { padding: 0; }
.section .section { padding: 8px 0 20px 0; margin-bottom: 10px; }
.section .section .section { padding: 10px; border:none ; border:1px solid #d6ceb9; margin-top: 10px; }
.section .section .section02 { padding: 10px; border:none ; margin-top: 10px; }


.center { text-align: center; }
.center { text-align: center; }
.img_center { margin: 0 auto; padding: 0; line-height: 1%; display: block; text-align: center; }

#content h2 { height: 45px;	margin:0 0 23px 0; }
#content h2 img { line-height: 1%; display:block; }

#content h3 {
	clear: both;
	margin: 0 0 5px 0;
	height:30px;
	text-indent: -9999px;
}
#content h4 {
	height:28px;
	text-indent: -9999px;
	margin-left:0;
	margin-bottom:6px;
	}

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

#content ul li {
	list-style: none;
	background: url(../images/icon01.jpg) 0 4px no-repeat;
	padding-left: 20px;
	}
	
#content ul.ul01 {
	margin: 2px 0;
	list-style: none;
	}
	
#content ul.ul02 {
	margin: 2px 0;
	text-align: center;
	list-style: none;
	}

#content ul.ul01 li {
	list-style: none;
	background: url(../images/icon01.jpg) 0 5px no-repeat;
	padding-left: 15px;
	}

#content ul.ul02 li {
	list-style: none;
	padding-left: 15px;
	font-size: 120%;
	line-height: 1.6;
	background-image: none;
	}
		
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #298502;
	outline: none;
	}
a:hover { color: #a9b93e; }

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

.image_l {
	margin: 0 8px 15px 0;
	float: left;
	line-height: 1%;
	display: block;
	}
* html body .image_l { margin: 0 17px 0 0 ; } /*  for IE6 only */

.image_l1 {
	margin: 0 8px 15px 0;
	float: left;
	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_r {
	margin: 0 0 15px 8px ;
	float: right;
	line-height: 1%;
	display: block;
	}
* html body .image_r { margin: 0 0 0 17px ; } /*  for IE6 only */

.image_r1 {
	margin: 0 0 15px 8px ;
	float: right;
	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_r200 {
	width: 180px;
	margin: 0 0 15px 30px ;
	float: right;
	line-height: 1%;
	display: block;
	}

.box_youtube { 
	padding: 0 0 0 5px;
	margin-top: 20px;
}

.box_youtube p{
	margin: 0 5px 10px 0;
	float: left;
}

.box_youtube p a{
	display: block;
	width: 146px;
	height: 60px;
}







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

.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 {
	height:40px;
	margin: 0 10px 0 0 ;
	}

#content ul.totop li {
	list-style: none;
	width: 150px;
	height: 40px;
	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-spacing: 1px;
	border: 1px solid #d6ceb9;*/
	font-size: 100%;
	width:100%;
	line-height:1.5em;
	margin:0;
	}

#content table th,
#content table td {
	padding: 5px 10px;
	border: 1px solid #d6ceb9;
	}

#content table th {
	color:#7c6951;
	background:#f7eee1;
	width: 150px;
	}

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

#content table td.bg02 {
	background:#fff;
	}

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

.pad_bthe { padding-top:.5em; padding-bottom:.5em; }
.mar_be { margin-bottom:1em; }
.mar_b2e { margin-bottom:2em; }
.mar_bhe { margin-bottom:1.5em; }
.mar_beh { margin-bottom:.5em; }
.mar_b0 { margin:6px 0 0 0; }
.mar_0 { margin:0 0 6px 0; }
.w100 { width:100px; }
.w_50p { width: 50%; }
.w_25p { width: 25%; }
.w_15p { width: 15%; }

.m0 { margin: 0; }
.mar_b10 { margin-bottom: 10px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b30 { margin-bottom: 30px; }

.bg_01 ul li { font-weight: bold; }

.subarea { padding: 10px ; }
.subarea .title { margin-left: 2px; font-weight: bold; }

.pkuparea { padding: 20px 10px 10px 15px; border:3px solid #9CAB39; margin-top: 20px; }

.catchtext { margin: 8px 0 14px 0 ; }
.catchtext img { text-align: center; }






/*---------- 07  Index -----------------------*/
#index h2 { height:50px; margin: 20px 0 21px 151px; clear:both; }
#index #content h3 { height:41px; margin:0 0 1px 5px; padding:0; text-indent:-9999px; }
#index #content h3#title02 { background:url(../images/index_h3-01.jpg) no-repeat 0 0; }
#index #content h3#title03 { background:url(../images/index_h3-02.jpg) no-repeat 0 0; margin:0; }
#index #content h4#title04 { background:url(../images/index_h4-01.jpg) no-repeat 0 0; }
#index #content h4#title05 { background:url(../images/index_h4-02.jpg) no-repeat 0 0; }
#index #content h3#title06 { background:url(../images/index_h3-03.jpg) no-repeat 0 0; }

.box01 { background:url(../images/box01_bg.jpg) repeat-y 0 0; margin:1px 0 7px 0; }
.box01_top { background:url(../images/box01_top.jpg) no-repeat 0 0; padding-top: 18px; }
.box01_bottom { background:url(../images/box01_bottom.jpg) no-repeat left bottom; padding:0px 15px 18px 16px; }
.box01_bottom01 { background:url(../images/box01_bottom.jpg) no-repeat left bottom; padding:18px 9px 10px 16px; }

.index_implant, .index_select, .index_micro { width:151px; float:left; margin:0; }
.index_breath { width:146px; float:right; margin:0; }
.index_implant a{ width:146px; height:276px; display:block; text-indent:-9999px; background:url(../images/index_implant.jpg) no-repeat 0 0; }
.index_implant a:hover{ background:url(../images/index_implant.jpg) no-repeat -146px 0; }
.index_select a{ width:146px; height:276px; display:block; text-indent:-9999px; background:url(../images/index_select.jpg) no-repeat 0 0; }
.index_select a:hover{ background:url(../images/index_select.jpg) no-repeat -146px 0; }
.index_micro a{ width:146px; height:276px; display:block; text-indent:-9999px; background:url(../images/index_micro.jpg) no-repeat 0 0; }
.index_micro a:hover{ background:url(../images/index_micro.jpg) no-repeat -146px 0; }
.index_breath a{ width:146px; height:276px; display:block; text-indent:-9999px; background:url(../images/index_breath.jpg) no-repeat 0 0; }
.index_breath a:hover{ background:url(../images/index_breath.jpg) no-repeat -146px 0; }

.index_topic { width:360px; height:49px; float:right; margin:0 0 9px 0; padding:0; background:url(../images/index_topic.jpg) no-repeat 0 0;}
.index_topic a{ width:350px; height:35px; background:url(../images/index_topic.jpg) no-repeat -5px -7px; margin:7px 5px; display:block; text-indent:-9999px; }
.index_topic a:hover{ background:url(../images/index_topic.jpg) no-repeat -5px -56px; }

.index01 { margin:0 5px 0px 5px; }
.index02 { padding:.5em 10px 1em 10px; }
.index03 { padding:.5em 10px 0 10px; }
.alpha { float:left; }
.beta { float:right; }
.w350 { width:350px; }
.index_bg01 { background:#77634a; color:#fff; padding:4px 7px 2px 7px; margin:0; }
.font13 { font-size:108.33%; line-height:1.15em; }
.font14 { font-size:116.67%; line-height:1.15em; }
.pad_l8 { padding-left:8px; padding-bottom:6px; }
.pad_l8b { padding-left:8px; padding-bottom:2px; }
.text14bc { color:#5d4529; font-size:116.67%; line-height:1.15em; font-weight:bold; letter-spacing:-1px; }

.index_img01 { float:right; margin:0 7px 7px 0; width:232px; display:inline; }
.index_clinic { width:245px; height:49px; margin:0; float:right; background:url(../images/index_clinic.jpg) no-repeat 0 0; clear:both; }
.index_clinic a{ width:235px; height:35px; margin:7px 5px 7px 5px; display:block; text-indent:-9999px; background:url(../images/index_clinic.jpg) no-repeat -5px -7px;}
.index_clinic a:hover{ background:url(../images/index_clinic.jpg) no-repeat -5px -56px;}

.w245 { width:245px; }
.text_red { color:#8f0000; }

.index_web { width:622px; height:82px; margin:0px 0px 35px 0px; clear:both; }
#index .index_web { width:622px; height:82px; margin:16px 3px 35px 5px; clear:both; }
.index_web a{ width:622px; height:82px; display:block; text-indent:-9999px; background:url(../images/index_web.jpg) no-repeat 0 0;}
.index_web a:hover{ background:url(../images/index_web.jpg) no-repeat 0 -82px;}

.suginami_web { width:622px; height:82px; margin:0px 0px 35px 0px; clear:both; }

/*---------- 08  Clinic ----------------------*/
#clinic h3#title02 { background:url(../images/clinic_h3-01.jpg) no-repeat 0 0; }
#clinic h3#title03 { background:url(../images/clinic_h3-02.jpg) no-repeat 0 0; }
#map {
	margin:6px 0;
	width:480px;
	height:280px;
	border:1px solid #d6ceb9;
}
.img { margin:0; line-height: 1%; }

#disp { margin:0 0 14px 0; width:625px; background:url(../images/line.jpg) repeat-x bottom left; padding:0 0 20px 0;  }
.hidden{ display: none; line-height:1%;}
clinic01 { width:624px; margin:0 1px 0 0; }

.alpha01 { float:left; width:150px; margin:0 8px 0 0; display:inline; }
.beta01 { float:right; width:150px; margin:0; }
#disp p { margin-left:62px; }
.clinic_img01, .clinic_img02, .clinic_img03, .clinic_img04, .clinic_img05, .clinic_img06, .clinic_img07, .clinic_img08, .clinic_img09, .clinic_img10, .clinic_img11 { width:150px; height:113px; margin:0; }
.clinic_img01 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic01_s.jpg) no-repeat 0 0; }
.clinic_img01 a:hover{ background:url(../images/clinic01_s.jpg) no-repeat 0 -113px; }
.clinic_img02 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic02_s.jpg) no-repeat 0 0; }
.clinic_img02 a:hover{ background:url(../images/clinic02_s.jpg) no-repeat 0 -113px; }
.clinic_img03 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic03_s.jpg) no-repeat 0 0; }
.clinic_img03 a:hover{ background:url(../images/clinic03_s.jpg) no-repeat 0 -113px; }
.clinic_img04 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic04_s.jpg) no-repeat 0 0; }
.clinic_img04 a:hover{ background:url(../images/clinic04_s.jpg) no-repeat 0 -113px; }
.clinic_img05 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic05_s.jpg) no-repeat 0 0; }
.clinic_img05 a:hover{ background:url(../images/clinic05_s.jpg) no-repeat 0 -113px; }
.clinic_img06 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic06_s.jpg) no-repeat 0 0; }
.clinic_img06 a:hover{ background:url(../images/clinic06_s.jpg) no-repeat 0 -113px; }
.clinic_img07 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic07_s.jpg) no-repeat 0 0; }
.clinic_img07 a:hover{ background:url(../images/clinic07_s.jpg) no-repeat 0 -113px; }
.clinic_img08 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic08_s.jpg) no-repeat 0 0; }
.clinic_img08 a:hover{ background:url(../images/clinic08_s.jpg) no-repeat 0 -113px; }
.clinic_img09 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic09_s.jpg) no-repeat 0 0; }
.clinic_img09 a:hover{ background:url(../images/clinic09_s.jpg) no-repeat 0 -113px; }
.clinic_img10 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic10_s.jpg) no-repeat 0 0; }
.clinic_img10 a:hover{ background:url(../images/clinic10_s.jpg) no-repeat 0 -113px; }
.clinic_img11 a{ width:150px; height:113px; display:block; text-indent:-9999px; background:url(../images/clinic11_s.jpg) no-repeat 0 0; }
.clinic_img11 a:hover{ background:url(../images/clinic11_s.jpg) no-repeat 0 -113px; }

.staff_concept_link { width:622px; height:100px; margin:0px 0px 20px 0px; }
.staff_concept_link a{ width:622px; height:100px; display:block; text-indent:-9999px; background:url(../images/staff_concept_link.jpg) no-repeat 0 0;}
.staff_concept_link a:hover{ background:url(../images/staff_concept_link.jpg) no-repeat 0 -100px;}

/*---------- 09  Suginami Guidance -----------*/
#suginami_guidance h3#title02 { background:url(../images/suginami_guidance_h3-01.jpg) no-repeat 0 0; }
#suginami_guidance h3#title03 { background:url(../images/suginami_guidance_h3-02.jpg) no-repeat 0 0; }

#map1 {
	margin:6px 0;
	width:480px;
	height:380px;
	border:1px solid #d6ceb9;
}

#disp1 { margin:0 0 14px 0; width:625px; background:url(../images/line.jpg) repeat-x bottom left; padding:0 0 20px 0;  }
.hidden{ display: none;}
.suginami_guidance01 { width:598px; margin:0 13px 0 14px; }

#suginami_guidance .alpha01 { float:left; width:186px; margin:0 20px 0 0; display:inline; }
#suginami_guidance .beta01 { float:left; width:186px; margin:0 20px 0 0; display:inline; }
#suginami_guidance .gamma01 { float:right; width:186px; margin:0; }

#disp1 p { margin-left:162px; }

.suginami_guidance_img01, .suginami_guidance_img02, .suginami_guidance_img03 { width:186px; height:140px; margin:0; }

.suginami_guidance_img01 a{ width:186px; height:140px; display:block; text-indent:-9999px; background:url(../images/suginami_guidance01_s.jpg) no-repeat 0 0; }
.suginami_guidance_img01 a:hover{ background:url(../images/suginami_guidance01_s.jpg) no-repeat 0 -140px; }

.suginami_guidance_img02 a{ width:186px; height:140px; display:block; text-indent:-9999px; background:url(../images/suginami_guidance02_s.jpg) no-repeat 0 0; }
.suginami_guidance_img02 a:hover{ background:url(../images/suginami_guidance02_s.jpg) no-repeat 0 -140px; }

.suginami_guidance_img03 a{ width:186px; height:140px; display:block; text-indent:-9999px; background:url(../images/suginami_guidance03_s.jpg) no-repeat 0 0; }
.suginami_guidance_img03 a:hover{ background:url(../images/suginami_guidance03_s.jpg) no-repeat 0 -140px; }

.suginami_guidance_link {float:left; width:300px; margin:0 0 0 0; padding:0; height:90px; display: inline;}
.suginami_guidance_link a{ width:300px; height:90px; display:block; text-indent:-9999px; background:url(../images/suginami_guidance_link.jpg) no-repeat 0 0; }
.suginami_guidance_link a:hover{ background:url(../images/suginami_guidance_link.jpg) no-repeat 0 -90px; }

.guidance_img{float:right; width:300px; margin:0 0 0 0; padding:0; height:90px; display: inline}

/*---------- 10  Staff Concept ---------------*/
#staff_concept h3#title02 { background:url(../images/staff_concept_h3-01.jpg) no-repeat 0 0; }
#staff_concept h4#title03 { background:url(../images/staff_concept_h4-01.jpg) no-repeat 0 0; }
#staff_concept h4#title04 { background:url(../images/staff_concept_h4-02.jpg) no-repeat 0 0; }
#staff_concept h3#title05 { background:url(../images/staff_concept_h3-02.jpg) no-repeat 0 0; }
#staff_concept h4#title06 { background:url(../images/staff_concept_h4-03.jpg) no-repeat 0 0; }

#staff_concept .beta01 { float:right; width:433px; margin: 0; }
#staff_concept .alpha01 { float:left; width:170px; margin:5px 0 0 0; padding:0; }

#staff_concept dl.concept1 { margin: 0 ; padding: 0 ; width: 400px; display: inline; }
#staff_concept dl.concept1 dt { margin: 0; padding: 0 ; float: left; width: 60px; display: inline; float:left; font-weight: normal; }
#staff_concept dl.concept1 dt.dt01 { margin: 0; padding: 0 ; float: left; width: 400px; display: inline; float:left; font-weight: normal; }

#staff_concept dl.concept1 dd { margin:0; padding: 0 0 5px 0  ; float: left; width: 340px; display: inline; font-weight: normal; float: left; }
#staff_concept dl.concept1 dd.dd01 { margin:0 0 0 60px; }

/*---------- 11  Topic -----------------------*/
#topic h3#title02 { background:url(../images/topic_h3-01.jpg) no-repeat 0 0; }
#topic h4#title03 { background:url(../images/topic_h4-01.jpg) no-repeat 0 0; }


#topic h4#title_text {
	height:20px;
	margin-left:0;
	margin-bottom:6px;
	padding: 0 0 0 10px;
	color: #454545;
	font-size: 16px;
	font-weight: bold;
	text-indent: 0px;
	line-height: 1em;
	border-bottom: 1px solid #bae35e;
	border-left: 3px solid #bae35e;
	}
	
/*---------- 12  General Perio ---------------*/
#general_perio h3#title02 { background:url(../images/general_perio_h3-01.jpg) no-repeat 0 0; }
#general_perio h4#title03 { background:url(../images/general_perio_h4-01.jpg) no-repeat 0 0; }
#general_perio h4#title04 { background:url(../images/general_perio_h4-02.jpg) no-repeat 0 0; }
#general_perio h3#title05 { background:url(../images/general_perio_h3-02.jpg) no-repeat 0 0; }
#general_perio h4#title06 { background:url(../images/general_perio_h4-03.jpg) no-repeat 0 0; }
#general_perio h4#title07 { background:url(../images/general_perio_h4-04.jpg) no-repeat 0 0; }
#general_perio h3#title08 { background:url(../images/general_perio_h3-03.jpg) no-repeat 0 0; }

.general_perio_link { width:622px; height:100px; margin:0px 0px 20px 0px; }
.general_perio_link a{ width:622px; height:100px; display:block; text-indent:-9999px; background:url(../images/general_perio_link.jpg) no-repeat 0 0;}
.general_perio_link a:hover{ background:url(../images/general_perio_link.jpg) no-repeat 0 -100px;}

.icon_01{background: url(../images/icon_01.jpg) 0 5px no-repeat; padding:0 0 0 15px; margin:0; color:#462500;}  
.w290 { width:290px; }
#content table td.top { vertical-align: top; }
#content table td.bottom { vertical-align: bottom; }
#content table td.right { text-align: right; }

#general_perio .linkbox { margin: 0 10px 30px 10px; }
#general_perio .linkbox .alpha{
  float: left;
	width: 300px;
	background: #F8F4CF;
	}
#general_perio .linkbox .beta{
  float: right;
	width: 300px;
	background: #F4E4D0;
	}
#general_perio .linkbox p { text-align: center; }

#general_perio .flow {
  background: url(../images/arrow_v.jpg) center bottom no-repeat;
	padding-bottom: 35px;
	margin: 10px 0 0 0;
	}
#general_perio .flow_end {
  background: none;
	padding-bottom: 10px;
	margin: 10px 0 0 0;
	}

#general_perio #content .layout table th { width: 50%; }

#general_perio #content table.caries th { text-align: center; }


/*---------- 13  Metal Free ------------------*/
#metal h3#title02 { background:url(../images/metal_h3-01.jpg) no-repeat 0 0; }
#metal h4#title03 { background:url(../images/metal_h4-01.jpg) no-repeat 0 0; }
#metal h4#title04 { background:url(../images/metal_h4-02.jpg) no-repeat 0 0; }

#metal #header .main_img { margin:5px 0 4px 230px; }

#metal #content .layout { margin-top: 10px; }
#metal #content table.layout th { width: 50%; }

#metal #content table.merit td.bg_01 { text-align: center; }

/*---------- 14  Root ------------------------*/
#root h3#title02 { background:url(../images/root_h3-01.jpg) no-repeat 0 0; }
#root h4#title03 { background:url(../images/root_h4-01.jpg) no-repeat 0 0; }
#root h3#title04 { background:url(../images/root_h3-02.jpg) no-repeat 0 0; }
#root h4#title05 { background:url(../images/root_h4-02.jpg) no-repeat 0 0; }
#root h4#title06 { background:url(../images/root_h4-03.jpg) no-repeat 0 0; }
#root h3#title07 { background:url(../images/root_h3-03.jpg) no-repeat 0 0; }

#root table.table01 { margin: 0; width: 480px;}
#root #header .main_img { margin:5px 0 4px 237px; clear:both; }

#root #content table.merit th { width: 50%;	}

#root .bg_02 { background: #E8EFEF; padding: 4px 10px; }

#root #youtube .left{ float:left; width:310px;}
#root #youtube .right{ float:right; width:310px;}


/*---------- 15  Breath ----------------------*/
#breath h3#title02 { background:url(../images/breath_h3-01.jpg) no-repeat 0 0; }
#breath h4#title03 { background:url(../images/breath_h4-01.jpg) no-repeat 0 0; }
#breath h4#title04 { background:url(../images/breath_h4-02.jpg) no-repeat 0 0; }
#breath h4#title05 { background:url(../images/breath_h4-03.jpg) no-repeat 0 0; }

#breath .main_img { margin:5px 0 4px 237px; clear:both; }

#breath .subarea .img_c { margin: 0 0 0 90px; }
#breath .text_bold { font-weight: bold; color: #D60000; }

/*---------- 16  Micro -----------------------*/
#micro h3#title02 { background:url(../images/micro_h3-01.jpg) no-repeat 0 0; }
#micro h4#title03 { background:url(../images/micro_h4-01.jpg) no-repeat 0 0; }
#micro h4#title04 { background:url(../images/micro_h4-02.jpg) no-repeat 0 0; }
#micro h4#title05 { background:url(../images/micro_h4-03.jpg) no-repeat 0 0; }

#micro #header .main_img { margin:5px 0 4px 237px; clear:both; }

/*---------- 17  Select ----------------------*/
#select h3#title02 { background:url(../images/select_h3-01.jpg) no-repeat 0 0; }
#select h4#title03 { background:url(../images/select_h4-01.jpg) no-repeat 0 0; }
#select h4#title04 { background:url(../images/select_h4-02.jpg) no-repeat 0 0; }

h3#title_youtube { background:url(../images/select_h3-02.jpg) no-repeat 0 0; }

#select #header .main_img { margin:5px 0 4px 237px; clear:both; }

#select #content table.layout { margin-top: 20px; margin-bottom: 10px; }

/*---------- 18  Implant ---------------------*/
#implant h3#title02 { background:url(../images/implant_h3-01.jpg) no-repeat 0 0; }
#implant h4#title03 { background:url(../images/implant_h4-01.jpg) no-repeat 0 0; }
#implant h4#title04 { background:url(../images/implant_h4-02.jpg) no-repeat 0 0; }
#implant h3#title05 { background:url(../images/implant_h3-02.jpg) no-repeat 0 0; }

.implant_link { width:622px; height:100px; margin:0px 0px 20px 0px; }
.implant_link a{ width:622px; height:100px; display:block; text-indent:-9999px; background:url(../images/implant_link.jpg) no-repeat 0 0;}
.implant_link a:hover{ background:url(../images/implant_link.jpg) no-repeat 0 -100px;}
#implant #header .main_img { margin:5px 0 4px 237px; clear:both; }
#implant #youtube .left { float:left;}
#implant #youtube .right { float:right;}

/*---------- 19  CT --------------------------*/
#ct h3#title02 { background:url(../images/ct_h3-01.jpg) no-repeat 0 0; }
#ct h4#title03 { background:url(../images/ct_h4-01.jpg) no-repeat 0 0; }
#ct h4#title04 { background:url(../images/ct_h4-02.jpg) no-repeat 0 0; }
#ct h4#title05 { background:url(../images/ct_h4-03.jpg) no-repeat 0 0; }

.bg_01 { background:#f3f6dc; padding: 7px 10px; }
#ct #header .main_img { margin:5px 0 4px 237px; clear:both; }

/*---------- 20  Cost ------------------------*/
#cost h3#title02 { background:url(../images/cost_h3-01.jpg) no-repeat 0 0; }
#cost h3#title03 { background:url(../images/cost_h3-02.jpg) no-repeat 0 0; }
#cost h4#title04 { background:url(../images/cost_h4-01.jpg) no-repeat 0 0; }
#cost h4#title05 { background:url(../images/cost_h4-02.jpg) no-repeat 0 0; }
#cost h4#title06 { background:url(../images/cost_h4-03.jpg) no-repeat 0 0; }
#cost h3#title07 { background:url(../images/cost_h3-03.jpg) no-repeat 0 0; }
#cost h4#title08 { background:url(../images/cost_h4-04.jpg) no-repeat 0 0; }
#cost h4#title09 { background:url(../images/cost_h4-05.jpg) no-repeat 0 0; }
#cost h3#title10 { background:url(../images/cost_h3-04.jpg) no-repeat 0 0; }
#cost h4#title11 { background:url(../images/cost_h4-06.jpg) no-repeat 0 0; }
#cost h4#title12 { background:url(../images/cost_h4-07.jpg) no-repeat 0 0; }
#cost h4#title13 { background:url(../images/cost_h4-08.jpg) no-repeat 0 0; }

.text_bold { font-weight: bold; }
.title { margin: 0 0 8px -10px; background:url(../images/icon03.jpg) 0 3px no-repeat; text-indent: 17px; color:#996666; }

/*---------- 19  Suginami Staff --------------*/
#staff h3#title02 { background:url(../images/staff_h3-01.jpg) no-repeat 0 0; }
#staff h4#title03 { background:url(../images/staff_h4-01.jpg) no-repeat 0 0; }
#staff h4#title04 { background:url(../images/staff_h4-02.jpg) no-repeat 0 0; }

.suginami_staff_link { width:622px; height:100px; margin:0px 0px 20px 0px; }
.suginami_staff_link a{ width:622px; height:100px; display:block; text-indent:-9999px; background:url(../images/suginami_staff_link.jpg) no-repeat 0 0;}
.suginami_staff_link a:hover{ background:url(../images/suginami_staff_link.jpg) no-repeat 0 -100px;}