@charset "utf-8";

/* HANABUSA ABOUT.CSS  */


/*--------------------------------------
*	
*	00.DOCTOR_COMMON
*	01.DOCTOR_LIST
*	02.DOCTOR_DETAIL_COMMON
*	03.DOCTOR_DETAIL_01 / DOCTOR
*	04.DOCTOR_DETAIL_02 / STAFF
*	05.DOCTOR_DETAIL_03 / DNA
*	0N.DOCTOR_CLEARFIX
*
*--------------------------------------*/


/**-------------------------------------
	00.DOCTOR_COMMON
---------------------------------------**/

div#docIndex div.docIndexTL
{
	float: left;
	width: 400px;
}

div#docIndex h3
{
	margin: 0 0 20px 0;
}

div#docIndex p
{
	margin: 0 0 20px 0;
}

div#docIndex p.docPic
{
	float: right;
	width: 200px;
}

div#docIndex p.docLeftPic
{
	float: left;
	padding-right: 20px;
	width: 250px;
}

div#docIndex ul.docTopNavi
{
	clear: left;
}

div#docIndex ul.docTopNavi li
{
	display: block;
	float: left;
}

div.docIndecStaffBox
{
	margin: 0 0 50px 0;
}

div.docIndecStaffBox dl dt
{
	display: block;
	margin: 0 0 10px 0;
} 

div.docIndecStaffBox dl dd
{
	margin: 0 0 20px 0;
}

/**-------------------------------------
	01.DOCTOR_LIST
---------------------------------------**/

div#doctorList
{

}

div#doctorList h3
{
	margin: 0 0 20px 0;
}


div.docListBox
{
	margin: 0 0 40px 0;
	width: 630px;
}

div.docListBox p.docPic
{
	float: left;
	width: 110px;
}

div.docListBox dl
{
	float: right;
	width: 490px;
	border: 1px solid #F0F0F0;
	border-top: 2px solid #99CC33;
}

div.docListBox dl dt
{
	display: block;
	float: left;
	padding: 10px 0 10px 16px;
	width: 55px;
	background: url(../images/doclist_btmline.gif) repeat-x left bottom;
}

div.docListBox dl dt.docListHead
{
	background: url(../images/doclist_head_back.gif) repeat-x left bottom;
}

div.docListBox dl dt.docListFoot
{
	background: none;
}

div.docListBox dl dd
{
	padding: 10px 0 10px 60px;
	background: url(../images/doclist_btmline.gif) repeat-x left bottom;
}

div.docListBox dl dd.docListHead
{
	background: url(../images/doclist_head_back.gif) repeat-x left bottom;
	font-weight: bold;
}

div.docListBox dl dd.docListFoot
{
	background: none;
}




/**-------------------------------------
	02.DOCTOR_DETAIL_COMMON
---------------------------------------**/

div#docDetBasicBox,
div#staffDetBasicBox
{
	margin: 0 0 40px 0;
	width: 630px;

}

div#docDetBasicBox h3,
div#staffDetBasicBox h3
{
	margin: 0 0 30px 0;
}

div#docDetBasicIn h4,
div#staffDetBasicBox h4
{
	margin: 0 0 10px 0;
}


div#docDetOptBox,
div#staffDetOptBox,
div#staffDnaBox
{
	clear: both;
	margin: 0 0 40px 0;
	padding: 30px 0 0 0;
	width: 630px;
	background: url(http://www.hanabusaclinic.com/common/images/cmc_rt_headbk.gif) no-repeat;
}

div#docDetBasicIn,
div.staffPersonalIn
{
	float: right;
	width: 490px;
}

div#docDetBasicIn dl dt,
div#docDetBasicIn dl dd
{
	display: block;
	margin: 0 0 8px 0;
	padding: 0 0 8px 20px;
	border-bottom: 1px solid #F3F3F3;
	background: url(../images/doc_vec_icon.gif) no-repeat 0 4px;
}

div#docDetBasicBox div.midBox h4
{
	margin: 8px 0 5px 0;
	font-size: 107%;
	font-weight: bold;
}

div#docDetBasicBox div.midBox h5
{
	margin: 8px 0 5px 0;
	font-size: 92%;
	font-weight: bold;
}

/**-------------------------------------
	03.DOCTOR_DETAIL_01 / DOCTOR
---------------------------------------**/

div#docDetBasicBox p.docProfPic
{
	float: left;
	width: 110px;
}

div#docDetBasicIn
{
	margin: 0 0 30px 0;
}

div#docDetBasicIn dl
{
	margin: 0 0 15px 0;
}

div#docDetBasicIn p,
div#docDetBasicIn ul
{
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #F3F3F3;

}

div#docDetBasicIn ul li
{
	display: block;
	padding: 0 0 5px 15px;
	background: url(http://www.hanabusaclinic.com/doctor/images/doctor_det_list_icon.gif) no-repeat 0 9px;
}

h4.docOtherH4
{
	margin: 0 0 15px 0;
}


/**-------------------------------------
	04.DOCTOR_DETAIL_02 / STAFF
---------------------------------------**/

div#staffIndex
{

}

p.topCopy
{
	padding: 10px;
	background-color: #FDFDFD;
	border: 1px dotted #E1E1E1;
}

div#staffIndex h3
{
	margin: 0 0 20px 0;
}

div.stfTopBox
{
	margin: 0 0 30px 0;
	width: 630px;
}

div.stfTopBox p
{
	float: left;
	width: 200px;
}

div.stfTopBox dl
{
	float: right;
	width: 400px;
}

div.stfTopBox dl dt
{
	display: block;
	margin: 0 0 6px 0;
}

div.stfTopBox dl dd ul li
{
	display: block;
	margin: 0 0 6px 0;
	padding: 0 0 0 25px;
	background: url(../images/doc_vec_icon.gif) no-repeat 5px 5px;
}

ul.dnaList
{
	margin: 0 0 30px 0;
}

ul.dnaList li
{
	display: block;
	margin: 0 0 6px 0;
	padding: 0 0 0 25px;
	background: url(../images/doc_vec_icon.gif) no-repeat 5px 5px;
}


div.staffActiveLeft
{
	float: left;
	width: 420px;
}

div.staffActiveLeft h4
{
	margin: 0 0 10px 0;
}

p.staffActiveRight
{
	float: right;
	width: 182px;
}

div.staffPersonal
{
	margin: 0 0 50px 0;
	width: 630px;
}

div.staffPersonal p.staffProfPic
{
	float: left;
	width: 110px;
}

div.staffPersonal p.staffProfPic img
{
	display: block;
	border: 1px solid #F3F3F3;
}

p.staffMorePic
{
	clear: both;
	float: left;
	padding: 10px;
	width: 180px;
	border: 1px solid #F0F0F0;
}

div.staffPersonalIn dl
{
	background: url(../images/staff_list_devider.gif) repeat-x left top;
}

div.staffPersonalIn dl dt
{
	display: block;
	clear: left;
	float: left;
	padding: 8px 0 8px 10px;
	width: 90px;
	background: url(../images/staff_list_vdevider.gif) no-repeat right 12px;
}

div.staffPersonalIn dl dd
{
	padding: 8px 0 8px 110px;
	background: url(../images/staff_list_devider.gif) repeat-x left bottom;
}


/**-------------------------------------
	04.DOCTOR_DETAIL_02 / DNA
---------------------------------------**/

div#staffDnaBox h4
{
	margin: 0 0 20px 0;
}

div#staffDnaBox p,
div#staffDnaBox ul
{
	margin: 0 0 20px 0;
}

div#staffDnaBox p.bkg_none
{
	background: none;
}


/**-------------------------------------
	0N.DOCTOR_INDEX
---------------------------------------**/

div.master:after,
div.doctor:after,
div.staff:after,
div#docDetBasicBox:after,
div.stfTopBox:after,
div.staffPersonal:after,
div.staffExpWrapp:after,
div.docListBox:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.master,
div.doctor,
div.staff,
div#docDetBasicBox,
div.stfTopBox,
div.staffPersonal,
div.staffExpWrapp,
div.docListBox
{
	display:inline-block;
}
