@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "digi.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.71em;
}
table.mailform select, table.mailform textarea, table.mailform input { font-size:12px; }

	
h1 { 
	font-size:120%;
	line-height:1.5em;
	color:#666;
	padding:12px 0 0 11px;
	margin:0;} /* Header内で設定 */
h2 {
	display:block;
	line-height:1%;
	margin: 0 0 16px 0;}
#index h2{
	float:right;
	margin:233px 0 0 0;	}
h3 {
	clear: both;
	height: 30px;
	text-indent: -9999px;
	margin: 0 0 20px -15px;}
#index h3 {
	height: 40px;
	margin: 0 -10px 12px -10px;}

h4 {
	height: 24px;
	text-indent: -9999px;
	margin: 0 0 10px 0;}
#index h4 {
	margin: 20px 0 0 0;
	text-indent: 0px;}

h4 a {
	height: 24px;
	text-indent: -9999px;
	display:block;
	margin: 0;
	padding:0;}

#content .title01{ 
	margin:0 0 10px 0;
	line-height:1.43em;
	color:#666666;
	font-weight:bold;
	border-bottom:1px dashed #cccccc;
	}
#content .title02{ 
	margin:0; 
	padding:0 0 0 15px; 
	list-style:none; 
	background:url(../images/icon_01.jpg) 0 6px no-repeat; 
	font-weight:bold; 
	}

	
a { color: #c95469; outline:none; }
a:hover,
a:active { color: #f98182; 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 #cccccc;
	vertical-align:top;
	}

p { margin: 0 0 1em; }

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


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

.image { display:block; margin:0 auto; }
.image_l{	margin:0; float:left; }
.image_r{ margin:0; float:right; }

.image_b { display:block; margin:0 auto; border:1px solid #999999; padding:1px; background:#fff;  }

.image_l{	margin:0; float:left; }

.image_l_b { 
	float: left; 
	margin: 0 15px 1em 0; 
	border:1px solid #999999; 
	padding:1px; 
	}
* html body .image_l_b{ margin: 0 12px 0 0; }/* for IE6 only */

.image_l_b01 { 
	float: left; 
	margin: 0 15px 0 0; 
	border:1px solid #999999; 
	padding:1px; 
	}
* html body .image_l_b{ margin: 0 12px 0 0; }/* for IE6 only */

.image_r_b { 
	float: right; 
	margin: 0 0 1em 15px; 
	border:1px solid #999999; 
	padding:1px;
	}
*:first-child+html .image_r_b{ margin: 0 0 0 15px; }/* for IE7 only */
* html body .image_r_b{ margin: 0 0 0 12px; }/* for IE6 only */


.case {
	margin: 0 30px;
	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; }

.caption{ text-align:center; }

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


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

html {
	background: none;
}

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

#wrapper {
	width: 900px;
	margin: 0 auto;
}
#main {
/*	clear:both;*/
	margin: 0 auto 18px;
	text-align: left;
  background: url(../images/main_bg.jpg) right repeat-y;
}

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


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

#header {
	width: 900px;
	height: 331px;
	margin: 0 auto 9px;
	text-align: left;
  background: url(../images/header_bg_01.jpg) 0 0 no-repeat;
}
#index #header {
	height: 451px;
  background: url(../images/header_bg_01_index.jpg) 0 0 no-repeat;
}

#header #header01{
	height:128px;
	margin:0;
	padding:0;
	position: relative;
	}

#header .sitemap {
    position: absolute;
	top: 80px;
	right: 13px;
}

#header .site_title {
	float:left;
	margin:34px 0 0 0;
	padding:0;
	display:block;
}
#header .header_tel {
	float:right;
	margin:0 7px 0 0;
	padding:0;
	display:inline;
}

#header #header02{
	height:323px;
	margin:0;
	padding:0;
	}
#header #header02_01{
	width:386px;
	float:left;
	display:inline;
	margin:-5px 0 0 10px;
	/margin:0 0 0 10px;
	}

#header h1 { position:absolute; }

.main_img{
	margin:0;
	padding:150px 0 0 0;
	}


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

#footer {
	clear: both;
	height:120px;
	text-align: center;
  background: url(../images/footer_bg.jpg) 0 0 repeat-x;
}
#footer #footer01{
	height:72px;
	margin:0 11px 20px 10px;
	}
#footer .footer_tel{
	float:left; 
	margin:16px 24px 0 0;
	padding:0;
	} 
#footer .footer_bn{
	float:left; 
	margin:12px 0 0 0;
	padding:0;
	} 
#footer .footer_shikatown{
	float:right; 
	margin:12px 0 0 0;
	padding:0;
	} 

#footer address {
	margin: 0 auto;
}


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

#navi {
	float: right;
	width: 246px;
}

#navi ul {
	margin: 0 0 1px 1px;
	text-align: left;
}

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

#navi .nav_bn01 {
	margin: 10px 0 10px 15px;
	display:block;
}
#navi .nav_bn02 {
	margin: 0 0 4px 35px;
	display:block;
}


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

#nav_top{
	width:630px;
	height:40px;
	margin:0 0 29px;
	padding:0;
	}
#nav_top ul{ margin:0; padding:0; }
#nav_top ul li{ margin:0; padding:0; list-style:none; float:left; }

.margin_0 { margin:0; }
.margin_b02 { margin-bottom:2px; }
.margin_b04 { margin-bottom:4px; }
.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_b30 { margin-bottom:30px; }
.pad_l75{ padding-left:75px; }

.text01{ color:#ec3563; font-weight:bold; }
.text02{ color:#ffffff; font-weight:bold; }
.text_b{ font-weight:bold; }

.bg01{ background:#fff8fb; }
.bg02{ background:#fdd1d1; }
.bg03{ background:#fbcce1; }
.bg04{ background:#fef1f7; padding:10px; margin-bottom:30px; }
.bg05{ padding:10px; margin-bottom:30px; }

.td_mid{ vertical-align:middle; }

.w100{ width:100px; }
.w175{ width:175px; }
.w179{ width:179px; }
.w200{ width:200px; }
.w250{ width:250px; }
.w395{ width:395px; }
.w22pc{ width:22%; }
.w_50pc{width:50%;}

#content .alpha01{ width:300px; float:left; }
#content .beta{ float:right; }
#content .beta01{ width:301px; float:right; }

#content ul.ul01{ margin:0; 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; }

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

.txt_l{
	display: block;
	float: left;
	width: 280px;
}
.txt_r{
	display: block;
	float: right;
	width: 280px;
}




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

.index01{	padding:0 15px 15px; }
.index02{	padding:0 5px 11px; margin:0; line-height: 1.43em;}
.index03{ margin:0 0 10px 5px; }
.index04{ margin:0 0 0 27px; }

.index_bg01{
	margin-left:5px;
	background:url(../images/index_bg01.jpg) 0 0 repeat-y;
	}
.index_bg02{
	margin:0;
	padding: 14px 5px 15px;
	background:url(../images/index_bg02.jpg) 0 0 no-repeat;
	}

/* clinic/clinic
------------------------------------------------------------------------*/
#clinic_clinic h3#title02{ background: url(../images/clinic_clinic_h3-01.jpg) 0 0 no-repeat; }
#clinic_clinic h4#title03{ background: url(../images/clinic_clinic_h4-01.jpg) 0 0 no-repeat; }
#clinic_clinic h4#title04{ background: url(../images/clinic_clinic_h4-02.jpg) 0 0 no-repeat; }
#clinic_clinic h4#title05{ background: url(../images/clinic_clinic_h4-03.jpg) 0 0 no-repeat; }

#clinic_clinic #map{
	width:460px;
	height:400px;
	margin:5px 0;
	border:1px solid #cccccc;
	}
	
#content dl.dl01{ width:300px; margin:0; padding:0; }
#content dl.dl01 dt{ width:60px; margin:0 10px 0 0; padding:0; float:left; }
#content dl.dl01 dd{ width:230px; margin:0; padding:0; float:left; }

/* clinic/cost
------------------------------------------------------------------------*/
#clinic_cost h3#title02{ background: url(../images/clinic_cost_h3-01.jpg) 0 0 no-repeat; }
#clinic_cost h4#title03{ background: url(../images/clinic_cost_h4-01.jpg) 0 0 no-repeat; }
#clinic_cost h4#title04{ background: url(../images/clinic_cost_h4-02.jpg) 0 0 no-repeat; }
#clinic_cost h4#title05{ background: url(../images/clinic_cost_h4-03.jpg) 0 0 no-repeat; }
#clinic_cost h4#title06{ background: url(../images/clinic_cost_h4-04.jpg) 0 0 no-repeat; }
#clinic_cost h4#title07{ background: url(../images/clinic_cost_h4-05.jpg) 0 0 no-repeat; }
#clinic_cost h4#title08{ background: url(../images/clinic_cost_h4-06.jpg) 0 0 no-repeat; }

/* clinic/credit
------------------------------------------------------------------------*/
#clinic_credit h3#title02{ background: url(../images/clinic_credit_h3-01.jpg) 0 0 no-repeat; }
#clinic_credit h4#title03{ background: url(../images/clinic_credit_h4-01.jpg) 0 0 no-repeat; }
#clinic_credit h4#title04{ background: url(../images/clinic_credit_h4-02.jpg) 0 0 no-repeat; }
#clinic_credit h4#title05{ background: url(../images/clinic_credit_h4-03.jpg) 0 0 no-repeat; }

/* treatment/choice
------------------------------------------------------------------------*/
#treatment_choice h3#title02{ background: url(../images/treatment_choice_h3-01.jpg) 0 0 no-repeat; }
#treatment_choice h4#title03{ background: url(../images/treatment_choice_h4-01.jpg) 0 0 no-repeat; }
#treatment_choice h4#title04 a{ background: url(../images/treatment_choice_h4-02_off.jpg) 0 0 no-repeat; width:215px; height:24px; }
#treatment_choice h4#title04 a:hover{ background: url(../images/treatment_choice_h4-02_on.jpg) 0 0 no-repeat; }
#treatment_choice h4#title05{ background: url(../images/treatment_choice_h4-03.jpg) 0 0 no-repeat; }
#treatment_choice h4#title06{ background: url(../images/treatment_choice_h4-04.jpg) 0 0 no-repeat; }

/* treatment/lost
------------------------------------------------------------------------*/
#treatment_lost h3#title02{ background: url(../images/treatment_lost_h3-01.jpg) 0 0 no-repeat; }
#treatment_lost h4#title03{ background: url(../images/treatment_lost_h4-01.jpg) 0 0 no-repeat; }
#treatment_lost h4#title04{ background: url(../images/treatment_lost_h4-02.jpg) 0 0 no-repeat; }

/* treatment/implant_merit
------------------------------------------------------------------------*/
#treatment_implant_merit h3#title02{ background: url(../images/treatment_implant_merit_h3-01.jpg) 0 0 no-repeat; }
#treatment_implant_merit h4#title03{ background: url(../images/treatment_implant_merit_h4-01.jpg) 0 0 no-repeat; }

/* treatment/safty
------------------------------------------------------------------------*/
#treatment_safty h3#title02{ background: url(../images/treatment_safty_h3-01.jpg) 0 0 no-repeat; }
#treatment_safty h4#title03{ background: url(../images/treatment_safty_h4-01.jpg) 0 0 no-repeat; }
#treatment_safty h4#title04{ background: url(../images/treatment_safty_h4-02.jpg) 0 0 no-repeat; }
#treatment_safty h4#title05{ background: url(../images/treatment_safty_h4-03.jpg) 0 0 no-repeat; }
#treatment_safty h4#title06{ background: url(../images/treatment_safty_h4-04.jpg) 0 0 no-repeat; }
#treatment_safty h3#title07{ background: url(../images/treatment_safty_h3-02.jpg) 0 0 no-repeat; }
#treatment_safty h4#title08{ background: url(../images/treatment_safty_h4-05.jpg) 0 0 no-repeat; }
#treatment_safty h4#title09{ background: url(../images/treatment_safty_h4-06.jpg) 0 0 no-repeat; }
#treatment_safty h3#title10{ background: url(../images/treatment_safty_h3-03.jpg) 0 0 no-repeat; }
#treatment_safty h4#title11{ background: url(../images/treatment_safty_h4-07.jpg) 0 0 no-repeat; }

/* treatment/allergy
------------------------------------------------------------------------*/
#treatment_allergy h3#title02{ background: url(../images/treatment_allergy_h3-01.jpg) 0 0 no-repeat; }
#treatment_allergy h4#title03{ background: url(../images/treatment_allergy_h4-01.jpg) 0 0 no-repeat; }
#treatment_allergy h3#title04{ background: url(../images/treatment_allergy_h3-02.jpg) 0 0 no-repeat; }
#treatment_allergy h4#title05{ background: url(../images/treatment_allergy_h4-02.jpg) 0 0 no-repeat; }
#treatment_allergy h4#title06{ background: url(../images/treatment_allergy_h4-03.jpg) 0 0 no-repeat; }
#treatment_allergy h4#title07{ background: url(../images/treatment_allergy_h4-04.jpg) 0 0 no-repeat; }

/* treatment/ceramic_merit
------------------------------------------------------------------------*/
#treatment_ceramic_merit h3#title02{ background: url(../images/treatment_ceramic_merit_h3-01.jpg) 0 0 no-repeat; }
#treatment_ceramic_merit h4#title03{ background: url(../images/treatment_ceramic_merit_h4-01.jpg) 0 0 no-repeat; }
#treatment_ceramic_merit h4#title04{ background: url(../images/treatment_ceramic_merit_h4-02.jpg) 0 0 no-repeat; }
#treatment_ceramic_merit h4#title05{ background: url(../images/treatment_ceramic_merit_h4-03.jpg) 0 0 no-repeat; }
#treatment_ceramic_merit h4#title06{ background: url(../images/treatment_ceramic_merit_h4-04.jpg) 0 0 no-repeat; }

/* treatment/cerec
------------------------------------------------------------------------*/
#treatment_cerec h3#title02{ background: url(../images/treatment_cerec_h3-01.jpg) 0 0 no-repeat; }
#treatment_cerec h4#title03{ background: url(../images/treatment_cerec_h4-01.jpg) 0 0 no-repeat; }
#treatment_cerec h4#title04{ background: url(../images/treatment_cerec_h4-02.jpg) 0 0 no-repeat; }
#treatment_cerec h4#title05{ background: url(../images/treatment_cerec_h4-03.jpg) 0 0 no-repeat; }
#treatment_cerec h4#title06{ background: url(../images/treatment_cerec_h4-04.jpg) 0 0 no-repeat; }

/* treatment/alignment
------------------------------------------------------------------------*/
#treatment_alignment h3#title02{ background: url(../images/treatment_alignment_h3-01.jpg) 0 0 no-repeat; }
#treatment_alignment h4#title03{ background: url(../images/treatment_alignment_h4-01.jpg) 0 0 no-repeat; }
#treatment_alignment h4#title04{ background: url(../images/treatment_alignment_h4-02.jpg) 0 0 no-repeat; }
#treatment_alignment h3#title05{ background: url(../images/treatment_alignment_h3-02.jpg) 0 0 no-repeat; }
#treatment_alignment h4#title06{ background: url(../images/treatment_alignment_h4-03.jpg) 0 0 no-repeat; }

/* treatment/ortho_merit
------------------------------------------------------------------------*/
#treatment_ortho_merit h3#title02{ background: url(../images/treatment_ortho_merit_h3-01.jpg) 0 0 no-repeat; }

/* treatment/white
------------------------------------------------------------------------*/
#treatment_white h3#title02{ background: url(../images/treatment_white_h3-01.jpg) 0 0 no-repeat; }
#treatment_white h4#title03{ background: url(../images/treatment_white_h4-01.jpg) 0 0 no-repeat; }
#treatment_white h3#title04{ background: url(../images/treatment_white_h3-02.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 h3#title03{ background: url(../images/treatment_child_h3-02.jpg) 0 0 no-repeat; }
#treatment_child h4#title04{ background: url(../images/treatment_child_h4-01.jpg) 0 0 no-repeat; }
#treatment_child h4#title05{ background: url(../images/treatment_child_h4-02.jpg) 0 0 no-repeat; }
#treatment_child h4#title06{ background: url(../images/treatment_child_h4-03.jpg) 0 0 no-repeat; }
#treatment_child h3#title07{ background: url(../images/treatment_child_h3-03.jpg) 0 0 no-repeat; }
#treatment_child h4#title08{ background: url(../images/treatment_child_h4-04.jpg) 0 0 no-repeat; }
#treatment_child h4#title09{ background: url(../images/treatment_child_h4-05.jpg) 0 0 no-repeat; }
#treatment_child h3#title10{ background: url(../images/treatment_child_h4-06.jpg) 0 0 no-repeat;
  width:580px;
	height:34px;
	margin:0;
	padding:0; }

#treatment_child .bg04 .title01 { color:#8C1F3B; }