/* :::::::::::::::::::::::::::::::::::::::::::::

	site: Luci Official Web Site
	name: category.css;

::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	WORKS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/**COMMON**/
/**category_header**/
#category_header {
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;
	margin-bottom: 4px;
}
#category_header h2 {
	background-image: url(../image/categoryheader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 89px;
	width: 725px;	
}

/**INDEX**/
#works_contents {
	width: 734px;
}
/**subcategory**/
#subcategory_area {
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;
	margin-top: 4px;
}
#subcategory {
	height: 53px;
	width: 725px;
}
#subcategory li {
	float: left;
}
#subcategory li a {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 53px;
	width: 241px;
}
#subcategory li a:hover {
	background-position: 0px -53px;
}
#subcategory_1 a {
	background-image: url(../image/categorynavi_1.gif);
}
#subcategory_2 a {
	background-image: url(../image/categorynavi_2.gif);
}
#subcategory_3 a {
	background-image: url(../image/categorynavi_3.gif);
}
#subcategory_1 {
	background-image: url(../image/categorynavi_1.gif);
	background-repeat: no-repeat;
	background-position: 0px -53px;
	text-indent: -9999px;
	display: block;
	height: 53px;
	width: 241px;
}
#subcategory_2 {
	background-image: url(../image/categorynavi_2.gif);
	background-repeat: no-repeat;
	background-position: 0px -53px;
	text-indent: -9999px;
	display: block;
	height: 53px;
	width: 241px;
}
#subcategory_3 {
	background-image: url(../image/categorynavi_3.gif);
	background-repeat: no-repeat;
	background-position: 0px -53px;
	text-indent: -9999px;
	display: block;
	height: 53px;
	width: 241px;
}
#subcategory .subcategory_layout{
	margin-left: 1px;
}

/**DETAIL**/
#works_detail_contents {
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;
}
#works_detail {
	width: 679px;
	padding-top: 15px;
	padding-right: 23px;
	padding-bottom: 15px;
	padding-left: 23px;
}
#works_detail .title{
	background-image: url(../../common/image/pagetitle_bar2.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 15px;
	width: 185pxpx;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 130%;
}
#works_detail .detail_left {
	float: left;
	width: 200px;
}
#works_detail .detail_right {
	float: right;
	width: 479px;
}
#works_detail .detail_wrap {
}
#works_detail .detail_body {
	width: 185px;
	margin-right: 15px;
}
#works_detail .text{
	font-size: 80%;
	line-height: 160%;
	color: #555555;
	margin-top: 17px;
}
#works_detail .subimage{
	margin-top: 17px;
}
#works_detail .reference_data a {
	background-image: url(../image/btn_referencedata.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 38px;
	width: 185px;
	margin-top: 25px;
}
#works_detail .reference_data a:hover {
	background-position: 0px -38px;
}
#works_detail .html_area{
}
#btn_back a {
	background-image: url(../image/btn_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 725px;
	margin-top: 4px;
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;	
}
#btn_back a:hover {
	background-position: 0px -41px;
}

/**midashi**/
#relation_categorytitle_1 {
	background-image: url(../image/relation_categorytitle_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;
}
#relation_categorytitle_2 {
	background-image: url(../image/relation_categorytitle_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;
}