@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: 100%;
}
	
h1 {font-size:120%; margin:0; padding:8px 0 0 0; float:right; position:relative; text-align:right;} /* Header内で設定 */
#index h2 {
	margin: 0 auto ;
	padding: 347px 0 0 180px;
	height: 65px;
	font-size: 1%;
	line-height: 1%; 
	display: block;
	float:left;
	}
#content h2 {
	margin: 0 0 20px 0;
	padding: 0 ;
	height: 60px;
	line-height: 1%; 
	display: block;
	}

#content h3 {
	clear: both;
	margin: 0 -10px 10px -10px;
	height: 45px;
	text-indent: -9999px;
	}
#content h4 {
	clear: both;
	margin: 0;
	height: 30px;
	text-indent: -9999px;
	}

a { color: #856600; outline:none; text-decoration:underline; }
a:hover,
a:active { color: #856600; text-decoration: none; outline:none; }
a:visited {
}

#content table {
	margin: 0;
	padding:0;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 100%;
	line-height: 1.5em;
	width: 100%;
	color:#666;
	font-family:"ＭＳ Ｐゴシック";
	}
#content table th,
#content table td {
	padding: 7px 8px;
	border: 1px solid #ccc;
	}
#content table th {
	background:#243055;
	}

p { margin: 0 0 1em; }

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


.section { padding:0 10px 0 15px; clear:both; }
.section .section { padding:0; clear:both; }

.image_l { float: left; margin: 0; padding:0; }
.image_r { float: right; margin: 3px 0 0 10px; padding:0;}
*:first-child+html .image_r{ margin: 3px 0 0 10px ; } /*  for IE7 only */
* html body .image_r { margin: 3px 0 0 7px; } /*  for IE6 only */

.image_r01 { float: right; margin: 3px 0 0 10px; padding:0;}
*:first-child+html .image_r01{ margin: 3px 0 -14px 10px ; } /*  for IE7 only */
* html body .image_r01 { margin: 3px 0 -14px 7px; } /*  for IE6 only */

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

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

#content ul.icon{ padding:0; }
#content ul.icon li{ 
	background:url(../images/icon01.jpg) 0 10px no-repeat;
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	}
#content ul.icon01{ padding:0; }
#content ul.icon01 li{ 
	background:url(../images/icon02.jpg) 0 5px no-repeat;
	margin:0;
	padding:0 0 0 17px;
	list-style:none;
	}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body#index {
  background: url(../images/body_bg.jpg) top repeat-x;
	color: #666;
	text-align:center;
}
body {
  background: url(../images/content_bodybg.jpg) top repeat-x;
	color: #666;
	text-align:center;
}
#container { margin: 0 auto ; background:url(../images/body_bg01.jpg) left bottom repeat-x; padding:0; }
#wrapper {
	width: 1000px;
	margin: 0 auto;
}
#main {
	width: 1000px;
	margin: 0 auto 15px auto;
	text-align: left;
}
#index #content{ width:1000px; float:left; margin:0; padding:0; font-size:140%; line-height:1.71;}
#content{ width:745px; float:right; margin:0; padding:0; font-size:140%; line-height:1.71;}


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

#header {
	width: 1000px;
	height:414px;
	margin: 0;
	text-align: left;
}
#index #header {
	width: 1000px;
	height:604px;
	margin: 0;
	text-align: left;
}

#header01 { width:1000px; margin:0; padding:0; position:relative; clear:both;}
#header .logo { float:left; margin:-29px 0 0 0; padding:0; line-height:1%; position:relative; }
#header01_01{width:452px; margin:0; padding:0; float:right;}
#header .tel { position:relative; margin:9px 0 0 0; float:left; }
#header .contact { position:relative; margin:9px 0 0 0; float:right; }
#index #header02{background:url(../images/header02_bg.jpg) 0 0 no-repeat; margin:0 0 6px 0; padding:0 0 0 0; width:1000px; height:450px; text-align:left;}
#header02{background:url(../images/content_header02_bg.jpg) 0 0 no-repeat; margin:0 0 6px 0; padding:0 0 0 0; width:1000px; height:250px; text-align:left;}
#header03{width:1000px; margin:0; padding:0; height:50px;}

#header03 ul.header_nav {
	width: 1000px;
	height: 50px;
	margin: 0 ;
	list-style: none;
}
#header03 ul.header_nav li {
	height: 50px;
	margin: 0 ;
	list-style: none;
	float: left;
	display: inline;
}
.mainimg{float:right; margin:0; padding:105px 0 0 0; line-height:1%;}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	text-align:left;
	width:1000px;
	height:341px;
	font-size:140%;
	line-height:1.71;
  background:url(../images/body_bg01.jpg) 0 0 repeat-x;
	margin:0; padding:0;
	font-family:"ＭＳ Ｐゴシック";
}
#footer01{width:1000px; margin:0; padding:22px 0 30px 0;}
.footerbg01{background:url(../images/index_img12.jpg) 0 0 repeat-y; margin:0; padding:0;}
.footerbg02{background:url(../images/index_img11.jpg) left top no-repeat; margin:0; padding:0;}
.footerbg03{background:url(../images/index_img13.jpg) left bottom no-repeat; margin:0; padding:8px 0 8px 7px;}

#footer dl{margin:0; padding:0; display:inline;}
#footer dl dt{margin:0 0 0 10px; padding:0; float:left; width:103px; display:inline;}
#footer dl dd{margin:0; padding:0; float:left; width:160px; }

#footer02{width:1000px; margin:0; padding:0; float:left;}
.footer_tel{float:left; margin:0 8px 0 0; padding:0;}
.footer_contact{float:left; margin:0; padding:0;}

#footer address {margin: 0; padding:10px 0 0 0; line-height:1%; font-size:1%; float:right;}


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

#navi {
	float: left;
	width: 228px;
}
.navi_bg01{background:url(../images/navi_bg02.jpg) 0 0 repeat-y; margin:0; padding:0;}
.navi_bg02{background:url(../images/navi_bg01.jpg) left top no-repeat; margin:0; padding:0;}
.navi_bg03{background:url(../images/navi_bg03.jpg) left bottom no-repeat; margin:0; padding:11px 0 12px 5px;}
#navi dl,
#navi ul {
	margin: 0;
	text-align: left;
}

#navi dl dt,
#navi dl dd,
#navi ul li {
	list-style: none;
	margin: 9px 0 0 4px;
	padding:0;
	vertical-align: top;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
/* index
------------------------------------------------------------------------*/

.img{margin:0; padding:0; line-height:1%;}
.index_bg01{background:url(../images/index_img08.jpg) 0 0 no-repeat; width:992px; margin:0 0 27px 4px; padding:20px 0 24px 0;}
.alpha{float:left; margin:0; padding:0;}
.beta{float:right; margin:0; padding:0;}

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

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

/*----------  Cost  ----------*/
#cost h3#title02 { background: url(../images/cost_h3-01.jpg) 0 0 no-repeat; }
#cost h4#title03 { background: url(../images/cost_h4-01.jpg) 0 0 no-repeat; }
#cost h4#title04 { background: url(../images/cost_h4-02.jpg) 0 0 no-repeat; }
#cost h3#title05 { background: url(../images/cost_h3-02.jpg) 0 0 no-repeat; }
#cost h4#title06 { background: url(../images/cost_h4-03.jpg) 0 0 no-repeat; }

/*----------  Ct  ----------*/
#ct h3#title02 { background: url(../images/ct_h3-01.jpg) 0 0 no-repeat; }
#ct .alpha01{float:left; margin:0; padding:0; width:245px;}
#ct .beta01{float:left; margin:0; padding:0;width:245px;}
#ct .gamma01{float:right; margin:0; padding:0;}
/*----------  Equipment  ----------*/
#equipment h3#title02 { background: url(../images/equipment_h3-01.jpg) 0 0 no-repeat; }

#equipment p#zoom {
	width: 600px;
	height: 450px;
	margin: 0 0 0 60px;
}
#equipment #zoomImg {
	width: 600px;
	height: 450px;
}
#equipment div ul#photoList {
	overflow: hidden;
	width: 600px;
	margin:0 0 0 60px;
}
#equipment div ul#photoList li {
	float: left;
	width: 110px;
	height: 83px;
	margin: 10px 12px 0 0;
	cursor:pointer;
}
#equipment div ul#photoList li.li01 {
	float: right;
	width: 110px;
	height: 83px;
	margin: 10px 0 0 0;
}

#equipment div ul#photoList li img {
	width: 110px;
	height:83px;
}

.hidden { display:none; }
/*----------  Hygiene  ----------*/
#hygiene h3#title02 { background: url(../images/hygiene_h3-01.jpg) 0 0 no-repeat; }
#hygiene h4#title03 { background: url(../images/hygiene_h4-01.jpg) 0 0 no-repeat; }
#hygiene h3#title04 { background: url(../images/hygiene_h3-02.jpg) 0 0 no-repeat; }
#hygiene h4#title05 { background: url(../images/hygiene_h4-02.jpg) 0 0 no-repeat; }
#hygiene h4#title06 { background: url(../images/hygiene_h4-03.jpg) 0 0 no-repeat; }

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

/*----------  Iso  ----------*/
#iso h3#title02 { background: url(../images/iso_h3-01.jpg) 0 0 no-repeat; }
#iso h4#title03 { background: url(../images/iso_h4-01.jpg) 0 0 no-repeat; }

/*----------  Mtm  ----------*/
#mtm h3#title02 { background: url(../images/mtm_h3-01.jpg) 0 0 no-repeat; }
#mtm h4#title03 { background: url(../images/mtm_h4-01.jpg) 0 0 no-repeat; }

#mtm #content table {
	margin: 0;
	padding:0;
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 100%;
	line-height: 1.5em;
	width: 690px;
	font-family:"ＭＳ Ｐゴシック";
	}

/*----------  Ortho  ----------*/
#ortho h3#title02 { background: url(../images/ortho_h3-01.jpg) 0 0 no-repeat; }
#ortho h4#title03 { background: url(../images/ortho_h4-01.jpg) 0 0 no-repeat; }
#ortho h3#title04 { background: url(../images/ortho_h3-02.jpg) 0 0 no-repeat; }
#ortho h4#title05 { background: url(../images/ortho_h4-02.jpg) 0 0 no-repeat; }

/*----------  Perio  ----------*/
#perio h3#title02 { background: url(../images/perio_h3-01.jpg) 0 0 no-repeat; }
#perio h4#title03 { background: url(../images/perio_h4-01.jpg) 0 0 no-repeat; }
#perio h4#title04 { background: url(../images/perio_h4-02.jpg) 0 0 no-repeat; }
#perio h3#title05 { background: url(../images/perio_h3-02.jpg) 0 0 no-repeat; }
#perio h4#title06 { background: url(../images/perio_h4-03.jpg) 0 0 no-repeat; }

/*----------  Staff  ----------*/
#staff h3#title02 { background: url(../images/staff_h3-01.jpg) 0 0 no-repeat; }
#staff h4#title03 { background: url(../images/staff_h4-01.jpg) 0 0 no-repeat; }
#staff h3#title04 { background: url(../images/staff_h3-02.jpg) 0 0 no-repeat; }
#staff h4#title05 { background: url(../images/staff_h4-02.jpg) 0 0 no-repeat; }
#staff h4#title06 { background: url(../images/staff_h4-03.jpg) 0 0 no-repeat; }
#staff h3#title07 { background: url(../images/staff_h3-03.jpg) 0 0 no-repeat; }
#staff h4#title08 { background: url(../images/staff_h4-04.jpg) 0 0 no-repeat; }
#staff h3#title09 { background: url(../images/staff_h3-04.jpg) 0 0 no-repeat; }
#staff h4#title10 { background: url(../images/staff_h4-05.jpg) 0 0 no-repeat; }
#staff h3#title11 { background: url(../images/staff_h3-05.jpg) 0 0 no-repeat; }

#staff dl{margin:0; padding:0; display:inline;}
#staff dt{float:left; width:100px; margin:0; padding:0;}
#staff dd{width:400px; margin:0; padding:0; float:left;}
#staff dd.dd01{float:left; width:600px; margin:0; padding:0;}
#staff dd.dd02{width:600px;}
#staff dd.dd03{float:left; width:400px; margin:0; padding:0;}


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

#treatment a { color: #856600; outline:none; font-weight:bold; }
#treatment a:active { color: #856600; text-decoration: none; font-weight:bold; }


/*----------  Visit  ----------*/
#visit h3#title02 { background: url(../images/visit_h3-01.jpg) 0 0 no-repeat; }
#visit h4#title03 { background: url(../images/visit_h4-01.jpg) 0 0 no-repeat; }


/*-------------- Margin - Padding -----------------*/
.mar_b0{margin:0;}
.mar_b10{margin-bottom:10px;}
.mar_b13{margin-bottom:13px;}
.mar_b20{margin-bottom:20px;}

.mar_b33{margin-bottom:33px;}
.mar_l4{margin:0 0 8px 4px;}
.mar_l7{margin:0 0 8px 7px;}
.mar_l25{margin:0 0 0 25px;}
.mar_t28{margin:28px 0 8px 0;}
.mar_t10{margin:10px 0 0 0;}
.mar_l25b18{margin:0 0 18px 25px;}

.mar_r18{margin:0 18px 0 0;}
.mar_r28{margin:0 28px 0 0;}
.mar_r29{margin:0 29px 0 0;}
.mar_r37{margin:0 37px 0 0;}
.mar_lr100{margin:0 100px 10px 100px;}
.mar_tb10{margin:10px 0 10px 0;}
.pad_t12l22{padding:12px 42px 0 22px;}
.pad_b30{padding-bottom:120px;}


.bg01{background:#eee; padding:8px 0 7px 8px; margin:0 0 9px 0;}
.bg02{background:#f5f5f5; padding:6px;}
.bg03{border:#cccccc 1px solid; background:#e4ecf9; margin:0; padding:5px 8px 8px 8px;}
.bg04{border:#cccccc 1px solid; background:#edf5c2; margin:0; padding:5px 8px 8px 8px;}
.bg05{border:#cccccc 1px solid; background:#f1efdd; margin:0; padding:5px 8px 8px 8px;}
.bg06{border:#cccccc 1px solid; background:#fbfcd0; margin:0; padding:5px 8px 8px 8px;}
.bg07{background:#FFFFFF; margin:0; padding:0; padding:5px 5px 5px 8px; text-align:center;}
.bg08{background:url(../images/implant_img06.jpg) 5px 5px no-repeat #FFFFFF; margin:0; padding:5px 5px 5px 5px; text-align:left; text-indent:35px; }
.bg09{background:#eee; width:150px; margin:0; padding:0;}
.bg10{background:#eee; padding:8px 0 0 8px; margin:0; color:#856600; font-weight:bold;}

.w145{width:145px;}
.w180{width:180px;}
.w200{width:200px;}
.w220{width:220px;}
.w257{width:257px;}
.w292{width:292px;}
.w302{width:302px;}
.w307{width:307px;}
.w505{width:505px;}
.w525{width:525px;}

.text_b{font-weight:bold;}
.text_r{text-align:right;}
.text01{color:#205fc5; font-weight:bold;}
.text02{color:#78b800; font-weight:bold;}
.text03{color:#856600; font-weight:bold;}
.text04{color:#d5a15d; font-weight:bold;}
.text05{background:url(../images/icon01.jpg) 0 10px no-repeat; margin:0; padding:0 0 0 10px; color:#856600;}
.text06{color:#856600; font-weight:bold;}