@charset "Shift_JIS";





/* **************************************************



Name: case.css



Description: Setting of case page



Create: 2013.2.18

Update: 2013.2.18



Copyright 2013 Hitachi, Ltd. 



***************************************************** */







/* -----CatchCopy----- */

p.TextStyleCC {

	margin: 0 0 15px;

	color: #a42939;

	font-size: 90%;

	line-height: 1.35;

	font-weight: bold;

}





/* -----profile----- */

.featureImgCase { float: left; }

 

.featureTxtCase { float: right; }







/* summary module

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



div.summary { margin: 0 0 20px; }



div.summary p.TextStyle1 { margin: 0; }





/* -----pageIndex----- */

div.summary div.pageIndex {

	float: right;

	width: 172px;

	text-align: left;

}





/* -----pList----- */

div.summary div.pageIndex ul { background-color: #ffffff; }



div.summary div.pageIndex ul.pList li {

	padding: 0.6em 5px 0.6em 17px;

	border-top: 1px solid #999999;

	background:url("/Prod/comp/OSD/pc/ha/techinfo/case/images/icon_plist.gif") 0 0.75em no-repeat;

	font-size: 83%;

	font-weight: bold;

	line-height: 1.35;

}





/* -----pInquiry----- */

div.summary div.pageIndex ul.pInquiry { background:url("/Prod/comp/OSD/pc/ha/techinfo/case/images/pinquiry_bgbottom.gif") 0 100% no-repeat #cccccc;}



div.summary div.pageIndex ul.pInquiry li {

	padding: 0.6em 5px;

	background:url("/Prod/comp/OSD/pc/ha/techinfo/case/images/pinquiry_bgtop.gif") 0 0 no-repeat;

	font-size: 83%;

	font-weight: bold;

	line-height: 1.35;

	text-align: center;

}





/* -----S-a----- */

div.summary div.S-a {

	float: left;

	width: 388px;

}

div.summary div.S-a div.wrap {

	float: left;

	width: 292px;

}

div.summary div.S-a p.caseImg {

	float: left;

	margin: 0 10px 0 0;

	width: 86px;

}





/* -----S-b----- */

div.summary div.S-b {

	float: left;

	width: 388px;

}

div.summary div.S-b img {

	display: block;

	margin: 0 0 10px 0;

}





/* -----S-c----- */

div.summary div.S-c {

	float: left;

	width: 388px;

}

div.summary div.S-c img {

	float: left;

	margin: 0 10px 10px 0;

}





/* -----S-d----- */

div.summary div.S-d {

	float: left;

	width: 388px;

}





/* -----S-e----- */

div.summary div.S-e {

	float: left;

	width: 388px;

}

div.summary div.S-e div.wrap {

	float: left;

	width: 292px;

}

div.summary div.S-e p.caseImg {

	float: left;

	margin: 0 10px 0 0;

	width: 86px;

}

div.summary div.S-e p.caseImg img { margin: 0 0 10px; }





/* -----S-f----- */





/* -----S-g----- */

div.summary div.S-g {

	float: left;

	width: 388px;

}

div.summary div.S-g div.wrap {

	float: left;

	width: 292px;

}

div.summary div.S-g p.caseImg {

	float: left;

	margin: 0 10px 0 0;

	width: 86px;

}

div.summary div.S-g p.caseImg img { margin: 0 0 10px; }



div.summary div.S-g dl.definition {

	margin: 15px 0 0;

	width: 292px;

}





/* -----related solution----- */

dl.definition {

	margin: 0 0 15px;

	font-size: 90%;

}

dl.definition dt {

	margin: 0 0 5px;

	font-weight: bold;

	line-height: 1.35;

}

dl.definition dd {

	margin: 0 0 5px;

	padding: 0 0 0 17px;

	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;

	line-height: 1.35;

}







/* Content module

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



div.headShotType1 {

	float: left;

	margin: 0 15px 0 0;

	padding: 3px 0 0;

	width: 86px;

}

div.headShotType2 {

	float: right;

	margin: 0 0 0 15px;

	padding: 3px 0 0;

	width: 86px;

}

div.behindImgColumn {

	float: right;

	width: 172px;

}

div.behindImgColumn p { margin-bottom: 6px; }



div.separateColumn {

	float: right;

	width: 469px;

}



/*---p-left,p-right---*/



.p-leftM { margin: 0 0 0 10px !important; }



.p-rightM { margin: 0 10px 0 0 !important; }



.imgArea {

	float: left;

	width: 172px;

}

.textArea {

	float: right;

	width: 383px;

}



.w172 { width: 172px }

.w278 { width: 278px; }