@charset "utf-8";
/*/////////////////////////////////////////////////////////
*
*	clinic.css	
*
/////////////////////////////////////////////////////////*/


/* override template.css
---------------------------------------------------------*/
#wrapper.clinic{
	background:url(/images/clinic/bg_wrapper.gif) left top repeat-x;}

#scroller.clinic{
	background-image:url(/images/clinic/header_bg_main.jpg);}
	
.clinic #header{
	height: 492px;}
.clinic #header #headTitle{
	height: 492px;}
.clinic #header #headTitle .headTitleIn{
	margin-top:117px;}
	
	
/* =========================================
*
*	side
*	
========================================== */

/* sideNaviClinic
---------------------------------------------------------*/
#sideNaviClinic{
	width: 208px;
	background:#4f4f4f url(/images/common/bg_side_navi.gif) left top no-repeat; 
	padding-top:4px;
	z-index:10;}		
	#sideNaviClinic a{
		height:55px;
		overflow:hidden;
		vertical-align:top;}
	
	#sideNaviClinic li:first-child a{height:59px;}
	#sideNaviClinic a{
		display:block;
		width: 208px;
		overflow:hidden;}
	#sideNaviClinic a img{
		vertical-align:top;}
		
	#sideNaviClinic .sideNaviClinic01 img{ margin-top:0;}
	#sideNaviClinic .sideNaviClinic02 img{ margin-top:-59px;}
	#sideNaviClinic .sideNaviClinic03 img{ margin-top:-114px;}
	#sideNaviClinic .sideNaviClinic04 img{ margin-top:-169px;}
	#sideNaviClinic .sideNaviClinic05 img{ margin-top:-224px;}
	
	#sideNaviClinic a:hover img,
	#sideNaviClinic a.ac img{ margin-left:-208px;}
	
/* sideNaviClinic_in */
#sideNaviClinic .sideNaviClinic_in{
	background:#4f4f4f url(/images/common/bg_side_navi_in.gif) left bottom repeat-x;
	padding: 25px 15px 10px;
	clear:left;
	zoom:1;
	/*overflow:hidden;*/
	/*display:none;*/
	}
	#sideNaviClinic .sideNaviClinic_in dl{
		margin-bottom:15px;
		}
	#sideNaviClinic .sideNaviClinic_in dt{
		color:#eee;
		font-size: 92%;
		padding-bottom: 4px;}
	#sideNaviClinic .sideNaviClinic_in dd{
		display:block;
		padding: 4px 0;
		position:relative;}
	#sideNaviClinic .sideNaviClinic_in dd a{
		color:#bababa;
		line-height:1em;
		background:url(/images/common/icon_sideNavi_in.gif) 11px center no-repeat;
		height:auto;
		padding: 3px 12px 3px 20px;
		width:146px;}
		#sideNaviClinic .sideNaviClinic_in dd a:hover{
			background-color:#373737;
			text-decoration:none;
			}
			

/* sidePr
---------------------------------------------------------*/
.sidePr{
	margin-bottom: 5px;
	line-height:1;}
	.sidePr a{
		display:block;
		margin-bottom:10px;}
		.sidePr a img{vertical-align:top;}
		.sidePr a:hover img{opacity: 0.8;filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80); _zoom:1;}


/* =========================================
*
*	contents all
*	
========================================== */

/* caption
---------------------------------------------------------*/
.cap01{
	font-size:136%;
	letter-spacing:0.1em;
	padding-bottom:20px;
	position:relative;}
	.cap01 .headLink{
		display:block;
		position:absolute;
		right:0;
		top:0;
		}
		.cap01 .headLink a{
			display:inline-block;
			background:url(/images/common/arw_00.png) left center no-repeat;
			padding-left: 22px;
			font-size:66%;
			letter-spacing:0;
			padding-top:2px;}
.cap02{
	color:#515151;
	font-size:107%;
	border-bottom: solid 1px #d0d0d0;
	padding-bottom:11px;
	margin-bottom:20px;
	margin-top:35px;}
.cap03{
	color:#333;
	background:url(/images/common/icon_caption01.gif) left top no-repeat;
	margin-top:20px;
	padding:5px 15px 0;
	min-height:16px;}
.cap04{
	font-size:92%;
	color:#696969;
	background:url(/images/common/icon_square01.png) left center no-repeat;
	padding-left: 18px;}
.cap05{
	font-size:92%;
	font-weight:bold;
	color:#838383;
	background:url(/images/common/icon_square01.png) 0 0.2em no-repeat;
	margin-bottom:15px;
	padding-left: 18px;}

/* hr
---------------------------------------------------------*/
hr.hr01{
	border:dotted 1px #b2b2b2;}


h4 {margin-top:30px;
	background:#707070;
	color:#ffffff;
	padding:10px}


/* .section
---------------------------------------------------------*/
.section{
	border-top: solid 2px #707070;
	margin-bottom: 50px;
	padding-top: 18px;
	/*overflow:hidden;*/
	}
	.section p,.section dd,.section dt{
		font-size:92%;
		color:#838383;
		line-height:1.8;
		margin-bottom:15px;}

.sectionLink01{
	margin-top:20px;
	font-size:92%;
	/*line-height:1.8;*/}
	.sectionLink01 a{
		display:inline-block;
		background:url(/images/common/arw_00.png) left center no-repeat;
		margin-bottom:5px;
		padding-top:2px;
		padding-left: 22px;}
	/* IE */
	* html body .sectionLink01 a{ display:inline; zoom:1;}
	*+html body .sectionLink01 a{ display:inline; zoom:1;}

.sectionLink02{
	margin-top:15px;
	font-size:92%;}
	.sectionLink02 a{
		display:block;
		background:url(/images/common/icon_square02.gif) left center no-repeat;
		padding-left: 19px;}
	/* IE6.7 */
	* html body .sectionLink02 a{ display:inline; zoom:1;}
	*+html body .sectionLink02 a{ display:inline; zoom:1;}

.sectionList01{
	margin-top:20px;
	font-size:92%;}	
	.sectionList01 li{
		background:url(/images/common/arw_01.png) 1px center no-repeat;
		margin-bottom:8px;
		padding-left:14px;}
		.sectionList01 li a{
			color:#838383;}


.pointBox{
	margin-top:10px;
	border: solid 1px #e5e5e5;
	padding: 3px;}
.pointBox_in{
	background-color:#f5f5f5;
	border: solid 1px #e5e5e5;
	padding: 15px 15px 0 15px;
	-webkit-box-shadow: inset 0px 0px 3px 0px #ccc;
	-moz-box-shadow: inset 0px 0px 3px 0px #ccc;
	-ms-box-shadow: inset 0px 0px 3px 0px #ccc;
	-o-box-shadow: inset 0px 0px 3px 0px #ccc;
	box-shadow: inset 0px 0px 3px 0px #ccc;}


/* =========================================
*
*	clinic top
*	
========================================== */

/* #topDirector
---------------------------------------------------------*/
#topDirector{
	overflow:hidden;
	margin-top: 30px;}
	#topDirector .photo{
		width: 239px;
		float:left;}
#topDirector_in{
	width: 404px;
	float:right;}

/* .capDoctorName
---------------------------------------------------------*/	
.capDoctorName{
	font-size:136%;
	color:#363636;
	line-height:1.3;
	margin-bottom:15px;}
	.capDoctorName span{
		font-size:60%;}

/* .capNewblog
---------------------------------------------------------*/			
.capNewblog{
	color:#363636;
	font-size:92%;
	background:url(/images/clinic/bg_cap_newblog.gif) right top no-repeat;
	margin-top:25px;}
	
/* .doctorBox
---------------------------------------------------------*/	
.doctorBox{
	overflow:hidden;
	border-top: dotted 1px #d0d0d0;
	margin-top:19px;
	padding-top:19px;}
	.doctorBox.first{
		border-top:none;
		margin-top:0;
		padding-top:0;}
.doctorData{
	float:left;
	width: 446px;
	overflow:hidden;}
	.doctorData .photo{
		width: 143px;
		float:left;}
	.doctorData .txt{
		width: 252px;
		float:right;
		padding-right:30px;}
.doctorBlog{
	float:right;
	width: 205px;
	border-left: dotted 1px #d0d0d0;
	padding-left:20px}

/* .staffBox
---------------------------------------------------------*/	
.staffBox{
	overflow:hidden;}
.staffBox_in{
	width:330px;
	overflow:hidden;}
	.staffBox_in .photo{
		width: 142px;
		float:left;}
	.staffBox_in .staffData{
		width: 173px;
		float:right;}
		.staffBox_in .staffData h4{
			color:#363636;
			font-size:114%;}

/* #topInfo
---------------------------------------------------------*/	
#topInfo{
	overflow:hidden;}
	
/* #infoSlide */	
#infoSlide_wrap{
	width: 369px;
	float:left;}
	#infoSlide_wrap .infoSlideData{
		margin-top:15px;
		position:relative;}
		#infoSlide_wrap .infoSlideData div{
			background-color:#fff;
			position:absolute;
			left:0;
			top:0;}
		#infoSlide_wrap .infoSlideData h5{
			color:#838383;
			font-weight:bold;
			line-height:1;
			background:url(/images/common/icon_square01.png) left center no-repeat;
			margin-bottom:15px;
			padding-left: 19px;}
#infoSlide{
	width: 369px;
	height: 236px;
	overflow:hidden;
	position:relative;}
	#infoSlide ul{
		position:absolute;
		top:0;
		left:0;
		z-index:1;}
	#infoSlide li{
		width:369px;
		float:left;}
	.slidNav{
		display:block;
		position:absolute;
		top:97px;
		width: 32px;
		height: 55px;
		z-index:2;}
		.slidNav.prev{left:0;}
		.slidNav.next{right:0;}
	
#topInfoData{
	width: 273px;
	float:right;}
	#topInfoData .cap02{
		margin-top:20px;}
	#topInfoData .cap02:first-child{ margin-top:0;}
	
	#topInfoData dl{
		color:#838383;
		font-size:92%;}
	#topInfoData dt{
		width: 5em;
		line-height:1.5em;}
	#topInfoData dd{
		margin: -3em 0 10px 5.5em;
		line-height:1.5em;}
	#topInfoData .freedial{
		font-size: 200%;
		color:#505050;
		background:url(/images/clinic/icon_freedial.gif) 0 3px no-repeat;
		min-height: 19px;
		padding-left: 38px;
		line-height:1;}
	#topInfoData p.txtNote{
		font-size: 77%;
		line-height:1.5;}
	#topInfoData .btn_conversion{
		display:block;
		width: 189px;
		height: 46px;
		overflow:hidden;}
		#topInfoData .btn_conversion:hover img{
			margin-top: -46px;}


/* #topNewsList
---------------------------------------------------------*/	
#topNewsList_wrap{
	border:solid 1px #d0d0d0; 
    height: 150px;
	margin-top:10px;
	padding: 25px 19px;}
#topNewsList{
    height: 150px;
    position: relative;
	overflow:hidden;
	z-index: 99;}
	#topNewsList ul{
		position:relative;
		width: 587px;
		z-index: 98;}
	#topNewsList li{
		font-size:92%;
		border-top: dotted 1px #838383;
		margin-bottom:14px;
		padding-top: 14px;
		overflow:hidden;}
		#topNewsList li:first-child{
			padding-top:0;
			border-top:none;}
		#topNewsList li p,#topNewsList li span{
			margin-bottom:0; display:block;}
		#topNewsList li .date,#topNewsList li .news_date{
			color:#a9925f;
			float:left;
			width: 65px;
			padding-left: 3px;}
		#topNewsList li .txt,#topNewsList li .news_title{
			color:#838383;
			width: 493px;
			float:right;
			padding-right:15px;}
			
#scrollController{
	position: absolute;
	right: 0px;
	top:0px;
	width:6px;
	height: 150px;
	background: #e2e2e2;
	cursor: pointer;}
#scrollControllerBar{
	cursor: pointer;
	width:6px;
	height:26px;
	background: url(/images/index/news_scroll_slider.png);
	position:absolute;
	left:0px;
	top:0px;}
#scrollControllerBar{
z-index: 100;
}


/* .scientificBox
---------------------------------------------------------*/			
.scientificBox{
	overflow:hidden;
	margin-top: 20px;}
	.scientificBox .main.left{
		width: 477px;}
	.scientificBox .side.right{
		width: 165px;}
	
	.scientificBox .main .image{
		margin-top: 10px;
		text-align:center;}
		
/* .scientificBox > .sectionLink01 override */
.scientificBox .sectionLink01{
	margin-top:-10px;}


/* .pointBox > .sectionList01 override */
.pointBox .sectionList01{
	overflow:hidden;
	margin-top: 0;
	padding-bottom:10px;}
	.pointBox .sectionList01 li{
		width: 270px;
		float:left;
		padding-right:15px;}
		

		

/* =========================================
*
*	clinic price
*	
========================================== */

/* #navPricelist
---------------------------------------------------------*/	
#navPricelist{
	background:url(/images/clinic/bg_nav_pricelist.gif) left bottom no-repeat;
	width: 672px;
	margin-top:15px;
	padding-bottom: 5px;
	overflow:hidden;}
	#navPricelist li{
		float:left;}
	#navPricelist a,
	#navPricelist span{
		display:block;
		width: 96px;
		height: 34px;
		overflow:hidden;}
		#navPricelist a.nv01 img{ margin-left:0;}
		#navPricelist a.nv02 img{ margin-left:-96px;}
		#navPricelist a.nv03 img{ margin-left:-192px;}
		#navPricelist a.nv04 img{ margin-left:-288px;}
		#navPricelist a.nv05 img{ margin-left:-384px;}
		#navPricelist a.nv06 img{ margin-left:-480px;}
		#navPricelist a.nv07 img{ margin-left:-576px;}
		#navPricelist a.nv08 img{ margin-left:-672px;}
		#navPricelist a.nv09 img{ margin-left:-768px;}
		#navPricelist a.nv10 img{ margin-left:-864px;}
		#navPricelist a.nv11 img{ margin-left:-960px;}
		#navPricelist a.nv12 img{ margin-left:-1056px;}
		#navPricelist a.nv13 img{ margin-left:-1152px;}
		#navPricelist span img{ margin-left:-1248px;}
		
		#navPricelist a:hover img,#navPricelist a.ac img{ margin-top: -34px;}

/* #tablePricelist
---------------------------------------------------------*/	
	#tablePricelist{
	width:671px;
	border:solid 1px #d0d0d0;
	border-width: 0px 1px 1px 0;}
	#tablePricelist table{
		width:100%;}
	#tablePricelist th,
	#tablePricelist td{
		font-size:92%;
		border:solid 1px #d0d0d0;
		width: 50%;
		padding: 8px 20px;}
	#tablePricelist th{border-width: 0 0 0 1px;}
	#tablePricelist td{color:#838383; border-width: 1px 0 0 1px;}
		#tablePricelist td a{
			background: url(/images/common/arw_01.png) left center no-repeat;
			padding-left: 14px;}

#tablePricelistCv{
	margin-top:1px;
	width:670px;
	border:solid 1px #d0d0d0;
	border-width: 1px;
	text-align:center;
	padding: 30px 0;}
	#tablePricelistCv p{
		display:inline-block;
		line-height:1;}
	/* IE7 */
	#tablePricelistCv p.lead{
		background:url(/images/common/arw_05.gif) 0 0 no-repeat;
		min-height:9px;
		padding-left: 18px;}
	
	*+html body #tablePricelistCv p.lead{
		display:inline; zoom:1; line-height:1.5; background-position: 0 0.2em;}



/* .anchorMenu
---------------------------------------------------------*/
.anchorMenu{
	width:636px;
	background:url(/images/ope/bg_anchor_menu.gif) left top no-repeat;
	min-height: 80px;
	margin-bottom:10px;
	padding: 20px 18px 0;
	-webkit-box-shadow: 0px -5px 8px 0px #ccc;
	-moz-box-shadow: 0px -5px 8px 0px #ccc;
	box-shadow: 0px -5px 8px 0px #ccc;
	behavior: url(http://wts08.ejworks.com/common/2011/js/PIE.htc);
	position:relative;}
	
	/* IE6/IE7 */
	* html body .anchorMenu{behavior:none; position:static;}
	*+html body .anchorMenu{behavior:none; position:static;}
	
	.anchorMenu .caption{
		color:#434343;
		background:url(/images/common/icon_square01.png) left center no-repeat;
		padding-left: 16px;}
	.anchorMenu ul{
		overflow:hidden;
		margin-top:15px;}
	.anchorMenu li{
		margin-right: 14px;
		min-height:15px;
		float:left;}
		.anchorMenu li a{
			display:inline-block;
			background:url(/images/common/arw_02.png) left center no-repeat;
			padding-left: 20px;
			padding-top:2px;}
			
		/* IE */
		* html body .anchorMenu li a{ display:inline; zoom:1;}
		*+html body .anchorMenu li a{ display:inline; zoom:1;}
		




.about_btn {
	display:inline-block;
	margin:0 10px 5px 0;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px 10px 32px;
	background: url(/images/society/link-bg.jpg);

	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 0px solid #949494;
	-moz-box-shadow:
		1px 1px 3px rgba(138,138,138,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
	-webkit-box-shadow:
		1px 1px 3px rgba(138,138,138,0.5),
		inset 0px 0px 0px rgba(255,255,255,1);
}