@charset "utf-8";

/* BERUFORT COURSE.CSS  */


/*--------------------------------------
*	
*	00.COURSE_INDEX / COMMON
*	01.COURSE_INDEX / MAINBLOCK
*	02.COURSE_INDEX / WORKBLOCK
*
*--------------------------------------*/


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

h3
{
	text-indent: -99999px;
}

/**-------------------------------------
	01.COURSE_INDEX / MAINBLOCK
---------------------------------------**/

div#mainBlock
{
	width: 820px;
	padding: 0 0 40px 0;
	margin: 0 0 40px 0;
	background: url(../images/blockDevider.gif) no-repeat left bottom;
}

div#hairStylistIndex
{
	float: left;
	width: 400px;
	background: url(../images/cource_index_mainBlock_back.gif) repeat-y;
}

div#totalBeautyIndex
{
	float: right;
	width: 400px;
	background: url(../images/cource_index_mainBlock_back.gif) repeat-y;
}

div#hairStylistIndex h3
{
	width: 400px;
	height: 73px;
	background: url(../images/course_index_h3_01.jpg) no-repeat;
}

div#totalBeautyIndex h3
{
	width: 400px;
	height: 73px;
	background: url(../images/course_index_h3_02.jpg) no-repeat;
}

div#hairStylistIndex div.indexBody,
div#totalBeautyIndex div.indexBody
{
	width: 400px;
	padding: 10px 0 15px 0;
	background: url(../images/course_index_body_btmline.gif) no-repeat left bottom;
}

div#hairStylistIndex ul.menu,
div#totalBeautyIndex ul.menu
{
	float: left;
	margin-right: 10px;
	padding-left: 15px;
	width: 180px;
	overflow: hidden;
}

div#hairStylistIndex ul.menu li,
div#totalBeautyIndex ul.menu li
{
	display: block;
	margin: 5px 0 15px 0;
	width: 180px;
}

div#hairStylistIndex ul.menu li a,
div#totalBeautyIndex ul.menu li a
{
	display: block;
	width: 160px;
	padding: 0 0 0 20px;
	background: url(../images/course_index_icon.gif) no-repeat 0 6px;
	color: #F0066C;
}

div#hairStylistIndex div.expDate,
div#totalBeautyIndex div.expDate
{
	float: left;
	width: 180px;
	background: #FFFFFF;
	border: 1px solid #F5E9E9;
	overflow: hidden;
}

div#hairStylistIndex div.expDate h4,
div#totalBeautyIndex div.expDate h4
{
	width: 84px;
	height: 15px;
	margin: 10px 0 10px 10px;
	text-indent: -99999px;
	background: url(../images/course_index_body_h4.gif) no-repeat;
}

div#hairStylistIndex div.expDate ul,
div#totalBeautyIndex div.expDate ul
{
	margin: 0 0 8px 12px;
	width: 160px;
}

div#hairStylistIndex div.expDate ul li,
div#totalBeautyIndex div.expDate ul li
{
	font-size: 90%;
	margin: 0 0 5px 0;
}

div#hairStylistIndex span.expDateContent,
div#totalBeautyIndex span.expDateContent
{
	color:#363636;
	font-weight:800;
}

div.btnArea
{
	width: 400px;
	display: inline-block;
	padding: 5px 0 8px 0;
	background: url(../images/course_index_blockBottom.gif) no-repeat left bottom;
}

p.bnr01
{
	float: left;
	width: 180px;
	height: 40px;
	padding: 0 0 0 10px;
}

p.bnr02
{
	float: right;
	width: 180px;
	height: 40px;
	padding: 0 15px 0 0;
}


div.btnArea
{
	clear: both;
}

/**-------------------------------------
	02.COURSE_INDEX / WORKBLOCK
---------------------------------------**/

div#workBlock
{
	clear: both;
}

p.expImage
{
	margin: 0 0 20px 0;
}

div#workBlock div
{
	width: 400px;
	background: url(../images/course_index_workBack.gif) repeat-y;
}

div#workBlock div.workBnr1
{
	float: left;
	margin: 0 20px 0 0;
}

div#workBlock div.workBnr2
{
	float: left;
}

div#workBlock div.workBnr1 h3.workCor01
{
	width: 400px;
	height: 51px;
	background: url(../images/course_index_workBnrH3_01.jpg) no-repeat;
}

div#workBlock div.workBnr2 h3.workCor02
{
	width: 400px;
	height: 51px;
	background: url(../images/course_index_workBnrH3_02.jpg) no-repeat;
}

div#workBlock div.workBnr1 div.workBnrBody,
div#workBlock div.workBnr2 div.workBnrBody
{
	background: url(../images/course_index_work_bottom.gif) no-repeat left bottom;
}

p.bodyText
{
	margin-left: 25px;
	padding: 8px 10px;
}

p.readMoreBtn
{
	width: 390px;
	padding: 0 0 10px 0;
	text-align: right;
}