@charset "utf-8";

/* KU TOP.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.PROMO_AREA
*	02.MAIN
*		02_00.COMMON
*		02_01.NEWS
*		02_02.COLUMN
*		02_03.WORKS
*
*--------------------------------------*/


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

div#content
{
	padding: 28px 0 28px 0;
	width: 860px;
}

/**-------------------------------------
	01.PROMO_AREA
---------------------------------------**/

div#promoWrap
{
	clear: both;
	padding: 5px 0;
	height: 360px;
	background-color: #222222;
	text-align: center;
}

div#promo
{
	margin: 0 auto;
	width: 840px;
	height: 360px;
	background-color: #666666;
	text-align: left;
}

/**-------------------------------------
	02.MAIN
---------------------------------------**/

/*---02_00.COMMON---*/

div#main
{
	margin: 0 0 6px 10px;
	padding: 0 0 5px 0;
	width: 850px;
	background: url(../images/main_bg.png) repeat-y;
}

div#main:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#main{ display: inline-block; }

/* \*/
* html div#main{ height: 1%; }
/* */

div#main h2
{
	margin: 0 0 9px 0;
	width: 200px;
	height: 20px;
}

div#mainNews dl,
div#mainColumn dl
{
	padding: 9px 0 8px 0;
	background: url(../images/line_dot.png) repeat-x bottom;
}

div#mainNews dl.over,
div#mainColumn dl.over
{
	background-color: #F6F6F6;
	cursor: pointer;
}

div#mainNews dt,
div#mainColumn dt
{
	padding: 0 0 0 22px;
	background: url(../images/list_head.png) no-repeat 6px 6px;
	font-size: 92%;
	color: #767676;
}

div#mainNews dl.over dt,
div#mainColumn dl.over dt
{
	background: url(../images/list_head_on.png) no-repeat 6px 6px;
}

div#mainNews dd,
div#mainColumn dd
{
	padding: 0 0 0 22px;
}

div#main dd
{
	font-size: 92%;
}

/*---02_01.NEWS---*/

div#mainNews
{
	float: left;
	padding: 0 15px 0 15px;
	width: 330px;
}

div#mainNews dd
{
	color: #0C4D20;
}

div#mainNews dd a
{
	color: #0C4D20;
	text-decoration: none;
}

div#mainNews p
{
	margin: 3px 0 0 222px;
}

/*---02_02.COLUMN---*/

div#mainColumn
{
	float: left;
	padding: 0 15px 0 15px;
	width: 230px;
}

div#mainColumn dd
{
	color: #4E140E;
}

div#mainColumn dd a
{
	color: #4E140E;
	text-decoration: none;
}

div#mainColumn p
{
	margin: 3px 0 0 184px;
}

/*---02_03.WORKS---*/

div#mainWorks
{
	float: left;
	padding: 0 0 0 15px;
	width: 205px;
}

div#mainWorks dt
{
	margin: 17px 0 0 21px;
	font-size: 107%;
}

div#mainWorks dt a
{
	font-weight: 800;
	color: #4E3F07;
	text-decoration: none;
}

div#mainWorks dd
{
	width: 195px;
}

div#mainWorks dd img
{
	margin: 0 0 0 10px;
	padding: 7px 7px;
	width: 181px;
	height: 135px;
	background: url(../images/works_pic_bg.jpg) no-repeat;
}