@charset "utf-8";

/* TOP.CSS  */


/*--------------------------------------
*	
*	01.WORKS
*	02.TOPICS

*
*--------------------------------------*/


/**-------------------------------------
	01.WORKS
---------------------------------------**/

div#topWorks
{
	margin: 0;
	padding: 0;
	height: 750px;
	width: 720px;
	background: url(../images/top_bg.jpg) top left repeat-x;
}

div#topWorks li
{
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 150px;
	overflow: hidden;
}

div#topWorks li img
{
	margin: 0;
	padding: 0 0 0 10px;
}

div#topRight
{
	float: left;
	width: 270px;
}

div#topLeft h2,
div#topRight h2
{
	margin-bottom: 20px;
}

#easyTooltip
{
	padding: 10px;
	background: #111111;
	color: #FFFFFF;
	font-size: 92%;
	text-align: right;
	line-height: 1.0em;
}


/**-------------------------------------
	02.TOPICS
---------------------------------------**/

#topicsBox
{
	margin: 0;
	padding: 0;
}

#topicsBox ul
{
	margin: 0;
	padding: 20px 0 0;
}

#topicsBox ul li p.topicsDate
{
	float: left;
	margin: 0;
	padding: 0 0 10px;
	width: 90px;
	font-size: 92%;
	color: #CE5B24;
}

#topicsBox ul li p.topicsCont
{
	float: left;
	margin: 0;
	padding: 0 0 10px;
	width: 570px;
	font-size: 92%;
	color: #464646;
}


/**-------------------------------------
	03.TOP_RIGHT
---------------------------------------**/