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


/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Concept                     */
/*                 09  Staff                       */
/*                 10  Clinic                      */
/*                 11  Recruit                     */
/*                 12  Perio                       */
/*                 13  Prevent                     */
/*                 14  Laser                       */
/*                 15  Child                       */
/*                 16  Ortho                       */
/*                 17  Aesthe                      */
/*                 18  Implant                     */
/*                 19  Sitemap                     */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Pink           #de91a2      */
/*        Main Color - Light Pink     #fce6e6      */
/*        Main Color - Fresh Pink     #f94956      */
/*                                                 */
/*        Sub Color  - Yellow Green   #7ac300      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

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



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

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



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

body{
	background:url(../images/bg_body.gif) repeat-y center top;
}

#wrapper {
	width: 820px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#main {
	margin: 0;
	padding: 0;
	background:url(../images/bg_main.gif) top left repeat-y;
	}

#content {
	width: 570px;
	float: left;
	margin:0 0 0 19px;
	display:inline;
	}
*{
	margin: 0;
	padding: 0;
}

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

#header {
	background:url(../images/header_tel.gif) right bottom no-repeat;
	height: 67px;
	width: 820px;
	margin: 0;
	padding: 0;
	}


.h1 {
	line-height: 1.0;
	float: left;
	}

.h1 a {
	margin:0;
	text-indent: 0px;
	display: block;
	width: 269px;
	height: 47px;
	}
	
#header h1#h2{
	background-color:#393A3A;
	font-size:93%;
	color:#FFFFFF;
	height:20px;
	line-height:20px;
	padding: 0 0 0 10px;
	}
#header2{
	position:relative;
}
#header2 a p{
	color:#FFFFFF;
	font-size:78%;
	text-decoration:none;
	}
#header2 a:hover p{
	color:#FFFFFF;
	text-decoration: underline;
	}
* html #header2 a p{font-size:73%; line-height:18px;}
*:first-child+html #header2 a p{font-size:73%; line-height:18px;}

#header_voice a{
	font-size:70%;
	color:#FFFFFF!important;
	position:absolute;
	background:url(../images/banner_voice.png) no-repeat left top;
	width:175px;
	height:70px;
	float:right;
	padding:55px 30px 0 15px;
	display:inline;
	left: 607px;
	top: 19px;
	}
* html #header_voice a{
	font-size:70%;
	position:absolute;
	width:200px;
	height:127px;
	float:right;
	padding:55px 15px 0 15px;
	behavior:url(iepngfix/iepngfix.htc);
	left: 607px;
	top: 19px;
	display:inline;
}

#header_company a{
	font-size:70%;
	color:#FFFFFF!important;
	position:absolute;
	background:url(../images/banner_com.png) no-repeat left top;
	width:175px;
	height:70px;
	float:right;
	padding:55px 30px 0 15px;
	display:inline;
	left: 607px;
	top: 138px;
	}
* html #header_company a{
	font-size:70%;
	position:absolute;
	width:200px;
	height:121px;
	float:right;
	padding:55px 15px 0 15px;
	behavior:url(iepngfix/iepngfix.htc);
	left: 607px;
	top: 138px;
	display:inline;
}

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


#nav {
	background:url(../images/li_bg02.jpg) left top repeat-y;
	width: 190px;
	float: right;
	margin: 0 19px 0 0;
	display:inline;
	}
	
p{
	margin: 0;
	padding: 0;
}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav .internal li {
	text-indent:15px;
	line-height:30px;
	color:#FFF;
	}

#nav .internal li a {
	display: block;
	text-decoration:none;
}

#nav .internal li a:hover{
	text-decoration: underline;	
}

.nav01 a{
	background: url(../images/li_bg02.jpg) 0 0 repeat-y;
	height:30px;
	border-bottom-width: 1px solid #666666;
	border-top-width: 1px solid #666666;
	color:#FFF;
}

.nav02 a { 
	background: url(../images/li_bg01.jpg) 0 0 repeat-y;
	height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-indent:25px;
	color:#373838;
}

.nav03 a {
	background: url(../images/li_bg01.jpg) 0 0 repeat-y;
	height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	color:#373838;
}
.bottom-pink{
	border-bottom:2px solid #d23e92;
}
.bottom-purple{
	border-bottom:2px solid #803590;
}
.bottom-blue{
	border-bottom:2px solid #45bbaf;
}

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

#footer {
	clear: both;
	margin-top:20px;
	padding: 10px 0 0 0;
	/*background:url(../images/footer_bar.jpg) 0 0 no-repeat;*/
	font-size: 78%;
	text-align: center;
	color: #666666;
	line-height:8px;
	}

*:first-child+html #footer {font-size:73%;}/*  for IE7 only */
* html body #footer {font-size:73%;}/*  for IE6 only */

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

#footer ul { 
	clear: both;
	}

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

#footer address {
	line-height:20px;
	height:20px;
	margin:10px 0 0 0;
	background-color:#393A3A;
	color:#FFFFFF;
	 }
#footer address a{
	color:#FFFFFF;
}
#footer address a:hover{
	color:#FFFFFF;
}
/*---------- 06  main -----------*/
.section{
	width:570px;
}

#main p,
#main ul,
#main li,
#main dl,
#main dd,
#main td,
#main th{
	color:#666666;
	line-height:20px;
}
#main th{
	background-color: #EBEBEB;
}
#main td,
#main th{
	padding:5px 5px 5px 10px;
	text-align:left;
	vertical-align:top;
	border: 1px solid #fff;
}
#main table { 
	border-collapse:collapse; 
	border-spacing:0; 
	} 

#main p a,
#main dl a,
#main dd a,
#main dt a,
#main td a,
#main th a{
	color: #FF0000;
	text-decoration:none;
}

#main p a:hover,
#main dl a:hover,
#main dd a:hover,
#main dt a:hover,
#main td a:hover,
#main th a:hover{
	color: #FF0000;
	text-decoration:underline;
}

/*---------- 07  Index -----------*/
#index #header2 {
	background:url(../images/header_img.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}

#index #title01{
	width:570px;
	height:24px;
	text-indent:0px;
	margin: 0 0 20px 0;
	}

#index #topics01{
	background: url(../images/topics01.gif) left bottom no-repeat;
	width:176px;
	height:134px;
	float:left;
	margin:0 20px 10px 0;
}
#index #topics01 h3{
	height:30px;
	width:176px;
	text-decoration:none;
	display:block;
	text-indent:0px;
}

#index #topics02{
	background: url(../images/topics02.gif) left bottom no-repeat;
	width:176px;
	height:134px;
	float:left;
	margin:0 20px 10px 0
}

#index #topics02 h3{
	height:30px;
	width:176px;
	text-decoration:none;
	display:block;
	text-indent:0px;
}

#index #topics03{
	background: url(../images/topics03.gif) left bottom no-repeat;
	width:176px;
	height:134px;
	float:left;
	margin:0 0 10px 0
}
#index #topics03 h3{
	height:30px;
	width:176px;
	text-decoration:none;
	display:block;
	text-indent:0px;
}

#index #topics01 p,
#index #topics02 p,
#index #topics03 p{
	padding: 0 10px 0 10px;
}

#index .syousai{
	background:url(../images/icon02.gif) left center no-repeat;
	float:right;
	margin:0;
}

#index #section01-01{
	border-top: 1px #E6E6E6 solid;
	background:url(../images/top_01.jpg) 0 0 no-repeat;
	height:139px;
	}

#index .icon04{
	background:url(../images/icon04.gif) 0 0 no-repeat;
	float:right;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	height:13px;
	line-height:14px;
}

#index #section01-01 p{
	padding:30px 0 0 150px;
}

#index #section01-02{
	border-top: 1px #E6E6E6 solid;
	background:url(../images/top_02.jpg) 0 0 no-repeat;
	height:139px;
	margin-top:20px;
	}

#index #section01-02 p{
	padding:30px 0 0 150px;
}
	
#index #section01-03{
	border-top: 1px #E6E6E6 solid;
	background:url(../images/top_03.jpg) 0 0 no-repeat;
	height:139px;
	margin-top:20px;
	}

#index #section01-03 p{
	padding:30px 0 0 150px;
}

#index #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit01.gif) 0 0 no-repeat;
	width:530px;
	height:25px;
	font-weight: normal;
	line-height: 1.0;
}

.bnr01 a {
  background: url(../images/bnr01.jpg) 0 0 no-repeat;
	display: block; 
	width: 575px;
	height: 95px;
	margin: 0 0 10px 0;
	padding: 0;
	outline: none;
  text-indent: -9999px;
}

.bnr01 a:hover {
	background-position: 0 bottom;
}
/*---------- 08  about -----------*/
#about #header2 {
	background:url(../images/title_about.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#about #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit02.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	
#about #title02{
	background:url(../images/tit_bar02.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	text-indent:-9999px;
	margin: 0 0 20px 0;
	}
#about #title03{
	background:url(../images/tit_bar03.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	text-indent:-9999px;
	margin: 0 0 20px 0;
	}



/*---------- 09  consumer -----------*/
#consumer #header2 {
	background:url(../images/title_consumer.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#consumer #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit03.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	
#consumer #title04{
	background:url(../images/tit_bar04.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	text-indent:-9999px;
	margin: 0 0 20px 0;
	}
#consumer #title05{
	background:url(../images/tit_bar05.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	text-indent:-9999px;
	margin: 0 0 20px 0;
	}

/*---------- 10   mobil -----------*/
#mobil #header2 {
	background:url(../images/title_mobil.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#mobil #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit04.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#mobil #title06{
	background:url(../images/tit_bar06.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}
#mobil #title07{
	background:url(../images/tit_bar07.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;
	text-indent:-9999px;
	}
#mobil #title08{
	background:url(../images/tit_bar08.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	text-indent:-9999px;
	margin: 0 0 20px 0;
	}
#mobil #title09{
	background:url(../images/tit_bar09.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	text-indent:-9999px;
	margin: 0 0 20px 0;
	}
#mobil #title10{
	background:url(../images/tit_bar10.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	text-indent:-9999px;
	margin: 0 0 20px 0;
	}
#mobil #title11{
	background:url(../images/tit_bar11.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	text-indent:-9999px;
	margin: 0 0 20px 0;
	}

/*---------- 11   broad -----------*/
#broad #header2 {
	background:url(../images/title_broad.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#broad #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit05.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#broad #title12{
	background:url(../images/tit_bar12.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}
#broad #title13{
	background:url(../images/tit_bar13.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;
	text-indent:-9999px;
	}
/*---------- 12   oneday -----------*/
#oneday #header2 {
	background:url(../images/title_oneday.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#oneday #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit06.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#oneday #title23{
	background:url(../images/tit_bar23.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}

/*---------- 13   ready -----------*/
#ready #header2 {
	background:url(../images/title_ready.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#ready #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit06.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#ready #title14{
	background:url(../images/tit_bar14.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}
#ready h4{
	margin:25px 0 5px 0;
	padding:0 0 0 5px;
	font-size:14px;
	font-weight:bold;
	border-left: 15px solid #D03F91;
	border-bottom: 1px dotted #D03F91;
	color: #D03F91;
}

/*---------- 14   point  -----------*/
#point #header2 {
	background:url(../images/title_point.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#point #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit07.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#point #title24{
	background:url(../images/tit_bar24.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}
#point h4{
	margin:25px 0 5px 0;
	padding:0 0 0 5px;
	font-size:14px;
	font-weight:bold;
	border-left: 15px solid #D03F91;
	border-bottom: 1px dotted #D03F91;
	color: #D03F91;
}
/*---------- 14   move  -----------*/
#move #header2 {
	background:url(../images/title_move.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#move #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit07.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#move #title15{
	background:url(../images/tit_bar15.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}
#move h4{
	margin:25px 0 5px 0;
	padding:0 0 0 5px;
	font-size:14px;
	font-weight:bold;
	border-left: 15px solid #D03F91;
	border-bottom: 1px dotted #D03F91;
	color: #D03F91;
}
/*---------- 14   point  -----------*/
#point h4{
	margin:25px 0 5px 0;
	padding:0 0 0 5px;
	font-size:14px;
	font-weight:bold;
	border-left: 15px solid #D03F91;
	border-bottom: 1px dotted #D03F91;
	color: #D03F91;
}
/*---------- 14   voice  -----------*/
#voice #header2 {
	background:url(../images/title_voice.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#voice #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit07.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#voice #title25{
	background:url(../images/tit_bar25.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}

/*---------- 15   search  -----------*/
#search #header2 {
	background:url(../images/title_search.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#search #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit08.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#search #title16{
	background:url(../images/tit_bar16.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}
#search #title17{
	background:url(../images/tit_bar17.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}
#search #title18{
	background:url(../images/tit_bar18.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
	}

/*---------- 16   qa  -----------*/
#qa #header2 {
	background:url(../images/title_qa.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#qa #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit09.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#qa #title19{
	background:url(../images/tit_bar19.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
}
#qa dl{
	margin:10px;
}
#qa dt{
	background:url(../images/icon_q.gif) 0 0 no-repeat;
	padding:0 0 0 25px;
	margin:20px 0 0 0;
}
#qa dd{
	background:url(../images/icon_a.gif) 0 0 no-repeat;
	padding:0 0 0 25px;
	margin:5px 0 0 20px;
}

/*---------- 17   company  -----------*/
#company #header2 {
	background:url(../images/title_company.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#company #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit10.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#company #title20{
	background:url(../images/tit_bar20.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
}
#company #title21{
	background:url(../images/tit_bar21.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
}
#company #corp{
	background:url(../images/corp.gif) 0 0 no-repeat;
	width:489px;
	height:200px;
	text-indent:-9999px;
}
#company table{
	font-size:93%;
}
/*---------- 18   form  -----------*/
#form #header2 {
	background:url(../images/title_form.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#form #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit11.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#form #title22{
	background:url(../images/tit_bar22.gif) 0 0 no-repeat;
	width:570px;
	height:24px;
	margin: 0 0 20px 0;	
	text-indent:-9999px;
}
#form table{
	font-size:93%;
}
/*---------- 19   sitemap  -----------*/
#sitemap #header2 {
	background:url(../images/title_sitemap.jpg) 0 0 no-repeat;
	height: 280px;
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#sitemap #main .section .tit01{
	text-indent:-9999px;
	background:url(../images/main_tit12.gif) 0 0 no-repeat;
	width:570px;
	height:25px;
}	

#sitemap h4{
	margin:25px 0 5px 0;
	padding:0 0 0 5px;
	border-left: 15px solid #D03F91;
	border-bottom: 1px dotted #D03F91;

}

#sitemap h4 a{
	font-size:14px;
	font-weight:bold;
	color: #D03F91;
	text-decoration:none;
}

#sitemap #main p a{
	color: #D03F91;
	text-decoration:none;
}

#sitemap h4 a:hover,
#sitemap #main p a:hover{
	text-decoration: underline;
}