@charset "utf-8";

/* BERUFORT EXAMINATION.CSS  */


/*--------------------------------------
*
*	0G.BEAUTYGATE GLOBAL COMMON
*	00.INDEX / COMMON
*		00-00.INDEX_INTRO
*		00-01.INDEX_TOPICS
*		00-02.INDEX_SCHEDULE
*		00-03.INDEX_FORM
*	01.ADVICE / COMMON
*		01-01.ADVICE_ADVICE
*	02.FLOW / COMMON
*		02-01.FLOW_FLOW
*
*--------------------------------------*/

/**-------------------------------------
	0G.BEAUTYGATE GLOBAL COMMON
---------------------------------------**/

/**-------------------------------------
	00.INDEX / COMMON
---------------------------------------**/
h3
{
	margin: 0 0 9px 0;
	padding: 12px 0 0 117px;
	width: 493px;
	height: 27px;
	background: url(../images/2011_h3_title_bg.jpg) top left no-repeat;
	
}

/**-------------------------------------
	00-00.INDEX_INTRO
---------------------------------------**/
div#indexIntro
{
	margin: 0 0 20px 0;
	padding: 0 0 0 5px;
}

/**-------------------------------------
	00-01.INDEX_TOPICS
---------------------------------------**/
div#indexTopics
{
	width: 610px;
}

div.indexTopicsBox
{
	padding: 8px 0 0 0;
	margin: 0 0 12px 0;
	width: 610px;
	background: url(../images/2011_topics_box_bg_top.jpg) no-repeat left top;
}

div.indexTopicsBox p.indDate
{
	padding: 0 34px 0 48px;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-size: 32px;
	font-weight: bold;
}

div.indexTopicsBox div.indTopNext
{
	margin: 14px 0 0 0;
	padding: 0 34px 0 41px;
}

div.indexTopicsBox div.indTopNext p.topicIntroText
{
	margin-bottom: 8px;
}

div.indexTopicsBox div.indTopNext p.topicTitle
{
	font-size: 24px;
	color: #F0066C;
	line-height: 1.2em;
}

div.indexTopicsBox p.indTopCate
{
	margin: 3px 0 0 0;
	padding: 0 34px 0 41px;
	font-size: 92%;
	color: #464646;
}

div.indexTopicsBox p.indTopCate img
{
	padding: 0 4px 0 0;
}


div.indexTopicsBox div.experienceBox
{
	clear: both;
	padding: 0 0 30px 0;
	width: 610px;
	background: url(../images/2011_topics_box_bg_bottom.jpg) no-repeat left bottom;
}

div.indexTopicsBox div.experienceBox div.experienceBoxL
{
	float: left;
	padding: 0 0 0 41px;
	margin: 2px 28px 0 0;
	width: 240px;
}

div.experienceBox div.experienceBoxL p.mainPhoto
{
	margin-bottom: 8px;
	width: 240px;
}

div.experienceBox div.experienceBoxL ul.capList,
{
	width: 240px;
}

div.experienceBox div.experienceBoxL ul.capList li
{
	float: left;
	margin: 0 8px 0 0;
}

div.experienceBox div.experienceBoxL ul.capList li.mCut
{
	margin-right: 0px;
}

div.experienceBox div.experienceBoxR
{
	float: left;
	padding: 0 38px 0 0;
	width: 257px;
}

div.experienceBox div.experienceBoxR p
{
	margin-bottom: 20px;
	width: 257px;
	font-size: 92%;
	color: #464646;
	line-height: 1.6em;
}

dl.info
{
	width: 257px;
}
dl.info dt
{
	clear: left;
	float: left;
	width: 62px;
	font-size: 12px;
	font-weight: bold;
	color: #F0066C; 
}

dl.info dd
{
	float: left;
	width: 195px;
	font-size: 12px;
	color: #464646;
	line-height: 1.6em;
}

/**-------------------------------------
	00-03.INDEX_TIMELINE
---------------------------------------**/
div#indexTimeline
{
	margin: 0 0 27px 0;
}

div#indexTimeline p.circlePhoto
{
	float: left;
}


div#indexTimeline p.text
{
	color: #464646;
	line-height: 1.3em;
}

div#indexTimeline div#box01L
{
	float: left;
	width: 297px;
	height: 175px;
}

div#indexTimeline div#box02R
{
	float: right;
	margin: 25px 0 0 0;
	width: 297px;
	height: 175px;
}

div#indexTimeline div.boxL
{
	float: left;
	margin: 16px 0 0 0;
	width: 297px;
	height: 175px;
}

div#indexTimeline div.boxR
{
	float: right;
	margin: 16px 0 0 0;
	width: 297px;
	height: 175px;
}

div#indexTimeline div#boxList div.innerRight
{
	float: right;
	width: 143px;
	padding: 15px 0 0 0;
}

div.innerRight p.title
{
	margin: 0 0 5px 0;
}

div.innerRight p.text
{
	padding: 0 0 0 13px;
	font-size: 12px;
}

div#box07
{
	clear: both;
	margin: 33px 0 0 0;
	width: 610px;
}

div#box07 p.circlePhoto
{
	float: left;
	margin: 0 18px 0 0;
}

div#box07 div.innerRight 
{
	float: left;
	width: 252px;
	padding: 0 0 0 0;
}

div#box07 div.innerRight p.title
{
	margin: 0 0 5px 0;
}

/**-------------------------------------
	00-03.INDEX_PRESENT
---------------------------------------**/
div#indexPresent
{
	margin: 0 0 20px 0;
}
div#indexPresent ol
{
	clear: both;
	margin: 3px 0 0 0;
	width: 610px;
}

div#indexPresent ol li
{
	float: left;
}

div#indexPresent p
{
	margin: 32px 0 0 0;
	text-align: center;
}

/**-------------------------------------
	00-03.INDEX_FORM
---------------------------------------**/
div#indexForm
{
}

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

div#indexForm p
{
	margin: 0 0 23px 0;
	font-size: 12px;
	color: #464646;
}

.btn_submit  {
	margin:0 0 0 150px;
}

span.reqSchoolComm
{
	display: block;
	margin: 3px 0 0 0;
	font-size: 10px;
	color: #666666;
}


/**--------------------------------------
	FLOW.HTML=>PAGE
---------------------------------------**/
div#scheduleFlow p#flow
{
	margin: 0 0 4px 0;
}

div#scheduleFlow
{
	margin: 0 0 4px 0;
}

div#scheduleWrap
{
	width: 610px;
	margin: 5px 0 0 0;
	padding: 25px 0 0 0;
	background: url(../images/2011_flow_bg.jpg) no-repeat left top;
}

div#scheduleFlow ol
{
	width: 601px;
	margin: 0 0 0 0;
	padding: 0 0 12px 7px;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
}

div#scheduleFlow ol li
{
	margin: 0 0 3px 0;
	width: 601px;
}

div#scheduleFlow ol li h4
{
	float: left;
	margin: 0 5px 0 0;
	width: 132px;
}

div#scheduleFlow ol li ul
{
	float: left;
	width: 458px;
}

div#scheduleFlow ol li ul li
{
	float: left;
	margin: 0;
	padding: 8px 8px 0 11px;
	width: 133px;
	height: 58px;
	background: url(../images/2011_date_bg.jpg) no-repeat;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
}

div#scheduleFlow ol li ul li.fin
{
	background: url(../images/2011_date_bg_fin.jpg) no-repeat;
}

div#scheduleFlow ol li ul li.fin{color: #D6D6D6;}
div#scheduleFlow ol li ul li.mar{color: #A1988A;}
div#scheduleFlow ol li ul li.apr{color: #B08537;}
div#scheduleFlow ol li ul li.may{color: #C29F73;}
div#scheduleFlow ol li ul li.jun{color: #FD9B47;}
div#scheduleFlow ol li ul li.jul{color: #FF7476;}
div#scheduleFlow ol li ul li.aug{color: #F0066C;}
div#scheduleFlow ol li ul li.sep{color: #AE64A8;}
div#scheduleFlow ol li ul li.oct{color: #6C5867;}
div#scheduleFlow ol li ul li.nov{color: #0D526C;}
div#scheduleFlow ol li ul li.dec{color: #08355E;}


div#scheduleFlow p#coment
{
	margin: 6px 5px 0 0;
	text-align: right;
	font-size: 12px;
	color: #464646;
}


/**--------------------------------------
	0N.MODULE
---------------------------------------**/
.experienceBox:after,
#main:after,
div#boxList:after,
div#box07:after,
div#indexPresent ol:after,
div#scheduleFlow ol:after,
div#scheduleFlow ol li:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.experienceBox,
#main,
div#boxList,
div#box07,
div#indexPresent ol,
div#scheduleFlow ol,
div#scheduleFlow ol li
{
	display:inline-block;
}


/* \*/
* html .experienceBox,
* html #main,
* html div#boxList,
* html div#box07,
* html div#indexPresent ol,
* html div#scheduleFlow ol,
* html div#scheduleFlow ol li
{ 
	height:1%;
}

.experienceBox,
#main,
div#boxList,
div#box07,
div#indexPresent ol,
div#scheduleFlow ol,
div#scheduleFlow ol li
{
	display: block;
}