@charset "Shift_JIS";

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

Name: style.css

Description: Setting of index page

Create: 2010.04.01
Update: 2015.03.26

Copyright 2009 Hitachi, Ltd. 

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


/* ==================================================
 見出し
===================================================== */
/* ---[c2-1-1] 見出し > レベル1--- */
/* ---[c2-1-2] 見出し > レベル1 > リンクあり--- */

h2.TitleStyleS1 {
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid #d6d6d6;
	background: url("/products/bladesymphony/common/images/bg_title.gif") repeat-x 0 100% #fefefe;
	zoom: 1;
}
h2.TitleStyleS1 span {
	display: block;
	padding: 0;
	border: none;
	background: url("/products/bladesymphony/common/images/bg_title_marker_top.gif") no-repeat 0 0;
	zoom: 1;
}
h2.TitleStyleS1 span span {
/*	padding: 14px 10px 14px 12px; 20150326_h2の高さ修正*/
	padding: 11px 10px 7px 12px;
	background: url("/products/bladesymphony/common/images/bg_title_marker_bottom.gif") no-repeat 0 100%;
	font-size: 100%;
	line-height: 1.35;
}
/* 解除 */
h2.TitleStyleS1 span span span {
	display: inline;
	padding: 0;
	background: none;
}
/**/
h2 a { line-height: 1.35; }

/* --20150326 Site_Top_製品一覧Btn-- */
h2.TitleStyleS1 a.Btn02 {
	position: absolute;
	left: 632px;
	top: 11px;
	background-image: none;
}

/* --20150326 Site_Top_お知らせ一覧Btn-- */
h2.TitleStyleS1 a.Btn01 {
	position: absolute;
	left: 612px;
	top: 11px;
	background-image: none;
}

/* ---[c2-1-1-x] 見出し > レベル1 > Btn右寄せ--- */
h2.TitleStyleS1.BtnSet { position: relative; }

/* ---[c2-2-1-s2] 見出し > レベル2 > グレーの下線--- */
/* ---[c2-2-2-s2] 見出し > レベル2 > グレーの下線 > リンクあり--- */
h3.TitleStyleS2 {
	margin: 0 0 10px;
	padding: 0 0 5px 13px;
	border: none;
	background: url("/products/bladesymphony/common/images/bg_title_s2_border.gif") repeat-x 0 100%; 
	font-size: 90%;
	line-height: 1.35;
}
h3.TitleStyleS2 a { line-height: 1.35; }
/* 解除 */
h3.TitleStyleS2 span {
	display: inline;
	padding: 0;
	background: none;
}


/* ==================================================
 囲み
===================================================== */
div.BoxPatternA.InfoBox {
	margin: 0 0 15px;
	padding: 0;
}
div.BoxPatternA.InfoBox dl.DateListStyle_Special dd ul.LinkListStyle1,
div.BoxPatternA.InfoBox.New dl.DateListStyle_Special dd ul.LinkListStyle1 { margin: 0; }

div.BoxPatternA.InfoBox dl.DateListStyle_Special dd,
div.BoxPatternA.InfoBox.New dl.DateListStyle_Special dd { margin: 0px 0 2px 0;}

div.BoxPatternA.InfoBox div.InfoTitle {
	padding: 0;
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #d5d5d5;
	background: url("/products/bladesymphony/common/images/bg_title_info.gif") repeat-x 0 0;
}

div.BoxPatternA.InfoBox div.InfoTitle div {
	padding: 7px 10px 10px;
	border: none;
	background: none;
}

div.BoxPatternA.InfoBox > div.Inner {
		height: 300px;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #d6d6d6;
}

div.BoxPatternA.InfoBox div.InfoTitle div h2 {
	float: left;
	margin: 0;
	padding: 3px 0 0;
	border: none;
	background: none;
	font-size: 90%;
	line-height: 1.35;
	color: #333;
	font-weight: bold;
}
 

/*---20150326_BoxPatternD---*/
div.BoxPatternD:after {
	content: "";
	display: block;
	clear: both;
}

div.BoxPatternD {
	background-image: url("/products/bladesymphony/common/images/bg_box_pattern_d.gif");
	background-repeat: repeat;
	padding: 0 4px 4px 4px;
	margin: 0 0 5px 0;
}

div.BoxPatternD div.Inner {
	padding: 10px;
	margin: 0 /*4px 4px 4px*/; 
	 background: #fff;
}

div.BoxPatternD div.Inner div.Column1 { width:220px;}

div.BoxPatternD div.Inner div.Column1 ul.LinkListStyle1 li {
	list-style: url("/products/bladesymphony/common/images/icon/icon_list.gif");
	margin-left: 20px;
}

div.BoxPatternD div.Inner h3,
div.BoxPatternD div.Inner h3 a {
	color: #333;
	width: 220px;
 }
div.BoxPatternD div.Inner h3{
	border-bottom: 1px solid #ccc;
}
/*div.BoxPatternD h2.TitleStyleS1 {margin: 0 !important;}*/
h2.TitleStyleS1.BoxHeader {margin: 0 !important;}

/* ==================================================
パネル/*---20150326_BoxPanel_Site_Top---*/
/*===================================================== */



/* ==================================================
パネル/*---20150326_BoxPanel---*/
/*===================================================== */
div.BoxPanel.Top {
	background-image: none;
	background-color: #e2e2e2;
}

div.BoxPanel.Top h3 span  {
	 color: #333;
/*		display: block;*/
	background-image: url("/products/bladesymphony/common/images/icon/icon_panel_link_red.gif");
	padding: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: right 0.2em;
	zoom: 1;
}
div.BoxPanel.Top h3 span:hover  {

	background-image: url("/products/bladesymphony/common/images/icon/icon_panel_link_red_over.gif");
}

div.BoxPanel.Top h3 a {
	display: block;
	text-decoration:none;
	background-image: none !important;

}

div.BoxPanel.Top h3 a:hover {
	color: #333;
	display: block;
	text-decoration: underline;
	background-image: none !important;

}

div.BoxPanel {
	margin: 0 0 10px;
	background: url("/products/bladesymphony/common/images/bg_panel_bottom.gif") no-repeat 0 100% #686868;
}
div.BoxPanel.Top div.PanelInner,
div.BoxPanel div.PanelInner { padding: /*10px 11px 0;*/10px 11px 3px 10px; }
div.BoxPanel h3 {
	margin: 0 0 8px;
	border: none;
	color: #ffffff;
}
div.BoxPanel.Top h3.Bottom0, 
div.BoxPanel h3.Bottom0 { margin-bottom: 0; }
div.BoxPanel h3 a {
	display: block;
	background: url("/products/bladesymphony/common/images/icon/icon_panel_link.gif") no-repeat 100% 0.1em;
}
div.BoxPanel * {
	color: #ffffff;
	text-decoration: none;
}
div.BoxPanel a:link {
	color: #ffffff;
	text-decoration: none;
}
div.BoxPanel a:visited {
	color: #ffffff;
	text-decoration: none;
}
div.BoxPanel a:hover {
	color: #ffffff;
	text-decoration: underline;
}
div.BoxPanel a:active {
	color: #ffffff;
	text-decoration: underline;
}
div.BoxPanel h3 a {
	display: block;
	background: url("/products/bladesymphony/common/images/icon_panel_link.gif") no-repeat 100% 0.1em;
}

div.BoxPanel ul.LinkListStyle5 li.Important a {
	display: block;
	background-image: url("/image/jp/r1/icon/icon_link_right_l_white.gif") !important;
}


/*---20150326_TitleStyle---*/
/* ---[c2-1-1] 見出し > レベル1--- */
/* ---[c2-1-2] 見出し > レベル1 > リンクあり--- */
h2.TitleStyleS1.Portal {
	margin: 0 0 10px;
	padding: 0;
	border: 1px solid #d6d6d6;
	background: url("/products/bladesymphony/common/images/bg_title.gif") repeat-x 0 100% #fefefe;
	zoom: 1;
}
h2.TitleStyleS1.Portal span {
	display: block;
	padding: 0;
	border: none;
	background: url("/products/bladesymphony/common/images/bg_title_marker_top.gif") no-repeat 0 0;
	zoom: 1;
}
h2.TitleStyleS1.Portal span span {
	padding: 14px 10px 14px 12px !important;
	background: url("/products/bladesymphony/common/images/bg_title_marker_bottom.gif") no-repeat 0 100%;
	font-size: 100%;
	line-height: 1.35;
}
/* 解除 */
h2.TitleStyleS1.Portal span span span {
	display: inline;
	padding: 0;
	background: none;
}
/**/
h2 a { line-height: 1.35; }


/* ==================================================
 見出し
===================================================== */
/*
div.PortalStyle_h2,
div.PortalStyle_h2_blue{
margin:0 0 10px 0;
padding:0;
display: block;
background: url("/products/bladesymphony/common/images/bg_h2_lower.jpg") 0 bottom repeat-x;
}

div.PortalStyle_h2 h2,
div.PortalStyle_h2_blue h2{
padding:3px 5px 10px 5px;
border:none;
background: url("/products/bladesymphony/common/images/bg_h2_upper.jpg") 0 0 repeat-x;
}

div.PortalStyle_h2 h2 span {
padding: 7px 0 4px 1.25em;
font-size: 90%;
line-height: 1.35;
border: none;
display: block;
background: url("/products/bladesymphony/common/images/bg_h2_span.jpg") 0.1em 0.25em no-repeat;
}

div.PortalStyle_h2 a{line-height: 1.35;}
div.PortalStyle_h2 a:link{ color:#00567B; text-decoration:underline !important;}
div.PortalStyle_h2 a:hover{ color:#00567B; text-decoration:underline !important;}
div.PortalStyle_h2 a:visited{ color:#00567B; text-decoration:underline !important;}

/* SpanBlue 20110323 */
/*
div.PortalStyle_h2_blue h2 span {
padding: 7px 0 4px 1.25em;
font-size: 90%;
line-height: 1.35;
border: none;
display: block;
background: url("/products/bladesymphony/common/images/bg_h2_span_blue.jpg") 0.1em 0.25em no-repeat;
}

div.PortalStyle_h2_blue a{line-height: 1.35;}
div.PortalStyle_h2_blue a:link{ color:#00567B; text-decoration:underline !important;}
div.PortalStyle_h2_blue a:hover{ color:#00567B; text-decoration:underline !important;}
div.PortalStyle_h2_blue a:visited{ color:#00567B; text-decoration:underline !important;}
/* SpanBlue 20110323 */

/*
div.PortalStyle_h3{margin:0 0 10px 0; border:1px solid #C0C6CD; display: block;}
div.PortalStyle_h3 h3{
margin:0;
padding:5px;
border:1px solid #ffffff;
display: block;
background: url("/products/bladesymphony/common/images/bg_h3.jpg") 0 0 repeat-x;
}

div.PortalStyle_h3 h3 span {
margin:0;
padding-left: 1.5em;
font-size: 90%;
line-height: 1.35;
display: block;
background: url("/products/bladesymphony/common/images/bg_h3_span.gif") 0 0.2em no-repeat;}

div.PortalStyle_h3 a{line-height: 1.35;}
div.PortalStyle_h3 a:link{ color:#333333; text-decoration:underline;}
div.PortalStyle_h3 a:hover{ color:#333333; text-decoration:underline;}
div.PortalStyle_h3 a:visited{ color:#333333; text-decoration:underline;}
*/

/* ==================================================
 枠囲み
===================================================== */
div.BoxPatternSP { margin: 0 0 10px; border: solid 1px #D7DDDF; border-top:none;}
div.BoxPatternSP div.PortalStyle_h2 h2{ margin:0; }
div.BoxPatternSP div.PortalStyle_h3{ margin:0; border-left:none; border-right:none;}

div.BoxPatternSP div.Inner {padding: 10px 10px 0;}

div.BannerBox { margin: 0 0 15px; border: solid 1px #D7DDDF;}
div.BannerBox div.Inner{padding:1px 1px 0 1px;}
div.BannerBox p.ImgOnlyStyle{ margin-bottom:1px;}
div.BannerBox p.ImgOnlyStyle img{ vertical-align:bottom;}


/* ==================================================
 番号付リスト
===================================================== */
ol.ListStyle5 {
	margin: 0 0 15px 2em;
	font-size: 90%;
}
ol.ListStyle5 ol {
	margin: 5px 0 0 17px;
	font-size: 100%;
}
ol.ListStyle5 ul {
	margin: 5px 0 0;
	font-size: 100%;
}
ol.ListStyle5 li {
	margin: 0 0 5px;
	line-height: 1.35;
}
ol.ListStyle5 ul li {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;
}
ol.ListStyle5 li a { line-height: 1.35; }


/* ==================================================
 アイコン
===================================================== */
div.ImgW55SetStyle p.Img {
	float: left;
	width: 55px;
	margin: 0 15px 0 0;
	padding: 0 0 5px;
}
div.ImgW55SetStyle div.ImgSet { float: left; }
div.ImgW55SetStyle div.ImgSet p { margin-top:3px;}


/* ==================================================
 HCAセンタ
===================================================== */
table.HolidayStyle{
margin: 0 0 15px;
border-collapse:collapse;
width:180px;
}

table.HolidayStyle th {
padding:2px 4px;
border-color:#666666;
border-bottom:2px solid #666666;
background-color:#cccccc;
font-weight:bold;
text-align:center;
}
table.HolidayStyle th.Saturday,
table.HolidayStyle th.Sunday{ color:#CC3300; line-height:1.35;}

table.HolidayStyle td {
padding:2px 4px;
border-color:#666666;
text-align:center;
}
table.HolidayStyle td.Holiday { background-color:#FEEBE7; color:#CC3300; font-weight:bold;}
table.HolidayStyle td.Other{ color:#CCCCCC;}

/* ==================================================
 トップページ
===================================================== */
/* ---製品ラインアップ--- */
div.topLineupArea{ margin:0 0 15px 0;}

/* ---ブランディング--- */
#ServerTopBranding {
	position: relative;
	z-index: 1;
	margin: 0 0 20px;
}

/* ==================================================
 一覧ページの日付の下の各製品のアイコン
===================================================== */
/* ---日付--- */
/*dl.DateListStyle_Special { margin: 0 0 15px; width:570px;}  2015.4.9 修正(サイズ変更)*/
dl.DateListStyle_Special { margin: 0 0 15px; width:670px;}
dl.DateListStyle_Special dt {
margin: 0 10px 0 0;
font-size: 90%;
float:left;
width:120px;
clear: both;
}

dl.DateListStyle_Special dt span{ margin:3px 0 5px 0; display: block;}

/*dl.DateListStyle_Special dd { margin: 0 0 10px 0; float:left; width:440px; }  2015.4.9 修正(サイズ変更)*/
dl.DateListStyle_Special dd { margin: 0 0 10px 0; float:left; width:540px; }
dl.DateListStyle_Special dd ul.LinkListStyle1 { margin: 0 0 24px; }


.DateListStyle_Special:after,
.DateListStyle_Special dt:after,
.DateListStyle_Special dd:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.DateListStyle_Special,
.DateListStyle_Special,
.DateListStyle_Special { display: inline-block; }
/* Hides from IE 4-6 \*/

* html .DateListStyle_Special,
* html .DateListStyle_Special,
* html .DateListStyle_Special { height: 1%; }
.DateListStyle_Special,
.DateListStyle_Special,
.DateListStyle_Special { display: block; } 
/* End hide from IE 4-6 */


/* ==================================================
 トピックスページ
===================================================== */

ul.LinkTopics{	margin: 0 0 15px;
	font-size: 90%;
}
ul.LinkTopics li {
	margin: 0 0 5px;
	padding: 0 0 0 25px;
	background: url("/products/bladesymphony/topics/images/icon_link.jpg") 0 0.1em  no-repeat;
}

ul.LinkTopics li a {line-height: 1.35; }


/* ==================================================
 製品ページ
===================================================== */
div.Outline {
width:720px;
height:150px;
margin:0 0 5px;
position:relative;
background:url(/products/bladesymphony/products_list/images/bg_outline.gif) 0 0 no-repeat;
}

div.OutlineWithoutSpec {
width:720px;
height:150px;
margin:0 0 5px;
position:relative;
background:url(/products/bladesymphony/products_list/images/bg_outline2.gif) 0 0 no-repeat;
}

div.Outline h3,
div.Outline p,
div.Outline p strong,
div.Outline li {
margin:0;
padding:0;
font-size:0;
line-height:0;
font-weight:normal;
position:absolute;
}

div.OutlineWithoutSpec h3,
div.OutlineWithoutSpec p,
div.OutlineWithoutSpec p strong,
div.OutlineWithoutSpec li {
margin:0;
padding:0;
font-size:0;
line-height:0;
font-weight:normal;
position:absolute;
}

div.Outline h3 { border:none; left:0; top:0;}
div.Outline p.Photo { left:5px; top:54px;}
div.Outline p.Catch { left:135px; top:49px;}
div.Outline li.Spec01 { left:152px; top:97px;}
div.Outline li.Spec02 { left:152px; top:117px;}
div.Outline li.Spec03 { left:348px; top:97px;}
div.Outline li.Spec04 { left:348px; top:117px;}

div.OutlineWithoutSpec h3 { border:none; left:0; top:0;}
div.OutlineWithoutSpec p.Photo { left:5px; top:54px;}
div.OutlineWithoutSpec p.Catch { left:135px; top:49px;}


/* ==================================================
 Grid1 お問い合わせ
===================================================== */
div.BoxInquiryG1 {

width: 230px;
	height: 171px;
	margin: 0 0 15px;
	padding: 15px 0 0;
	background: url("/products/bladesymphony/common/images/bg_box_inquiry_230.gif") no-repeat 0 0;
}
div.BoxInquiryG2 {

width: 230px;
	height: 160px;
	margin: 0 0 15px;
	padding: 15px 0 0;
	background: url("/products/bladesymphony/common/images/bg_box_inquiry_230-160.gif") no-repeat 0 0;
}
div.BoxInquiryG1 ul,
div.BoxInquiryG2 ul {
	width: 202px;
	margin: 0 auto 15px;
	text-align: center;
}
div.BoxInquiryG1 ul li,
div.BoxInquiryG2 ul li {
	margin: 0 0 17px;
	padding: 0 1px;
}
div.BoxInquiryG1 ul li.LastItem,
div.BoxInquiryG2 ul li.LastItem {
	margin: 0;
	padding: 0;
}


/* ==================================================
 Grid3 お問い合わせ
===================================================== */
div.BoxInquiryS1 {
	width: 720px;
	margin: 0 0 15px;
}
div.BoxInquiryS1 h2 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div.BoxInquiryS1 h2 img { vertical-align: bottom; }
div.BoxInquiryS1 div.Inner {
	padding: 23px 0 36px 53px;
	background: url("/products/bladesymphony/common/images/bg_box_inquiry_720.gif") no-repeat 0 0;
}
div.BoxInquiryS1 div.Inner ul li {
	float: left;
	margin: 0 48px 0 0;
}
div.BoxInquiryS1 div.Inner ul li.LastItem { margin: 3px 0 0; }


/* ==================================================
 ソリューションから選ぶ
===================================================== */
div.ServerArea{ margin:0 0 15px 0; padding-top:10px; border-top: 1px solid #ccc;}

ul.ServerListStyle{ margin:0 0 15px 0;}
ul.ServerListStyle li{ float:left; margin: 2px 0 0 8px; font-size:83%; }
ul.ServerListStyle li.firstItem{ margin:0 10px 0 0;}


ul.IconListStyle{ margin:0 0 5px 0; float:right; clear:both;}
ul.IconListStyle li{ float:left; margin-left:5px;}
ul.IconListStyle li.firstItem{ margin:0;}


/* ==================================================
 日立サーバ製品の節電について
===================================================== */
ul.BtnListStyle{ margin-left: auto;margin-right: auto; clear:both; width: 557px;}
ul.BtnListStyle li{ float:left; margin-left:8px;}
ul.BtnListStyle li.firstItem{ float:left; margin-left:0px;}


ul.LogoListStyle{ margin:0 0 0 0px; float:left; clear:both;}
ul.LogoListStyle li{ float:left; margin-right:14px;}

ul.AnnotationsStyle2 li sup {
color: #990000;
}

/* ==================================================
 FB OGP対策
===================================================== */
.otfb {
	display: none;
}