@charset "UTF-8";
@import "base.css";
@import "fonts.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%;
}

#content h2 {
	padding: 0;
	margin: 0px 20px 16px 20px ;
	height: 53px;
	line-height: 1%;
	font-size:1%;
	display: block;
	}

#content h3 {
	clear:both;
	margin: 0px -10px 18px -10px ;
	height: 35px;
	line-height:1%;
	font-size:1%; 
	display: block;
	text-indent:-9999px;
	}

#content h4 {
	clear:both;
	margin: 0px 0px 10px 0px ;
	height: 20px;
	line-height: 1%; 
	font-size:1%;
	display: block;
	text-indent:-9999px;
	text-align:left;
	}
	
a { color: #af931d; }
a:hover,
a:active { color: #086f61; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

#content table {
	margin: 0 ;
	border-collapse: collapse;
	border: 1px solid #dcdcdc;
	font-size: 100%;
	line-height: 1.57em;
	width: 100%;
	}
#content table th,
#content table td {
	padding: 8px 8px;
	border: 1px solid #dcdcdc;
	}

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


p { margin: 0 0 1em; }

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


#index .section { padding: 0em 20px 0 20px; clear:both; }
.section { padding: 0em 30px 0 30px; clear:both; }
.section .section { padding: 0 0 0 0; clear:both; }
.section .section .section { padding: 0 0 0 0; clear:both; }

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

.image_l1 {
	margin: 0 15px 0 0;
	float: left;
	line-height: 1%;
	display: block;
	}
* html body .image_l1 { margin: 0 12px -1em 0 ; } /*  for IE6 only */
*:first-child+html .image_l1 { margin: 0 15px -1em 0 ; } /*  for IE7 only */

.image_r {
	margin: 0 0 0 15px;
	float: right;
	line-height: 1%;
	display: block;
	}
* html body .image_r { margin: 0 0 0 12px ; } /*  for IE6 only */

.image_r1 {
	margin: 0 0 0 15px;
	float: right;
	line-height: 1%;
	display: block;
	}
* html body .image_r1 { margin: 0 0 -1em 12px ; } /*  for IE6 only */
*:first-child+html .image_r1 { margin: 0 0 -1em 15px ; } /*  for IE7 only */

 .image_r2 {
	margin: 0 0 0 15px;
	padding-bottom: 14px ;
	float: right;
	line-height: 1%;
	display: block;
	}
* html body .image_r2 { margin: 0 0 -1em 12px ; } /*  for IE6 only */
*:first-child+html .image_r2 { margin: 0 0 -1em 15px ; } /*  for IE7 only */

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.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: 0;
	height: 28px;
	list-style: none;
	}

ul.totop li {
	margin: 0;
	padding: 0;	
	width: 152px;
	height: 28px;
	list-style: none;
	float: right;
	font-size: 1%;
	line-height: 1%;
	}
ul.totop li a {
	text-indent: -9999px;
	display: block;
	height: 28px;
	font-size: 1%;
	line-height: 1%;
	background: url(../images/totop.jpg) 0 0 no-repeat;
	}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
  background:#f9f9f2 url(../images/body_bg_top1.jpg) top repeat-x;
	color:#666;
	text-align: center;
	letter-spacing:0px;
	font-family:"ＭＳ Ｐゴシック";

}

body#index  {
  background: #f9f9f2 url(../images/body_bg_top.jpg) top repeat-x;
	color: #666;
	text-align: center;
}

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

#main {
	margin:0;
	padding:0;
	width:900px;
}

#content {
	margin: 0;
	padding:0;
	width: 650px;
	float: right;
	font-size: 140%;
	line-height: 1.57em;
	letter-spacing:0;
	font-family:"ＭＳ Ｐゴシック";
	}

.mainimg{
	padding:17px 0 0 20px;
	line-height: 1%;
	font-size:1%; 
	display: block;
	text-align: left;
	}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#index #header {
	width: 900px;
	background:url(../images/header_index_bg.jpg) center top no-repeat;
	height: 508px;
	margin: 0;
	padding:0;
	text-align: left;
}

#header {
	width: 900px;
	height: 308px;
	background:url(../images/header_bg.jpg) center top no-repeat;
	margin: 0;
	padding: 0;
	text-align: left;
}

#header h1 { margin: 0; padding: 13px 0px 0px 0px; font-size:100%; color:#666; float: left; position:absolute; }

#header #header01 {
	width: 900px;
	height: 106px;
	margin: 0;
	padding:0;
}

#header #header01 .header_logo {
	margin: 32px 0 0 0;
	padding:0;
	float: left;
	display:inline;
}

#header #header01 .header_tel {
	margin:32px 0 0 0;
	padding:0;
	text-align:right;
	float:right;
	display:inline;
}

#index #header #header02 {
	clear: both;
	width: 900px;
	height: 333px;
	margin:0;
}

#header #header02 {
	clear: both;
	width: 900px;
	height: 133px;
	margin:0;
}

#header #header03 {
	clear: both;
	width: 818px;
	height: 69px;
	margin: 0 42px 0 40px ;
}
#header #header03 ul.header_nav {
	width: 818px;
	height: 45px;
	margin: 0;
	list-style: none;
}
#header #header03 ul.header_nav li {
	height: 45px;
	margin: 0 ;
	list-style: none;
	float: left;
	display: inline;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	padding: 0 ;
	margin: 0 20px 0 20px;
	width: 860px;
	height: 200px;
	text-align: left;
	background: url(../images/footer_bg.jpg) 0 0 repeat-x;
	font-family:"ＭＳ Ｐゴシック";
	}

#footer #footer01{
	margin:0;
	padding:0;
	height:44px;
}	
	
#footer #footer02{
	margin:0;
	padding:0;
	height:80px;
}	

#footer #footer02 p.tel{
	margin:0;
	padding:9px 0 0 0;
	height:71px;
	float:left;
	width:258px;
	line-height:1%;
	font-size:1%;	
}	

#footer #footer02 p.shika{
	margin:0;
	padding:9px 0 0 0;
	float:left;
	width:141px;
	line-height:1%;
	font-size:1%;	
}	

#footer #footer02 p.banner{
	margin:0;
	padding:0;
	float:right;
	width:460px;
	line-height:1%;
	font-size:1%;	
}	

#footer #footer03{
	margin:0;
	padding:0;
	height:76px;
}	

#footer #footer03 address {
	margin: 0 ;
	padding: 14px 0 0 0;
	color: #8C8C8C;
	text-align:center;
	font-size: 110%;
	line-height:110%;
	}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 230px;
	text-align: center;
	display:inline;
	margin:0 0 0 20px;
	padding:0 0 30px 0;
}

#navi ul {
	margin:0;
	background:#fff;
	border:1px solid #dcdcdc;
	text-align: left;
	padding:8px;
}

#navi dl dt,
#navi dl dd,
#navi ul li {
	list-style: none;
	margin: 0;
	vertical-align: top;
}

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

#navi .banner_01{text-align:center; padding:0 0 7px 0; margin:0;}
#navi .banner_02{text-align:center; padding:0 0 10px 0; margin:0;}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

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

#index h2#title01 {
	padding:87px 0 0 20px;
	margin:0;
	height: 160px;
	line-height: 1%; 
	display: block;
	text-align: left;
	float:left;
	}

#index h3 {
	padding:0;
	margin:0 0 10px 0;
	height: 38px;
	width:610px;
	line-height: 1%; 
	display: block;
	text-align: left;
	text-indent:-9999px;
	}

#index h4 {
	clear:both;
	margin: 0px 0px 5px 0px ;
	height: 20px;
	line-height: 1%; 
	font-size:1%;
	display: block;
	text-indent:-9999px;
	text-align:left;
	}

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

#index .alpha{float:left; width:300px; }
#index .beta{float:right; width:300px;}

#index .alpha1{float:left; padding:0 0 5px 0; margin:0 0 0 5px; width:150px; display:inline; }
#index .beta1{float:right; padding:0 0 5px 0; margin:0 0 0 5px; width:130px; display:inline; }

#index .alpha2{float:left; width:310px; }
#index .beta2{float:right; width:270px;}

#index .bg_01{background:url(../images/index_bg_01.jpg) left top no-repeat;} 
#index .bg_02{background:url(../images/index_bg_02.jpg) left top repeat-y;}
#index .bg_03{background:url(../images/index_bg_03.jpg) left bottom no-repeat; }

#index .bg_04{background:url(../images/index_bg_04.jpg) left top no-repeat;} 
#index .bg_05{background:url(../images/index_bg_05.jpg) left top repeat-y;}
#index .bg_06{background:url(../images/index_bg_06.jpg) left bottom no-repeat; }

#index .title01{padding:0 0 5px 0; margin:0;}
#index .title02{padding:3px 0 7px 0; margin:0;}

#index .text01{padding:4px 7px 10px 7px; margin:0;}
#index .text02{padding:4px 7px 32px 7px; margin:0;}
#index .text03{padding:4px 7px 18px 7px; margin:0;}

#index dl.dl01 { width:305px; margin:0; padding:0;line-height:1.57em; font-size:100%; font-family:"ＭＳ Ｐゴシック"; }

#index dl.dl01 dt{ 
	width:72px; 
	margin:0;
	padding:0 0 0 3px;
	float:left;
	line-height:1.57em;
	font-size:100%;
	color:#20A093;
	font-weight:bold;
	}

#index dl.dl01 dt.dt_01{ 
	width:305px; 
	margin:0;
	padding:0;
	float:left;
	line-height:1%;
	font-size:1%;
	}

#index dl.dl01 dd{ 
	width:230px; 
	margin:0;
	padding:0;
	float:right; 
	line-height:1.57em;
	font-size:100%;
	}
#index dl.dl01 dd.dd_01{ 
	margin-left:75px;
	padding:0;
	float:right; 
	line-height:1.57em;
	font-size:100%;
	}
#index dl.dl01 dd.dd_02{ 
	margin-left:75px;
	padding:0;
	float:right; 
	line-height:1.57em;
	font-size:100%;
	color:#e50000;
	}
/*----------  Care/Access_clinic  ----------*/
#care_access_clinic h3#title02{background: url(../images/care_access_clinic_h3-01.jpg) 0 0 no-repeat;}
#care_access_clinic h4#title03{background: url(../images/care_access_clinic_h4.jpg) 0 0 no-repeat;}



#map {
	width: 453px;
	height: 400px;
	display:block;
	padding:0;
	margin:0;
	border:1px #cec0c2 solid;
	}

/*----------  Care/Staff_concept  ----------*/
#care_staff_concept h3#title02{background: url(../images/care_staff_concept_h3-01.jpg) 0 0 no-repeat;}
#care_staff_concept h3#title03{background: url(../images/care_staff_concept_h3-02.jpg) 0 0 no-repeat;}
#care_staff_concept h4#title04{background: url(../images/care_staff_concept_h4-01.jpg) 0 0 no-repeat;}
#care_staff_concept h4#title05{background: url(../images/care_staff_concept_h4-02.jpg) 0 0 no-repeat;}
#care_staff_concept h3#title06{background: url(../images/care_staff_concept_h3-03.jpg) 0 0 no-repeat;}
#care_staff_concept h4#title07{background: url(../images/care_staff_concept_h4-03.jpg) 0 0 no-repeat;}
#care_staff_concept h4#title08{background: url(../images/care_staff_concept_h4-04.jpg) 0 0 no-repeat;}





#care_staff_concept dl.group3 { width:440px; margin:0; padding:0;line-height:1.28; font-size:100%; font-family:"ＭＳ Ｐゴシック"; }

#care_staff_concept dl.group3 dt{ 
	width:90px; 
	margin:0;
	padding:0;
	float:left;
	line-height:1.28;
	font-size:100%;
	color:#3f3f3f;
	font-weight:normal;
	}

#care_staff_concept dl.group3 dd{ 
	width:350px; 
	margin:0;
	padding:0;
	float:right; 
	line-height:1.28;
	font-size:100%;
	color:#3f3f3f;
	}

#care_staff_concept dl.group3 dd.dd_01{ 
	margin-left:90px;
	padding:0;
	float:right; 
	line-height:1.28;
	font-size:100%;
	color:#3f3f3f;
	}

#care_staff_concept dl.group3 dd.dd_02{ 
	margin-bottom:15px;
	padding:0;
	float:right; 
	line-height:1.28;
	font-size:100%;
	color:#3f3f3f;
	}


 .text_02{ font-weight:bold; color:#8b5c29;}
 .text_03{ font-weight:bold; color:#21A194;}




/*----------  Care/Cost  ----------*/
#care_cost h3#title02{background: url(../images/care_cost_h3-01.jpg) 0 0 no-repeat;}
#care_cost h4#title03{background: url(../images/care_cost_h4-01.jpg) 0 0 no-repeat;}
#care_cost h4#title04{background: url(../images/care_cost_h4-02.jpg) 0 0 no-repeat;}
#care_cost h3#title05{background: url(../images/care_cost_h3-02.jpg) 0 0 no-repeat;}
#care_cost h4#title06{background: url(../images/care_cost_h4-03.jpg) 0 0 no-repeat;}
#care_cost h4#title07{background: url(../images/care_cost_h4-04.jpg) 0 0 no-repeat;}
#care_cost h4#title08{background: url(../images/care_cost_h4-05.jpg) 0 0 no-repeat;}
#care_cost h4#title09{background: url(../images/care_cost_h4-06.jpg) 0 0 no-repeat;}
#care_cost h4#title010{background: url(../images/care_cost_h4-07.jpg) 0 0 no-repeat;}

/*----------  Cure/painless_clean  ----------*/
#cure_painless_clean h3#title02{background: url(../images/cure_painless_clean_h3-01.jpg) 0 0 no-repeat;}
#cure_painless_clean h4#title03{background: url(../images/cure_painless_clean_h4-01.jpg) 0 0 no-repeat;}
#cure_painless_clean h3#title04{background: url(../images/cure_painless_clean_h3-02.jpg) 0 0 no-repeat;}
#cure_painless_clean h4#title05{background: url(../images/cure_painless_clean_h4-02.jpg) 0 0 no-repeat;}
#cure_painless_clean h4#title06{background: url(../images/cure_painless_clean_h4-03.jpg) 0 0 no-repeat;}

/*----------  Cure/Short  ----------*/
#cure_short h3#title02{background: url(../images/cure_short_h3-01.jpg) 0 0 no-repeat;}
#cure_short h4#title03{background: url(../images/cure_short_h4-01.jpg) 0 0 no-repeat;}
#cure_short h4#title04{background: url(../images/cure_short_h4-02.jpg) 0 0 no-repeat;}
#cure_short h4#title05{background: url(../images/cure_short_h4-03.jpg) 0 0 no-repeat;}
#cure_short h3#title06{background: url(../images/cure_short_h3-02.jpg) 0 0 no-repeat;}

/*----------  Cure/General_child  ----------*/
#cure_general_child h3#title02{background: url(../images/cure_general_child_h3-01.jpg) 0 0 no-repeat;}
#cure_general_child h4#title03{background: url(../images/cure_general_child_h4-01.jpg) 0 0 no-repeat;}
#cure_general_child h3#title04{background: url(../images/cure_general_child_h3-02.jpg) 0 0 no-repeat;}
#cure_general_child h4#title05{background: url(../images/cure_general_child_h4-02.jpg) 0 0 no-repeat;}

/*----------  Cure/Important  ----------*/
#cure_important h3#title02{background: url(../images/cure_important_h3.jpg) 0 0 no-repeat;}
#cure_important h4#title03{background: url(../images/cure_important_h4-01.jpg) 0 0 no-repeat;}
#cure_important h4#title04{background: url(../images/cure_important_h4-02.jpg) 0 0 no-repeat;}
#cure_important h4#title05{background: url(../images/cure_important_h4-03.jpg) 0 0 no-repeat;}
#cure_important h3#title07{background: url(../images/cure_important_h3-02.jpg) 0 0 no-repeat;}

/*----------  Cure/Leave  ----------*/
#cure_leave h3#title02{background: url(../images/cure_leave_h3.jpg) 0 0 no-repeat;}
#cure_leave h4#title03{background: url(../images/cure_leave_h4-01.jpg) 0 0 no-repeat;}
#cure_leave h4#title04{background: url(../images/cure_leave_h4-02.jpg) 0 0 no-repeat;}
#cure_leave h4#title05{background: url(../images/cure_leave_h4-03.jpg) 0 0 no-repeat;}
#cure_leave h4#title06{background: url(../images/cure_leave_h4-04.jpg) 0 0 no-repeat;}

/*----------  Cure/Whitening  ----------*/
#cure_whitening h3#title02{background: url(../images/cure_whitening_h3.jpg) 0 0 no-repeat;}
#cure_whitening h4#title03{background: url(../images/cure_whitening_h4-01.jpg) 0 0 no-repeat;}
#cure_whitening h4#title04{background: url(../images/cure_whitening_h4-02.jpg) 0 0 no-repeat;}

/*----------  Cure/Esthe  ----------*/
#cure_esthe h3#title02{background: url(../images/cure_esthe_h3-01.jpg) 0 0 no-repeat;}
#cure_esthe h4#title03{background: url(../images/cure_esthe_h4-01.jpg) 0 0 no-repeat;}
#cure_esthe h3#title04{background: url(../images/cure_esthe_h3-02.jpg) 0 0 no-repeat;}
#cure_esthe h4#title05{background: url(../images/cure_esthe_h4-02.jpg) 0 0 no-repeat;}
#cure_esthe h4#title06{background: url(../images/cure_esthe_h4-03.jpg) 0 0 no-repeat;}

/*----------  Cure/Implant  ----------*/
#cure_implant h3#title02{background: url(../images/cure_implant_h3.jpg) 0 0 no-repeat;}
#cure_implant h4#title03{background: url(../images/cure_implant_h4-01.jpg) 0 0 no-repeat;}
#cure_implant h4#title04{background: url(../images/cure_implant_h4-02.jpg) 0 0 no-repeat;}
#cure_implant h4#title05{background: url(../images/cure_implant_h4-03.jpg) 0 0 no-repeat;}
.faq_01 { background: url(../images/q_icon.jpg) 0 0 no-repeat; padding: 5px 0 0 35px; color:#20A093; font-weight:bold; }
.faq_02 { background: url(../images/a_icon.jpg) 5px 5px no-repeat; padding: 5px 0 5px 35px; margin: 0; }
.faq_bg { background: #F7F2DF; padding: 5px 5px 5px 5px; }

/*----------  Cure/surgery_root  ----------*/
#cure_surgery_root h3#title02{background: url(../images/cure_surgery_root_h3-01.jpg) 0 0 no-repeat;}
#cure_surgery_root h4#title03{background: url(../images/cure_surgery_root_h4-01.jpg) 0 0 no-repeat;}
#cure_surgery_root h3#title04{background: url(../images/cure_surgery_root_h3-02.jpg) 0 0 no-repeat;}
#cure_surgery_root h4#title05{background: url(../images/cure_surgery_root_h4-02.jpg) 0 0 no-repeat;}

/*----------  Cure/perio  ----------*/
#cure_perio h3#title02{background: url(../images/cure_perio_h3-01.jpg) 0 0 no-repeat;}
#cure_perio h4#title03{background: url(../images/cure_perio_h4.jpg) 0 0 no-repeat;}
#cure_perio h3#title04{background: url(../images/cure_perio_h3-02.jpg) 0 0 no-repeat;}

/*----------  Cure/Denture  ----------*/
#cure_denture h3#title02{background: url(../images/cure_denture_h3.jpg) 0 0 no-repeat;}
#cure_denture h4#title03{background: url(../images/cure_denture_h4-01.jpg) 0 0 no-repeat;}
#cure_denture h4#title04{background: url(../images/cure_denture_h4-02.jpg) 0 0 no-repeat;}

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

.padding_lr_8{padding:0 8px 0 8px;}
.padding_5{padding:5px;}
.padding_15{padding:15px;}

.margin_b0{margin:0;}
.margin_b05{margin-botom:5px;}
.margin_b10{margin-bottom:10px;}
.margin_b15{margin-bottom:15px;}
.margin_b20{margin-bottom:20px;}
.margin_b30{margin-bottom:30px;}
.margin_b40{margin-bottom:40px;}


.boder01{border:1px solid #e5e1ca; padding:0 0 10px 0; background:#fdfbfb;}
.boder02{border:1px solid #e5e1ca; padding:10px; background:#fdfbfb;}

.w_200{width:200px;}
.w_170{width:170px;}
.w_100{width:100px;}
.w_50p{width:50%;}

.bg_cl01{background:#f8f8f8;}
.bg_cl02{background:#f2fcfb;}

.text_bold{color:#20A093;	font-weight:bold;}
#content .icon_h5{background: url(../images/icon_01.jpg) 0 3px no-repeat; padding:0 0 0 20px; margin:0 0 2px 0; font-weight:bold; color:#20a093;} 

ul.ul_01 { margin: 0; padding: 0; list-style: none; }
ul.ul_01 li { margin: 0; padding: 0; list-style: none; background:url(../images/icon_02.jpg) 0 5px no-repeat; text-indent: 20px; }