@charset "UTF-8";

/* CSS Info
 FileName   : style.css
======================== */

.alert{
	font-size: 13px!important;
}

.news{
	padding: 0 0 20px 0;
}

.news h2{
	padding: 0 0 0px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}

.news li{
	text-align: left;
	font-size: 13px;
}

/*============================================================
ﾈﾑ･ﾚ｡ｼ･ｸ
============================================================*/
.kigou{
	margin: 0 5px;
	}

.pankuzu{
	text-align: right;
	margin: 10px 0 0 0;
}

.pankuzu a{
	color: #a26214;
}


.price #rightBox .priceTxt {
	background: #f3f3f3;
	padding: 15px;
}

.lowTtl{
	font-size: 20px;

	padding: 10px 0;
	margin: 0 0 20px 0;

	border-bottom: 1px solid #d7d6d6;
	clear:both;
}

.price .ttl{
	padding-bottom: 10px;
	border-bottom: 1px solid #d7d6d6;
	margin-bottom: 18px;
	font-size: 1.4em;
	}

.tab01{
	padding: 0 0 10px 0;
}

.price .tab01 table{
	width: 100%;
	border-collapse: collapse;
	}

.price .tab01 th{
	text-align: left!important;
	color: #a98240;
	width: 70px;
	border-bottom: 1px solid #d7d6d6;
	}


.price .tab01 td{
	width: 100px;
	border-bottom: 1px solid #d7d6d6;
}

.price .tab02{
	overflow: hidden;
	}
.price .tab02 table{
	width: 375px;
	float: right;
	border-collapse: collapse;
	}
.price .tab02 table tr th{
	width: 30px;
	padding: 10px 60px 10px 0px;
	border-bottom: 1px solid #d7d6d6;
	font-weight: normal;
	}
.price .tab02 table tr{
	border-bottom: 1px solid #d7d6d6;
	}
.price .tab02 table tr td{
	border-bottom: 1px solid #d7d6d6;
}

.subTbl{
	width: 95%!important;
	margin: -10px 0 -20px 0;
}

.boredNo{
	border: none !important;
	}
.defineM{
	margin-right:60px;}
.priceTab{
	overflow: hidden;
	}
.borderdot{
	border-bottom: 1px dotted #d7d6d6;
	}
.bordT{
	border-top: 1px solid #d7d6d6;
	}
.mB60{
	margin-bottom: 60px;
	}
.mB40{
	margin-bottom: 40px;
	}
.pL35{
	padding-left: 35px;
	}
.mL60{
	margin-left: 60px;
	}
.mL100{
	margin-left: 112px;
	}	
.defineS{
	margin-left: 83px;
	}


.priceBox .miniTtl{
	width: 100%;

	padding: 10px 0;
	margin: 20px 0;

	font-size: 13px;
	font-weight: bold;

	border-bottom: 1px solid #d7d6d6;
	color: #bb9d6e;
}

.priceBox{
	margin-bottom: 40px;}

.priceBox .left th{
	width: 100px;
	border-bottom: 1px solid #d7d6d6;
}

.flow{
	overflow:hidden;
	}
.priceimg{
	width: 150xp;
	float:left;
	margin-right: 30px;
	}

.priceBox table{
	border-collapse: collapse;
	width: 500px;
	}

.priceTab th{
	text-align: left!important;
	border-bottom: 1px solid #d7d6d6;
	width: 70px;
}

.priceBox table td{
	border-bottom: 1px solid #d7d6d6;
	 padding: 10px 0;
	}

.borderNo{
	border: none;
	}

.borderNo.sub{
	width: 320px!important;
}


.tableTtl{
	padding: 5px 0!important;
}

/* LP */


#content{
	overflow: hidden;
	margin-bottom: 30px;
}

#content .left{
	width: 680px;
	margin-right: 30px;
	}
#content .right{
	width: 250px;
	}
#content .right ul li{
	margin-bottom: 5px;
	}

#content .left .mainImg{
	margin-bottom: 30px;
	}

.address{
	overflow: hidden;
	color:#666;
}

.address .BoxPad{
	padding: 20px 15px 12px;
	border-bottom: 1px solid #dadada;
	}

.address .BoxPad p{
	padding: 0 0 20px 0;
}

.address .BoxPad p.map{
	padding: 0!important;
	text-align: right;
}


.address .adBoxL{
	background: #ebebeb;
	float: left;
	width: 325px;
	margin-right: 30px;
	}

.address .adBoxR{
	background: #ebebeb;
	float: left;
	width: 325px;
	}
.address h2{
	padding: 0 0 20px 0;
}
.address h3{
	margin-bottom: 19px;
	font-weight: normal;
	font-size: 11px;
	}
.address .mail{
	margin-bottom: 21px;
	}
.flow{
	overflow: hidden;
	}
.flow .rightTxt{
	font-size: 11px;
	float: left;
	line-height: 1.3em;
	width: 200px;
	}
.flow .img{
	width: 75px;
	margin-right: 20px;
	float: left;
	}
.address .flow .txt01{
	margin-bottom: 20px;
	}
.address .flow .txt02{
	margin-bottom: 30px;
	}
.address .flow .toMap01{

	margin-top: 14px;
	background: url(../images/arrow.png) 120px 1px no-repeat;
	text-align: right;
	}
.address .flow .toMap02{
	background: url(../images/arrow.png) 120px 1px no-repeat;
	text-align: right;
	}
.address .tellBox{
	padding: 10px;
	overflow: hidden;
	}
.address .tellBox p{
	float: left;
	}
.address .tellBox p:first-child{
	margin-right: 24px;
	}
.address .tellBox .official{
	background: url(../images/arrow.png) 0 5px no-repeat;
	}
.mb{
	margin-bottom:17px;
	}
/*
.access{
	position:relative;
	z-index: 0;
	padding: 0 0 20px 0;
}

.access p{
	position:absolute;
	top: 87px;
	left: 95px;
	font-size: 11px;
	padding: 0!important;
	z-index: 100;
}

.access a:hover{
	color: #999;
}
*/
/*ﾈﾆﾍﾑCSS*/
.borderNo{
	border: none !important;
}


/*============================================================
･ﾉ･ｯ･ｿ｡ｼｾﾒｱ潸============================================================*/

.greeting01{
	padding: 10px 0 30px 0;
}

.greeting02{
	padding: 0 0 20px 0;
}
.gretingtxt01{
	float:right;
	width:471px;
	background: none repeat scroll 0 0 #F3F3F3;
  padding-top: 15px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:10px;
	}
	.gretingtxt03{
	background: none repeat scroll 0 0 #F3F3F3;
  padding: 15px;
	height:220px;
	}
	.gretingtxt02{
		clear:both;}

.greeting02 p{
	line-height: 2;
	padding: 0 0 20px 0;
}
.txtLeft{
	float:left;
	margin-right:5px;
	}

.textCenter{
	float:left;}
.textRight{
	float:right;
	margin-right:30px;

}

/*============================================================
･｢･ｯ･ｻ･ｹ
============================================================*/
.access01 .lowTtl02{
	font-size: 14px;
	padding-bottom: 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #d7d6d6;
	}
.access01 table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 40px;
	}
.access01 table tr th{
	text-align: left!important;
	color: #a98240;
	width: 19%;
	border-bottom: 1px solid #d7d6d6;
	padding: 10px 0;
	}
.access01 table tr td{
	width: 60%;
	border-bottom: 1px solid #d7d6d6;
	padding: 10px 0;
	}
.accessBox{
	background: #f3f3f3;
	padding: 20px;
	margin-bottom: 15px;
}

.moreMap{
	text-align: right;
	padding: 10px 0;
	font-size: 13px;
}


/*============================================================
､ｪﾌ荀､ｹ逎潸ｻ・===========================================================*/

#form table th{
	color: #a98240;
}
sup.required {
	margin: 0 5px;
	color: #a98240;
	font-weight:bold;
}
.formBox{
	background:#f3f3f3;
	padding:20px;
	margin:20px 0;
}
#form .err {
	color:#d00000;
	font-weight:bold;
}
#form input:focus {
	background:#FAFAFA;
}
#form .ime01 {
	ime-mode: active;
}
#form .ime02 {
	ime-mode: inactive;
}
#form .inp01 {
	width: 300px;
	height: 20px;
}
#form .inp02 {
	width: 140px;
	height: 20px;
}
#form .inp03 {
	width: 300px;
	height: 20px;
}
#form .inp04 {
	width: 70px;
	height: 20px;
}
#form .sel01 {
	width: 70px;
	height: 20px;
}
#form .sel02 {
	width: 50px;
	height: 20px;
	text-align:center;
}
#form .naiyou {
	width: 420px;
	height: 135px;
	padding:5px;
}

#form table {
	width: 100%;
}
#form th {
	width: 25%;
	text-align:left;
}
#form th, #form td {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
#form .noborder {
	border-bottom:none;
}
#form tr.nopadding,
#form td.nopadding{
	padding-top:0;
}
#form .cellTop{
	vertical-align: top;
}
#form td.nopadding p.gold{
	padding-top:10px;
	clear:both;
}
#form .submit {
	text-align: center;
}
#form .submit .btn {
	padding: 7px 10px;
}
.form a:hover{
	color:#a98240;
}
#form .formCell01{
	width:180px;
	border-bottom:none;
}
#form .formCell02{
	width:110px;
	margin-right:10px;
	border-bottom:none;
}
#form table table td{
	padding:0;
	margin:0;
}
#form table input,
#form table textarea,
#form table select,
#form table select option{
	border: 1px solid #ccc;
}
#form table input.noborder{
	border: none;
}

/*============================================================
aesthetic
============================================================*/
.aesthBox{
	overflow: hidden;
	margin-bottom: 20px;
}
.lowerBox{
	margin-left: 20px;
}
.lowTtl03{
	font-size: 15px;
	padding: 20px 0 7px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #d7d6d6;
}
.aesthLeft{
	float: left;
}
.aesthRight{
	float: right;
	width: 518px;
}

.alert{
	display: block;
	text-align: left;
	font-size: 11px!important;

	width: 210px;
	color: #c29a57;
	padding: 5px 0 0 0;
	margin: 0 0 0 20px;
}

.alert02{
	color:#ab0000;
}
#accesImage{
	margin-bottom:35px;
	height:446px;}
	
#accesImage p{
	float:left;
	padding-left:20px;}



/*============================================================
20140224嫉芝七`悉I
============================================================*/

.comment{
	padding-top:10px;
	padding-bottom:10px;
	width:680px;
	clear:both;
	overflow:hidden;
}

.comment p{
}

.left{
	float:left;
	width:450px;
	margin-right:20px;
	padding-top:10px;
}


.right{
	float:left;
	padding-top:10px;
	width:190px;
}

.right2{
	float:right;
	width:450px;
	margin-left:20px;
	padding-top:10px;
}


.left2{
	float:left;
	padding-top:10px;
	width:190px;
}

.right .dr{
	display:block;
	padding-left:35px;
	/*line-height:16px;
	font-size:0.9em;*/
	
}

#bottom{
	width:680px;
	margin-top:20px;
}

#bottom .box{
	margin-top:10px;
	width:315px;
	float:left;
	padding:10px;
	margin-bottom:20px;
	background-color:#ebebeb;
	height:321px;
}

#bottom .box2{
	margin-top:10px;
	width:315px;
	float:left;
	padding:10px;
	margin-left:10px;
		background-color:#ebebeb;
		height:321px;
	
}

#bottom .in{
	padding-top:10px;
	padding-bottom:10px;
}

#bottom .in_r{
	padding-bottom:10px;
	padding-left:250px;
	
}

#bottom ul{
	display:block;
	width:325px;
	margin-right:-23px;
	padding-left:7px;
}

#bottom li{
	float:left;
	margin-right:23px;
}

.margin{
	margin-top:20px;
	margin-bottom:5px;
}

.this{
	position:absolute;
	margin-left:-155px;
	margin-top:100px;

}

.anser dt{
	float: left;
	padding: 0 5px 0 0;
}

.anser dd{
	float: left;
	width:650px;
}

@media screen and (max-width: 760px) {
	.anser dt{
		font-size:20px!important;
	}
}

@media screen and (max-width: 640px) {
	.anser dt{
		font-size:20px!important;
	}
}

@media screen and (max-width: 480px) {
	.anser dt{
		font-size:20px!important;
	}
}

@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
	.anser dt{
		font-size:20px!important;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

	.this {
		margin-left:100px;
		margin-top:-30px;/* IE10 */
	}
}


.colorbg{
	background-color:#f7f7f7;
}

.colorbg li img{
	vertical-align:bottom;
	margin:0;
	padding:0;
}




/*
.iLeft{
	float: left;
	padding: 0 5px 0 0;
}
.indent{
	float: left;
	width:650px;
}
*/

.px12{
	font-size:12px;
}

.textCenter span {
	line-height: 170%;
}

#newsBox{
	margin-bottom:80px;
	margin-top:10px;
}

#newsBox dt{
	display:block;
	width:80px;
	float:left;
}

#newsBox dd{
	display:block;
	float:left;
}

/*============================================================
20140317追加
============================================================*/
	
.price .tab01 .haba{
	width:275px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.price .tab01 .haba{
	width:0px;
}
}

.price .reformTab{
	margin-bottom:30px;
}

.price .reformTab .creditright{
	float:right;
}


.price .reformTab .caution{
	width:120px;
	background-color:#f7f7f7;
	float:left;
	margin-right:10px;
	padding:10px;
}

.price .reformTab table{
	border:1px solid #e1e2e3;
	margin-left:70px;
	margin-top:10px;
}

.price .reformTab th{
	width:250px;
	text-align:center;
}

.price .reformTab td{
	width:250px;
	text-align:center;
	border:1px solid #efefef;
}

.price .reformTab .omotettl{
	background-color:#ffeeee;
}

.price .reformTab .urattl{
	background-color:#eef4ff;
}

.price .reformTab .ura{
	background-color:#fcfdff;
}


.price .reformTab .point{
	padding-left:30px;
	line-height:25px;
	font-weight:bold;
}

.mb20{
	margin-bottom:20px;
}


/*============================================================
20140317追加  インプラントページ
============================================================*/

.imp{
	background-image:url(../images/imp_imp_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:24px;
	overflow:hidden;
	width:680px;
}

.imp .middlecont{
	background-image:url(../images/imp_imp_middle.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
	text-align:center;
}

.contbox{
	clear:both;
	overflow:hidden;
	margin-left:50px;
}

.contbox p{
	line-height:1em;
	padding-top:5px;
}


.imp .typebox{
	width:280px;
	height:285px;
	border:1px solid #ebebeb;
	float:left;
	margin-right:10px;
}

.typebox h4{
	background-image:url(../images/imp_h_point.jpg);
	background-repeat:no-repeat;
	color:#d39329;
	font-size:16px;
	line-height:25px;
	width:190px;
	margin-left:45px;
	margin-top:18px;
}


.kabuse{
	background-image:url(../images/imp_kabuse_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:24px;
	overflow:hidden;
	width:680px;
}

.kabuse .middlecont{
	background-image:url(../images/imp_kabuse_middle.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
	text-align:center;
}

.kabuse .typebox{
	width:280px;
	height:275px;
	border:1px solid #afd2d6;
	float:left;
	margin-right:10px;
}

.imphaba{
	width:500px;
}

/*============================================================
20140324追加  審美・ホワイトニングページ
============================================================*/

.whiteningBox{
		border:1px solid #e1e2e3;
}


.whiteningBox th{
	background-color:#ebebeb;
	border:1px solid #e1e2e3;
	text-align:center;
}


.whiteningBox td{
	border:1px solid #e1e2e3;
	padding:15px 8px 15px 10px;
}


.whiteningBox .box1{
	width:80px;
	text-align:center;
}

.whiteningBox .box2{
	width:120px;
	text-align:center;
}

.whiteningBox .box3{
	width:120px;
}

.whiteningBox .box4{
	width:80px;
	text-align:center;
}

.whiteningBox2{
		border:1px solid #e1e2e3;
}

.whiteningBox2 th{
	background-color:#ebebeb;
	border:1px solid #e1e2e3;
}

.whiteningBox2 td{
	border:1px solid #e1e2e3;
	padding:15px 10px 15px 10px;
}

.whiteningBox2 .ubox1{
	width:380px;
	padding-left:15px;
}

.whiteningBox2 .ubox2{
	width:250px;
	text-align:center;
}



/*----------------------*/
.grayBox{
	background: #f3f3f3;
	padding: 20px;
	margin-bottom: 15px;
}

.grayBox h4{
	border-left:5px solid #CCC;
	font-weight:bold;
	padding-left:8px;
	font-size:1.2em;
}

h4.case{
	border-left:5px solid #CCC;
	font-weight:bold;
	padding-left:8px;
	font-size:1.2em;
}


.gray{
	color:#CCC;
}

.orange{
	color:#F90;
}

.yellow{
	color:#e1b368;
}

.imgset_c{
	text-align:center;
}

p.imgset_c{
	text-align:center;
}

img.case{
	margin:2px 10px 10px 2px;
	box-shadow: 0 0 2px #CCC;
	padding:3px;
	border:1px solid #DDD;
}

img.border{
	border:2px solid #EEE;
}


.point{
	line-height:2;
	font-size:1.2em;
}

ul.point li{
	margin-bottom:10px;
}