@charset "utf-8";

/*-----------------------------------------------------
TitleImageArea
-------------------------------------------------------*/
#ContentArea div#TitleImageArea{
	background:url("../images/sitemap_mainimage.jpg") no-repeat 1px -1px;
}

/*-------------------------------------
Area
---------------------------------------*/
#MainArea div.sitemapArea{
	width:630px;
	margin:20px auto 40px auto;
}
#MainArea div.sitemapArea div.titleBar{
	margin:10px 5px 24px 5px;
}

/*-------------------------------------
SideArea
---------------------------------------*/
#SideArea div.sidename{
	margin:0 0 12px 0;
	padding:0 0 11px 0;
	background:url("../../common/images/bg_borderside.gif") repeat-x 0 bottom;
}
#SideArea div.sidename ul{
	margin:0;
	padding:0;
}
#SideArea div.sidename  ul li{
	margin:0;
}


/* = column layout
---------------------- */

div#MainArea div.section ul.first {
	width: 190px;
	float: left;
}

div#MainArea div.section ul.sub ,
div#MainArea div.section ul.industry {
	margin-left: 20px;
}

/* = list style
---------------------- */

div#MainArea div.section ul li {
	margin-bottom: 30px;
}

div#MainArea div.section ul li span {
	display: block;
	padding: 7px 12px;
	margin-bottom: 10px;
}

div#MainArea div.section ul li ul {
	margin-top: 10px;
	/*background-color: #fff;*/
}

div#MainArea div.section ul li ul li {
	background: url(../images/sitemap/arrow.gif) no-repeat 0 2px;
	padding-left: 15px;
	margin-bottom: 10px;
}

div#MainArea div.section ul.industry li.it ul li {
	background: url(../images/sitemap/arrow_it.gif) no-repeat 0 2px;
}

div#MainArea div.section ul.industry li.consulting ul li {
	background: url(../images/sitemap/arrow_consulting.gif) no-repeat 0 2px;
}

div#MainArea div.section ul.industry li.hardware ul li {
	background: url(../images/sitemap/arrow_hardware.gif) no-repeat 0 2px;
}

div#MainArea div.section ul li ul li ul li {
	background: url(../images/sitemap/arrow_small.gif) no-repeat 0 2px;
}

/* = list bg color
---------------------- */

div#MainArea div.section ul.main li span {
	background-color: #C8D1E5;
}

div#MainArea div.section ul.sub li span {
	background-color: #D2D5DA;
}

div#MainArea div.section ul.industry li.it span {
	background-color: #deeff5;
}

div#MainArea div.section ul.industry li.consulting span {
	background-color: #e7ddc6;
}

div#MainArea div.section ul.industry li.hardware span {
	background-color: #fde7e7;
}



/* etc.
----------------------------------------------- */

/* for modern brow */
div#MainArea div.section:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}