@charset "Shift_JIS";


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

Name: case.css

Description: Setting of case page

Create: 2008.10.30
Update: 2008.10.30

Copyright 2008 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("/products/it/commons/dg07/img/case/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("/products/it/commons/dg07/img/case/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("/products/it/commons/dg07/img/case/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("/products/it/commons/dg07/img/case/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 Box style wide
=========================================================================================== */

div.Grid1 dl.BlackBoxWide {
	margin: 0 0 15px;
	background: url("/products/it/commons/dg07/img/case/bg_black_box_wide.gif") no-repeat 0 100%;
}
div.Grid1 dl.BlackBoxWide dd { padding: 10px 10px 1px; }

div.Grid1 dl.GrayBoxWide {
	margin: 0 0 15px;
	background: url("/products/it/commons/dg07/img/case/bg_gray_box_wide.gif") no-repeat 0 100%;
}

/* Case Button style
=========================================================================================== */

ul.ContactList {
	margin: 0 0 15px;
	text-align: center;
}
ul.ContactList li {
	display: inline;
	margin: 0 8px;
}