@charset "utf-8";

/* KU WORKS.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.INDEX
*	02.ARCHIVES
*		02_00.COMMON
*		02_01.CATEGORY
*		02_02.YEARLY
*	03.ENTRY
*
*--------------------------------------*/


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

div#content
{
	padding-bottom: 46px;
}

div#content h3
{
	margin: 0 0 20px 0;
}

div#right p.text
{
	color: #464646;
	font-size: 92%;
}

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

div#worksIndexHouse,
div#worksIndexCommerce
{
	margin: 0 0 16px 0;
	padding: 0 0 3px 14px;
	background: url(../../common/images/side_bar.gif) repeat-y;
}

div#worksIndexHouse p.text,
div#worksIndexCommerce p.text
{
	margin: 0 0 3px 24px;
	width: 565px;
}

p#houseBTN
{
	margin: 0 0 0 480px;
}

p#CommerceBTN
{
	margin: 0 0 0 457px;
}

ul#worksIndexHousePic
{
	margin-bottom: 52px;
}

ul#worksIndexHousePic,
ul#worksIndexCommercePic
{
	width: 625px;
}

ul#worksIndexHousePic li,
ul#worksIndexCommercePic li
{
	float: left;
	margin: 0 8px 8px 0;
	width: 195px;
	height: 149px;
	overflow: hidden;
}

ul#worksIndexHousePic li img,
ul#worksIndexCommercePic li img
{
	padding: 7px;
	background: url(../images/pic_bg.jpg);
}

/*---clearfix---*/

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

#worksIndexHousePic{ display:inline-block; }

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


/**-------------------------------------
	02.ARCHIVES
---------------------------------------**/

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

/*---02_01.CATEGORY---*/

div#worksCate,
div#worksYearly
{
	padding: 0 0 3px 14px;
	background: url(../../common/images/side_bar.gif) repeat-y;
}

div#content div#worksCate h3,
div#content div#worksYearly h3
{
	margin-bottom: 0;
}

div#worksCate p.catePic,
div#worksYearly p.catePic
{
	float: left;
	margin: 0 15px 0 0;
	width: 195px;
}

div#worksCate p.catePic img,
div#worksYearly p.catePic img
{
	padding: 7px;
	background: url(../images/pic_bg.jpg) no-repeat;
}

div#worksCate dl,
div#worksYearly dl
{
	float: left;
	width: 385px;
}

div#worksCate dl dt,
div#worksYearly dl dt
{
	margin: 5px 0;
	color: #722017;
	font-size: 122%;
	font-weight: 800;
}

div#worksCate dl dd,
div#worksYearly dl dd
{
	color: #464646;
	font-size: 92%;
}

div#worksCate p.cateBTN,
div#worksYearly p.cateBTN
{
	float: right;
	margin: 8px 0 0 0;
	padding: 0 14px 0 0;
	width: 100px;
}

.worksCateBlock,
.worksYearBlock
{
	margin: 22px 0 0 3px;
	padding: 0 0 18px 0;
	width: 605px;
	background: url(../images/line.gif) no-repeat right bottom;
}

/*---clearfix---*/

.worksCateBlock:after,
.worksYearBlock:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

.worksCateBlock,
.worksYearBlock{ display:inline-block; }

/* \*/
* html .worksCateBlock{ height:1%; }
* html .worksYearBlock{ height:1%; }
/* */

/*---02_02.YEARLY---*/

div#worksYearly h3
{
	width: 610px;
	height: 30px;
	background: url(../images/h3_04.jpg) no-repeat;
}

div#worksYearly h3 span.h3main
{
	display: block;
	float: left;
	width: 180px;
	height: 30px;
	text-indent: -9999px;
}

div#worksYearly h3 span.h3data
{
	color: #722017;
	font-size: 107%;
	font-weight: 800;
}

div.paginate
{
	padding: 20px 0 0 0;
	text-align: center;
}

div.paginate a,
div.paginate span
{
	margin: 0 5px;
	padding: 4px;
	width: 24px;
	height: 24px;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 92%;
	text-align: center;
}

div.paginate a
{
	border: 1px solid #E9E9E9;
	background-color: #FFFFFF;
	color: #878787;
}

div.paginate a:hover
{
	border: 1px solid #CCCCCC;
	background-color: #F6F6F6;
	color: #464646;
}

div.paginate span
{
	border: 1px solid #CCCCCC;
	background-color: #F6F6F6;
	color: #464646;
}

/**-------------------------------------
	03.ENTRY
---------------------------------------**/

div#worksEntryMain
{
	margin: 0 0 42px 0;
	padding: 0 0 5px 14px;
	background: url(../../common/images/side_bar.gif) repeat-y;
}

div#worksEntryMain h3
{
	width: 610px;
	height: 30px;
	background: url(../images/h3_03.jpg) no-repeat;
}

div#worksEntryMain h3 span.h3main
{
	display: block;
	float: left;
	width: 163px;
	height: 30px;
	text-indent: -9999px;
}

div#worksEntryMain h3 span.h3data
{
	color: #722017;
	font-size: 107%;
	font-weight: 800;
}

div#worksEntryMain p.mainPic
{
	margin: 0 0 0 6px;
	width: 587px;
	height: 364px;
	overflow: hidden;
}

div#worksEntryMain p.mainPic img
{
	padding: 8px;
	background: url(../images/main_pic_bg.jpg) no-repeat;
}

div#worksEntryMain p.text
{
	margin: 5px 0 0 16px;
	width: 572px;
}

div#worksEntryTN dl
{
	float: left;
	margin: 0 9px 0 0;
	width: 195px;
	height: 232px;
	overflow: hidden;
}

div#worksEntryTN dl dt
{
	width: 195px;
	height: 149px;
	overflow: hidden;
}

div#worksEntryTN dl dt img
{
	padding: 7px;
	background: url(../images/pic_bg.jpg);
}

div#worksEntryTN dl dd
{
	margin: 0 0 0 7px;
	width: 181px;
	color: #787878;
	font-size: 92%;
	line-height: 1.5;
}

div#worksEntryPN
{
	clear: both;
	width: 625px;
	height: 26px;
	color: #ADADAD;
	text-align: center;
}

div#worksEntryPN a
{
	margin: 0 5px;
	padding: 4px;
	width: 24px;
	height: 24px;
	border: 1px solid #E9E9E9;
	background-color: #FFFFFF;
	color: #878787;
	font-family: "Times New Roman", Times, serif;
	font-size: 92%;
	text-align: center;
	text-decoration: none;
}

div#worksEntryPN a:hover
{
	border: 1px solid #CCCCCC;
	background-color: #F6F6F6;
	color: #464646;
}