@charset "utf-8";

h3{margin-top:50px;}
h4{border-bottom:1px dotted #003399; border-left:5px solid #003399; padding:8px 4px; margin:8px 0; clear:both;}

p{line-height:1.6em;}
.red{color:#CC0000;}
.gray{color:#666666;}

#Main .banar{text-align:center; margin:20px 0;}
#Main .banar img{width:100%;}

/*タブ*/
#Main ul.tab{margin:12px 0; padding:0; list-style:none; width:100%; line-height:1.6em;}
#Main ul.tab li{float:left; width:14.6%;}
#Main ul.tab li.wh{width:26%;}
#Main ul.tab li a {display: block; width:100%; background-color:#EEEEEE; border:1px solid #9EBEE4;	border-bottom:none;	color:#666666; text-align: center; padding:8px 0;}
#Main ul.tab li a:hover{background-color:#CCCCCC; color:#333333; text-decoration:none;}
#Main ul.tab li.active a{background-color:#5C91CB; color:#FFFFFF; border-left:1px solid #5C91CB; font-weight:700;}

#Main div.ttl{border-top:6px solid #5C91CB; clear:both;}

/**********再生医療とは*/
.kmtxt{margin:0; font-size:0.8em;}
.km{font-size:0.65em;}

div.dr{border:1px dashed #99CCFF; padding:8px; margin:30px 0;}
div.dr .phdr{float:left; width:130px;}
div.dr .txtdr{ float:left; padding-left:12px; padding-top:12px;}
div.dr .txtdr ul{margin:8px 0 0 24px;}
div.dr .txtdr p{border-bottom:5px solid #3366CC;}


/*もともと、我々の*/
p.seityou{background-color:#3F77AF; color:#FFFFFF; font-weight:bold; text-align:center; padding:8px 0;}
div.seityoubox{background-color:#3F77AF; padding:8px 0;}
div.seityoubox div{width:27%; margin:8px; padding:8px; float:left; background-color:#CFEAF5; border-top-left-radius: 8px;
	border-top-right-radius: 8px;	
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;	
	border:none;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;	  
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px; 	 
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;	  
    -moz-border-radius-bottomright: 8px;}
.seittl{text-align:center; font-weight:bold;}
.reb_illust{text-align:center;}

/*成長因子を添加する*/


.reb_comparison{border:1px solid #99CCFF; padding:8px;  margin:22px 0;}
.reb_comparison strong{font-weight:bold; font-weight:bold;}
.green{color:#009900;}

/**/
.rebbox{border:1px solid #99CCFF; padding:8px;}
.rebbox strong{color:#6699CC;}
.reb_att{background-color:#EEEEEE; border-top-left-radius: 8px;
	border-top-right-radius: 8px;	
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;	
	border:none;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;	  
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px; 	 
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;	  
    -moz-border-radius-bottomright: 8px; padding:8px;}

/*適応部位*/
#Main ul.ph{list-style:none;}
#Main ul.ph li{float:left; padding-right:24px; margin:6px 0;}

div.adapt_illust div.illust{float:left;}
div.adapt_illust div.text{float:right; width:54%;}

/**/
.BoxBlue .pht1{width:122px; float:left;}
.BoxBlue .txt1{width:74%; float:left;}

.BoxBlue .pht2{width:260px; float:left;}
.BoxBlue .txt2{width:54%; float:left;}

/*ドクター*/
#Main div.photo{float:left; width:130px;}
#Main div.text{float:left; line-height:1.6em;}


/*テーブル*/
.comp{border:1px solid #003399; border-top:none; border-left:none; line-height:1.6em;}
.comp th{background-color:#E0E7FE; border-top:1px solid #003399; border-left:1px solid #003399; padding:4px 2px; white-space:nowrap;}
.comp td{border-top:1px solid #003399; border-left:1px solid #003399; padding:4px 2px;}
.comp ul{margin-left:18px;}
td.plus{background-color:#E4F2FA;}

/*安全性について*/
.sf_txt{float:left; width:68%;}
.sf_ph{float:right; margin-bottom:40px;}


/********施術方法*****/
.howph img{float:right;}
.flow p{clear:both;}
#Main ul.flow li.flowline{border:1px solid #99CCFF; background:none;}
.flow_box span{background-color:#006699; color:#FFFFFF; padding:2px 6px;}
.flow_box{background-color:#99CCCC; padding:12px; margin:10px;}
.flow_box .txt{float:left; width:62%; padding-top:8px;}
.flow_box .phot{float:right; padding-top:8px;}

/*ダウンタイム*/
.downtime{border-top:1px solid #0099CC; border-right:1px solid #0099CC;}
.downtime th{background-color:#E6F3FD; white-space:nowrap;}
.downtime th, .downtime td{border-bottom:1px solid #0099CC; border-left:1px solid #0099CC; padding:2px;}

/*QA*/
#Main .faq{ line-height:1.6em;}
#Main .faq dt{background:url(../images/affirm/q.jpg) no-repeat top left; padding:5px 0 12px 44px; color:#003399; font-weight:700;}
#Main .faq dd{background:url(../images/affirm/a.jpg) no-repeat top left; padding:5px 0 8px 44px; margin-bottom:20px;}

ul.faqlist{list-style:none;}
ul.faqlist li{background:url(../images/reborn/q.jpg) no-repeat left top; padding-left:24px; margin-bottom:8px;}
ul.faqlist li.faqlistttl{background:none; border-left:10px solid #0066CC; padding-left:6px; margin:30px 0 6px 0;}



div.ph{}
div.ph .Lf{float:left; padding-right:12px;}

ul.cam{margin:0 24px 20px; font-size:1.0em; line-height:2.4em;}

dl.box{border:1px solid #FFCC66; padding:0 1em 1em; line-height:2em; margin:12px 0 60px 0;}
dl.box dt{font-weight:700; margin-top:12px;}

ul.wlist{margin:0; text-align:center; list-style:none;}
ul.wlist li{border:1px solid #666666; background-color:#EEEEEE; padding:3px; margin:8px; float:left;}

div.price{background-color:#FFFFCC; padding:4px; text-align:center; font-size:1.2em;}

p.lnk{background-color:#FFCCFF; padding:8px; text-align:center; border-top-left-radius: 12px;
	border-top-right-radius: 12px;	
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;	
	border:none;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;	  
    -webkit-border-bottom-left-radius:12px;
    -webkit-border-bottom-right-radius:12px; 	 
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;	  
    -moz-border-radius-bottomright:12px;
	margin:0;
	padding:14px 12px 11px;
	width:auto;		
	clear:both;}
	
/*費用*/
table.reb_price{border:1px solid #003399; border-top:none; border-left:none; line-height:1.6em;}
table.reb_price th{background-color:#E0E7FE; border-top:1px solid #003399; border-left:1px solid #003399; padding:4px; margin:0;}
table.reb_price td{border-top:1px solid #003399; border-left:1px solid #003399; padding:4px; margin:0;}
table.reb_price td.enn{text-align:right;}



@media screen and (max-width: 720px){
div.seityoubox div{width:25%;}

/*費用*/
table.reb_price span{display:block; overflow:visible;}
}

@media screen and (max-width: 700px){
/*施術方法*************/
.flow_box .txt{float:none; width:auto; padding-top:8px;}
.flow_box .phot{float:none;}

.comp th span{display:block;}

/**/
.BoxBlue .pht1{width:122px; float:left;}
.BoxBlue .txt1{width:70%; float:left;}

.BoxBlue .pht2{width:260px; float:left;}
.BoxBlue .txt2{width:45%; float:left;}

.banar img{width:100%;}


}


@media screen and (max-width: 650px){
/*適応部位*/
#Main ul.ph li{float:none; padding-right:0; margin:6px 0; text-align:center;}
div.adapt_illust div.illust{float:none;}
div.adapt_illust div.text{float:none; width:auto;}

div.seityoubox div{width:38%;}


/*ダウンタイム*/
.downtime th span{display:block;}

/**/
.BoxBlue .pht2{width:auto; float:none;}
.BoxBlue .txt2{width:auto; float:none;}

/*安全性について*/
.sf_txt{float:none; width:auto;}
.sf_ph{float:none; text-align:center;}

.wh img{width:100%;}


}

@media screen and (max-width: 540px){
/*タブ*/
#Main ul.tab span{display:block;}

div.dr{width:94%;}
div.dr .phdr{float:none; width:130px; margin:0 auto;}
div.dr .txtdr{ float:none; width:auto; padding:0; margin:0; width:100%;}
div.dr p{text-align:center;}

.reb_illust img{width:100%;}
.reb_comparison img{width:100%;}

/*費用*/
table.reb_price span.ex{font-size:0.8em;}
}

@media screen and (max-width: 480px){
.comp th{white-space:normal;}

/**/
.BoxBlue .pht1{width:auto; float:none;}
.BoxBlue .txt1{width:auto; float:none;}

img.at{width:100%;}
div.ph .Lf{float:none; padding-right:0;}

#Main ul.tab{font-size:0.75em;}

div.ph img{width:100%;}

/****/
#exphoto img{width:100%;}

/********施術方法*****/
.howph img{width:30%;}



}

@media screen and (max-width: 360px){
div.seityoubox div{width:auto;}

/**/
.BoxBlue .pht1{width:100%; float:none;}
.BoxBlue .txt1{width:100%; float:none;}

.BoxBlue .pht2 img{width:100%;}
.BoxBlue .txt2 imgs{width:100%;}

div.adapt_illust div.illust img{width:100%;}

.flow_box .phot img{width:100%;}

.exphoto img{width:100%;}

/*費用*/
table.reb_price th{width:5%;}
}