@charset "utf-8";

/*** contents_common ***/

* {
	color: #333333;
}

#crumb {
	margin-bottom: 5px;
}

div#crumb a {
	color: #632E04;
	text-decoration: underline;
}

#pagetop a {
	color: #632E04;
	text-decoration: underline;
}

div.contents a {
	color: #632E04;
	text-decoration: underline;
}

div.contents p {
	margin:10px 0px 0px 20px;
	width: 530px;
}

div.contents p.mb15 {
	margin-bottom:15px;
}

table th {
	text-align: center;
}

div.contents h2 {
	background: url(../img/contents/h2_bg.jpg) no-repeat;
	width: 580px;
	height: 40px;
	font-size: 1.3em;
	letter-spacing: 0.2em;
	line-height: 35px;
	font-weight: bold;
	margin-bottom: 20px;
	text-indent: 30px;
}

div.contents h3 {
	background: #e4d9d3;
	clear: both;
	width: 550px;
	height: 24px;
	font-size: 1.15em;
	font-weight: bold;
	text-indent: 35px;
	letter-spacing: 0.2em;
	margin: 20px 0 20px 10px;
	line-height: 24px;
	border-top: 3px double #632E04;
	border-bottom: 3px double #632E04;
	color: #632E04;
}

div.contents dl {
	width: 520px;
	margin-left: 30px;
	margin-bottom:20px;
}

div.contents dl.sr_intro {
	/* width: 300px; 20221226 NGT */
	width: 350px;
	margin-left: 30px;
}

div.contents dt {
	margin-top: 10px;
}


div.contents dd {
	margin-left: 10px;
}

div.contents strong {
	color: #b84f09;
}

/***** 「recommend」 page *****/

div#cBoxArea {
	width: 550px;
	margin-left: 10px;
}

div#cBoxAreaL {
	float: left;
	background: url(../img/contents/check.jpg) no-repeat;
	width: 150px;
	height: 400px;
}

div#cBoxAreaR {
	float: right;
	width: 390px;
}

div#recommend p {
	width: 380px;
	border-bottom: 2px dotted #7a5034;
	margin-left: 0px;
	letter-spacing: 0.1em;
}

input.cBox {
	margin-right: 10px;
}

/***** 「intro」 page *****/

div.introBox {
	clear: both;
	width: 550px;
	margin-left: 15px;
	border-bottom: 5px solid #7f4e2e;
	padding-top: 10px;
}

div.sr_introBox {
	clear: both;
	width: 580px;
	margin-left: 15px;
}

div.sr_introBox {
	clear: both;
	width: 580px;
	margin:0 0 20px 0;
	padding:0;
}

.sr_introBox .fL {
	float:left;
	width:250px;
	margin:0 0 0 10px;
}

.sr_introBox .fL01 {
	float:left;
	width:150px;
	margin:0 0 0 10px;
}

.sr_introBox .fL02 {
	float:left;
	width:67px;
	margin:0 0 0 10px;
}

.sr_introBox .fL img,
.sr_introBox .fL01 img,
div#access .sr_introBox .fL02 img{
	margin:0;
	padding:0;
}

.sr_introBox  .fR {
	float:left;
	width:280px;
	margin-top:0;
}

.sr_introBox  .fR01 {
	float:right;
	width:265px;
	margin-top:0;
}

.sr_introBox  .fR02 {
	float:right;
	width:320px;
	margin-top:0;
}

.sr_introBox  .fR02 img{
	margin-right:10px;
}

.sr_introBox  .fR03 {
	float:left;
	width:460px;
	margin:0 0 10px 20px;
	background: #f4ece9;
	padding:10px;
}

* html .sr_introBox  .fR03 {
	float:left;
	width:460px;
	margin:0 0 10px 10px;
}

div.sr_introBox .case{
	background:url(../img/contents/arrow.jpg) center center no-repeat;
}

div.sr_introBox .case01{
	background:url(../img/contents/arrow.jpg) 195px center no-repeat;
}

div.introBox img.clearImg {
	clear: both;
	display: block;
	width: 200px;
	height: 5px;
}

div.floatLeft {
	float: left;
	width: 175px;
}

div.floatRight {
	float: right;
	width: 370px;
}

div.floatRight p {
	width: 350px;
}

div.floatRight p.imgTitle {
	background: url(../img/contents/introArrow.jpg) no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	color: #632E04;
	text-indent: 60px;
}


.sr_map {
	float:left;
	width:330px;
	height:200px;
	border:1px solid #b84f09;
	margin:0 10px 20px 20px;
}

/*.sr_marT {margin-top:145px;}*/

.sr_marT dl {
	padding-top:115px;
}

* html #main .sr_map {
	float:left;
	width:330px;
	height:200px;
	border:1px solid #4192ca;
	margin:0 10px 20px 10px;
}

* html .sr_marT {margin-top:140px; width:190px;}

* html div.contents .sr_map p {
	margin:10px 0px 0px 20px;
	width: 330px;
}

* html div.contents .sr_marT dl {
	width: 190px;
	margin-left: 5px;
	margin-bottom:10px;
}

*:first-child+html .sr_marT {margin-top:115px; width:190px; float:right; margin-right:25px;}

*:first-child+html .sr_map {
	float:left;
	width:330px;
	height:200px;
	border:1px solid #4192ca;
	margin:0 0px 20px 20px;
}

*:first-child+html div.contents .sr_marT dl {
	width: 190px;
	margin-left: 5px;
	margin-bottom:10px;
}

table.sr_intro {
	width:540px;
	margin-left:15px;
	border-collapse:collapse;
}

table.sr_intro td{
	padding:5px 10px 5px 10px;
	border-collapse:collapse;
}

/***** 「flow」 page *****/

div#flow p.underline strong {
	color: #137770;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #1BA097;
}

div.flowBox {
	width: 550px;
	margin: 0 0 20px 20px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #CCCCCC;
}

div.flowBox p {
	width: 530px;
	margin-left: 10px;
}

div#flow p#definition {
	text-align: center;
	margin-bottom: 20px;
}

div#flow p#definition strong {
	color: #333333;
	border: none;
}

/***** 「faq」 page *****/

div.faqBox {
	width: 550px;
	margin: 0 0 20px 20px;
	border: 2px dotted #7A5034;
	padding-bottom: 10px;
}

div.faqBox p {
	width: 530px;
	margin-left: 10px;
}

div.faqBox p span.faqA {
	font-weight: bold;
	margin-right: 5px;
	color: #632E04;
	padding: 2px 5px;
	border: 1px solid #632E04;
}

div.faqBox p.faqQ {
	background: #793E16;
	color:#FFFFFF;
}

div.faqBox p.faqQ strong {
	color:#FFFFFF;
	letter-spacing: 0.1em;
}

div.faqBox p.faqQ span {
	font-weight: bold;
	margin: 0 5px;
	color: #FFFFFF;
	padding: 1px;
	border: 1px solid #FFFFFF;
}

div.faqBox ul li {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 10px;
}

div.faqBox ol li {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 10px;

	}

div.faqBox p.g {
	color: #B84F09;
	font-weight: bold;
}

div.faqBox p.b{
	color: #632E04;

}

div.faqBox p.alr{
	text-align: right;
	margin-right:10px;
}

/***** 「compare」 page *****/

div#compare dt.merit,dt.demerit {
	background: url(../img/contents/merit_bg.gif) no-repeat #137770;
	width: 100px;
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}

div#compare dt.demerit {
	background: url(../img/contents/demerit_bg.gif) no-repeat #00AABD;
}

div#implant dl { margin: 20px 0 10px 20px;}

div#implant dt{
	background: url(../img/contents/merit_bg_01.gif) no-repeat ;
	width: 300px;
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 0px;
}

div#access dl { margin: 20px 0 10px 20px;}

div#access dt{
	background: #793e16;
	width: 150px;
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: -5px;
	_margin-bottom: 0px;
}

div#access dt.sr_dt{ margin-left:77px;}

div#maintenance dl { margin: 20px 0 10px 20px;}

div#maintenance dt{
	background: url(../img/contents/merit_bg.gif) no-repeat #137770;
	width: 100px;
	height: 20px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}


#maintenance table {
	border:1px solid #4192ca;
	border-collapse:collapse;
	width:520px;
	margin:20px 0 20px 20px;
}

#maintenance table th, td{
	border:1px solid #b84f09;
	border-collapse:collapse;
}

#maintenance table td{
	padding:10px 10px 10px 15px;
}

div#maintenance .center {text-align:center;}

/***** 「contact」 page *****/

div#contactForm {
	width: 540px;
	margin: 20px 0 20px 30px;
}

div#contactForm span {
	color: #FFFFFF;
}

table#contactTB {
	width: 520px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #CCCCCC;
	empty-cells: show;
}

table#contactTB {
	font-size: 1.1em;
}

table#contactTB th {
	width: 150px;
	background: #793e16;
	border: 1px solid #CCCCCC;
	padding: 2px 3px;
	color: #FFFFFF;
}

table#contactTB label {
	color: #FFFFFF;
}

table#contactTB td {
	border: 1px solid #CCCCCC;
	padding: 3px 5px;
}

div#contactForm p {
	width: 500px;
	color: #990033;
}

td#btnArea {
	text-align: center;
}

td#btnArea input {
	width: 100px;
}

/***** 「access」 pages *****/

div#access img {
	margin: 0px 0 20px 130px;
}


div#access #map {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 580px;
	height: 247px;
	background: url(../img/contents/map.jpg) 0 0 no-repeat;
}

/***** 「sitemap」 pages *****/

div#sitemap p {
	width: 300px;
	margin-left: 100px;
	font-size: 1.1em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
}

div#sitemap p span {
	color: #632E04;
}

/******* common  *******/













div.contents1 a {
	color: #1CAA9F;
	text-decoration: underline;
}

div.contents1 p {
	margin:10px 0px 0px 20px;
	width: 530px;
}



div.contents1 h2 {
	background: url(../img/contents/h2_bg.jpg) no-repeat;
	width: 580px;
	height: 40px;
	font-size: 1.3em;
	letter-spacing: 0.2em;
	line-height: 35px;
	font-weight: bold;
	margin-bottom: 20px;
	text-indent: 30px;
}

div.contents1 h3 {
	background: #e4d9d3;
	clear: both;
	width: 550px;
	height: 24px;
	font-size: 1.15em;
	font-weight: bold;
	text-indent: 35px;
	letter-spacing: 0.2em;
	margin: 20px 0 20px 10px;
	line-height: 24px;
	border-top: 3px double #632E04;
	border-bottom: 3px double #632E04;
	color: #632E04;
}




div.contents1 p#pagetop {
	width: 550px;
	margin: 40px 0 0 20px;
	text-align: right;
	border: none;
}



div.contents1 dl {
	width: 460px;
	margin-left: 30px;
	font-size:12px;
}

div.contents1 dt {
	margin-top: 10px;
}


div.contents1 dd {
	margin-left: 10px;
	margin-top:3px;
}

div.contents1 strong {
	color: #0D76AE;
	font-size:12px;
}





body#implant-common p {
	margin: 0 ;
	padding: 0 0 1em ;
	width: auto ;
}

body#implant-common p.pd0 {
	padding: 0 ;
}

div.text-box {
	margin: 30px auto 0 ;
	width: 550px ;
}

div.text-box-s {
	margin: 0 auto ;
	width: 530px ;
}
div.sub-title {
	padding: 30px 0 20px ;
}

div.sub-title-first {
	padding: 0px 0 20px ;
}

ul.list01 li {
	padding: 0 0 0 35px ;
	margin: 0 0 10px ;
	min-height: 30px ;
	height: auto !important;
	height: 30px;
	line-height: 1.5 ;
}

ul.list01 li a {
	font-size: 100% ;
}

ul.list01 li.li01 {
	background: url("../img/icon1.png") no-repeat 0 0 ;
	padding-top: 6px ;
}

ul.list01 li.li02 {
	background: url("../img/icon2.png") no-repeat 0 0 ;
	padding-top: 6px ;
}

ul.list01 li.li03 {
	background: url("../img/icon3.png") no-repeat 0 0 ;
	padding-top: 6px ;
}

ul.list01 li.li04 {
	background: url("../img/icon4.png") no-repeat 0 0 ;
	padding-top: 6px ;
}

ul.list01 li.li05 {
	background: url("../img/icon5.png") no-repeat 0 2px ;
}

ul.list01 li.li06 {
	background: url("../img/icon6.png") no-repeat 0 2px ;
}

div#list01-sp ul.list01 li {
	padding: 0 0 0 35px ;
	margin: -5px 0 20px ;
	min-height: 30px ;
	height: auto !important;
	height: 30px;
	line-height: 1.5 ;
	font-size: 100% ;
}

div#list01-sp ul.list01 li span.fb {
	font-size: 100% ;
	font-weight: bold ;
}

div#list01-sp ul.list01 li a.list-a-b {
	color: #ff6600 ;
}

/******* リストの色変 *******/
.list-color1 {
	color: #ff6600 ;
	font-weight: bold ;
	font-size: 140% ;
}


div.subject01 {
	font-weight: bold ;
	font-size: 130% ;
	color: #672d07 ;
	padding: 0 0 2px 17px ;
	margin: 20px 0 15px ;
	border-bottom: 1px solid #b29583 ;
	background: url("../img/point1.png") no-repeat 0 6px ;
}

div.subject01-first {
	margin: 0 0 15px ;
}

.kakomi1 {
	background: #f8f5e8 ;
	border:1px solid #bebcb4 ;
	padding: 10px ;
}


body#implant-common table.table01 {
	border-collapse: collapse ;
	border-spacing: 0 ;
	margin: 0 0 20px ;
	width: 100% ;
}

body#implant-common table.table01-mb {
	margin-bottom: 0 ;
}

body#implant-common table.table01 th,
body#implant-common table.table01 td {
	padding: 8px ;
	border: none ;
	border-bottom: 3px solid #fff ;
	line-height: 1.3 ;
	text-align: left ;
	font-size: 12px ;
}

body#implant-common table.table01 th {
	border-right: 3px solid #fff ;
	width:1%;
	white-space:nowrap;
}

body#implant-common table.table01 td.boder-r {
	border-right: 3px solid #fff ;
}

body#implant-common table.table01 th.border-none {
	border-right: none ;
}

body#implant-common table.table01 th.th-center {
	text-align: center ;
	color: #fff ;
}

body#implant-common table.table01 td.td-right {
	text-align: right ;
}
body#implant-common table.table01 td.td-center {
	text-align: center ;
	font-weight: bold ;
	color: #055bdc ;
}


div.pageback {
	clear: both ;
	margin: 20px 0 0 ;
	text-align: right ;
}


div.pageback li {
	display: inline ;
	margin-left: 10px ;
}

div.pageback li a {
	font-size: 100% ;
}


/*  画像配置  */
.photo-left {
	display:inline;
	float: left ;
	margin:5px 15px 10px 0;
	line-height:0px;
	width:auto;
}

.photo-right {
	display:inline;
	float: right ;
	margin:5px 0 10px 15px;
	line-height:0px;
	width:auto;
}

.photo-left0 {
	display:inline;
	float: left ;
	margin:5px 15px 0 0;
	line-height:0px;
	width:auto;
}


.photo-right0 {
	display:inline;
	float: right ;
	margin:5px 0 0 15px;
	line-height:0px;
	width:auto;
}


/*--------------------
clearfixの設定
--------------------*/

.clearfix:after {
	content: "." ;
	display: block ;
	visibility: hidden ;
	height: 0.1px ;
	font-size: 0.1em ;
	line-height: 0 ;
	clear: both ;
}

.clearfix{
	display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End Holly Hack */


.bold { font-weight:bold; }

.fr { float: right; }

.right { text-align: right; }
.center { text-align: center; }

.color1b {
	color: #ff3333 ;
	font-weight: bold ;
}

.color2b {
	color: #ff6600 ;
	font-weight: bold ;
}

.color-wh {
	color: #fff ;
	font-weight: bold ;
}

.ml10 { margin-left: 10px ; }

.mt5 { margin-top: 5px ; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px ; }

.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px ; }

.pb30 { padding-bottom: 30px ; }

.bg01 { background: #d9d9d9 ; }
.bg02 { background: #f2f0f0 ; }
.bg03 { background: #055bdc ; }
.bg04 { background: #f6e9c1 ; }

.f120 { font-size: 120% ; }
.f140 { font-size: 140% ; }



body#implant-common h3,
body#implant-common table.sym01 {
	margin-left: 0 ;
}

body#implant-common h3 {
	width: 530px ;
}