@charset "utf-8";

/* BERUFORT CAMPUS.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*		00_00.COMMON
*		00_01.CONTENT
*		00_02.SIDE_NAV
*	01.INDEX
*		01_00.COMMON
*		01_01.INDEX_BERUFORT_AREA
*		01_02.INDEX_PHOTO_AREA
*	02.BERUHOT
*		02_00.COMMON
*		02_01.BERUHOT_ARTICLE_AREA
*		02_02.BERUHOT_NEXTBACK_AREA
*	03.PHOTO
*		03_00.COMMON
*		03_01.PHOTO_PIC_AREA
*
*
*
*--------------------------------------*/


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

/*== 00_00.COMMON ==*/

div#content
{
	width: 610px;
}

#content p,
#content td,
#content li{
	color: #363636;
	font-size: 92%;
}

#content p.note
{
	float: right;
	padding: 0 0 3px 0;
	color: #555555;
	font-size: 77%;
}

#content h3
{
	clear: both;
	margin: 0 0 20px 0;
}

p.pagelinks
{
	margin: 8px auto 0;
	width: 610px;
	text-align: center;
	font-family: "Courier New", Courier, mono;
}

* html .picFrame
{
	margin-bottom: -20px;
	height: 204px;
	overflow: hidden;
}


/*== 00_01.CONTENT ==*/

.picFrame
{
	float: left;
}

.picBox
{
	margin: 30px 5px 0 12px;
	width: 134px;
	height: 152px;
	background: url(../images/pic_bg.jpg) no-repeat;
}

.picSelf
{
	margin: 0 0 0 9px;
	padding: 9px 0 0 0;
	width: 116px;
	height: 87px;
}

#content .picDate p
{
	margin: 16px 0 0 0;
	color: #F0066C;
	font-family: "Courier New", Courier, mono;
	font-size: 77%;
	font-weight: 800;
	background-color: #F8F6F1;
}

.picCaption
{
	color: #464646;
	font-size: 77%;
}

.picCategory
{
	color: #464646;
	font-size: 77%;
}


/*== 00_02.SIDE_NAV ==*/

#toCampusIndex
{
	padding: 0 0 15px 0;
}


#side_nav dl#beruhotNav
{
	margin: 0 0 5px 0;
	padding: 0;
}

p#backNumber
{
	float: right;
	margin: 0 0 25px 0;
	padding: 0 0 0 10px;
	font-size: 85%;
	background: url(../images/list_mark_4sq.gif) no-repeat left center;
}

#side_nav  dl#photoNav
{
	clear: both;
}


/**-------------------------------------
	01.INDEX
---------------------------------------**/

/*== 01_00.COMMON ==*/

/*== 01_01.INDEX_BERUFORT_AREA ==*/

#indexBeruhotArea ul
{
	width: 610px;
	margin: 0 0 10px 0;
	background: url(../images/banner_border.gif) repeat-x bottom;
}

#indexBeruhotArea ul li
{
	width: 610px;
	padding: 3px 0 0 0 ;
	line-height: 1.1;
	background: url(../images/banner_border.gif) repeat-x top;
}

#toBackNumberBtn
{
	float: right;
	margin: 0 0 30px 0
}


/*== 01_02.INDEX_PHOTO_AREA ==*/

#indexPhotoArea{
	padding:0 0 30px 0;
	width:610px;
	background-color:#F8F6F1;
}


/**--------------------------------------
	02.BERUHOT
---------------------------------------**/

/*== 02_00.COMMON ==*/

/*== 02_01.BERUHOT_ARTICLE_AREA ==*/

#beruhotArticleArea
{
	padding:0 0 20px 0;
	width: 610px;
}

/*== 02_02.BERUHOT_NEXTBACK_AREA ==*/

#beruhotNextbackArea
{
	padding:0 0 30px 0;
	width: 610px;
}

#beruhotNextbackArea ul#beruhotNextback li#beruhotBack
{
	float: left;
}

#beruhotNextbackArea ul#beruhotNextback li#beruhotNext
{
	float: right;
}

#beruhotNextbackArea ul#beruhotNextback li#beruhotBack a
{
	display: block;
	padding: 0.6em 0 0 40px;
	height: 34px;
	background: url(../images/article_arrow_back.gif) no-repeat; 
}

#beruhotNextbackArea ul#beruhotNextback li#beruhotNext a
{
	display: block;
	padding: 0.6em 40px 0 0;
	height: 34px;
	background: url(../images/article_arrow_next.gif) no-repeat right top; 
}

#beruhotNextbackArea ul li a
{
	color: #666666;
}

#beruhotNextbackArea ul li a:hover
{
	color: #CCCCCC;
}


/**--------------------------------------
	03.PHOTO
---------------------------------------**/

/*== 03_00.COMMON ==*/

/*== 03_01.PHOTO_PIC_AREA ==*/

#PhotoPicArea{
	padding:0 0 30px 0;
	width:610px;
	background-color:#F8F6F1;
}