@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size:100%; background: transparent; }

body { color: #333;}

div#contact{font-family: "游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",'sans-serif'; font-weight: 500;}

a{text-decoration:none; color:#003399;}
a:hover{text-decoration:underline;}
img{border:none;}
.clr{clear:both;}

/*上部の空白*/
.T30{margin-top:30px;}
.T60{margin-top:120px;}


/*上にもどる*/
#bck {position:fixed; right:4%; bottom:100px; display:none; z-index:100;}
#bck a { display:block; background:url(../backtotop.png) no-repeat; width:65px; height:30px; }
#bck a:hover{ background-position:bottom left;}
@media screen and (max-width:840px){
#bck{width:100%; margin-left:0; right:0; bottom:0;}
#bck a{position:absolute;  right:4px; bottom:8px;}
}

/*フッター*/
footer{padding:12px 0; line-height:1.8; font-size:3em;}

#Title{background:url(title_back.jpg) repeat-x; background-position-y:117px; margin:0 0 10px 0; text-align:center; padding:117px 0 0 0; line-height:0;}
#Title .bn{margin:0 auto; padding:0; width:980px; line-height:0;}
#Title .pink{background-color:#E86A9A; margin:0 auto; padding:0; width:980px;}
#Title .sc{float:left; margin:0; padding:0 0 0 0.6em; width:40%; text-align:right;}
#Title .dial{float:right; margin:0; padding:0 0.6em 0 0; width:49%;}

.contents{width:980px; margin:0 auto; padding:0; line-height:2em;}

h2{background-color:#FED1D6; color:#990000; font-size:1.5em; padding:20px; margin:60px 0 12px 0; clear:both; border-bottom:2px solid #663366; text-align:center; clear:both;}

h3{background-color:#666699; color:#FFFFFF; border-bottom:1px solid #333333; border-top:1px solid #EEEEEE; padding:10px; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

h4{color:#990000; border-bottom:1px dotted #D5848C; border-left:12px solid #660000; padding:4px; margin:8px 0; line-height:1.2em;}

/****総合サイトへ**********************/
.Slink{margin-bottom:20px; text-align:center; font-size:0.9em; width:100%; border-top:1px solid #999999; border-bottom:1px solid #999999;}
.Slink a{padding:2px 8px;}
.Slink a:hover{text-decoration:none; color:#FF3366;}


/**費用**/
table.pricetbl{border-bottom:1px solid #666666; border-left:1px solid #333333; border-collapse:collapse; margin:0 auto 60px; width:90%;}
table.pricetbl th{background-color:#F9CEDC; color:#990000; text-align:left;}
table.pricetbl td{text-align:right; background-color:#FFF4FC;}
table.pricetbl th, table.pricetbl td{border-top:1px solid #333333; border-right:1px solid #333333; padding:8px;}
table.pricetbl td.prices{color:#CC0000; font-weight:bold; background-color:#FFFFFF;}
table.pricetbl td span{font-size:0.8em;}
table.pricetbl td.prices span{font-size:inherit;}

@media screen and (max-width:1000px){
#Title{background-image:none; background-color:#FFFFFF;}
#Title .bn{width:auto;}
#Title .pink{width:100%;}
#Title .bn img{width:100%;}

.contents{width:93%;}

table.pricetbl{width:auto;}
}
@media screen and (max-width:960px){
table.pricetbl th span{display:block;}
}


@media screen and (max-width:800px){
#Title .pink img{width:100%;}
table.pricetbl td.prices span{display:block;}

}

@media screen and (max-width:798px){
}

@media screen and (max-width:720px){
table.pricetbl th, table.pricetbl td{padding:4px;}
table.pricetbl th{white-space:nowrap;}
table.pricetbl td span{display:block;}
table.pricetbl td.prices{white-space:nowrap;}
}

@media screen and (max-width:660px){
table.pricetbl{font-size:0.9em;}
}

@media screen and (max-width:590px){
}

@media screen and (max-width:560px){
#Title .pink{text-align:center;}
#Title .sc{float:none; margin:0 auto;}
#Title .dial{float:none; margin:0 auto;}

}

@media screen and (max-width:480px){
h2{font-size:1em;}
}

@media screen and (max-width:440px){
table.pricetbl{width:96%;}
table.pricetbl th span{display:inline;}
table.pricetbl th{display:block;}
table.pricetbl td{display:block;}
}


/**************/
/*メールカウンセリング受付*/
.counselingLink{width:80%; margin:0 auto; padding:0; text-align:center;}
.counselingLink p{padding:0; margin:30px 0 30px 0; font-size:1.4em;}
.counselingLink a{border:4px double #FFFFFF; text-decoration:none; display:block; font-weight:bold;
border-top-left-radius: 60px;
	border-top-right-radius: 60px;	
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 06px;	
-webkit-border-top-left-radius:60px;
-webkit-border-top-right-radius:60px;	  
-webkit-border-bottom-left-radius:60px;
-webkit-border-bottom-right-radius:60px; 	 
-moz-border-radius-topleft:60px;
-moz-border-radius-topright:60px;	  
-moz-border-radius-bottomright:60px;
-moz-border-radius-bottomleft:60px;
background-color:#FF9900; color:#FFFFFF; padding:10px 20px;}
.counselingLink a:hover{background-color:#CC6600; color:#FFFF99;}

@media screen and (max-width:670px){
.counselingLink p{font-size:1em;}
}
@media screen and (max-width:420px){
.counselingLink a{ padding:10px 8px;}
}

/******/
/***病院案内***/
/******/
p.tel{ line-height:1.6em; background-color:#99CCCC; color:#003333; padding:20px 12px; font-weight:bold; text-align:center;
-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;
}

div.cln h3{border-top:1px dotted #666666; background-color:#FFFFFF; margin:12px 0 0 0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; color:#000033;}

div.cln{clear:both; line-height:1.6em; margin:12px 0 40px; overflow:hidden; zoom:1;}
div.cln .add{float:left; padding:6px;}
div.cln .ph{float:right; padding:6px;}

div.cln dl{line-height:1.6em; margin:0;}
div.cln dt{font-weight:700; color:#006699; margin-top:20px;}
div.cln dd{ margin:0 0 8px 0; padding:0;}

@media screen and (max-width:798px){
div.cln .add{ width:55%;}
div.cln .ph img{ display:block;}
}

/******/
/*Dr*/
#detailes{margin:0 auto;}

#detailes h3{ font-weight:700; background-color:#FFFFFF; color:#000000; font-size:1.6em; border-bottom:1px dotted #336699; line-height:130%; padding-bottom:6px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
#detailes h3.data{font-size:90%; font-weight:normal; color:#FF6600; margin:0; padding:0; border:none;}

.drs{margin:40px 0 50px 0; border:1px solid #CCCCCC; padding:6px; overflow:hidden; zoom:1;}
.drs .txt{line-height:1.4em;}
.drs .txt ul{list-style:none; margin:12px 0;}
.drs .txt .cc li{color:#336699;}

@media screen and (max-width:640px){
#detailes{width:100%;}
}

@media screen and (max-width:480px){
p.tel{font-size:0.9em;}

#detailes{width:100%;}
.drs .txt{float:none; width:100%;}
}


@media screen and (max-width:560px) {
h3 span{display:block;}

div.cln .add{float:none; width:auto;}
div.cln .ph{float:none; padding:0 0 0 12px;}
div.cln .ph img{display:inline;}
	
div.cln dt{width:auto; float:none;}
div.cln dd{float:none; padding:0 0 12px 4px; margin-left:0;}
}
