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

@import url("common.css");
@import url("top.css");
@import url("deteal.css");




body {
	text-align: center;
	font-family:  "ヒラギノ角ゴ Pro W3",Arial;
	font-size:13px;
	color: #333333;
	height:100%;
	line-height:180%;
}





/*base--------------------------------------*/


#wrap{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#head{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;


}



#side{
	float: right;
	width: 240px;
	text-align:left;
	margin-bottom:30px;
}

#main{
	float: left;

}


#mid{
	margin-top: 0px;
	background-image: url(../img/common/mid-bg.jpg);
	background-repeat: repeat-x;

}

#main{	width: 630px;
 margin-bottom:30px;
}




#main .contentArea{
	text-align:left;
padding-left:10px;

}


#mid .main-img{
	margin-bottom: 20px;
	padding:15px 0px 0px 0px;

}





/*Change parts-------------------------------------------------------------*/

a{
	color: #0099CC;
}

a:hover{
	color: #FF9900;
}



/*head-----------------------*/

#head {
	line-height: 12px;
	padding-bottom:0px;
	position:relative;
}

#head h1{
	text-align:right;
	padding-top: 5px;
	padding-bottom:10px;
	font-weight:normal;
	font-size:80%;
	position:absolute;
	right: 0px;
	top: 0px;
	width: 620px;
	
}
#head p.logo{
	float: left;
	margin:12px 0 12px 0;
}


#head p.logo a {
	display: block;
	width: 382px;
	height: 55px;
	text-indent: -9999px;
	background-image: url(../img/common/logo.jpg);
	background-repeat: no-repeat;
}

#head .head-right{
	float: right;

}


#head .tel{
	padding-top: 46px;
	margin-bottom: 0px;
	text-align:right;

}


#head .head_home{ float:left;
}





/*text-----------------------*/




#mid #main .tx-colbold,
#top .hours-info dl dt,
#access .hours-info dl dt,
#top .info .ymd p,
#top #main .info .news-title dt,
#side .side-news p.ymd,
.color{
	color: #339900;
}


.attention{
	color:#FF8080;
}

.attention2{
	color:#FF6262;
}


/*side menu size-----------------------*/


#side h2{
	width:240px;
}


#side .sideBlockA{
	background-image: url(../img/common/side_body.gif);
	background-repeat: repeat-y;
	text-align:center;
	margin-bottom:10px;
}

#side .sideBlockA h2{
	margin-bottom:5px;

}

#side .side-address{
	padding:5px 15px 5px 15px;
	text-align: left;
	line-height:130%;
	background-image: url(../img/common/side_Foot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}



#side .side-address ul{list-style-type: none; margin-top:5px; margin-bottom:5px;}
#side .side-address li{
	list-style-type: none;
	background-image: url(../img/common/list_s.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	padding-left: 10px;
	margin-bottom:2px;

}
#side .side-address p{margin-bottom:10px; margin-top: 0px; }



#side .side-address h3{
	background-image: url(../img/common/sq.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	letter-spacing: 0px;
}

#side .side-address p strong{ font-size:116%;	letter-spacing: 0.1em;}

#side p.mt-15{	margin-top: 15px;}
#side p.mb5{	margin-bottom: 5px;}
#side p.mb-10{	margin-bottom: 10px;}



#side .sideBlockB{
	background-image: url(../img/common/sideB_body.gif);
	background-repeat: repeat-y;
	margin-bottom:20px;
}

#side .sideBlockB .inner{
	padding:5px 15px 15px 15px;
	background-image: url(../img/common/sideB_foot.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#side .sideBlockB li{
	list-style-type: none;
	background-image: url(../img/common/list2.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	padding-left: 12px;
	margin-bottom:4px;
	line-height:1.4;
	font-size:85%;
}

#side .side-address p strong{
	color:#339900;

}

#side ul.banners{
	margin-bottom:15px;
}


#side ul.banners li{
	margin-bottom:8px;
}



/*common style-------------------------------------------------------------*/




/*text parts--------------------------------------*/


#mid #main p{
	margin-bottom: 1.5em;
	font-size: 108%;
}

#mid #main p.lineS{
	margin-bottom: 1em;
	line-height: 1.5em;
}


#mid #main h2{
	font-size: 138%;
	padding-top: 29px;
	padding-bottom: 29px;
	padding-left: 20px;
	font-weight: bold;
	background-image: url(../img/common/h1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	margin-top:-2px;
	line-height: 0;
	margin-bottom: 15px;
	color:#000000;

		

}

#mid #main h3{
	margin-bottom: 5px;
	background-image: url(../img/common/h2.jpg);
	background-repeat: no-repeat;
	font-size: 116%;
	padding-top: 24px;
	padding-bottom: 24px;
	background-position: left center;
	padding-left: 30px;
	margin-top: 3em;
	font-weight: bold;
	margin-bottom:15px;
	line-height: 0;
	clear:both;
}



#mid #main h3.imgTitle{
	background-image:none;
	padding:0;
	margin-bottom:20px;
}


#mid #main .type2 h4{
	margin-bottom: 5px;
	background-image: url(../img/common/h3.jpg);
	background-repeat: no-repeat;
	font-size: 108%;
	padding-top: 24px;
	padding-bottom: 24px;
	background-position: left center;
	padding-left: 20px;
	margin-top: 1em;
	font-weight: bold;
	margin-bottom:5px;
	line-height: 0;
	clear:both;
}




#top h4,
#mid #main  h4, #mid #main p.sq{
	background-image: url(../img/common/sq.gif);
	background-repeat: no-repeat;
	background-position: left 0.35em;
	padding-left: 16px;
	font-weight: bold;
	margin-bottom: 6px;
	font-size: 108%;
	line-height:1.4;
}

#mid #main p.sq.b0{
	margin-bottom: 0px;

}



#mid #main  p.tx-b{
	font-size: 123%;
	font-weight: bold;
	margin-bottom: 0.4em;
}


#mid #main  p.tx-bb{
	font-size: 161%;
	font-weight: bold;
	margin-bottom: 0.4em;
	color:#339900;
}


#mid #main .tx-colbold{
	font-weight: bold;
}

#main .tx-b{
	color:#339900;
}




/*foot---------------------------------------------------*/



#foot{
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom:15px;
	background-image: url(../img/common/footBg.jpg);
	background-repeat: repeat-x;
	border-top: solid 3px #339900;
}
.footArea{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


#foot p{
	margin-bottom:0px;
}

#foot p strong{
	color:#339900;
}

#foot address{
	font-style: normal;
	line-height:16px;
	font-size:85%;	
}


#foot .right{
	text-align: right;
}

#foot .right img{
	margin-bottom: 10px;
}




/*navi menu---------------------------------------------------*/


.navi{
	width: 100%;
	padding-bottom: 0px;
	line-height: 12px;
	text-align:center;
	background-image: url(../img/common/gnavi_bg.jpg);
	background-repeat: repeat-x;
	height: 50px;
	margin: 0 0 0px 0;
}



.head-menu { width:900px;  margin-right:auto; margin-left:auto;}

.head-menu li{float: left;  height: 50px; }
.head-menu li{background-repeat: no-repeat;}
.head-menu li a{display: block;text-decoration: none;	width: 129px; height: 50px;}


.head-menu li.menu01{background-image: url(../img/common/menu1.jpg); width: 128px;}
.head-menu li.menu02{background-image: url(../img/common/menu2.jpg);}
.head-menu li.menu03{background-image: url(../img/common/menu3.jpg);}
.head-menu li.menu04{background-image: url(../img/common/menu4.jpg);}
.head-menu li.menu05{background-image: url(../img/common/menu5.jpg);}
.head-menu li.menu06{background-image: url(../img/common/menu6.jpg); width: 128px;}
.head-menu li.menu07{background-image: url(../img/common/menu7.jpg); width: 128px;}

.home .head-menu li.menu01{background-position: left -50px;}
.medical .head-menu li.menu02{background-position: left -50px;}
.mammary .head-menu li.menu03{background-position: left -50px;}
.greeting .head-menu li.menu04{background-position: left -50px;}
.clinic .head-menu li.menu05{background-position: left -50px;}
.access .head-menu li.menu06{background-position: left -50px;}
.news .head-menu li.menu07{background-position: left -50px;}

.head-menu li span{visibility: hidden;}
.head-menu{
	list-style-type: none;
}
/* WP PageNavi */
/*  ------------------------------------------------------------ */

.wp-pagenavi{ margin-top:1rem !Important;}
.wpcontents .wp-pagenavi a{ margin-right:5px;}



.wp-pagenavi a ,
.wp-pagenavi .current{ 
background: #FFF;
margin-right: 0.4rem;
width: 36px;
line-height: 36px;
font-size:0.9rem;
border:#00A63C 1px solid;
display: inline-block;
text-align: center;
color: #00A63C;
border-radius:3px;
font-family: 'Roboto', sans-serif;
text-decoration:none;

}
.wp-pagenavi a:hover{border:#5FC885 1px solid;}


.wp-pagenavi .current{ background:#00A63C; color:#FFF; border:none;}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{}


/* SP */
@media screen and (max-width: 736px) {
.wp-pagenavi{text-align:center; margin-bottom:1rem;}

.wp-pagenavi a ,
.wp-pagenavi .current{
margin-bottom: 5px; width:14%;
}
}