@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,ul,ol,dl {
	font-size: 140%;
}
table.mailform select, table.mailform textarea, table.mailform input { font-size:12px; }

h1 { font-size:120%; color:#E6D982; line-height:1.5em; margin:0; padding:0 0 0 5px; line-height:26px; } /* Header内で設定 */
h2 {}
h3 {}
h4 {}

a { color: #34A50F; outline:none; }
a:hover,
a:active { color: #0074be; }

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table { width:100%; }

th,td {
	border: 1px solid #e8d9c1;
	padding: 4px 10px;
}
th {
	width:150px;
}

p { margin: 0 0 1em; }

img { display:block; line-height:1.0; }
dt img,dd img,li img { vertical-align: bottom; }


.section { padding:0 6px 0 0; }
.section .section { padding:9px; background:#f9f3e8; border:1px solid #e8d9c1; }

.image_b { padding:0; margin:0; background:#e4dab3; padding:1px; }
.image_b img { border:1px solid #fff; }
.image_l_b { padding:0; margin:0 15px 0px 0; float:left; display:inline; background:#e4dab3; padding:1px; }
*:first-child+html .image_l_b { margin:0 15px 0px 0; } /*  for IE7 only */
*html body .image_l_b { margin:0 12px 0px 0; } /*  for IE6 only */
.image_l_b img{ border:1px solid #fff; display:block;  }

.image_r_b { padding:0; margin:0 0 0 15px; float:right; display:inline; background:#e4dab3; padding:1px; }
.image_r_b img{ border:1px solid #fff; display:block;  }
*: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 */

.image_r_b01 { padding:0; margin:0 0 0 15px; float:right; display:inline; background:#e4dab3; padding:1px; }
.image_r_b01 img{ border:1px solid #fff; display:block;  }

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

.case {
	margin:0px 30px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case01 {
	margin: 0px 30px 0px 30px;
	background: url(../images/arrow_h.jpg) center 65px 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; margin:0; }

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

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

html {
	background:url(../images/body_bg.jpg) repeat-x 0 0;
}

body {
	background:url(../images/body_bg.jpg) repeat-x 0 0;
	color: #333;
	text-align: center; font-family:"ＭＳ Ｐゴシック";
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}
#main {
	margin: 0 auto;
	padding:19px 4px 33px 10px;
	text-align: left;
	clear:both;
}
#index #main {
	padding:19px 10px 33px 10px;
}




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

#header {
	width: 900px;
	height: auto;
	margin: 0;
	text-align: left;
	background:url(../images/header_bg.jpg) 332px 0 no-repeat;
}
#header01 { width:620px; float:left; }
#header02 { width:280px; float:right; height:100px; background:url(../images/header_tel_bg.jpg) no-repeat 0 0; }
#header .logo { margin:0; padding:0; width:480px; }
#header .tel { margin:0 5px; }
#header ul#header_nav { width:268px; margin:0 6px 0 6px; padding:0; list-style:none; }
#header ul#header_nav li { margin:0 0 0 1px; padding:0; list-style:none; float:left; display:inline; }

#header #header_main { clear:both; margin:0; padding:0; background:url(../images/content_main.jpg) no-repeat 0 0; height:242px; }
#index #header #header_main { clear:both; margin:0; padding:0; background:url(../images/index_main.jpg) no-repeat 0 0; height:372px; }
#header .main_img { margin:0; padding:171px 0 0 0 }
#header h2 { margin:0; padding:301px 0 0 0 }
#header #header_navi { width:900px; margin:0; padding:0 0 11px 0; background:url(../images/header_line_bg.jpg) repeat-x 0 bottom; }
#header #header_navi ul{ margin:0; padding:0; list-style:none; }
#header #header_navi ul li{ margin:0; padding:0; list-style:none; float:left; }

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

#footer {
	border-top:1px solid #524024;
	clear:both;
	background: url(../images/footer_bg.jpg) 0 bottom repeat-x;
}
#footer .tel { float:left; margin:0 29px 0 14px; padding:17px 0 0 0; display:inline; }
#footer .shika { float:left; margin:0; padding:13px 0 0 0; }
#footer .reservation { float:right; margin:0 19px 0 0; padding:13px 0 0 0; display:inline; }

#footer address {
	margin:0;
	clear:both;
	padding:21px 0 5px 0;
}
#footer address img{ margin:0 auto; text-align:center; }
/*html #footer address { padding:13px 0 10px 0; } /*  for IE6 only */

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

#navi {
	float: left;
	width: 220px;
	padding:0;
}
#navi .navi_bg01 { background:#e2dbcc; padding:9px 9px 1px 9px; margin-bottom:10px; }
#navi .navi_bg02 { background:#f3ebe6; padding:16px 16px 3px 16px; margin-bottom:10px; }
#navi .navi_bg03 { background:#ddd; padding:10px 1px 1px 1px; }
#navi .navi_bg04 { background:#eee; padding:7px 15px 4px 15px; }
#navi ul {
	width:202px;
	margin:0;
	padding:0;
	text-align: left;
}

#navi ul li {
	list-style: none;
	margin: 0;
	padding:0 0 8px 0; font-size:1%;
}
#navi ul.navi01 {
	width:188px;
	margin:0;
	padding:0;
	text-align: left;
}

#navi ul.navi01 li {
	list-style: none;
	margin: 0;
	padding:0 0 13px 0; font-size:1%;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
.mar0 { margin:0; }
.marb { margin:.5em 0; }
.mar_be { margin-bottom:1em; }
.mar_b10 { margin-bottom:10px; }
.mar_b15 { margin-bottom:15px; }
.mar_b2e { margin-bottom:2em; }
.mar_b3e { margin-bottom:3em; }
.mar_b24 { margin-bottom:24px; }
.mar_b26 { margin-bottom:26px; }
.mar01 { margin:1px 0 14px 0; }
.mar_l10 { margin-left:10px; }

.pad_lr20 { padding-left:20px; padding-right:20px; }
#content { width:646px; float:right; }
#index #content { width:640px; }
#content p, dl, table { line-height:1.71em; }
.alpha { float:left; }
.beta { float:right; }
.w200 { width:200px; }
.w150 { width:150px; }
.w100 { width:100px; }
.w210 { width:210px; }
.w392 { width:392px; }
.w410 { width:410px; }


#content h2 { margin:0 6px 13px 0; padding:0; height:53px; }
#content h3 { margin:0 -6px 11px 0px; padding:0; height:46px; clear:both; }
#content h4 { clear:both; height:29px; margin:0 0 7px 0;  text-indent:-9999px; }

/* index
------------------------------------------------------------------------*/
#index #content h3 { margin:0 0 17px 0; padding:0; }
.index01 { background:url(../images/index_01.jpg) no-repeat right bottom; padding:0 17px 10px 10px; margin-bottom:12px; }
.index02 { background:#eee; padding:10px 11px 14px 12px; clear:both; }
.button_r { margin:0 0 0 71px; }

/* about/index
------------------------------------------------------------------------*/
#about_index h4#title03 { background:url(../images/about_index_h4_01.jpg) no-repeat 0 0; }
#about_index h4#title04 { background:url(../images/about_index_h4_02.jpg) no-repeat 0 0; }
.bg_white { background:#fff; padding:13px; }
.icon01 { background:url(../images/icon_01.jpg) no-repeat 0 3px; padding:0 0 0 26px; margin-bottom:5px; }
.bg01 { background:url(../images/bg_01.jpg) no-repeat right bottom #f5f2ee; padding:8px 12px; }

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

/* about/propose
------------------------------------------------------------------------*/
#about_propose h4#title04 { background:url(../images/about_propose_h4_01.jpg) no-repeat 0 0; }
#about_propose h4#title05 { background:url(../images/about_propose_h4_02.jpg) no-repeat 0 0; }

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

/* about/treatment
------------------------------------------------------------------------*/
#about_treatment h4#title03 { background:url(../images/about_treatment_h4_01.jpg) no-repeat 0 0; }
#about_treatment h4#title04 { background:url(../images/about_treatment_h4_02.jpg) no-repeat 0 0; }

/* implant/index
------------------------------------------------------------------------*/
#implant_index h4#title03 { background:url(../images/implant_index_h4_01.jpg) no-repeat 0 0; }
#implant_index h4#title04 { background:url(../images/implant_index_h4_02.jpg) no-repeat 0 0; }
#implant_index h4#title05 { background:url(../images/implant_index_h4_03.jpg) no-repeat 0 0; }
#implant_index h4#title06 { background:url(../images/implant_index_h4_04.jpg) no-repeat 0 0; }
#implant_index ul.anchor01 { height:31px; margin:0 0 20px 0; padding:0; list-style:none; }
#implant_index ul.anchor01 li { height:31px; margin:0 0 0 12px; padding:0; list-style:none; float:left; display:inline; }
.font12 { font-size:12px; }
.bg02 { background:url(../images/bg_02.jpg) repeat-x 0 0 #fefbf7; border:1px solid #e4ccb4; padding:10px 12px; }
.title_bg { border-bottom:1px solid #e4ccb4; padding:0 0 3px 12px; margin:0 -12px 10px -12px; }

/* implant/inspection
------------------------------------------------------------------------*/
#implant_inspection h4#title03 { background:url(../images/implant_inspection_h4_01.jpg) no-repeat 0 0; }
#implant_inspection h4#title04 { background:url(../images/implant_inspection_h4_02.jpg) no-repeat 0 0; }
#implant_inspection h4#title05 { background:url(../images/implant_inspection_h4_03.jpg) no-repeat 0 0; }
#implant_inspection h4#title06 { background:url(../images/implant_inspection_h4_04.jpg) no-repeat 0 0; }
#implant_inspection h4#title07 { background:url(../images/implant_inspection_h4_05.jpg) no-repeat 0 0; }
#implant_inspection h4#title09 { background:url(../images/implant_inspection_h4_06.jpg) no-repeat 0 0; }
#implant_inspection h4#title10 { background:url(../images/implant_inspection_h4_07.jpg) no-repeat 0 0; }
#implant_inspection h4#title11 { background:url(../images/implant_inspection_h4_08.jpg) no-repeat 0 0; }
#implant_inspection h4#title12 { background:url(../images/implant_inspection_h4_09.jpg) no-repeat 0 0; }
#implant_inspection h4#title13 { background:url(../images/implant_inspection_h4_10.jpg) no-repeat 0 0; }
#implant_inspection h4#title14 { background:url(../images/implant_inspection_h4_11.jpg) no-repeat 0 0; }
#implant_inspection h4#title15 { background:url(../images/implant_inspection_h4_12.jpg) no-repeat 0 0; }
#implant_inspection h4#title16 { background:url(../images/implant_inspection_h4_13.jpg) no-repeat 0 0; }

/* implant/maintenance
------------------------------------------------------------------------*/
#implant_maintenance h4#title03 { background:url(../images/implant_maintenance_h4_01.jpg) no-repeat 0 0; }

/* implant/cost
------------------------------------------------------------------------*/
#implant_cost h4#title03 { background:url(../images/implant_cost_h4_01.jpg) no-repeat 0 0; }
#implant_cost h4#title06 { background:url(../images/implant_cost_h4_02.jpg) no-repeat 0 0; }
#implant_cost h4#title07 { background:url(../images/implant_cost_h4_03.jpg) no-repeat 0 0; }
#implant_cost h4#title08 { background:url(../images/implant_cost_h4_04.jpg) no-repeat 0 0; }

/* clinic/index
------------------------------------------------------------------------*/
#clinic_index h4#title03 { background:url(../images/clinic_index_h4_01.jpg) no-repeat 0 0; }
#clinic_index h4#title04 { background:url(../images/clinic_index_h4_02.jpg) no-repeat 0 0; }

/* clinic/clinic
------------------------------------------------------------------------*/
#clinic_clinic h4#title04 { background:url(../images/clinic_clinic_h4_01.jpg) no-repeat 0 0; }
#clinic_clinic h4#title05 { background:url(../images/clinic_clinic_h4_02.jpg) no-repeat 0 0; }
#clinic_clinic h4#title06 { background:url(../images/clinic_clinic_h4_03.jpg) no-repeat 0 0; }
#content dl.dl01 { width:560px; margin:0; padding:0; }
#content dl.dl01 dt{ width:130px; margin:0; padding:0; display:inline-block; float:left; }
#content dl.dl01 dd{ width:430px; margin:0; padding:0; display:inline-block; float:left; }

/* clinic/activity
------------------------------------------------------------------------*/
#clinic_activity h4#title03 { background:url(../images/clinic_activity_h4_01.jpg) no-repeat 0 0; }
#clinic_activity h4#title04 { background:url(../images/clinic_activity_h4_02.jpg) no-repeat 0 0; }
#clinic_activity h4#title05 { background:url(../images/clinic_activity_h4_03.jpg) no-repeat 0 0; }

#clinic_activity h4#title06 { background:url(../images/clinic_activity_h4_04.jpg) no-repeat 0 0; }
.bg03 { background:#f9f9f9; }

/* voice
------------------------------------------------------------------------*/
#voice h4#title03 { background:url(../images/voice_h4_01.jpg) no-repeat 0 0; }
#voice h4#title04 { background:url(../images/voice_h4_02.jpg) no-repeat 0 0; }
#voice h4#title05 { background:url(../images/voice_h4_03.jpg) no-repeat 0 0; }
#voice h4#title06 { background:url(../images/voice_h4_04.jpg) no-repeat 0 0; }
#voice h4#title07 { background:url(../images/voice_h4_05.jpg) no-repeat 0 0; }