/* [xx] トップページ　日立のアプローチ
=========================================================================================== */

div#Topics_img {
/*    background: url("images/approach.gif") no-repeat scroll 0 50% transparent; */
   margin: 0 0 -5px 0;
   padding: 0;
}

div.Topics_box {
    border: 1px solid #CCCCCC;
    margin: 0 0 15px;
    padding: 10px 10px 0;
}
* html body div#PopUpContainer div#PopUpContents div.Topics1 {
    position: relative;
}

/* [xx] トップページ　日立のアプローチ ボックスカラム
=========================================================================================== */
div.ColumnTwo div.FirstItem{
	width: 170px;
	float: left;
}

div.ColumnTwo div.LastItem{
	width: 360px;
}

div.ColumnTwo div.FirstItem{
  clear:both;
}

/* [xx] 特集　タイトル画像の背景
=========================================================================================== */
div#NeedsTitle {
    background: url("/Prod/comp/soft1/big_data/images/needs_title1.jpg") no-repeat scroll 0 50% transparent;
    height: 150px;
    margin: 0;
    padding: 0;
}

div#NeedsTitle div {

    color: #666666;
    font-weight: bold;
    margin: 5px 0 0;
    padding: 0 5px;
    text-align: right;
}
div.NeedsTitle1 {
    background: url("/Prod/comp/soft1/big_data/images/needs_title2.jpg") no-repeat scroll 0 top transparent;

font-size: 83%;
/*    border: 2px solid #E4E4E2;*/
    margin: 0 0 15px;
    padding: 10px 10px 0;
}
* html body div#PopUpContainer div#PopUpContents div.Topics1 {
    position: relative;
}



div.ColumnTwo_Needs div.FirstItem{
	width: 360px;
	float: left;
}

div.ColumnTwo_Needs div.LastItem{
	width: 170px;
}

div.ColumnTwo_Needs div.FirstItem{
  clear:both;
}




/* [xx] 製品/サービス体系　のマップス
=========================================================================================== */
map{
	display: inline;
}

/* Map */
#map {
	position:relative;
}
#map a {
	margin:0;
	padding:0;
	display:block;
}
#map .products_01 {
	position:absolute;
	left:56px;
	top:1px;
}
#map .products_02 {
	position:absolute;
	left:56px;
	top:178px;
}
#map .products_03 {
	position:absolute;
	left:60px;
	top:389px;
}
#map .products_04 {
	position:absolute;
	left:286px;
	top:344px;
}

#map .products_01 a:hover {
	background:url("/Prod/comp/soft1/big_data/images/products_1.jpg") no-repeat;
}
#map .products_02 a:hover {
	background:url("/Prod/comp/soft1/big_data/images/products_2.jpg") no-repeat;
}
#map .products_03 a:hover {
	background:url("/Prod/comp/soft1/big_data/images/products_3.jpg") no-repeat;
}
#map .products_04 a:hover {
	background:url("/Prod/comp/soft1/big_data/images/products_4.jpg") no-repeat;
}


/* [xx] アセスメントサービス　課題別のマップス
=========================================================================================== */
/* Map */
#map .assessment_01 {
	position:absolute;
	left:127px;
	top:0px;
}
#map .assessment_02 {
	position:absolute;
	left:127px;
	top:80px;
}
#map .assessment_03 {
	position:absolute;
	left:127px;
	top:161px;
}
#map .assessment_04 {
	position:absolute;
	left:127px;
	top:242px;
}

#map .assessment_01 a:hover {
	background:url("/Prod/comp/soft1/big_data/images/assessment_chart1.jpg") no-repeat;
}
#map .assessment_02 a:hover {
	background:url("/Prod/comp/soft1/big_data/images/assessment_chart2.jpg") no-repeat;
}
#map .assessment_03 a:hover {
	background:url("/Prod/comp/soft1/big_data/images/assessment_chart3.jpg") no-repeat;
}
#map .assessment_04 a:hover {
	background:url("/Prod/comp/soft1/big_data/images/assessment_chart4.jpg") no-repeat;
}