@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;}
}

/*
#Head{width:980px;}

#Menu{margin-bottom:70px; margin-top:30px; width:980px;}
#Menu .menulist{margin:0 auto 0 4%;}

*/


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


#Title{ 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 .gray{background-color:#000033; 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:#CCCCCC; color:#000066; 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:#003366; 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; margin-bottom:12px;}

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


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

.contents{width:93%;}

table.pricetbl{width:auto;}
}

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

}

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

@media screen and (max-width:640px){
#detailes{width:100%;}
h3{font-size:0.9em;}
h3 span{display:inline;}
}

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

@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;}

table.pricetbl th{white-space:nowrap;}
table.pricetbl td span{display:block;}
table.pricetbl td.prices{white-space:nowrap;}
}

@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;}
}


/**************/
/*メールカウンセリング受付*/
p.counselingLink{padding:0; margin:30px auto; font-size:1.4em; text-align:center; width:100%;}
p.counselingLink a{border:4px double #FFFFFF; text-decoration:none; display:block; font-weight:bold; width:80%; margin:0 auto;
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;}
p.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.6em;}
.drs .txt ul{list-style:none; margin:12px 0;}
.drs .txt .cc li{color:#336699;}
.drs .detail{float:right; width:76%;}
.drs .pht{float:left;}

@media screen and (max-width:980px){
.drs .detail{width:73%;}
}

@media screen and (max-width:890px){
.drs .detail{width:70%;}
}
@media screen and (max-width:860px){
.drs .detail{width:68%;}
}

@media screen and (max-width:740px){
.drs .detail{float:right; width:70%;}
.drs .pht{float:left; width:28%;}
.drs .pht img{width:100%;}
}
@media screen and (max-width:640px){
#detailes{width:98%;}
}

@media screen and (max-width:560px){
.drs .txt{float:none; width:100%;}
.drs .txt h3{text-align:center;}
.drs .detail{float:none; width:auto;}
.drs .pht{float:none; width:auto; text-align:center;}
.drs .pht img{width:auto;}
}

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

#detailes{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;}
}
