@charset "UTF-8";

@import url("common.css");
@import url("structure.css");

/* ======================================

 index.html
 2008.10.15
 
 Color Cordination
 Key Color: 

======================================= */

#showcase
{
	width: 630px;
	height: 190px;
	margin: 0 0 15px;
}

#outsourcing
{
	width: 630px;
	margin: 0 0 15px;
}
	* html #outsourcing
	{
		
	}
	
#outsourcing h3
{
	float: left;
	width: 320px;
}
#outsourcing ul
{
	float: right;
	width: 270px;
	padding: 15px;
	background: url(../img/index/bg_outsourcing_body.gif) repeat-x left top;
}
#outsourcing ul li
{
	width: 270px;
}

#mainCategory
{
	width: 630px;
	margin: 0 0 15px;
}
#mainCategory .item
{
	float: left;
	width: 200px;
	margin-right: 15px;
	padding: 0 0 10px;
	background: url(../img/index/bg_category_bottom.gif) no-repeat left bottom;
}
#mainCategory .item ul
{
	width: 180px;
	padding: 10px;
	background: url(../img/index/bg_category_body.gif) repeat-x left top;
}
#mainCategory .item ul li
{
	width: 180px;
}
#mainCategory #listed
{
	margin-right: 0;
}

#info
{
	width: 630px;
	padding: 0 0 0;
	background: url(../img/index/bg_info_bottom.gif) no-repeat left bottom;
}
#info h3
{
	float: left;
	width: 75px;
	background: url(../img/index/bg_t_info_body.gif) repeat-x left top;
}
#info ul.backnumber
{
	height: 35px;
	background: url(../img/index/bg_t_info_body.gif) repeat-x left top;
}
	* html #info ul.backnumber
	{
		float: right;
		width: 555px;
	}
	
#info ul.backnumber li
{
	padding: 0.8em 1em 1em;
	background: url(../img/index/bg_t_info_right.gif) no-repeat right top;
	text-align: right;
}
	* html #info ul.backnumber li
	{
		padding: 10px 10px 8px;
	}
	
#info ul.backnumber li a
{
	padding-left: 15px;
	background: url(../img/common/arrow_r_rrr.gif) no-repeat 0 0.3em;
}
#info dl
{
	width: 600px;
	padding: 15px;
	border-top: 1px solid #ccc;
}
#info dl dt
{
	float: left;
	width: 6em;
	margin: 0 0 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#info dl dd
{
	margin: 0 0 0.5em 6.5em;
}