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

	
h1 {
	height:18px;
	font-size:120%;
	line-height:1.5em;
	color:#666;
	padding:31px 0 0 24px;
	margin:0;} /* Header内で設定 */
h2 {
	display:block;
	margin: 0 0 26px 0;
	}
#index h2 {
	float:left;
	margin:0;
	padding:143px 0 0 94px;
	}	
	
h3 {
	clear: both;
	height: 50px;
	text-indent: -9999px;
	margin: 0 0 15px 0;
	}

h4 {
	height: 35px;
	text-indent: -9999px;
	margin: 0 -5px 10px -5px;
	}
#content .icon{ 
	background:url(../images/icon02.jpg) 0 0px no-repeat;
	padding-left:20px;
	margin:0 0 5px 0;
	font-size:100%;
	line-height:1.14em;
	font-weight:bold;
	color:#666;
	}
	
a { color: #00964a; }
a:hover,
a:active { color: #ff9c27; text-decoration: none; }
a:visited {
}

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

table {
	width: 100%;
	}

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

p { margin: 0 0 1em; }
p img { display:block; }

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


.section { padding: 0 0 2em; }
.section .section { padding: 0 5px 1em; }

.image_l { float: left; margin: 0 15px 1em 0; }
.image_l01 { float: left; margin: 0 15px 7px 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 15px; }/* for IE6 only */

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

.image_c { margin: 0 auto; text-align:center; }

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

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

.caption { text-align:center; }

ul.totop {
	clear: both;
	padding: 0 10px 20px 0;
}
ul.totop li {
	float: right;
	list-style: none;
}


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

html {
	background: none;
}

body {
  background: #fff url(../images/body_bg_01.jpg) top repeat-x;
	color: #666;
	text-align: center;
	font-family:"ＭＳ Ｐゴシック";
}
#wrapper {
	width: 910px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 0 top repeat-y;
}
#main {
	clear:both;
	width: 910px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#index #main {
  background: url(../images/main_bg_index.jpg) 0 0 no-repeat;
}


#content {
	width: 610px;
	float: right;
	margin:0 20px 0 0;
	padding:25px 0 0 0;
	display:inline;
}
#index #content {
	padding:0;
}

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

#header {
	width: 910px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}
#header #header01{
	height:134px;
	background:url(../images/header_bg_01.jpg) 0 0 no-repeat; 
}

#header h1 { position:absolute; }

#header .head_BPS{ position:relative;}
#header .head_BPS_img{ position:absolute; top:50px; left:78px;}

#header .site_title{ 
	float:left;
	margin:68px 8px 0 22px;
	display:inline;
	}
#header .header_img01{ 
	float:left;
	margin:89px 0 0 0;
	}
#header .header_tel{ 
	float:right;
	margin:57px 36px 0 0;
	display:inline;
	}
	
#header_nav{
	height:52px;
	padding:0 0 0 10px;
	margin:0;
	background:url(../images/header_bg_02.jpg) 0 0 no-repeat;
	}
#header_nav ul{ margin:0; padding:0; }
#header_nav ul li{ margin:0; padding:0; list-style:none; float:left; }

#header #header02 {
	height:170px;
	background:url(../images/header_bg_03.jpg) 0 0 no-repeat;
}
#index #header #header02 {
	height:370px;
	background:url(../images/header_bg_03_index.jpg) 0 0 no-repeat;
}

#header .main_img{ padding:44px 0 0 100px; }

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

#footer {
	clear: both;
	height:154px;
	text-align: center;
  background: url(../images/footer_bg.jpg) 0 0 no-repeat;
}

#footer .footer01{
	height:118px;
	margin:0 20px 10px 14px;
	}
#footer .footer_tel{ float:left; padding:53px 0 0 0; margin:0; }
#footer .footer_bn{ float:right; padding:38px 0 0 0; margin:0; }
	
#footer address {
	height:18px;
	margin: 0 auto;
	font-size:120%;
	line-height:1.5em;
}


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

#navi {
	float: left;
	width: 240px;
	text-align: center;
	margin:-45px 0 0 20px;
	display:inline;
	position:relative;
}

#navi .nav_bg01{ background:url(../images/nav_bg_01.jpg) 0 0 repeat-y; margin:0 0 10px; }
#navi .nav_bg02{ background:url(../images/nav_bg_02.jpg) 0 top no-repeat; }
#index #navi .nav_bg02{ background:url(../images/nav_bg_02_index.jpg) 0 top no-repeat; }
#navi .nav_bg03{ background:url(../images/nav_bg_03.jpg) 0 bottom no-repeat; padding:0 10px 3px; }

#navi ul {
	margin: 0;
	padding: 0;
}

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

#navi .nav_bg04{ background:url(../images/nav_bg_04.jpg) 0 0 repeat-y; margin:0 0 10px; }
#navi .nav_bg05{ background:url(../images/nav_bg_05.jpg) 0 top no-repeat; }
#navi .nav_bg06{ background:url(../images/nav_bg_06.jpg) 0 bottom no-repeat; padding:12px 10px 8px; }


#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.margin_0 { margin:0; }
.margin_b05 { margin-bottom:5px; }
.margin_b08 { margin-bottom:8px; }
.margin_b10 { margin-bottom:10px; }
.margin_b15 { margin-bottom:15px; }
.margin_b20 { margin-bottom:20px; }
.margin_b30 { margin-bottom:30px; }
.margin_b1em{ margin-bottom:1em; }
.margin_t5_b5 { margin:5px 0; }
.pad_r250 { padding-right:250px; }

.text01{ color:#e45e03; font-weight:bold; }
.text02{ color:#00964a; font-weight:bold; }
.text03{ color:#ff900c; }
.text_b{ font-weight:bold; }

.bg01 { background:#fffbe9; }
.bg02 { background:#eef8f3; }
.bg_br01{ background:#f8f8f6; border:1px solid #dcdcdc; padding:10px 10px 0; margin:0 0 20px; }

.w100{ width:100px; }
.w180{ width:180px; }
.w20pc{ width:20%; }
.w22pc{ width:22%; }
.w25pc{ width:25%; }
.w50pc{ width:50%; }

.td01{ width:180px; background:#fffbe9; padding:10px; }
.td02{ width:80px; background:#fffbe9; padding:10px; text-align:center; font-weight:bold; }
.td03{ width:200px; background:#fffbe9; padding:10px; text-align:center; font-weight:bold; }
.td_mid{ vertical-align:middle; }

#content .beta01{ width:405px; float:right; }
#content .beta02{ width:420px; float:right; }
#content .beta03{ width:126px; float:right; margin:0 0 0 15px; }


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



/* index
------------------------------------------------------------------------*/
#index h3#title02{ background:url(../images/index_h3-01.jpg) 0 0 no-repeat; }

.index_bg01{ background:url(../images/index_bg_01.jpg) 0 0 repeat-y; margin:0 0 20px 0; }
.index_bg02{ background:url(../images/index_bg_02.jpg) 0 top no-repeat; }
.index_bg03{ background:url(../images/index_bg_03.jpg) 0 bottom no-repeat; padding:29px 10px 10px 110px; }

.index_bg04 { background:#ffffff; padding:10px; }

#content dl.dl01{ width:450px; margin:0; padding:0; }
#content dl.dl01 dt{ width:84px; margin:0 10px 0 0; padding:0; float:left; }
#content dl.dl01 dd{ width:356px; margin:0; padding:0 0 3px 0; float:left; }

.index_bg05{ background:url(../images/index_bg_05.jpg) 0 0 repeat-y; margin:0 0 20px 0; }
.index_bg06{ background:url(../images/index_bg_06.jpg) 0 top no-repeat; }
.index_bg07{ background:url(../images/index_bg_07.jpg) 0 bottom no-repeat; padding:15px 15px 5px 15px; }

.index01{ 
	margin:0 0 20px;
	background:url(../images/index_bg_04.jpg) right bottom no-repeat;
	}

.index_bg08{ background:url(../images/index_bg_08.jpg) 0 0 repeat-y; margin:0 0 2px 0; }
.index_bg09{ background:url(../images/index_bg_09.jpg) 0 top no-repeat; }
.index_bg10{ background:url(../images/index_bg_10.jpg) 0 bottom no-repeat; padding:15px 16px 21px 16px; }
.index_bg11{ background:#fffbe9; padding:10px 10px 10px 16px; clear:both; }

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

#content dl.dl02{ width:250px; margin:0 0 0 10px; padding:0; }
#content dl.dl02 dt{ width:64px; margin:0 10px 0 0; padding:0; float:left; font-weight:bold; color:#ff900c; background:url(../images/icon_01.jpg) 0 6px no-repeat; text-indent:14px; }
#content dl.dl02 dd{ width:176px; margin:0; padding:0; float:left; }
#content dl.dl02 dd.dd01{ margin:0 0 0 74px; display:inline; }

/* clinic/concept
------------------------------------------------------------------------*/
#clinic_concept h3#title02{ background:url(../images/clinic_concept_h3-01.jpg) 0 0 no-repeat; }
#clinic_concept h3#title03{ background:url(../images/clinic_concept_h3-02.jpg) 0 0 no-repeat; }
#clinic_concept h4#title04{ background:url(../images/clinic_concept_h4-01.jpg) 0 0 no-repeat; }
#clinic_concept h4#title05{ background:url(../images/clinic_concept_h4-02.jpg) 0 0 no-repeat; }
#clinic_concept h3#title06{ background:url(../images/clinic_concept_h3-03.jpg) 0 0 no-repeat; }

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

#content dl.dl03{ width:390px; margin:0 0 0 15px; padding:0; }
#content dl.dl03 dt{ width:130px; margin:0 10px 0 0; padding:0; float:left; }
#content dl.dl03 dd{ width:250px; margin:0; padding:0; float:left; }
#content dl.dl03 dd.dd01{ margin:0 0 0 140px; display:inline; }

/* clinic/access
------------------------------------------------------------------------*/
#clinic_access h3#title02{ background:url(../images/clinic_access_h3-01.jpg) 0 0 no-repeat; }
#clinic_access h3#title03{ background:url(../images/clinic_access_h3-02.jpg) 0 0 no-repeat; }
#clinic_access h4#title04{ background:url(../images/clinic_access_h4-01.jpg) 0 0 no-repeat; }
#clinic_access h4#title05{ background:url(../images/clinic_access_h4-02.jpg) 0 0 no-repeat; }
#clinic_access h4#title06{ background:url(../images/clinic_access_h4-03.jpg) 0 0 no-repeat; }
#clinic_access h3#title07{ background:url(../images/clinic_access_h3-03.jpg) 0 0 no-repeat; }
#clinic_access h4#title08{ background:url(../images/clinic_access_h4-04.jpg) 0 0 no-repeat; }
#clinic_access h4#title09{ background:url(../images/clinic_access_h4-05.jpg) 0 0 no-repeat; }
#clinic_access h4#title10{ background:url(../images/clinic_access_h4-06.jpg) 0 0 no-repeat; }
#clinic_access h4#title11{ background:url(../images/clinic_access_h4-07.jpg) 0 0 no-repeat; }
#clinic_access h4#title12{ background:url(../images/clinic_access_h4-08.jpg) 0 0 no-repeat; }
#clinic_access h4#title13{ background:url(../images/clinic_access_h4-09.jpg) 0 0 no-repeat; }
#clinic_access h4#title14{ background:url(../images/clinic_access_h4-10.jpg) 0 0 no-repeat; }

/* clinic/allergy
------------------------------------------------------------------------*/
#clinic_allergy h3#title02{ background:url(../images/clinic_allergy_h3-01.jpg) 0 0 no-repeat; }
#clinic_allergy h4#title03{ background:url(../images/clinic_allergy_h4-01.jpg) 0 0 no-repeat; }
#clinic_allergy h4#title04{ background:url(../images/clinic_allergy_h4-02.jpg) 0 0 no-repeat; }
#clinic_allergy h3#title05{ background:url(../images/clinic_allergy_h3-02.jpg) 0 0 no-repeat; }
#clinic_allergy h4#title06{ background:url(../images/clinic_allergy_h4-03.jpg) 0 0 no-repeat; }


/* clinic/recruit
------------------------------------------------------------------------*/
#clinic_recruit h3#title02{ background:url(../images/clinic_recruit_h3-01.jpg) 0 0 no-repeat; }
#clinic_recruit h4#title03{ background:url(../images/clinic_recruit_h4-01.jpg) 0 0 no-repeat; }

/* treatment/general
------------------------------------------------------------------------*/
#treatment_general h3#title02{ background:url(../images/treatment_general_h3-01.jpg) 0 0 no-repeat; }
#treatment_general h4#title03{ background:url(../images/treatment_general_h4-01.jpg) 0 0 no-repeat; }
#treatment_general h4#title04{ background:url(../images/treatment_general_h4-02.jpg) 0 0 no-repeat; }
#treatment_general h4#title05{ background:url(../images/treatment_general_h4-03.jpg) 0 0 no-repeat; }
#treatment_general h4#title06{ background:url(../images/treatment_general_h4-04.jpg) 0 0 no-repeat; }

/* treatment/child
------------------------------------------------------------------------*/
#treatment_child h3#title02{ background:url(../images/treatment_child_h3-01.jpg) 0 0 no-repeat; }
#treatment_child h4#title03{ background:url(../images/treatment_child_h4-01.jpg) 0 0 no-repeat; }
#treatment_child h4#title04{ background:url(../images/treatment_child_h4-02.jpg) 0 0 no-repeat; }
#treatment_child h4#title05{ background:url(../images/treatment_child_h4-03.jpg) 0 0 no-repeat; }
#treatment_child h4#title06{ background:url(../images/treatment_child_h4-04.jpg) 0 0 no-repeat; }

/* treatment/prevent
------------------------------------------------------------------------*/
#treatment_prevent h3#title02{ background:url(../images/treatment_prevent_h3-01.jpg) 0 0 no-repeat; }
#treatment_prevent h4#title03{ background:url(../images/treatment_prevent_h4-01.jpg) 0 0 no-repeat; }
#treatment_prevent h4#title04{ background:url(../images/treatment_prevent_h4-02.jpg) 0 0 no-repeat; }
#treatment_prevent h4#title05{ background:url(../images/treatment_prevent_h4-03.jpg) 0 0 no-repeat; }
#treatment_prevent h4#title06{ background:url(../images/treatment_prevent_h4-04.jpg) 0 0 no-repeat; }

/* treatment/perio
------------------------------------------------------------------------*/
#treatment_perio h3#title02{ background:url(../images/treatment_perio_h3-01.jpg) 0 0 no-repeat; }
#treatment_perio h4#title03{ background:url(../images/treatment_perio_h4-01.jpg) 0 0 no-repeat; }
#treatment_perio h4#title04{ background:url(../images/treatment_perio_h4-02.jpg) 0 0 no-repeat; }
#treatment_perio h4#title05{ background:url(../images/treatment_perio_h4-03.jpg) 0 0 no-repeat; }
#treatment_perio h4#title06{ background:url(../images/treatment_perio_h4-04.jpg) 0 0 no-repeat; }

/* treatment/esthetic
------------------------------------------------------------------------*/
#treatment_esthetic h3#title02{ background:url(../images/treatment_esthetic_h3-01.jpg) 0 0 no-repeat; }
#treatment_esthetic h4#title03{ background:url(../images/treatment_esthetic_h4-01.jpg) 0 0 no-repeat; }
#treatment_esthetic h4#title04{ background:url(../images/treatment_esthetic_h4-02.jpg) 0 0 no-repeat; }

#content dl.dl04{ width:580px; margin:0; padding:0; }
#content dl.dl04 dt{ width:50px; margin:0 10px 0 0; padding:0; float:left; }
#content dl.dl04 dd{ width:520px; margin:0; padding:0; float:left; }
#content dl.dl04 dd.dd01{ padding-bottom:10px; }


/* treatment/denture
------------------------------------------------------------------------*/
#treatment_denture h3#title02{ background:url(../images/treatment_denture_h3-01.jpg) 0 0 no-repeat; }
#treatment_denture h4#title03{ background:url(../images/treatment_denture_h4-01.jpg) 0 0 no-repeat; }
#treatment_denture h4#title04{ background:url(../images/treatment_denture_h4-02.jpg) 0 0 no-repeat; }

/* treatment/bps
------------------------------------------------------------------------*/
#treatment_bps h3#title02{ background:url(../images/treatment_bps_h3-01.jpg) 0 0 no-repeat; }
#treatment_bps h4#title03{ background:url(../images/treatment_bps_h4-01.jpg) 0 0 no-repeat; }
#treatment_bps h4#title04{ background:url(../images/treatment_bps_h4-02.jpg) 0 0 no-repeat; }
#treatment_bps h4#title05{ background:url(../images/treatment_bps_h4-03.jpg) 0 0 no-repeat; }

#content .beta04{ width:126px; float:right; margin:0 0 14px 15px; }
*:first-child+html #content .beta04{ margin:0 0 0 15px; }/* for IE7 only */
* html body #content .beta04{ margin:0 0 0 12px; }/* for IE6 only */


/* treatment/surgery
------------------------------------------------------------------------*/
#treatment_surgery h3#title02{ background:url(../images/treatment_surgery_h3-01.jpg) 0 0 no-repeat; }
#treatment_surgery h4#title03{ background:url(../images/treatment_surgery_h4-01.jpg) 0 0 no-repeat; }
#treatment_surgery h3#title04{ background:url(../images/treatment_surgery_h3-02.jpg) 0 0 no-repeat; }
#treatment_surgery h4#title05{ background:url(../images/treatment_surgery_h4-02.jpg) 0 0 no-repeat; }
#treatment_surgery h4#title06{ background:url(../images/treatment_surgery_h4-03.jpg) 0 0 no-repeat; }

/* treatment/fit
------------------------------------------------------------------------*/
#treatment_fit h3#title02{ background:url(../images/treatment_fit_h3-01.jpg) 0 0 no-repeat; }
#treatment_fit h4#title03{ background:url(../images/treatment_fit_h4-01.jpg) 0 0 no-repeat; }
#treatment_fit h4#title04{ background:url(../images/treatment_fit_h4-02.jpg) 0 0 no-repeat; }
#treatment_fit h4#title05{ background:url(../images/treatment_fit_h4-03.jpg) 0 0 no-repeat; }
#treatment_fit h4#title06{ background:url(../images/treatment_fit_h4-04.jpg) 0 0 no-repeat; }
#treatment_fit h4#title07{ background:url(../images/treatment_fit_h4-05.jpg) 0 0 no-repeat; }

/* fmail
------------------------------------------------------------------------*/
#fmail h3#title02{ background:url(../images/fmail_h3-01.jpg) 0 0 no-repeat; }

/* tiny
------------------------------------------------------------------------*/
#tiny { 470px; height: 70px;}
#tiny table { border: none;}
#tiny table td { border: none;}




.mini{
	font-size: 12px;
	color: #663300;
	font-weight: normal;
}
.navL_bn5
{
	margin-top:10px;
}
.mL_20
{
	margin-left:30px;
}