@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%;
}
.bold{ font-weight: bold;}
.blue{ color: #0033CC;}
.arrow{ background: url(../images/arrow.jpg) center bottom no-repeat; height: 20px;}
h1 { font-size:120%; line-height:1.5em; margin:0 0 0 25px; padding:12px 0 0 0; position:relative; z-index:1; width:460px; color:#fff; height:41px; } /* Header内で設定 */
* html body h1 { height:53px; } /*  for IE6 only */
#content h2 { height:50px; font-size:1%; display:block; margin:0 0 20px 0; }
#content h3 { height:42px; margin:0 -10px 15px -10px; text-indent:-9999px; display:block; clear:both; }
#content h4 { height:22px; margin:0 -10px 12px -10px; text-indent:-9999px; display:block; clear:both; }
#content h5 { background:url(../images/icon_03.jpg) no-repeat 0 4px; padding:0 0 0 15px; margin-bottom:6px; font-weight:bold; line-height:20px; }
#content h5.h5_check { background:url(../images/icon_01.jpg) no-repeat 0 1px; padding:0 0 0 20px; font-weight:bold; }
#content h5.h5_check { background:url(../images/icon_01.jpg) no-repeat 0 1px; padding:0 0 0 20px; font-weight:bold; }

a { color: #023f7e; outline:none; }
a:hover,
a:active { color: #1299db; }

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table { width:100%; }

th,td {
	border: 1px solid #b2b2b2;
	padding: 4px 10px; color:#666; vertical-align:top;
}
th {
	width:150px;
}

p { margin: 0 0 1em; }

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


.section { padding:.5em 10px 1em 10px; }
.section .section { padding:.5em 10px 1em 10px; }

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

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

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

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

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

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

body {
	background:url(../images/body_bg.jpg) repeat-x 0 0;
	color: #666;
	text-align: center; font-family:"ＭＳ Ｐゴシック";
}
#container { background:url(../images/footer_bg.jpg) repeat-x 0 bottom; }
#wrapper { width:982px; margin: 0 auto; }
#main {
	margin: 0 auto;
	padding:0px 0 30px 0;
	text-align: left;
	clear:both;
	background:url(../images/main_bg.jpg) repeat-y right 0;
}
#index #main { padding:20px 0 30px 0; }
#main_line { background:url(../images/line_02.jpg) repeat-y 752px 0; display:block; }
#main_content { width:736px; float:right; }
#main_content_top { width:730px; background:url(../images/space_white.jpg) repeat-x 0 0; padding:31px 0 0 0; margin-right:6px; }

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#header {	width:982px;	height:100px;	margin:0; text-align:left; background:none; }
#index #header { background:url(../images/header_bg.jpg) no-repeat 0 4px; }
#header01 { width:885px; clear:both; margin:0 26px 0 71px; }
#header01 .logo { margin:0; width:205px; float:left; }
#header_right { float:right; width:601px; position:relative; margin:-43px 0 0 0; }
* html body #header_right {  margin:-55px 0 0 0; } /*  for IE6 only */
#header_right .tel { float:left; margin:0; padding:0 0 0 120px; }
#header_right .time { float:left; margin:0; padding:0; }
#header_right .header_access { float:right; margin:0; padding:0 17px 0 0; }
#header_nav { padding:9px 0 0 0; clear:both; }

#header_nav ul{ margin:0; padding:0; list-style:none; width:601px; }
#header_nav ul li { margin:0; padding:0 1px; list-style:none; float:left; border-left:1px solid #b2b2b2; }
#header_nav ul li.nav_right { padding:0 0 0 1px; }

#main_img { width:736px; margin:0; padding:0; background:url(../images/main_img_bg.jpg) no-repeat right 0 #fff; height:200px; text-align:left; }
#index #main_img { width:982px; height:510px; background:url(../images/index_main_img_bg.jpg) no-repeat 0 0; }
#main_img h2 { margin:0; padding:81px 0 0 19px; float:left; }
#main_img p { float:left; padding:0; margin:0; }
#index #main_img p { margin:0; padding:320px 20px 0 0; float:right; }

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#footer { width:982px; margin:0; text-align:left; padding:0; height:140px; clear:both; background:#3f3f3f; }
#footer address {
	margin:0;
	padding:45px 0 0 308px;
	font-size:1%; display:block;
}

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

#navi { float:left;	width:240px; margin:10px 0 0 6px; display:inline; padding:0; }
#index #navi { margin:-10px 0 -10px -722px; position:absolute; }
#navi ul { margin:0 10px 10px 10px; padding:0; list-style:none; width:220px; }
#navi ul li{ margin:0; padding:0; list-style:none; font-size:1%; line-height:1%; }
#navi .nav01 { margin:0 10px 10px 10px; padding:0; }
#navi .nav02 { margin:0 25px 10px 25px; padding:0; }

#navi_right { width:190px; float:right; margin:0 19px 0 0; display:inline; padding:0; }
#index #navi_right { margin:0 25px 0 0; }
#navi_right .line01 { background:url(../images/line_01.jpg) repeat-x 0 bottom; padding:0 0 12px 0; margin-bottom:12px; }
#navi_right .access { background:url(../images/index_05.jpg) no-repeat right 0; padding:3px 0 31px 0; margin-bottom:13px; color:#222; }
#navi_right dl { width:190px; margin:0; padding:0; }
#navi_right dl dt { width:190px; margin:0; padding:6px 0 0 0; display:inline-block; color:#2D6094; font-weight:bold; }
#navi_right dl dd { width:178px; margin:0 0 0 12px; padding:0; display:inline-block; line-height:17px; }
.shika {width:120px; margin:0 0 10px 35px; }

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
.mar0 { margin:0; }
.mar_b10 { margin-bottom:10px; }
.mar_b12 { margin-bottom:12px; }
.mar_b15 { margin-bottom:15px; }
.mar_b20 { margin-bottom:20px; }
.mar_b20_c { margin-bottom:20px; clear:both; }
.mar_b10_c { margin-bottom:10px; clear:both; }
.mar_b25 { margin-bottom:25px; }
.mar_b5 { margin-bottom:5px; }
.mar_b8 { margin-bottom:8px; }
.pad_b10 { padding-bottom:10px; }
.mar_l40 { margin-left:40px; margin-bottom:10px; }
.mar_l25 { margin-left:25px; margin-bottom:10px; }

#content { width:460px; float:left; margin:0 0 0 22px; display:inline; }
#index #content { margin:0 0 0 268px; }
#content p, dl, table { line-height:1.357em; }
.alpha { float:left; }
.beta { float:right; }

.w100 { width:100px; }
.w110 { width:110px; }
.w225 { width:225px; }
.w205 { width:205px; }

.text_m { vertical-align:middle; }
.text_red { color:#FF0000; }
.text_orange { color:#FF7F00; }
.staff_list { border-bottom:1px dashed #ccc; padding:0 0 3px 5px; margin-bottom:8px; color:#555; font-weight:bold; }

/* index
------------------------------------------------------------------------*/
.index01 { border-top:1px solid #b2b2b2; padding:10px 0 18px 0; margin-bottom:10px; }
#index #content h3#title02 { height:22px; margin:0 0 15px 0; padding:0; background:url(../images/index_01.jpg) no-repeat 0 0; }
.index_img01 { float:right; margin:0; padding:5px 0 0 0; margin:0; }

.index02 { border:1px dashed #b2b2b2; padding:12px 22px 13px 22px; }
.index02 dl { width:414px; margin:0; padding:0; line-height:1.55; }
.index02 dl dt { width:89px; margin:0; padding:0; float:left; display:inline-block; }
.index02 dl dd { width:325px; margin:0; padding:0; float:left; display:inline-block; }

/* staff
------------------------------------------------------------------------*/
#staff h3#title02 { background:url(../images/staff_h3-01.jpg) no-repeat 0 0; }
.staff01 { float:left; width:130px; margin:0 25px 0 0; display:inline; }
.staff02 { float:right; width:130px; margin:0; display:inline; }
.pad_l10 { padding-left:10px; margin-bottom:10px; }

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

/* clinic_info
------------------------------------------------------------------------*/
#clinic_info h3#title02 { background:url(../images/clinic_info_h3-01.jpg) no-repeat 0 0; }
#clinic_info h4#title03 { background:url(../images/clinic_info_h4-01.jpg) no-repeat 0 0; }
#clinic_info h4#title04 { background:url(../images/clinic_info_h4-02.jpg) no-repeat 0 0; }
#clinic_info h4#title05 { background:url(../images/clinic_info_h4-03.jpg) no-repeat 0 0; }

.bg01 { background:#d7e7f7; font-weight:bold; color:#333; }
.bg02 { background:#ededed; }
.bg03 { background:#d7e7f7; color:#333; }

#map { width:420px; height:320px; border:1px solid #b2b2b2; margin:0 0 15px 0; padding:0; }


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

/* voice
------------------------------------------------------------------------*/
#voice h3#title02 { background:url(../images/voice_h3-01.jpg) no-repeat 0 0; }
#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; height: 35px; }
/* reason
------------------------------------------------------------------------*/
#reason h3#title02 { background:url(../images/reason_h3-01.jpg) no-repeat 0 0; }
#reason #content h4#title03 { margin:0 -10px 12px -10px; display:block; clear:both; height:55px; background:url(../images/reason_h4-01.jpg) no-repeat 0 0; }
#reason #content h4#title04 { margin:0 -10px 12px -10px; display:block; clear:both; height:55px; background:url(../images/reason_h4-02.jpg) no-repeat 0 0; }
#reason #content h4#title05 { margin:0 -10px 12px -10px; display:block; clear:both; height:55px; background:url(../images/reason_h4-03.jpg) no-repeat 0 0; }
#reason #content h4#title06 { margin:0 -10px 12px -10px; display:block; clear:both; height:55px; background:url(../images/reason_h4-04.jpg) no-repeat 0 0; }
#reason #content h4#title07 { margin:0 -10px 12px -10px; display:block; clear:both; height:55px; background:url(../images/reason_h4-05.jpg) no-repeat 0 0; }

/* contact
------------------------------------------------------------------------*/
#contact h3#title02 { background:url(../images/contact_h3-01.jpg) no-repeat 0 0; }
.contact01 { margin-left:-10px; margin-right:-10px; margin-bottom:10px; }

/* therapy
------------------------------------------------------------------------*/
#therapy h3#title02 { background:url(../images/therapy_h3-01.jpg) no-repeat 0 0; }
#therapy h4#title03 { background:url(../images/therapy_h4-01.jpg) no-repeat 0 0; }
#therapy h4#title04 { background:url(../images/therapy_h4-02.jpg) no-repeat 0 0; }
#therapy h4#title05 { background:url(../images/therapy_h4-03.jpg) no-repeat 0 0; }

/* perio
------------------------------------------------------------------------*/
#perio h3#title02 { background:url(../images/perio_h3-01.jpg) no-repeat 0 0; }
#perio h4#title03 { background:url(../images/perio_h4-01.jpg) no-repeat 0 0; }
#perio h4#title04 { background:url(../images/perio_h4-02.jpg) no-repeat 0 0; }
#perio h4#title05 { background:url(../images/perio_h4-03.jpg) no-repeat 0 0; }
.perio01 { background:url(../images/perio_04.jpg) no-repeat right 0; padding:0px 180px 0px 0; }
#content ul.ul01 { margin:0; padding:0; list-style:none; }
#content ul.ul01 li{ background:url(../images/icon_02.jpg) no-repeat 0 4px; margin:0; padding:0 0 0 18px; list-style:none; }

/* oral_surgery
------------------------------------------------------------------------*/
#oral_surgery h3#title02 { background:url(../images/oral_surgery_h3-01.jpg) no-repeat 0 0; }
#oral_surgery h4#title03 { background:url(../images/oral_surgery_h4-01.jpg) no-repeat 0 0; }
#oral_surgery h4#title04 { background:url(../images/oral_surgery_h4-02.jpg) no-repeat 0 0; }
#oral_surgery h4#title05 { background:url(../images/oral_surgery_h4-03.jpg) no-repeat 0 0; }
#oral_surgery h4#title06 { background:url(../images/oral_surgery_h4-04.jpg) no-repeat 0 0; }
#oral_surgery h4#title07 { background:url(../images/oral_surgery_h4-05.jpg) no-repeat 0 0; }

/* maintenance
------------------------------------------------------------------------*/
#maintenance h3#title02 { background:url(../images/maintenance_h3-01.jpg) no-repeat 0 0; }
#maintenance h4#title03 { background:url(../images/maintenance_h4-01.jpg) no-repeat 0 0; }
#maintenance h4#title04 { background:url(../images/maintenance_h4-02.jpg) no-repeat 0 0; }
#maintenance #content h5#title05 { height:20px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/maintenance_h5_01.jpg) no-repeat 0 0; }
#maintenance #content h5#title06 { height:20px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/maintenance_h5_02.jpg) no-repeat 0 0; }
#maintenance #content h5#title07 { height:20px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/maintenance_h5_03.jpg) no-repeat 0 0; }
#maintenance #content h5#title08 { height:20px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/maintenance_h5_04.jpg) no-repeat 0 0; }
#maintenance h4#title09 { background:url(../images/maintenance_h4-03.jpg) no-repeat 0 0; }
.maintenance01 { background:url(../images/maintenance_img_01.jpg) no-repeat right 0; margin-bottom:10px; padding:5px 150px 5px 0; }

/* denture
------------------------------------------------------------------------*/
#denture h3#title02 { background:url(../images/denture_h3-01.jpg) no-repeat 0 0; }
#denture h4#title03 { background:url(../images/denture_h4-01.jpg) no-repeat 0 0; }
#denture h3#title04 { background:url(../images/denture_h3-02.jpg) no-repeat 0 0; }
#denture h4#title05 { background:url(../images/denture_h4-02.jpg) no-repeat 0 0; }
#denture h4#title06 { background:url(../images/denture_h4-03.jpg) no-repeat 0 0; }
#denture #content h5#title07{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/denture_h5_01.jpg) no-repeat 0 0; }
#denture #content h5#title08{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/denture_h5_02.jpg) no-repeat 0 0; }
#denture #content h5#title09{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/denture_h5_03.jpg) no-repeat 0 0; }
#denture #content h5#title10{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/denture_h5_04.jpg) no-repeat 0 0; }
#denture #content h5#title11{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/denture_h5_05.jpg) no-repeat 0 0; }

.w20 { width:20px; }
.w168 { width:168px; }

#maintenance #content h5 { height:20px; margin:0 0 10px 0; padding:0; text-indent:-9999px; }
#maintenance #content h5#title05 { background:url(../images/maintenance_h5_01.jpg) no-repeat 0 0; }

/* esthe
------------------------------------------------------------------------*/
#esthe h3#title02 { background:url(../images/esthe_h3-01.jpg) no-repeat 0 0; }
#esthe h4#title03 { background:url(../images/esthe_h4-01.jpg) no-repeat 0 0; }
#esthe h4#title05 { background:url(../images/esthe_h4-02.jpg) no-repeat 0 0; }
#esthe h4#title06 { background:url(../images/esthe_h4-03.jpg) no-repeat 0 0; }
#esthe h4#title07 { background:url(../images/esthe_h4-04.jpg) no-repeat 0 0; }

#esthe h5#title04 { height:20px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/esthe_h5_01.jpg) no-repeat 0 0; }

#content ul.icon{ padding:0; }
#content ul.icon li{ 
	background:url(../images/icon02.jpg) 0 3px no-repeat;
	margin:0;
	padding:0 0 0 20px;
	list-style:none;
	}

caption.white {
  text-align: left;
  font-weight: bold;
}
table.white { margin-bottom: 15px;s}

/* child
------------------------------------------------------------------------*/
#child h3#title02 { background:url(../images/child_h3-01.jpg) no-repeat 0 0; }
#child h3#title05 { background:url(../images/child_h3-02.jpg) no-repeat 0 0; }

#child h4#title03 { background:url(../images/child_h4-01.jpg) no-repeat 0 0; }
#child h4#title04 { background:url(../images/child_h4-02.jpg) no-repeat 0 0; }
#child #content h5#title05{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/child_h5_01.jpg) no-repeat 0 0; }
#child #content h5#title06{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/child_h5_02.jpg) no-repeat 0 0; }
#child #content h5#title07{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/child_h5_03.jpg) no-repeat 0 0; }
#child #content h5#title08{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/child_h5_04.jpg) no-repeat 0 0; }
#child #content h5#title09{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/child_h5_05.jpg) no-repeat 0 0; }
#child #content h5#title10{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/child_h5_06.jpg) no-repeat 0 0; }
#child #content h5#title11{ height:55px; margin:0 0 10px 0; padding:0; text-indent:-9999px; background:url(../images/child_h5_07.jpg) no-repeat 0 0; }