@charset "utf-8";

/* KOBE_CLINIC_REC JOBS.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.MESSAGE
*	02.ABOUT
*	03.DESCRIPTION
*	04.INDEX
*	05.DOCTOR
*		05-00.DOCTOR_COMMON
*		05-01.DOCTOR_PHILOSOPHY
*		05-02.DOCTOR_ABOUT
*
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

div#left ul#cNavJobs
{
	margin-bottom: 40px;
	width: 210px;
}

div#left ul#cNavJobs li
{
	width: 210px;
	padding-bottom: 4px;
}

div#left ul#cNavJobs dl
{
	
}

div#left ul#cNavJobs dt
{
	width: 210px;
	height: 26px;
}

div#left ul#cNavJobs dd
{
	width: 210px;
}

div#left ul#cNavJobs dd ul li
{
	padding-bottom: 0;
	width: 210px;
	height: 20px;
}

div#left ul#cNavJobs dd ul li a,
div#left ul#cNavJobs dd ul li.current
{
	display: block;
	padding: 3px 0 0 53px;
	width: 157px;
	height: 17px;
	background: url(../images/cnav_bg.gif) no-repeat left top;
	font-size: 77%;
	color: #FFFFFF;
	text-decoration: none;
}

div#left ul#cNavJobs dd ul li.current
{
	background-position: right top;
}

div#left ul#cNavJobs dd ul li a:hover
{
	background-position: right top;
}

/**-------------------------------------
	01.MESSAGE
---------------------------------------**/

div#jobsTopBox
{
	padding: 20px 0;
	width: 624px;
	background: #e3e7ff;
}

div#jobsTopBox div.jobsTopLeft
{
	float: left;
	padding: 0 0 0 25px;
	width: 360px;
}

div.jobsTopLeft div.jobsTopCopy
{
	height: 170px;
	font-size: 136%;
}

div.jobsTopLeft p.jobsTopName
{
	color: #4152a2;
}

div.jobsTopLeft p.jobsTopName span
{
	padding: 0 0 0 10px;
	font-size: 182%;
}

div#jobsTopBox p.jobsTopRight
{
	float: right;
	padding: 0 25px 0 0;
	width: 200px;
}

div#jobsBtmBox
{
	padding: 20px 0;
	width: 624px;
	background: #e3e7ff;
}

div#jobsBtmBox dl
{
	float: left;
	padding: 0 0 0 25px;
	width: 180px;
}

div#jobsBtmBox dl dt
{
	display: block;
	margin: 0 0 5px 0;
	width: 180px;
	height: 180px;
}

div#jobsBtmBox dl dd
{
	width: 180px;
	text-align: center;
	font-size: 77%;
}

div#jobsBtmBox div.jobsBtmRight
{
	float: right;
	padding: 0 25px 0 0;
	width: 365px;
}

div#jobsBtmBox div.jobsBtmRight h5
{
	margin: 0 0 15px 0;
	font-size: 122%;
}




div.jobsMessCopy p
{
	margin-bottom: 1em;
}

div.layoutLP_RC div.copy p,
div.layoutLC_RP div.copy p
{
	margin-bottom: 1em;
}

/**-------------------------------------
	02.ABOUT
---------------------------------------**/

div.aboutPicBox
{
	margin: 0 0 30px 0;
	width: 610px;
}

div.aboutPicBox dl
{
	float: left;
	width: 305px;
}

div.aboutPicBox dl dt
{
	display: block;
	margin: 0 0 5px 0;
}

div.aboutPicBox dl dd
{
	margin: 0 0 0 10px;
}


/**-------------------------------------
	03.DESCRIPTION
---------------------------------------**/

div#descDetailBox
{
	padding: 10px;
	width: 604px;
	background: #faf8f1;
}

div#descDetailBox table
{
	width: 604px;
	border-collapse: collapse;
	border: 1px solid #faf8f1;
}

div#descDetailBox table th,
div#descDetailBox table td
{
	padding: 10px;
	
}	

div#descDetailBox table th
{
	width: 130px;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e0daca;
}

div#descDetailBox table td
{
	border-bottom: 1px solid #e9e9e9;
	font-size: 77%;
}

div#descDetailBox table tr.last th,
div#descDetailBox table tr.last td
{
	border-bottom: none;
}


/**-------------------------------------
	04.INDEX
---------------------------------------**/

div#jobsIndexBox
{
	width: 624px;
}

div#jobsIndexBox dl
{
	float: left;
	width: 300px;
	height: 300px;
}

div#jobsIndexBox dl.right
{
	float: right;
}

div#jobsIndexBox dl dt
{
	display: block;
	margin: 0 0 10px 0;
}

div#jobsIndexBox dl dd
{
	margin: 0 0 10px 0;
}	

div#jobsIndexBox dl img
{
	display: block;
}


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


/**-------------------------------------
	05-01.DOCTOR_PHILOSOPHY
---------------------------------------**/

div#jobsDoctorPhilosophy
{
	width: 624px;
}

div#jobsDoctorPhilosophy p
{
	margin-bottom: 1.0em;
}

/**-------------------------------------
	05-02.DOCTOR_ABOUT
---------------------------------------**/

div.jobsDoctorAbout
{
	padding: 17px 10px 5px;
	width: 602px;
	border: 1px solid #AABCE1;
}

div.jobsDoctorAbout h5
{
	margin-bottom: 10px;
}

div.JDAProfBox
{
	padding: 20px 20px 10px 20px;
	background-color: #F8F8F8;
}

div.JDAProfBox table
{
	margin-bottom: 10px;
}

div.JDAProfBox table th,
div.JDAProfBox table td
{
	font-size: 92%;
	color: #333333;
	vertical-align: top;
}

div.JDAProfBox table th
{
	padding: 5px 20px 5px 0;
	width: 40%;
}

div.JDAProfBox table td
{
	padding: 5px 0 5px 20px;
	border-left: 1px solid #E4E4E4;
}

div.JDAProfBox p,
div.JDAProfBox ul li,
div.JDAProfBox ol li
{
	font-size: 92%;
	color: #333333;
}

div.JDAProfBox p a,
div.JDAProfBox ul li a,
div.JDAProfBox ol li a
{
	color: #333399;
	text-decoration: none;
}

div.JDAProfBox p a:hover,
div.JDAProfBox ul li a:hover,
div.JDAProfBox ol li a:hover
{
	text-decoration: underline;
}

div.JDAProfBox p
{
	margin-bottom: 10px;
}

div.JDAProfBox ul
{
	margin-bottom: 10px;
}

div.JDAProfBox ul li
{
	margin-bottom: 3px;
	padding-left: 8px;
	background: url(../images/jobs_util_list_icon.gif) no-repeat left 0.5em;
}

div.JDAProfBox ol
{
	margin: 0 0 10px 2.2em;
}

div.JDAProfBox ol li
{
	list-style: outside decimal;
}

/*---------------------------------------
	MO_01.CLEARFIX
---------------------------------------**/

div#jobsTopBox:after,
div#jobsBtmBox:after,
div.aboutPicBox:after,
div#jobsIndexBox:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

div#jobsTopBox,
div#jobsBtmBox,
div.aboutPicBox,
]div#jobsIndexBox
{display:inline-block;}

/* \*/
* html div#jobsTopBox,
* html div#jobsBtmBox,
* html div.aboutPicBox,
* html div#jobsIndexBox
{height:1%;}
/* */



/*---------------------------------------
	Doctor
---------------------------------------**/

p.learned {
padding-top: 20px;
padding-left: 3px;
font-size: 15px;
font-weight: bold;
}

table.doctor {
margin-top:10px;
}

ol.Drsawai {
padding-top: 20px;
}


.d-box {
	height: 130px;
}

.d-photo { 
width:111px;
padding: 0 10px;
float:left;}

.d-text {
	float:right;
	width: 460px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;

}


.clear {clear:both;}



/*---------------------------------------
	役職説明文文字サイズ
---------------------------------------**/

p.position {
font-size: 77%;
}



customer_p {
letter-spacing: 0.1em;
}