@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: 100%;
}
table.mailform select, table.mailform textarea, table.mailform input { font-size:12px; color:#666; }

h1 { font-size:100%; line-height:16px; margin:0; padding:3px 7px 0 0; color:#300F00; text-align:right; } /* Header内で設定 */
#content h2 { font-size:1%; display:block; margin:0 0 0 41px; padding-top:29px; }
#content h3 { margin:0 0 18px 0; display:block; clear:both; }
#content h4 { margin:0 0 10px 0; display:block; clear:both; }
#content h5 { margin:0 0 8px 0; display:block; clear:both; background:url(../images/h5_bg.jpg) no-repeat 0 2px; padding:0 0 0 22px; font-size:140%; font-weight:bold; line-height:1.5em; color:#8b3e00; }

a { color: #5a3d1c; outline:none; }
a:hover,
a:active { color: #ff619a; }

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table { width:100%; }

th,td {
	border: 1px solid #d3be94;
	padding: 4px 10px; color:#666;
}
th {
	width:150px;
	background:#f8f5ec; color:#55423c;
}

p { margin: 0 0 1em; }

img { font-size:1%; line-height:1%; }
dt img,dd img,li img { vertical-align: bottom; }


.section { padding:0 0 15px 0; }
.section .section { padding:0 5px 25px 5px; }

.image_l { padding:3px 0 0 0; margin:0 20px 0px 0; float:left; display:inline; }
*:first-child+html .image_l { margin:0 20px 0px 0; } /*  for IE7 only */
* html body .image_l { margin:0 17px 0px 0; } /*  for IE6 only */

.image_b01 { padding:4px; margin:0 auto 20px 50px; border:1px solid #c6c6c6; width:500px; }
.image_b02 { padding:4px; margin:0 0 20px 10px; border:1px solid #c6c6c6; width:250px; }
.image_b03 { padding:4px; margin:0 auto 20px 47px; border:1px solid #c6c6c6; width:177px; }
.image_b04 { padding:4px; margin:0 10px 20px 15px; border:1px solid #c6c6c6; width:240px; }
.image_b05 { padding:4px; margin:0 auto 20px 30px; border:1px solid #c6c6c6; width:500px; }
.image_b { padding:4px; margin:0; border:1px solid #c6c6c6; }

.image_l01 { padding:4px; margin:0 20px 0px 0; float:left; display:inline; border:1px solid #c6c6c6; }
*:first-child+html .image_l01 { margin:0 20px 0px 0; } /*  for IE7 only */
* html body .image_l01 { margin:0 17px 0px 0; } /*  for IE6 only */

.image_r { padding:3px 0 0 0; margin:0 0 0 20px; float:right; display:inline; }
*:first-child+html .image_r { margin:0 0 0 20px; } /*  for IE7 only */
* html body .image_r { margin:0 0 0 17px; } /*  for IE6 only */

.image_r01 { padding:4px; margin:0 0 0 20px; float:right; display:inline; border:1px solid #c6c6c6; }
*:first-child+html .image_r01 { margin:0 0 0 20px; } /*  for IE7 only */
* html body .image_r01 { margin:0 0 0 17px; } /*  for IE6 only */

.image_r02 { padding:4px; margin:0 0 50px 20px; float:right; display:inline; border:1px solid #c6c6c6; }
*:first-child+html .image_r02 { margin:0 0 50px 20px; } /*  for IE7 only */
* html body .image_r02 { margin:0 0 50px 17px; } /*  for IE6 only */

.image_l02 { padding:4px; margin:0 ; float:left; display:inline; border:1px solid #c6c6c6; }
.image_r03 { padding:4px; margin:0 ; float:right; display:inline; border:1px solid #c6c6c6; }

.image_r04 { padding:0; margin:0 0 0 20px; float:right; display:inline;}
*:first-child+html .image_r04 { margin:0 0 0 20px; } /*  for IE7 only */
* html body .image_r04 { margin:0 0 0 17px; } /*  for IE6 only */

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

.case {
	margin-left:20px; margin-right: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; }
.caption { text-align:center; margin:5px 0 0 0; }

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

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

body {
	background:url(../images/body_bg.jpg) repeat center 0;
	color: #666;
	text-align: center; font-family:"ＭＳ Ｐゴシック";
}
#container { background:url(../images/header_bg.jpg) no-repeat center 0; }
#index #container { background:url(../images/index_header_bg.jpg) no-repeat center 0; }
#container_b { background:url(../images/footer_bg.jpg) repeat-x 0 bottom; }
#wrapper { width:920px; margin:0 auto; background:url(../images/wrapper_bg.jpg) repeat-y 0 0; }
#wrapper_t { width:920px; margin:0 auto; background:url(../images/header_bg.jpg) no-repeat center 0; }
#main {
	background:none; padding:10px 10px 0 10px; margin:0 10px; text-align:left; clear:both;
}
#index #main { background:url(../images/main_bg.jpg) repeat-x 0 0; padding:25px 10px 0 10px; margin:0 10px; }

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#header {
	height:80px;
	margin: 0;
	text-align:left;
	padding:0 10px;
}
#index #header { background:url(../images/index_header_bg.jpg) no-repeat center 0; height:410px; }
#header01 { height:61px; padding:0; margin:0 14px 0 30px; }
#header .logo { float:left; width:244px; margin:0; padding:0; height:42px;  }
#header .tel { margin:0; padding:7px 0 0 0; float:right; width:209px; }
#font_re { width:110px; float:left; margin:0 0 0 281px; display:inline; padding:8px 0 0 0; }
#font_re p { margin:0; }
#font_re .font_bg { background:#f6f2ea; border-bottom:1px solid #e0d1b4; border-left:1px solid #e0d1b4; border-right:1px solid #e0d1b4; padding:0 0 3px 2px; }
#font_re .font_bg ul { margin:0; padding:0; list-style:none; width:106px; }
#font_re .font_bg ul li{ margin:0 3px 0 0; padding:0; list-style:none; float:left; display:inline; font-size:1%; line-height:1%; }

#main_img { width:900px; margin:0; padding:0; height:330px; clear:both; }
#main_img h2 { float:left; margin:0; padding:0; width:850px; }
#main_img h2 img { position:absolute; margin:0; font-size:1%; line-height:1%;  }
#main_img ul { width:50px; float:left; margin:0; padding:0; list-style:none; }
#main_img ul li{ width:50px; margin:0; padding:0; list-style:none; font-size:1%; line-height:1%; }

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#footer { width:920px; margin:0; text-align:left; padding:0; height:135px; background:url(../images/footer_bg.jpg) repeat-x 0 0; clear:both; }

#footer .tel { float:left; margin:0; padding:39px 0 0 17px; }
#footer .reservation { float:right; padding:18px 18px 0 0; margin:0; }
#footer address {
	margin:0;
	clear:both;
	padding:11px 0 0 0;
	font-size:1%; line-height:1%; display:block; text-align:center;
}

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

#navi {
	float: left;
	width: 230px;
	margin:0;
	padding:0;
}
#navi ul { margin:0; padding:0; list-style:none; width:200px; }
#navi ul li{ margin:0; padding:0; list-style:none; font-size:1%; line-height:1%; }
#navi .nav_top01 { background:url(../images/nav_bg01_top.jpg) no-repeat 0 0; padding:3px 0 0 0; margin-bottom:10px; }
#navi .nav_top02 { background:url(../images/nav_bg02_top.jpg) no-repeat 0 0; padding:3px 0 0 0; margin-bottom:10px; }
#navi .nav_bg { background:url(../images/nav_bg.jpg) repeat-y 0 0; border-bottom:1px solid #d3be94; padding:6px 9px 9px 9px; }
#navi .nav_bg02 { border:1px solid #d3be94; padding:0 4px; background:#fff; }
#navi .nav_shika { margin:0 0 20px 60px; padding:0; }



/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
.mar0 { margin:0; }
.mar_b5 { margin-bottom:5px; }
.mar_b9 { margin-bottom:9px; }
.mar_b10 { margin-bottom:10px; }
.mar_b15 { margin-bottom:15px; }
.mar_b17 { margin-bottom:17px; }
.mar_b20 { margin-bottom:20px; }
.mar_b25 { margin-bottom:25px; }
.mar_b40 { margin-bottom:40px; }
.mar_b50 { margin-bottom:50px; }

.pad_lr5 { padding-left:5px; padding-right:5px; }
.pad_01 { padding:0px 15px 15px 15px; }

#content { width:630px; float:right; }
#content p, #content dl, #content table, #content ul { font-size:140%; line-height:1.428em; }
#content table p, #content table ul, #content table dl { font-size:100%; }
.alpha { float:left; }
.beta { float:right; }

.w60 { width:65px; }
.w100 { width:100px; }
.w230 { width:230px; }
.w50p { width:50%; }
.w400 { width:415px; }
.w380 { width:380px; }
.text_t { vertical-align:top; }
.text_red { color:#ff0000; }

/* index
------------------------------------------------------------------------*/
.news {   }
.index01 { border:1px solid #e9dec9; padding:0 1px 1px 10px; margin-bottom:18px; }
#tiny { padding-right:0; padding-top:7px;height:98px; overflow:auto; }
#tiny table { margin: 0; width: 590px; }
#index #content h3 { margin:0 0 15px 0; }
.strong { font-weight:bold; }
strong { font-weight:bold; color:#EC908B; }
.text_color01 { color:#EC908B; font-weight:bold; }
.index_bg01 { background:#fdfcfa; border:1px solid #dccba9; padding:4px; margin-bottom:30px; }
.index_bg02 { background:#fff; border:1px solid #dccba9; padding:9px 9px 9px 5px; }
.index_info { width:344px; float:left; }
#content dl.dl_index { width:344px; margin:0; padding:0; font-size:14px; }
#content dl.dl_index dt{ width:65px; margin:0; padding:0; display:inline-block; text-align:right; font-weight:bold; color:#300f00; float:left; }
#content dl.dl_index dd{ width:262px; margin:0; text-indent:17px; margin:0; padding:0; display:inline-block; float:left; }
.index_bg { background:url(../images/space_01.jpg) repeat-y 73px 0; padding:3px 0 6px 0; margin-bottom:8px; }
.main_img_bg { background:url(../images/bg_main.jpg) no-repeat 0 0; height:150px; margin-bottom:19px; }
.main_img_bg p { margin:0 0 0 41px; }

#treatment .main_img_bg { background:url(../images/treatment_bg_main.jpg) no-repeat 0 0; }
#prevent-child .main_img_bg { background:url(../images/prevent-child_bg_main.jpg) no-repeat 0 0; }
#aesthe .main_img_bg { background:url(../images/aesthe_bg_main.jpg) no-repeat 0 0; }
#denture-implant .main_img_bg { background:url(../images/denture-implant_bg_main.jpg) no-repeat 0 0; }
#ortho .main_img_bg { background:url(../images/ortho_bg_main.jpg) no-repeat 0 0; }
#recruit .main_img_bg { background:url(../images/recruit_bg_main.jpg) no-repeat 0 0; }
#concept .main_img_bg { background:url(../images/concept_bg_main.jpg) no-repeat 0 0; }
#clinic .main_img_bg { background:url(../images/clinic_bg_main.jpg) no-repeat 0 0; }

.bg01 {background:#f7dead; padding:5px 10px; font-weight:bold; margin-top:5px; color:#8b3e00; }
.bg01_01 {background:#f7dead; padding:15px 10px; font-weight:bold; margin-top:5px; color:#8b3e00; }
.bg02 {background:#d8edf6; padding:5px 10px; font-weight:bold; margin-top:5px; color:#299acd; }
.td01 { background:#fffcf6; vertical-align:top; width:50%; }
.td02 { background:#f4faff; vertical-align:top; width:50%; }
.td03 { background:#f7dead; text-align:center; font-weight:bold; width:33%; color:#8b3e00; }
.td04 { background:#fffcf6; }
.td05 { border:none;}
.td06 { background:#FDF4F3; color: #EC908B; font-weight: bold; }
.td07 { background:#EFF9FE; color: #5FC8F8; font-weight: bold;}

.bg_orange { background:#ffeee3; padding:5px 10px; font-weight:bold; margin-top:5px; color:#ff6600; }


.box01_top { background:url(../images/box01_top.jpg) no-repeat 0 0; padding:39px 0 0 0; margin-bottom:15px; }
.box01_top01 { background:url(../images/box01_top.jpg) no-repeat 0 0; padding:39px 0 0 0; }
.box01_bg { background:#fffcf6; padding:9px; border:1px solid #ffc9c6; border-top:none; }
.box01_bg01 { background:#fffcf6; padding:9px 15px 15px 15px; border:1px solid #ffc9c6; border-top:none; }

.flow_bg { border:1px solid #e4cb9a; background:#fff; }
.recruit_bg01 { background:url(../images/recruit_bg01.jpg) repeat-y 0 0; }
.recruit01 { width:170px; float:left; margin:5px 19px 5px 5px; display:inline; }
.recruit02 { width:170px; float:right; margin:5px 5px 5px 0; }

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

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

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

#content ul.ul04 { margin:0 0 20px 10px; padding:0; list-style:none;
	border: 1px solid #F4BCB9;
	background: #FDF4F3;
	padding: 10px;
	margin-top: 5px; }
#content ul.ul04 li{ margin:0; padding:0 0 0 18px; list-style:none; background:url(../images/icon_01.jpg) no-repeat 0 6px; }

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

#content ul.ul_list01{margin:0; padding:0; float:left; display:inline; width:630px;}
#content ul.ul_list01 li{margin:0; padding:0 10px 10px 0; float:left; display:inline; line-height:1%;}
#content ul.ul_list01 li.li01{margin:0; padding:0; float:left; display:inline; line-height:1%;}



#content dl.dl01 { margin:0; padding:0; width:420px; }
#content dl.dl01 dt{ margin:0; padding:0; width:80px; float:left; display:inline-block; }
#content dl.dl01 dd{ margin:0; padding:0; width:340px; float:left; display:inline-block; }
#content dl.dl01 dd.dd01{ margin:0 0 0 80px; display:inline; }
.clinic01 { width:150px; float:left; margin:0 3px 0 0; display:inline; }
.clinic02 { width:150px; float:right; margin:0; display:inline; }
.clinic03 { width:126px; float:left; margin:0; background:url(../images/arrow_h_01.jpg) no-repeat right center; }
.clinic04 { width:106px; float:right; margin:0; }

#content ul.thumbs { margin:0 0 0 5px; padding:0; list-style:none; width:570px; }
#content ul.thumbs li{ margin:0 15px 0 0; padding:0 0 15px 0; list-style:none; width:180px; float:left; display:inline; }
#content ul.thumbs li.li_r { margin:0; }
.img_ex { height:402px; border:1px solid #ccc; padding:4px; margin-bottom:15px; }

#content ul.ul_anchor { margin:0 ; padding:0; list-style:none; }
#content ul.ul_anchor li{ margin:0 2px 0 3px ; padding:0; list-style:none; float:left; display:inline; font-size:1%; line-height:1%;}
.qa_a { background:url(../images/qa_a.jpg) no-repeat 3px 0; padding:0 15px 15px 75px; }

#content p.title { font-weight:bold; text-align:center; margin: 0 auto 10px; font-size:160%; color:#aa3e38; line-height:1.5em;}

#recruit .alpha { width: 250px; margin-top: 25px; }
#recruit .beta { width: 350px; margin-top: 15px; }

#recruit .beta .ul01 {
	border: 1px solid #F4BCB9;
	background: #FDF4F3;
	padding: 10px;
	margin-top: 5px;
	}
	
#clinic_clinic .border_t { border-top: 1px solid #E0D1B4; padding-top: 15px; }