@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: 140%; line-height:1.5em;
}
table.mailform select, table.mailform textarea, table.mailform input { font-size:12px; }

	
h1 { 
	font-size:120%;
	line-height:1.5em;
	color:#035736;
	padding:57px 0 0 127px;
	margin:0;} /* Header内で設定 */
h2 {
	display:block;
	margin: 0 0 36px 0;}
#index h2{ 
	margin:0;
}
h3 {
	clear: both;
	height: 43px;
	text-indent: -9999px;
	margin: 0 -15px 10px -15px;
}
#index h3{
	height:55px;
	margin:0 0 15px; 
}
h4 {
	height: 60px;
	text-indent: -9999px;
	margin: 0 -15px 15px -15px;
}
#index h4{
	height:30px;
	margin:0 0 10px; 
}

	
a { color: #409700; outline:none; }
a:hover,
a:active { color: #025636; text-decoration: none; }
a:visited {
}

ul {
}
li {
}
	
dl {
}
dt {
}
dd {
}

table {
	width: 100%;
	margin-bottom:20px;
	}

table th,
table td {
	padding: 5px 10px;
	border: 1px solid #669e87;
	vertical-align:top;
	}

p { margin: 0 0 1em; }

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


.section { padding: 0 15px 15px; }
.section .section { padding: 0 15px 10px; }

.image{ margin:0 auto; display: block; }
.image01{ margin:5px auto; display: block; }

.image_l { float: left; margin: 0 15px 1em 0; }
* html body .image_l { margin: 0 12px 1em 0; }/* for IE6 only */

.image_l01 { float: left; margin: 0 15px 0 0; }
*:first-child+html .image_l01 { margin: 0 15px -14px 0; }/* for IE7 only */
* html body .image_l01 { margin: 0 12px -14px 0; }/* for IE6 only */

.image_l02 { float: left; margin: 0 15px 5px 0; }
*:first-child+html .image_l02 { margin: 0 15px 0px 0; }/* for IE7 only */
* html body .image_l02 { margin: 0 12px 0px 0; }/* for IE6 only */

.image_l03 { float: left; margin: 0 15px 0 0; }
.image_l04 { float: left; margin:0; }


.image_r { float: right; margin: 0 0 1em 15px; }
*:first-child+html .image_r{ margin: 0 0 0 15px; }/* for IE7 only */
* html body .image_r{ margin: 0 0 0 12px; }/* for IE6 only */

.image_r01 { float: right; margin: 0 0 7px 15px; }

.image_r02 { float: right; margin: 0 0 0 15px; }
.image_r03 { float: right; margin: 0; }


.case {
	margin: 0 50px 15px;
	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 {
	clear: both;
	padding-bottom: 40px;
}
ul.totop li {
	float: right;
	list-style: none;
}


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

html {
	background: none;
}

body {
  background: url(../images/body_bg_01.jpg) top repeat-x;
	color: #000;
	text-align: center;
	font-family:"ＭＳ Ｐゴシック";
}
#body01{ 
	background:url(../images/body_bg_02.jpg) bottom repeat-x
}

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

#content {
	width: 630px;
	float: right;
	padding: 0;
	margin:0;
	}


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

#header {
	width: 900px;
	height: auto;
	margin: 0 auto 20px;
	text-align: left;
}
#header #header01{ 
	height:157px;
	margin:0;
	padding:0;
	background:url(../images/header_bg.jpg) 0 0 no-repeat;
} 
#header .site_title {
	margin: 0;
	padding:34px 0 0 0;
	float:left;
}
#header .header_tel {
	margin: 0;
	padding:65px 0 0 0;
	float:right;
	display:block;
}

#header h1 { position:absolute; }

#header .main_img_bg{
	height:250px;
	background:url(../images/main_img_bg.jpg) 0 0 no-repeat;
}
#header .main_img{
	margin:0;
	padding:192px 24px 0 0;
	float:right;
	display:block;
}


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

#footer {
	clear: both;
	height:177px;
	text-align: left;
  background: url(../images/footer_bg.jpg) 0 repeat-x;
}
#footer #footer01{ 
	height: 133px;
	margin:0 0px 17px 0px;
}
#footer .footer_tel{
	margin:0;
	padding:20px 0 0 0;
	float:left;
	display:block;
}
#footer .footer_bg01{ background:url(../images/footer_bg_01.jpg) 0 0 repeat-y; float:right; margin:23px 0 0 0; width:697px; }
#footer .footer_bg01_top{ background:url(../images/footer_bg_01_top.jpg) 0 top no-repeat; }
#footer .footer_bg01_bottom{ background:url(../images/footer_bg_01_bottom.jpg) 0 bottom no-repeat; padding:10px 10px 9px 11px; }

#footer .footer_bg02{ background:url(../images/footer_bg_02.jpg) 0 0 repeat-y; padding-left:14px; }
#footer .alpha{ width:300px; float:left; }
#footer .beta{ width:354px; float:right; }

#footer dl{ width:300px; margin:0; padding:0; font-size:120%; line-height:1.5em; }
#footer dl dt{ width:64px; margin:0 10px 0 0; padding:0; float:left; color:#503100; font-weight:bold; }
#footer dl dd{ width:226px; margin:0; padding:0; float:left; }

#footer address {
	margin: 0 auto;
	text-align:center;
	display:block;
}


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

#navi {
	float: left;
	width: 250px;
	text-align: center;
	margin:0;
	padding:0 0 20px;
}
#navi .nav_bg01{ background:url(../images/nav_bg_01.jpg) 0 0 repeat-y; }
#navi .nav_bg01_top{ background:url(../images/nav_bg_01_top.jpg) 0 top no-repeat; }
#navi .nav_bg01_bottom{ background:url(../images/nav_bg_01_bottom.jpg) 0 bottom no-repeat; padding:10px; }

#navi ul {
	margin: 0 0 20px;
}

#navi ul li {
	list-style: none;
	margin: 0 0 5px;
	vertical-align: top;
	display:block;
}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.margin_b-3 { margin-bottom:-3px; }
.margin_0 { margin:0; }
.margin_b05 { margin-bottom:5px; }
.margin_b10 { margin-bottom:10px; }
.margin_b15 { margin-bottom:15px; }
.margin_b20 { margin-bottom:20px; }
.margin_b25 { margin-bottom:25px; }
.margin_b40 { margin-bottom:40px; }

.pad_l04{ padding-left:4px; }
.pad_l10{ padding-left:10px; }

.text_b{ font-weight:bold; }
.text_red{ color:#FF0000; }
.text01{ color:#025636; font-weight:bold; }
.text02{ color:#ffffff; font-weight:bold; }

.w100{ width:100px; }
.w120{ width:120px; }
.w133{ width:133px; }
.w150{ width:150px; }
.w170{ width:170px; }
.w167{ width:167px; }
.w200{ width:200px; }
.w230{ width:230px; }
.w237{ width:237px; }

.bg01{ background:#eef6ed; }
.bg02{ background:#2f9b82; }
.bg_br01{ background:#e3f2c6; padding:10px; margin:0 0 20px; }

.td_mid{ vertical-align:middle; }

#content .beta01{ width:355px; float:right; }
#content .beta02{ width:405px; float:right; }

#content ul.ul01{
	margin:0 0 0 15px;
	padding:0;
	}
#content ul.ul01 li{
	margin:0;
	padding:0 0 0 30px;
	background:url(../images/icon_01.jpg) 0 1px no-repeat;
	}	

#content ul.ul03{
	margin:0;
	padding:0;
	}
#content ul.ul03 li{
	margin:0;
	padding:0 0 0 30px;
	background:url(../images/icon_02.jpg) 0 1px no-repeat;
	}	

#content ul.ul04{
	margin:0;
	padding:0;
	}
#content ul.ul04 li{
	margin:0;
	padding:0 0 0 30px;
	background:url(../images/icon_01.jpg) 0 1px no-repeat;
	}	

#content .icon01{ 
	background:url(../images/icon_03.jpg) 0 1px no-repeat;
	padding-left:35px;
	margin:0 0 5px 0;
	font-weight:bold;
	line-height:2em;
	color:#6db671;
	}
#content .icon02{ 
	background:url(../images/icon_04.jpg) 0 3px no-repeat;
	padding-left:18px;
	margin:0 0 5px 0;
	}


/* index
------------------------------------------------------------------------*/
#index h3#title02 { background:url(../images/index_h3-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 h3#title05 { background:url(../images/index_h3-02.jpg) 0 0 no-repeat; }

.index01{ background:url(../images/index_bg_01.jpg) right 71px no-repeat; margin:0 0 20px; }
.index02{ padding:0 130px 15px 10px; }

#index #content .alpha01{ width:310px; float:left; }
#index #content .beta01{ width:310px; float:right; }

.index_bg01{ background:url(../images/index_bg_02.jpg) 0 0 repeat-y; padding:11px 5px 7px 15px; }

.index03{ margin:0 0 40px; }
.red { color: #FF0000;}

.tit { 
  border-left: 5px solid #FF0000;
	padding-left: 10px;
  font-weight: bold;}
/* care/concept_staff
------------------------------------------------------------------------*/
#care_concept_staff h3#title02 { background:url(../images/care_concept_staff_h3-01.jpg) 0 0 no-repeat; }
#care_concept_staff h4#title03 { background:url(../images/care_concept_staff_h4-01.jpg) 0 0 no-repeat; }

#content dl.dl01{ width:340px; margin:0 0 0 15px; padding:0; }
#content dl.dl01 dt{ width:60px; margin:0 10px 0 0; padding:0; float:left; }
#content dl.dl01 dd{ width:270px; margin:0; padding:0; float:left; }

/* care/access_clinic
------------------------------------------------------------------------*/
#care_access_clinic h3#title02 { background:url(../images/care_access_clinic_h3-01.jpg) 0 0 no-repeat; }
#care_access_clinic h3#title03 { background:url(../images/care_access_clinic_h3-02.jpg) 0 0 no-repeat; }

#care_access_clinic #map{
	width:456px;
	height:400px;
	margin:5px 0;
	border:1px solid #cccccc;
	}
	
.access_clinic01{ margin:0 20px; }

.hidden { display:none; }

#content ul.ul02{ margin:0; padding:0; }
#content ul.ul02 li{ margin:0 5px 5px 0; padding:0; list-style:none; float:left; }

/* care/recruit
------------------------------------------------------------------------*/
#care_recruit h3#title02 { background:url(../images/care_recruit_h3-01.jpg) 0 0 no-repeat; }
#care_recruit h4#title03 { background:url(../images/care_recruit_h4-01.jpg) 0 0 no-repeat; }

/* care/insurance_expense
------------------------------------------------------------------------*/
#care_insurance_expense h3#title02 { background:url(../images/care_insurance_expense_h3-01.jpg) 0 0 no-repeat; }
#care_insurance_expense h4#title03 { background:url(../images/care_insurance_expense_h4-01.jpg) 0 0 no-repeat; }

/* cure/general_prevent
------------------------------------------------------------------------*/
#cure_general_prevent h3#title02 { background:url(../images/cure_general_prevent_h3-01.jpg) 0 0 no-repeat; }
#cure_general_prevent h4#title03 { background:url(../images/cure_general_prevent_h4-01.jpg) 0 0 no-repeat; }
#cure_general_prevent h4#title04 { background:url(../images/cure_general_prevent_h4-02.jpg) 0 0 no-repeat; }
#cure_general_prevent h4#title05 { background:url(../images/cure_general_prevent_h4-03.jpg) 0 0 no-repeat; }
#cure_general_prevent h3#title06 { background:url(../images/cure_general_prevent_h3-02.jpg) 0 0 no-repeat; }
#cure_general_prevent h4#title07 { background:url(../images/cure_general_prevent_h4-04.jpg) 0 0 no-repeat; }
#cure_general_prevent h4#title08 { background:url(../images/cure_general_prevent_h4-05.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-01.jpg) 0 0 no-repeat; }
#cure_perio h4#title04 { background:url(../images/cure_perio_h4-02.jpg) 0 0 no-repeat; }
#cure_perio h4#title05 { background:url(../images/cure_perio_h4-03.jpg) 0 0 no-repeat; }
#cure_perio h4#title06 { background:url(../images/cure_perio_h4-04.jpg) 0 0 no-repeat; }

/* cure/esthe_whitening
------------------------------------------------------------------------*/
#cure_esthe_whitening h3#title02 { background:url(../images/cure_esthe_whitening_h3-01.jpg) 0 0 no-repeat; }
#cure_esthe_whitening h4#title03 { background:url(../images/cure_esthe_whitening_h4-01.jpg) 0 0 no-repeat; }
#cure_esthe_whitening h4#title04 { background:url(../images/cure_esthe_whitening_h4-02.jpg) 0 0 no-repeat; }
#cure_esthe_whitening h3#title05 { background:url(../images/cure_esthe_whitening_h3-02.jpg) 0 0 no-repeat; }
#cure_esthe_whitening h4#title06 { background:url(../images/cure_esthe_whitening_h4-03.jpg) 0 0 no-repeat; }
#cure_esthe_whitening h4#title07 { background:url(../images/cure_esthe_whitening_h4-04.jpg) 0 0 no-repeat; }

/* cure/implant
------------------------------------------------------------------------*/
#cure_implant h3#title02 { background:url(../images/cure_implant_h3-01.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; }

/* cure/case
------------------------------------------------------------------------*/
#cure_case h3#title02 { background:url(../images/cure_case_h3-01.jpg) 0 0 no-repeat; }
#cure_case h4#title03 { background:url(../images/cure_case_h4-01.jpg) 0 0 no-repeat; }
#cure_case h4#title04 { background:url(../images/cure_case_h4-02.jpg) 0 0 no-repeat; }
#cure_case h4#title05 { background:url(../images/cure_case_h4-03.jpg) 0 0 no-repeat; }