@charset "Shift_JIS";

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

Name: ha.css

Description: Setting of HA8000 page

Create: 2008.06.28
Update: 8888.88.88

Copyright 2008 Hitachi, Ltd. 

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



/* content===========================================

[t1] トップページ
[-] 製品概要
[cc] カラムセット
[-] RSSツールチップ
[c-] 仕様一覧テーブル
[c-] 仕様詳細リンクリスト
[c-] 枠囲みソフトウェア
[c-] 文章 additional
[-] 共通クラス

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



/* [t1] トップページ
=========================================================================================== */
h2.ImageHeadingStyle1 {
border-top:none;
}

/* ハイライト・ケーススタディ Column2 Type */
div.LV1LinkSetType2HA {
margin:0 0 10px;
padding:0;
height:35px;
background:url(/Prod/comp/OSD/pc/ha/common/image/bg_h2_w375_toppage.gif) no-repeat left top;
}

div.LV1LinkSetType2HA img {
vertical-align:top;
}

div.LV1LinkSetType2HA h2 {
margin:0 0 0 12px;
padding:0;
float:left;
display:inline;
border:none;
}

div.LV1LinkSetType2HA h2 img a {
vertical-align:top;
}

div.LV1LinkSetType2HA ul {
float:right;
margin:0 9px 0 0;
}

div#Ticker {
padding:4px;
background:url(/Prod/comp/OSD/pc/ha/common/image/dot_topics.gif) repeat-y left top;
font-size:83%;
}

div#Ticker div.TickerInner {
position:relative;
height:35px;
border-top:1px solid #e6e6e6;
border-right:1px solid #bababa;
border-bottom:1px solid #bababa;
border-left:1px solid #e6e6e6;
background:url(/Prod/comp/OSD/pc/ha/common/image/bg_topics.gif) repeat-x left bottom;
}

div#Ticker div.TickerInner h3 {
position:absolute;
top:5px;
left:10px;
width:71px;
border:none;
}

div#Ticker div.TickerInner dl {
position:absolute;
top:5px;
left:91px;
height:25px;
width:480px;
background:url(/Prod/comp/OSD/pc/ha/common/image/bg_topicstxt.gif) no-repeat left top;
}

div#Ticker div.TickerInner dt {
float:left;
padding:6px 15px 0 12px;
margin-right:10px;
width:51px;
height:19px;
background:url(/Prod/comp/OSD/pc/ha/common/image/arrow_topics.gif) no-repeat right center;
}

div#Ticker div.TickerInner dd {
float:left;
padding-top: 6px;
width:387px;
height:19px;
overflow:hidden;
white-space:nowrap;
}
* html div#Ticker div.TickerInner dd {
width:370px;
}

div#Ticker div.TickerInner ol {
position:absolute;
top:9px;
left:576px;
padding:2px 1px 2px 2px;
width:70px;
list-style-type:none;
background:url(/Prod/comp/OSD/pc/ha/common/image/bg_numbtn.gif) no-repeat left top;
}

div#Ticker div.TickerInner ol li {
float:left;
padding-right:1px;
}

div#Ticker div.TickerInner p {
position:absolute;
bottom:0;
left:674px;
width:71px;
}

div#Ticker div.TickerInner p img {
vertical-align:top;
}


/* [-] 製品概要
=========================================================================================== */
div.ProductBox {
margin-bottom:15px;
padding-bottom:4px;
background:url(/Prod/comp/OSD/pc/ha/products/hardware/image/line_dot2.gif) no-repeat left bottom;
}

div.ProductBox p.BtnSet img,
div.ProductBox p.BtnSet2 img {
vertical-align:top;
}

div.ProductBox p.BtnSet2 {
margin:0 0 15px;
}

div.ProductBox ul.LinkListStyle1 {
margin-top:10px;
}

div.ImageBox {
float:left;
width:180px;
}

div.ImageBox a.NewWindow {
padding: 1px 0 1px 17px;
background: url("/image/h1/icon/icon_new_window.gif") no-repeat 0 0;
font-size:83%;
line-height: 1.35;
}

div.OutlineBox {
float:right;
padding-top:5px;
width:370px;
}

div.OutlineBox p {
margin-bottom:10px;
font-size:90%;
line-height:1.4;
}

div.OutlineBox ul.ModelList li {
margin-bottom:5px;
font-size:83%;
line-height:1.4;
}

div.OutlineBox ul.ModelList img {
margin-right:12px;
vertical-align:middle;
}

div.OutlineBox ul.ModelList li a.LinkTxt {
padding: 0 0 0 17px;
background:url("/image/h1/icon/icon_link_right.gif") no-repeat 0 center;
}

ul.CpuList {
margin-top:8px;
padding:16px 0 5px 0;
background:url(/Prod/comp/OSD/pc/ha/products/hardware/image/line_dot1.gif) no-repeat left top;
}

ul.CpuList li {
float:left;
margin:0 3px 3px 0;
}

ul.FeatureList {
padding-bottom:3px;
}

ul.FeatureList li {
float:left;
margin:0 2px 2px 0;
}

ul.CpuList li img,
ul.FeatureList li img {
vertical-align:top;
}

dl.PerformanceList {
font-size:90%;
line-height:1.4;
}

dl.PerformanceList dt {
margin-bottom:5px;
padding:3px;
background:#EDEFF1;
font-weight:bold;
}

dl.PerformanceList dd {
margin-bottom:8px;
}


/* [cc] カラムセット
=========================================================================================== */
div.ColumnSetHA1:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div.ColumnSetHA1 { 
display: inline-block;
margin-top:20px;
}

/* Hides from IE 4-6 \*/
* html div.ColumnSetHA1 { height: 1%; }

div.ColumnSetHA1 { display: block; } 
/* End hide from IE 4-6 */


/* [-] RSSツールチップ
=========================================================================================== */
.tooltip{
width:200px; 
font-size:83%;
text-align:left;
}

.tooltip span.top{
padding:10px 10px 0;
color:#333;
background:url(/Prod/comp/OSD/pc/ha/common/image/bt.gif) no-repeat left top;
line-height:1.4;
}

.tooltip span.bottom{
height:30px;
background: url(/Prod/comp/OSD/pc/ha/common/image/bt.gif) no-repeat left bottom;
}


/* [c-] 仕様一覧テーブル
=========================================================================================== */
tr.ModelName th,
tr.ModelType1 th.ModelName,
tr.ModelType2 th.ModelName {
text-align:center;
font-weight:bold;
}

tr.ModelType1 th,
tr.ModelType1 td {
background:#E9ECEF;
}

tr.ModelType2 th,
tr.ModelType2 td {
background:#F0F4F7;
}

th.FirstCell { width:110px;}
th.SecondCell,
th.ThirdCell { width:198px;}

table.TableStyleHA1 { width:351px;}

table.TableStyleHA1 caption { display:none;}


/* [c-] 仕様詳細リンクリスト
=========================================================================================== */
ul.LinkListStyle1 li.Current {
margin: 0 0 5px;
padding: 0 0 0 17px;
background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 1px;
line-height: 1.35;
}


/* [c-] 枠囲みソフトウェア
=========================================================================================== */
div.InnerHA {
width:265px;
float:left;
}

div.InnerHA div.LastItem {
float:right;
}


/* [c-] 文章 additional
=========================================================================================== */
p.TextStyleHA1 {
margin:0 0 15px;
font-size:90%;
line-height:1.35;
background-color:#EDEFF1;
padding:3px 5px;
}

p.TextStyleHA1 a { line-height:1.35; }


/* [-] 共通クラス
=========================================================================================== */
.TextBoldHA {
font-weight:bold;
}





/* [s2] サイトアイデンティティ
=========================================================================================== */

/* ---[-] サイトアイデンティティIT > ステージングユニット【トップページ】--- */

div#SiteIdentityL div h1.Title {
	float: left;
	width: 468px;
	height: 83px;
}

div#SiteIdentityL div {
	float: left;
	width: 609px;
	height: 83px;
	background: url("/image/h1/bg_site_id_large.gif") repeat-x 0 0 #e6e6e6;
	text-align: left;
}

div#SiteIdentityL p.Concept {
	float: right;
	width: 141px;
	height: 83px;
}

/* ---[-] サイトアイデンティティIT > ステージングユニット【通常ページ】--- */

div#SiteIdentityS div p.Title  {
	float: left;
	width: 516px;
	height: 60px;
}

div#SiteIdentityS div  {
	float: left;
	margin-right:-150px;
	width: 100%;
	height: 60px;
	background: url("/image/h1/bg_site_id_small.gif") repeat-x 0 0 #e6e6e6;
	text-align: left;
}

div#SiteIdentityS p.Concept  {
	float: right;
	padding-right:111px;
	width: 137px;
	height: 60px;
}



/* [c-] 用途から選ぶテーブル
=========================================================================================== */
th.UsageCell1 { width:20%;}
th.UsageCell2 { width:20%;}
th.UsageCell3 { width:60%;}

p.TextStyle1 a.LinkTxt {
padding: 0 0 0 17px;
background:url("/image/h1/icon/icon_link_right.gif") no-repeat 0 center;
}

div.Check {
margin:0 0 15px;
line-height:1.35;
}

div.Check h3 {
margin:0 0 8px;
padding:0 0 0 20px;
background:url(../image/icon/icon_check.gif) no-repeat 0 1px;
border-bottom:none;
font-size:90%;
}

div.Check p {
margin:0 0 10px;
padding:0 0 0 21px;
font-size:90%;
}

div.Check ol {
margin:0 0 10px 25px;
padding:0 0 0 36px;
}

div.Check ol li {
margin: 0 0 5px;
font-size:90%;
}