@charset "Shift_JIS";





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



Name: case.css



Description: Setting of case page



Create: 2013.2.18

Update: 2013.2.18



Copyright 2013 Hitachi, Ltd. 



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









/* Summary module

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



div.Summary div {

	float: left;

	width: 388px;

}

div.Summary ul {

	float: right;

	width: 172px;

	border-bottom: 1px solid #999999;

	background-color: #ffffff;

	text-align: left;

}

div.Summary ul 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_ver2.gif") 0 0.75em no-repeat;

	font-size: 83%;

	font-weight: bold;

	line-height: 1.35;

}









/* Profile module

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



div.Profile {

	display: table;

	width: 100%;

}

div.Profile p.Image {

	display: table-cell;

	width: 1%;

	padding: 0 15px 10px 0;

	vertical-align: top;

}

div.Profile p.Image img { display: block; }

/* Win IE6, IE5.5, IE5.0, */

* html body p.Image { float: left; width: auto; }

/* Win IE7 */

*:first-child+html body p.Image { float: left; width: auto; }



div.Profile p.Text {

	display: table-cell;

	vertical-align: top;

	font-size: 83%;

	padding: 0 0 10px;

	line-height: 1.35;

}

/* Win IE6, IE5.5, IE5.0, */

* html body p.Text { zoom: 1; }

/* Win IE7 */

*:first-child+html body p.Text { zoom: 1; }









/* Reader liner navigation

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



div.ReaderLinerNavigation {

	margin: 0 auto 30px;

}

div.ReaderLinerNavigation ul,

div.ReaderLinerNavigation dl {

	margin: 0 auto;

	text-align: center;

}

div.ReaderLinerNavigation ul li,

div.ReaderLinerNavigation dl dt,

div.ReaderLinerNavigation dl dd {

	font-size: 83%;

	line-height: 1.35;

	text-align: left;

}

div.ReaderLinerNavigation dl { width: 65%; }



div.ReaderLinerNavigation dl dt {

	float: left;

	width: 8%;

	padding: 1px 17px 1px 0;

	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 100% 50%;

	font-weight: bold;

	text-align: right;

	white-space: nowrap;

}

div.Grid3 div.ReaderLinerNavigation dl dd {

	width: 82%;

	float: right;

	padding: 1px 0 1px 0;

	font-weight: bold;

}

/* Win IE6, IE5.5, IE5.0, */

* html div.ReaderLinerNavigation dl dt { padding: 0 17px 0 0; }

* html div.ReaderLinerNavigation dl dd { padding: 3px 0 0; }

/* Win IE7 */

*:first-child+html div.ReaderLinerNavigation dl dd { padding: 3px 0 0; }



div.Grid3 div.ReaderLinerNavigation dl:after {

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: ".";

}

div.Grid3 div.ReaderLinerNavigation dl { display: inline-block; }

/* Hides from IE 4-6 \*/

* html div.Grid3 div.ReaderLinerNavigation dl { height: 1%; }

div.Grid3 div.ReaderLinerNavigation dl { display: block; } 

/* End hide from IE 4-6 */





div.ReaderLinerNavigation ul { margin: 12px auto 0; }



div.ReaderLinerNavigation ul li {

	display: inline;

	padding: 0 5px 0 12px;

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

}

div.ReaderLinerNavigation ul li a,

div.ReaderLinerNavigation ul li strong {

	display: inline-block;

	padding: 5px 10px;

	border: 1px solid #cdcdcd;

}

div.ReaderLinerNavigation ul li.FirstItem {

	padding: 0 5px 0 0;

	background-image: none;

}



div.ReaderLinerNavigation ul li strong { background-color: #cdcdcd; }







/* Case link style

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



div.Grid1 div.BoxPatternC dl.CaseLinkStyle1 {

	padding: 0 0 6px;

}

div.Grid1 div.BoxPatternC dl.CaseLinkStyle1 dt {

	margin: 0 0 7px;

	font-weight: bold;

	font-size: 83%;

	line-height: 1.35;

}

div.Grid1 div.BoxPatternC dl.CaseLinkStyle1 dd {

	margin: 0 0 4px;

	padding: 0 0 0 17px;

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

	font-size: 83%;

	line-height: 1.35;

}

div.Grid1 div.BoxPatternC dl.CaseLinkStyle2 {

	padding: 0 0 6px;

}

div.Grid1 div.BoxPatternC dl.CaseLinkStyle2 dt {

	margin: 0 0 4px;

	font-weight: bold;

	font-size: 83%;

	line-height: 1.35;

}

div.Grid1 div.BoxPatternC dl.CaseLinkStyle2 dd dl dt {

	margin: 4px 0;

	font-weight: normal;

}

div.Grid1 div.BoxPatternC dl.CaseLinkStyle2 dd dl dd {

	margin: 0 0 4px;

	padding: 0 0 0 17px;

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

	font-size: 83%;

	line-height: 1.35;

}









/* Case Box style

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



div.Grid1 dl.BlackBox {

	margin: 0 0 15px;

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

}

div.Grid1 dl.BlackBox dd { padding: 10px 10px 1px; }



div.Grid1 dl.GrayBox {

	margin: 0 0 15px;

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

}

div.Grid1 dl.GrayBox dd { padding: 10px 10px 1px; }



div.Grid1 dd fieldset { float: left; }

div.Grid1 dd fieldset legend { display: none; }

div.Grid1 dd fieldset p { font-size: 83%; }

div.Grid1 dd fieldset p input,

div.Grid1 dd fieldset p img { vertical-align: middle; }

div.Grid1 dd fieldset input#SiteSearchTextBox {

	padding: 1px;

	border: 1px solid #999999;

}



/* Case Button style

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



ul.ContactList {

	margin: 0 0 15px;

	text-align: center;

}

ul.ContactList li {

	display: inline;

	margin: 0 8px;

}

/* プロフィール写真

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

div.headShotType1 {
width: 114px;
font-size: 77%;
}