@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	background:url(../img/bg_body.jpg) repeat-x;
	text-align:center;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	color:#666;
	}
	
img{
	border:none;
	}
	
a{
	outline:none;
	}
	
a:link{
	color:#009933;
	}
	
a:visited{
	color:#000099;
	}
	
li{
	list-style:none;
	}

#headerback{
	width:auto;
	height:450px;
	margin:0 auto 10px;
	background-image:url(../img/bg_header.png) ;
	background-repeat: no-repeat;
	background-position:center top;
}

#header{
	width:1000px;
/*	height:200px;*/
	margin:0 auto;
	text-align:left;
}

h1{
	width:1000px;
	height:20px;
	font-size:70%;
	line-height:2;
	color:#999;
	margin:0 0 16px 0;
}

h2{
	width:518px;
	height:93px;
	margin:0 0 28px 0;
	float:left;
}

#contact{
	width:330px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
}

#main{
	width:1000px;
	height:150px;
	clear:both;
	margin:0 0 27px 0;
}

ul#gnav{
	clear:both;
	width:1000px;
	height:60px;
	margin:0 auto 20px 0;
}

ul#gnav li{
	width:200px;
	height:46px;
	float:left;
	list-style:none;
	margin:0 0 10px 0;
}

ul#gnav li a{
	width:200px;
	height:46px;
	display:block;
	text-indent:-9999px;
}

ul#gnav li a:hover,
ul#gnav li a:active{
	background-position:0 -46px;
}

#gn00{background:url(../img/gn00.png);}
#gn01{background:url(../img/gn01.png);}
#gn02{background:url(../img/gn02.png);}
#gn03{background:url(../img/gn03.png);}
#gn04{background:url(../img/gn04.png);}
#gn05{background:url(../img/gn05.png);}

#top #gn00{background-position:0 -46px;}
#doctor #gn01{background-position:0 -46px;}
#clinic #gn02{background-position:0 -46px;}
#access #gn03{background-position:0 -46px;}
#question #gn04{background-position:0 -46px;}

#container{
	width:1000px;
	margin:0 auto 0;
	padding:0 0 5px 0;
	text-align:left;
}

#leftblock{
	width:230px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

p#btn_sheet, .btn_sheet {
	width:230px;
	margin:0 0 20px 0;
}

p#title_snav{
	width:230px;
	height:30px;
	margin:0 0 10px 0;
}

ul.snav{
	width:230px;
	margin:0 0 22px 0;
}

ul.snav li{
	width:230px;
	height:60px;
	list-style:none;
	margin: 0 0 6px 0;
	text-indent:-9999px;
}

ul.snav li a{
	width:230px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

ul.snav li a:hover,
ul.snav li a:active{
	background-position:-230px 0;
}

#sn01{background-image:url(../img/sn01.png);}
#sn02{background-image:url(../img/sn02.png);}
#sn03{background-image:url(../img/sn03.png);}
#sn04{background-image:url(../img/sn04.png);}
#sn05{background-image:url(../img/sn05.png);}
#sn06{background-image:url(../img/sn06.png);}
#sn07{background-image:url(../img/sn07.png);}
#sn08{background-image:url(../img/sn08.png);}
#sn09{background-image:url(../img/sn09.png);}
#sn10{background-image:url(../img/sn10.png);}
#sn11{background-image:url(../img/sn11.png);}


#ear #sn01{background-position:-230px 0;}
#nose #sn02{background-position:-230px 0;}
#throat #sn03{background-position:-230px 0;}
#neck #sn04{background-position:-230px 0;}
#vertigo #sn05{background-position:-230px 0;}
#paralysis #sn06{background-position:-230px 0;}
#sas #sn10{background-position:-230px 0;}
#nose #sn08{background-position:-230px 0;}
#nose #sn09{background-position:-230px 0;}
#ear #sn07{background-position:-230px 0;}
#nose #sn11{background-position:-230px 0;}

/*.snav li.point a{background-position:-230px 0;}*/


.nav2{padding-top:20px;border-top:2px dotted #FAA444;}

p#mobile{
	width:230px;
	height:90px;
	margin:0 0 12px 0;
}

p#kanja{
	width:230px;
	height:90px;
	margin:0 0 0 0;
}

#rightblock{
	width:720px;
	margin:0 0 0 0;
	float:right;
	padding:0 0 0 0;
}

/*#footer{
	clear:both;
	height:208px;
	background:url(../img/bg_footer.png) repeat-x;
	padding:0 0 0 0;
}*/

#footer{
	width:auto;
	clear:both;
	height:300px;
	margin:0 auto 10px;
	background-image:url(../img/bg_footer.gif) ;
	background-repeat: no-repeat;
	background-position:center top;
}

#footerlinkarea{
	width:1000px;
	height:260px;
	margin:0 auto;
}

#pagetoparea{
	width:1000px;
	height:120px;
	margin:0 0 10x 0;
}
		
#pagetop{
	width:100px;
	height:120px;
	margin:0 0 0 900px;
}

p#name_footer{
	width:432px;
	height:78px;
	padding:20px 0 0 0;
	margin:0 0 25px 0;
	float:left;
}

ul.footerlink{
	width:550px;
	height:25px;
	padding:20px 0 0 0;
	float:right;
	margin:0 0 0 0;
	text-align:right;
}

ul.footerlink li{
	font-size:80%;
	line-height:1.5;
	display:inline;
	list-style:none;
	margin:0 0 0 0;
	color:#fff;
	}
	
ul.footerlink li a:link{
	color:#fff;
	}

ul.footerlink li a:visited{
	color:#F5F5F5;
	}

p#copy{
	clear:both;
	font-size:90%;
	margin:0 auto　0;
	text-align:center;
	line-height:1.5;
	color:#fff;
}

p#copy a:link{
	color:#fff;
	}

p#copy a:visited{
	color:#E4E4E4;
	}
	

/*概要-----------------------------------------*/

#summaryarea{
	width:720px;
	padding:0 0 0 0;
}


#summary{
	width:340px;
	margin:0 0 0 0;
	float:left;
}

p#name_summary{
	margin:0 0 10px 0;
	font-size:120%;
	line-height:1.1;
	color:#4F3E35;
	font-weight:bold;
}

span.degree{
	font-size:75%;
	display:block;
}

dl.summarytext{
	width:340px;
	float:left;
	margin:0 0 0 0;
}

dl.summarytext dt{
	width:340px;
	font-size:100%;
	font-weight:bold;
	color:#2F996E;
	border-bottom:#1F6703 1px dotted;
	line-height:1.5;
	font-weight:bold;
	margin:10px 0 5px 0;
}

dl.summarytext dt#timetable{
	border:none;
	margin-bottom:0;
}

dl.summarytext dd{
	width:340px;
	font-size:90%;
	line-height:1.2;
	margin:0 0 20px 0;
}

span#tel{
	font-size:195%;
	font-weight:bold;
	line-height:1;
	letter-spacing:1px;
	color:#EA7D06;
}

span.route{
	display:block;
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:105%;
}

span.orange{
	color:#F60;
	font-weight:bold;
}

table{
	width:340px;
	margin:2px 0 5px 0;
	line-height:1.5;
	border:1px solid #666;
	border-collapse:collapse;
	text-align: left;
	}
	
th{
	background:#E1E1E1;
	font-size:100%;
	font-weight:normal;
	text-align:center;
	color:#333;
	border:1px solid #CCC;
	padding:3px 1px;
	}
	
td{
	border:1px solid #CCC;
	font-size:100%;
	background:#FFFFFF;
	text-align:center;
	padding:3px 1px;
	}
	
#maparea{
	width:357px;
	float:right;
	padding:10px 0 0 0;
}

p#accessmap{
	font-size:100%;
	font-weight:bold;
	color:#2F996E;
}
	
p#map_illust{
	width:360px;
	height:360px;
	margin:0 0 0 0;
}

dl.summarytext dd#last_summary{
	margin-bottom:0;
}


/*クレジットカード*/
.credit h4{
    font-size: 100%;
    font-weight: bold;
    color: #2F996E;
    line-height: 1.5;
    font-weight: bold;
    margin: 10px 0 5px 0;
	background-image: none;
}

section.box{
	padding: 10px;
}

.credit h5{
    font-size: 100%;
    color: #fff;
    line-height: 1.2;
    font-weight: normal;
	background-color: #999;
	text-align: center;
	padding: 1% 5%;
    margin: 10px 0 10px 0;
	border-radius: 5px;
	font-size: 90%;
	border-bottom: none;
}


ul.card{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;	
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
ul.card li{
    margin-right: 4%;
    margin-bottom: 2%;
    width: 13%;
    vertical-align: baseline;
	text-align: center;
}

ul.card li img{
    max-width: 100%;
}


/*概要ここまで------------------------------------*/




	

.all_clear { clear:both; height:0; }	


/*------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	}

.clearfix{
	display:inline-block;/* MAC IE用　*/
	min-height:1%;/* IE 7用 */
	}

/*--MAC IEは非適用→ \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/*--ここまでMAC IEは非適用 */
/*------------------------------------*/

.center{text-align:center;margin:0 auto;}