@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                 01  Base                        */
/*                 02  Container                   */
/*                 03  Header                      */
/*                 04  Navigation                  */
/*                 05  Footer                      */
/*                 06  Contents                    */
/*                 07  Index                       */
/*                 08  Product                     */
/*                 09  Ceramic                     */
/*                 10  Implant                     */
/*                 11  Denture                     */
/*                 12  Flow                        */
/*                 13  Area                        */
/*                 14  Difference                  */
/*                 15  Metalfree                   */
/*                 16  Denture2                    */
/*                 17  Clinic                      */
/*                 18  Concept                     */
/*                 19  Company                     */
/*                 20  Recruit                     */
/*                 21  Fmail                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Blue           #004ab5      */
/*        Main Color - Orange         #ffa300      */
/*        Main Color - Green          #288900      */
/*                                                 */
/*        Sub Color  - Light Blue     #9cb9db      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- 01  Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- 02  Container -----------*/
body { font-family:"ＭＳ Ｐゴシック"; color:#666; background:url(../images/contents_bg.jpg) center 89px no-repeat; }
body#index { background: url(../images/index_bg01.jpg) center 89px no-repeat; }
p img { display:block; line-height:1%; }
#container { background:url(../images/index_header_bg01.jpg) repeat-x 0 0; }
#wrapper {
	width: 900px;
	margin:0 auto;
	padding: 0;
	text-align: left;
	}

#main {	margin:0; background:url(../images/content_main_bg.jpg) repeat-y; }
#index #main { background:url(../images/main_bg.jpg) repeat-y; }
#main_top {	margin:0; padding:16px 15px 0 10px; background:url(../images/content_main_top.jpg) no-repeat 0 0; }
#index #main_top { background:url(../images/main_index_bg.jpg) no-repeat 0 0; }

#content {
	width: 650px;
	float: right;
	font-size: 93%;
	line-height: 1.5;
	color: #666;
}
#index #content { width: 430px; float:left; margin:0 0 0 225px; display:inline; }



/*---------- 03  Header -----------*/

#header {
	height:253px;
	width: 900px;
	margin: 0;
	padding: 0;
	}
#index #header { height:373px; }
h1 {
	width: 400px;
	height: 88px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	text-indent: -9999px;
	display: block;
	width: 400px;
	height: 72px;
	margin:15px 0 0 0;
	background: url(../images/h1.jpg) 0 0 no-repeat;
}

#header p.tel {
	float:right;
	margin: 0;
	padding: 21px 6px 6px 0;
}
#header .fmail { width:342px; float:right; height:26px; margin:0; }
#header .fmail a{ width:336px; height:26px; display:block; text-indent:-9999px; background:url(../images/header_fmail.jpg) no-repeat 0 0; }
#header .fmail a:hover{ background:url(../images/header_fmail.jpg) no-repeat 0 -26px; }

#header .header_text { position:relative; margin:-57px 0 0 -385px; float:left; padding:0; font-size:84.62%; color:#fff; background:#004ab5; line-height:15px; height:15px; }
#index #header h2 { width:375px; height:68px; float:right; margin:57px 0 45px 0; padding:0; }
#index #header h2 img{ display:block; }
#header .topics { clear:both; width:460px; height:110px; float:right; background:url(../images/header_topics_bg.jpg) no-repeat 0 0; margin:0; }
#header .topics_img { margin:9px 12px 0 13px; }
#header dl { width:435px; margin:8px 12px 0 13px; padding:0; font-size:93%; line-height:1.5em; }
#header dl dt{ width:82px; margin:0; padding:0 0 8px 0; display:inline-block; float:left; }
#header dl dd{ width:353px; margin:0; padding:0 0 8px 0; display:inline-block; float:left; }
#header dl dd a{ color:#1F7F00; }
#header dl dd a:hover{ text-decoration:none; }
#header .main_img01 { float:right; padding:98px 6px 0 0; margin:0; }
#header .main_img02 { float:right; padding:122px 6px 0 0; margin:0; }

/*----------04  Navigation -----------*/

#nav { width:204px; float:left; padding: 4px 0 20px 0; font-size: 93%; line-height:1.5; margin:0; display:inline; }
#index #nav { position:relative; margin:0 0 0 -655px;  }
#nav ul { width:195px; margin:0 4px 6px 5px; padding:0; list-style: none; }
#fmail #nav ul { width:195px; margin:0 4px 0px 5px; padding:0; list-style: none; }
#nav ul li {
	padding: 0;
	list-style: none;
	width:195px;
	}

#nav li {	text-indent: -9999px; }

#nav li a { display: block; height:30px;	}

#nav #nav01 { height:35px; }
#nav #nav01 a { background: url(../images/nav.jpg) 0 0 no-repeat; height:25px; }
#nav #nav01 a:hover { background: url(../images/nav.jpg) -195px 0 no-repeat; }
#nav #nav02 { background: url(../images/nav.jpg) 0 -35px no-repeat; height:30px; }
#nav #nav03 a { background: url(../images/nav.jpg) 0 -65px no-repeat; }
#nav #nav03 a:hover { background: url(../images/nav.jpg) -195px -65px no-repeat; }
#nav #nav04 a { background: url(../images/nav.jpg) 0 -95px no-repeat; }
#nav #nav04 a:hover { background: url(../images/nav.jpg) -195px -95px no-repeat; }
#nav #nav05 a { background: url(../images/nav.jpg) 0 -125px no-repeat; }
#nav #nav05 a:hover { background: url(../images/nav.jpg) -195px -125px no-repeat; }
#nav #nav06 a { background: url(../images/nav.jpg) 0 -155px no-repeat; }
#nav #nav06 a:hover { background: url(../images/nav.jpg) -195px -155px no-repeat; }
#nav #nav07 a { background: url(../images/nav.jpg) 0 -185px no-repeat; }
#nav #nav07 a:hover { background: url(../images/nav.jpg) -195px -185px no-repeat; }
#nav #nav08 { height:31px; }
#nav #nav08 a { background: url(../images/nav.jpg) 0 -215px no-repeat; height:31px; }
#nav #nav08 a:hover { background: url(../images/nav.jpg) -195px -215px no-repeat; }
#nav .nav_box { background:url(../images/nav_box_bg.jpg) repeat-y 0 0; clear:both; }
#nav .nav_box_top { background:url(../images/nav_box_top.jpg) no-repeat 0 0; }
#nav .nav_box_bottom { background:url(../images/nav_box_bottom.jpg) no-repeat 0 bottom; padding:12px 12px 6px 12px; }

#nav dl { width:175px; margin:0 0 -1px 5px; padding:0; }
*:first-child+html #nav dl { margin:0 0 0 5px; } /*  for IE7 only */
* html body #nav dl { margin:0 0 0 5px; } /*  for IE6 only */
#nav dl dt{ width:175px; margin:0; padding:0; color:#004ab5; font-weight:bold; }
#nav dl dd{ width:165px; margin:0 0 1px 10px; padding:0; }
#nav .company { width:144px; margin:0 0 0 20px; height:24px; }
#nav .company a{ width:138px; height:24px; display:block; text-indent:-9999px; background:url(../images/nav_company.jpg) no-repeat 0 0; }
#nav .company a:hover{ background:url(../images/nav_company.jpg) no-repeat 0 -24px; }

#nav_r { margin:0; padding:6px 0 9px 0; float:left; }
#fmail #nav_r { margin:0; padding:12px 0 9px 0; float:left; }
#index #nav_r { float:right; width:195px; margin:0; display:inline; padding:0; }
#nav_r ul { width:195px; margin:0px 4px 0 5px; padding:0; list-style:none; }
#nav_r ul li{ margin:0; padding:0; list-style:none; text-indent:-9999px; }
#nav_r ul li a{ display:block; height:30px; }
#nav_r ul li#nav09 { background:url(../images/nav_r.jpg) no-repeat 0 0; height:30px; }
#nav10 a { background: url(../images/nav_r.jpg) 0 -30px no-repeat; }
#nav10 a:hover { background: url(../images/nav_r.jpg) -195px -30px no-repeat; }
#nav11 a { background: url(../images/nav_r.jpg) 0 -60px no-repeat; }
#nav11 a:hover { background: url(../images/nav_r.jpg) -195px -60px no-repeat; }
#nav12 a { background: url(../images/nav_r.jpg) 0 -90px no-repeat; }
#nav12 a:hover { background: url(../images/nav_r.jpg) -195px -90px no-repeat; }
#nav_r ul li#nav13 { height:40px; }
#nav_r ul li#nav13 a { background: url(../images/nav_r.jpg) 0 -120px no-repeat; height:31px; }
#nav_r ul li#nav13 a:hover { background: url(../images/nav_r.jpg) -195px -120px no-repeat; }
#nav_r ul li#nav14 { background:url(../images/nav_r.jpg) no-repeat 0 -160px; height:30px; }
#nav15 a { background: url(../images/nav_r.jpg) 0 -190px no-repeat; }
#nav15 a:hover { background: url(../images/nav_r.jpg) -195px -190px no-repeat; }
#nav16 a { background: url(../images/nav_r.jpg) 0 -220px no-repeat; }
#nav16 a:hover { background: url(../images/nav_r.jpg) -195px -220px no-repeat; }
#nav_r ul li#nav17 { height:40px; }
#nav_r ul li#nav17 a { background: url(../images/nav_r.jpg) 0 -250px no-repeat; height:31px; }
#nav_r ul li#nav17 a:hover { background: url(../images/nav_r.jpg) -195px -250px no-repeat; }
.pad_b06 { padding-bottom:6px; }
/*---------- 05  Footer -----------*/

#footer {
	clear: both;
	margin: 0;
	background:url(../images/footer_bg.jpg) no-repeat 0 0;
	height:125px;
}
#footer .tel { width:265px; height:60px; margin:27px 0 0 14px; float:left; display:inline; }
#footer .fmail { width:520px; height:89px; float:right; margin:10px 16px 0 0; display:inline; }
#footer .fmail a{ width:520px; height:89px; display:block; text-indent:-9999px; background:url(../images/footer_fmail.jpg) no-repeat 0 0; }
#footer .fmail a:hover{ background:url(../images/footer_fmail.jpg) no-repeat 0 -89px; }

#footer address { margin:0 0 0 287px; clear:both; padding:2px 0 0 0; }



/*---------- 06  Contents -----------*/

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

.center { text-align: center; }

#content h2 {
	height:38px;
	margin:15px 0 26px 21px;
	}
#content h2 img{ display:block; }
#content h3 {
	clear: both;
	height:41px;
	text-indent: -9999px;
	margin:0 -10px 12px -10px;
}
#content h4 {
	height: 28px;
	text-indent: -9999px;
	margin:0 -10px 6px -10px;
}

#content h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 4px no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }

a {
	color: #2d89fe;
	outline: none;
	}
a:hover { color: #338f0c; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

.image_l  {
	float: left;
	margin: 0 15px 6px 0;
	}
.image_l_b  {
	float:left;
	margin: 0px 15px 12px 0px;
	padding-top:4px;
	display:inline;
}
*:first-child+html .image_l_b { margin: 0px 15px 0px 0px; padding-bottom:6px; } /*  for IE7 only */
*html body .image_l_b { margin:0px 12px 0px 0px; padding-bottom:6px; } /*  for IE6 only */
.image_r {
	float: right;
	margin: 0 0 6px 15px;
	}
.image_r_b  {
	float: right;
	padding:3px 0px 6px 15px;
	display:inline;
	margin:0;
}
*:first-child+html .image_r_b { padding:3px 0px 0px 15px; } /*  for IE7 only */
*html body .image_r_b { padding:3px 0px 0px 12px; } /*  for IE6 only */
.case {
	margin:0 20px;
	padding:.5em 0;
	background: url(../images/arrow_h.jpg) center center no-repeat;
	}

.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.png) center center no-repeat;
	}

.case-noimg { margin: 10px 20px; }

.case img,
.case-narrow img,
.case-noimg img { display: block; }

.caption {
	text-align: center;
	border-top: 2px solid #ccc;
	}


#content ul.totop {
	clear: both;
	margin:0 10px 0 0;
}

#content ul.totop li {
	list-style: none;
	width: 160px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	float: right;
	}
#content ul.totop li a {
	display: block;
	height:20px;
	background: url(../images/totop.jpg) 0 0 no-repeat;
	}

p.caution {
	padding-left: 24px;
	background: url(../images/caution.png) 0 1px no-repeat;
	}

/* Hides from IE-mac \*/
p.answer:first-letter {
	display: block;
	padding: 2px;
	background: #4499af;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	float: left;
	}
/* End hide from IE-mac */



#content table {
	border-collapse:collapse;
	border-spacing: 1px;
	border: 1px solid #f3eed5;
	font-size:100%;
	line-height:1.5em;
	color:#666;
	width:100%;
	margin:0;
	}

#content table th,
#content table td {
	padding: 5px 10px;
	border: 1px solid #f3eed5;
	}
#content table td.td_top { vertical-align:top; }
#content table td img { display:block; }
#content table th {
	background: #efefff;
	color: #636570;
	width: 130px;
	}

input.submit {
	font-weight: bold;
	margin-right: 1.5em;
	}

.pad_bthe { padding-top:.5em; padding-bottom:.5em; }
.mar_be { margin-bottom:1em; }
.mar_b2e { margin-bottom:2em; }
.mar_beh { margin-bottom:1.5em; }
.mar_bhe { margin-bottom:.5em; }
.mar_b0 { margin:6px 0 0 0; }
.mar_0 { margin:0 0 6px 0; }
.pad_01 { padding:2px 0 0 5px; }
.img0 { margin:0; }
.mar_bt1e { margin:1em 0; } 
.mar_bt01 { margin:1em 0 .5em 0; } 
.mar_bt02 { margin:.5em 0 1em 0; } 
.w150 { width:150px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w140 { width:140px; }
.w250 { width:280px; }
.text_c { text-align:center; }
.text_b { font-weight:bold; }
.pad_l15 { padding-left:15px; }
.img_c { margin:0 auto; text-align:center; }
.mar_lr15 { margin:0 15px 1em 15px; }

/*---------- 07  Index ---------------*/
.index01 { margin:0 0 25px 0; }
.index_blue { width:210px; float:left; background:#9cb9db; }
.index_product { width:203px; height:106px; margin:2px 1px 5px 6px; }
.index_product a{ width:203px; height:106px; display:block; text-indent:-9999px; background:url(../images/index_product.jpg) no-repeat 0 0; }
.index_product a:hover{ background:url(../images/index_product.jpg) no-repeat 0 -106px; }
.index_flow { width:203px; height:106px; margin:0px 1px 6px 6px; }
.index_flow a{ width:203px; height:106px; display:block; text-indent:-9999px; background:url(../images/index_flow.jpg) no-repeat 0 0; }
.index_flow a:hover{ background:url(../images/index_flow.jpg) no-repeat 0 -106px; }

.index_green { width:210px; float:right; background:#d9efce; }
.index_difference { width:203px; height:106px; margin:2px 1px 5px 6px; }
.index_difference a{ width:203px; height:106px; display:block; text-indent:-9999px; background:url(../images/index_difference.jpg) no-repeat 0 0; }
.index_difference a:hover{ background:url(../images/index_difference.jpg) no-repeat 0 -106px; }

.index_clinic { width:203px; height:106px; margin:0px 1px 6px 6px; }
.index_clinic a{ width:203px; height:106px; display:block; text-indent:-9999px; background:url(../images/index_clinic.jpg) no-repeat 0 0; }
.index_clinic a:hover{ background:url(../images/index_clinic.jpg) no-repeat 0 -106px; }

.index02 { background:url(../images/index_img04.jpg) no-repeat bottom right; padding:0 0 24px 2px; }
#index h3 { height:20px; margin:0 0 6px -2px; text-indent:0; }
.pad_r110 { padding-right:112px; }


#tiny table { border: none;}
#tiny table td { border: none;}

/*---------- 08  Product -------------*/
#product h3#title02 { background:url(../images/product_h3-01.jpg) no-repeat 0 0; }
#product h4#title03 { background:url(../images/product_h4-01.jpg) no-repeat 0 0; }
#product h4#title04 { background:url(../images/product_h4-02.jpg) no-repeat 0 0; }
.bg01 { background:#e6f2ff; padding:8px 15px; }
#content ul.ul01 { margin:0; padding:0; list-style:none; }
#content ul.ul01 li{ margin:0; padding:0 0 0 12px; list-style:none; background:url(../images/icon02.jpg) no-repeat 0 5px; }
.w260_l { width:260px; float:left; }
.w260_r { width:260px; float:right; }
.icon01 { margin:0; padding:0 0 0 16px; background:url(../images/icon01.jpg) no-repeat 0 4px; }

/*---------- 09  Ceramic -------------*/
#ceramic h3#title02 { background:url(../images/ceramic_h3-01.jpg) no-repeat 0 0; }
#ceramic h4#title03 { background:url(../images/ceramic_h4-01.jpg) no-repeat 0 0; }
#ceramic h4#title04 { background:url(../images/ceramic_h4-02.jpg) no-repeat 0 0; }
#ceramic h4#title05 { background:url(../images/ceramic_h4-03.jpg) no-repeat 0 0; }
#ceramic h3#title06 { background:url(../images/ceramic_h3-02.jpg) no-repeat 0 0; }
#ceramic h4#title07 { background:url(../images/ceramic_h4-04.jpg) no-repeat 0 0; }

/*---------- 10  Implant -------------*/
#implant h3#title02 { background:url(../images/implant_h3-01.jpg) no-repeat 0 0; }
#implant h3#title03 { background:url(../images/implant_h3-02.jpg) no-repeat 0 0; }
#content ul.ul02 { margin:0; padding:0; list-style:none; }
#content ul.ul02 li{ width:120px; float:left; margin:0; padding:0px; text-indent:12px; list-style:none; background:url(../images/icon02.jpg) no-repeat 0 5px; }
#content ul.ul02 li.li01{ background:none; }

/*---------- 11  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 h4#title07 { background:url(../images/denture_h4-04.jpg) no-repeat 0 0; }
#denture h4#title08 { background:url(../images/denture2_h4-05.jpg) no-repeat 0 0; }

/*---------- 12  Flow ----------------*/
#flow h3#title02 { background:url(../images/flow_h3-01.jpg) no-repeat 0 0; }

/*---------- 13  Area ----------------*/
#area h3#title02 { background:url(../images/area_h3-01.jpg) no-repeat 0 0; }

/*---------- 14  Difference ----------------*/
#difference h3#title02 { background:url(../images/difference_h3-01.jpg) no-repeat 0 0; }
#difference h4#title03 { background:url(../images/difference_h4-01.jpg) no-repeat 0 0; }
#difference h4#title04 { background:url(../images/difference_h4-02.jpg) no-repeat 0 0; }
#difference h4#title05 { background:url(../images/difference_h4-03.jpg) no-repeat 0 0; }
.text_b_gr { font-weight:bold; color:#288900; }

/*---------- 15  Metalfree ----------------*/
#metalfree h3#title02 { background:url(../images/metalfree_h3-01.jpg) no-repeat 0 0; }
#metalfree h4#title03 { background:url(../images/metalfree_h4-01.jpg) no-repeat 0 0; }
#metalfree h4#title04 { background:url(../images/metalfree_h4-02.jpg) no-repeat 0 0; }
.bg02{ background:#e6f2ff; }

/*---------- 15  Denture2 ------------*/
#denture2 h3#title02 { background:url(../images/denture2_h3-01.jpg) no-repeat 0 0; }
#denture2 h4#title03 { background:url(../images/denture2_h4-01.jpg) no-repeat 0 0; }
#denture2 h3#title04 { background:url(../images/denture2_h3-02.jpg) no-repeat 0 0; }
#denture2 h4#title05 { background:url(../images/denture2_h4-02.jpg) no-repeat 0 0; }
#denture2 h4#title06 { background:url(../images/denture2_h4-03.jpg) no-repeat 0 0; }
#denture2 h4#title07 { background:url(../images/denture2_h4-04.jpg) no-repeat 0 0; }



#content ul.ul03 { margin:0; padding:0; list-style:none; }
#content ul.ul03 li{ margin:0; padding:0 0 0 12px; list-style:none; background:url(../images/icon03.jpg) no-repeat 0 5px; }

/*---------- 16  Clinic --------------*/
#clinic h3#title02 { background:url(../images/clinic_h3-01.jpg) no-repeat 0 0; }
#clinic h4#title03 { background:url(../images/clinic_h4-01.jpg) no-repeat 0 0; }

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

/*---------- 18  Company -------------*/
#company h3#title02 { background:url(../images/company_h3-01.jpg) no-repeat 0 0; }

/*---------- 19  Recruit -------------*/
#recruit h3#title02 { background:url(../images/recruit_h3-01.jpg) no-repeat 0 0; }

/*---------- 20  Fmail ---------------*/
#fmail h3#title02 { background:url(../images/fmail_h3-01.jpg) no-repeat 0 0; }