@charset "Shift_JIS";

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

Name: corporate.css

Description: Setting of corporate page

Create: 2007.10.XX
Update: 2012.03.05

Copyright 2007 Hitachi, Ltd. 

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



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

[-] コーポレート:トップページ
[-] コーポレート:サイトアイデンティティ
[-] コーポレート:製品・サービス
[-] コーポレート:カテゴリから探す
[-] コーポレート:キーワードから探す
[-] コーポレート:ニュースリリース
[-] コーポレート:共通クラス

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



/* [-] コーポレート：トップページ
=========================================================================================== */
body {
-webkit-text-size-adjust: 100%;
}

/* ---[-] サイトアイデンティティ > ステージングユニット--- */
div#SiteIdentityC {
	margin: 0 auto;
	width: 765px;
	height: 83px;
	background: url("/image/h5/corporate/bg_site_id_co.jpg") repeat-x 0 0 #e6e6e6;
	text-align: right;
	font-size: 0;
}
div#SiteIdentityC h1.Statement {
	float: right;
	clear:right;
	padding: 1px 1px 0 0;
	width: 155px;
	height: 82px;
	background: url("/image/h5/bg_corp_id_large.gif") repeat-x 0 0;
}


/* ---[-] ホームインデックスエリア---- */
div#HomeIndexArea {
	background: url(/image/h5/corporate/top_products_bg.gif) no-repeat left bottom #f7f7f7;
	padding: 0 0 1px 0;
	margin: 0 0 30px;
}

div#HomeIndexArea img { border: none; }

div#HomeIndexArea div.ColumnSet {
	padding: 0;
	background: url(/image/h5/corporate/top_products_title_bg.gif) top no-repeat;
}

div#HomeIndexArea div.ColumnSet div.Column1 {
	float: left;
	width: 585px;
	margin: 0;
}

div#HomeIndexArea div.ColumnSet div.Column2 {
	float: right;
	width: 180px;
	margin: 0;
}

div#HomeIndexArea div.ColumnSet div.Column1 div.TitleSet {
	height: 27px;
	margin-bottom: 14px;
	overflow: hidden;
}

div#HomeIndexArea div.ColumnSet div.Column1 div.TitleSet h2 {
	float: left;
	border: none;
	margin: 0px;
	line-height: 0.1em;
	font-size: 0.1em;
	vertical-align: bottom;
}

div#HomeIndexArea div.ColumnSet div.Column1 div.TitleSet ul.ButtonSet {
	float: left;
	margin: 0;
	padding:0;
}

div#HomeIndexArea div.ColumnSet div.Column1 div.TitleSet ul.ButtonSet li { float:left; }


div#HomeIndexArea div.ColumnSet div.Column1 h3 {
	margin: 0 0 0 18px;
	padding: 0px;
	border: none;
	float: left;
	line-height: 0.1em;
	font-size: 0.1em;
	_display: inline;
}

div#HomeIndexArea div.ColumnSet div.Column1 div.ButtonSet {
	margin-left: 12px;
	float: left;
}

* html div#HomeIndexArea #patternC div.ColumnSet div.Column1 h3 {
	margin: 0 0 0 8px;
}

div#HomeIndexArea div.ColumnSet div.Column1 div.Personal {
	margin-top: 4px;
	background: url(/image/h5/corporate/top_products_bg_separater.gif) repeat-x left top;
}

div#HomeIndexArea div.ColumnSet div.Column1 div.Personal h3,
div#HomeIndexArea div.ColumnSet div.Column1 div.Personal div.ButtonSet { margin-top: 11px; }

div#HomeIndexArea div.ColumnSet div.Column1 ul.ButtonSet2,
div#HomeIndexArea div.ColumnSet div.Column1 ul.ButtonSet3 { margin-top: 6px; }

div#HomeIndexArea div.ColumnSet div.Column1 div.ButtonSet li { float: left; }

div#HomeIndexArea div.ColumnSet div.Column1 div.ButtonSet li.btn01 { margin-left: 4px; }

/*div#HomeIndexArea div.ColumnSet div.Column1 div.ButtonSet li.btn02 { margin-left: 11px; }

div#HomeIndexArea div.ColumnSet div.Column1 div.ButtonSet li.btn03 { margin-left: 18px; }

div#HomeIndexArea div.ColumnSet div.Column1 div.ButtonSet li.btn04 { margin-left: 10px; }*/

div#HomeIndexArea div.ColumnSet div.Column1 div.ButtonSet li img { vertical-align: bottom; }

div#HomeIndexArea div.ColumnSet div.Column2 h2 {
	height: 27px;
	overflow: hidden;
	border: none;
	margin: 0px;
	line-height: 0.1em;
	font-size: 0.1em;
	vertical-align: bottom;
}

div#HomeIndexArea div.ColumnSet div.Column2 ul.LinkListStyle1 {
	margin: 12px 10px 0 10px;
}

.TopInformation {
	padding: 5px 0 15px 20px;
	border: 0;
	background: url("/image/h1/icon/icon_top_information.gif") no-repeat 0 0;
}

.TopInformation a {
	font-weight: normal;
	font-size: 90%;
	line-height: 1.35;
}

/* ---2012年8月7日追加--- */

body#topPage h2.TitleStyle1 {
	margin-bottom: 14px;
}
body#topPage p.ImgOnlyStyle {
	margin-bottom: 7px;
}
body#topPage div.LastItem div.Section {
	padding :0;
}

body#topPage div.topSubLinkBox {
	margin: 0 0 12px;
	padding: 0;
	background: #f4f6f6;
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
}
body#topPage div.LastItem div.topSubLinkBox h2 {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 0.1em;
	line-height: 0.1em;
	vertical-align: bottom;
	background: url(/image/h5/corporate/top_products_title_bg.gif) top no-repeat;
}
body#topPage div.topSubLinkBox div.Inner {
	padding: 10px 10px 0;
	margin: 0;
}



/* [-] コーポレート:サイトアイデンティティ
=========================================================================================== */

/* ---[-] サイトアイデンティティ > ステージングユニット【ページタイトル無】--- */
/* ---2014年4月22日追加--- */
#SiteIdentityN {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 765px;
	height: 60px;
	font-size: 0;
	background-color: #f2f2f2;
	border-top: solid 1px #fff;
}

#SiteIdentityN p.Statement {
	position: relative;
	width: 765px;
	margin: 0 auto;
	text-align: left;
}

#SiteIdentityN p.Statement a {
	position: absolute;
	display: block;
	margin: -37px 0 0 0;
}
#SiteIdentityN p.Statement a img {
	width: 95px;
	height: 29px;
}



/* [-] コーポレート:製品・サービス
=========================================================================================== */

/* ---[-] 製品インデックスエリア---- */

div.ProductIndexArea h2.Character { margin-top: 41px; }

div.ProductIndexArea h2.Keyword { margin-top: 41px; }

div.ProductIndexArea h3 {
	border: none;
	padding: 0;
	margin: 0;
	line-height: 0.1em;
	font-size: 0.1em;
}

div.ProductIndexArea h3.Personal {
	margin-top: 20px;
	font-size: 0.1em;
}

div.ProductIndexArea div.BusinessBg {
	background-color: #ebf0f4;
	padding: 9px;
	margin-bottom: 20px;
}

div.ProductIndexArea div.PersonalBg {
	background-color: #ebf0f4;
	padding: 9px;
	margin-bottom: 25px;
}

*:first-child+html div.ProductIndexArea div.BusinessBg,
*:first-child+html div.ProductIndexArea div.PersonalBg {margin-top: -0.25em;}

* html div.ProductIndexArea div.BusinessBg,
* html div.ProductIndexArea div.PersonalBg {margin-top: -0.25em;}

div.ProductIndexArea div.BgSet01Mdl {
	background: url(/image/h5/corporate/products_bgset01_mdl.gif) left repeat-y;
	margin-top: 9px;
}

div.ProductIndexArea div.ColumnNum4 { width: 747px; }

div.ProductIndexArea div.ColumnNum3 { width: 558px; }

div.ProductIndexArea div.PersonalBg div.BgSet01Mdl { margin-top: 0px; }

div.ProductIndexArea div.BgSet01Top {
	background: url(/image/h5/corporate/products_bgset01_top.gif) left top no-repeat;
	padding-top: 5px;
}

div.ProductIndexArea div.BgSet01Btm {
	background: url(/image/h5/corporate/products_bgset01_btm.gif) left bottom no-repeat;
	padding-bottom: 17px;
}

div.ProductIndexArea div.BgSet02Mdl {
	width: 747px;
	background: url(/image/h5/corporate/products_bgset02_mdl.gif) left repeat-y;
}

div.ProductIndexArea div.BgSet02Top {
	background: url(/image/h5/corporate/products_bgset02_top.gif) left top no-repeat;
	padding-top: 5px;
}

div.ProductIndexArea div.BgSet02Btm {
	background: url(/image/h5/corporate/products_bgset02_btm.gif) left bottom no-repeat;
	padding-bottom: 17px;
}

div.ProductIndexArea ul.ProductSet {
	overflow: hidden;
	zoom: 1;
	padding: 0 5px;
	font-size: 83%;
}

div.ProductIndexArea ul.ProductSet li.Left {
	width: 170px;
	float: left;
}

div.ProductIndexArea ul.ProductSet li.Center {
	width: 170px;
	float: left;
	margin-left: 19px;
}

div.ProductIndexArea ul.ProductSet li.Right {
	width: 170px;
	float: right;
}

div.ProductIndexArea ul.ProductSet dt { display: block; }

div.ProductIndexArea ul.ProductSet dt span {
	display: block;
	line-height: 0.1em;
}

div.ProductIndexArea ul.ProductSet dt span.Text { margin: 12px 0 0 5px; }

div.ProductIndexArea ul.ProductSet dd {
	line-height: 1.35;
	padding: 10px 5px 0;
}

div.ProductIndexArea ul.PageTop { margin-top:28px; }

/* ---[-] 個人のお客さま・法人のお客様 製品インデックスエリア--- */
div.PersonalIndex h3.ImageStyle,
div.BusinessIndex h3.ImageStyle { margin: 0; }

div.PersonalIndex p.PersonalImg,
div.BusinessIndex p.BusinessImg  {
	float: left;
	margin: -5px 0 15px 0;
	width: 100px;
	border-left: 4px solid #cccccc;
}
/* IE7 & IE6lower */
* html div.PersonalIndex p.PersonalImg { margin: -3px 0 15px 0; }
* html div.BusinessIndex p.BusinessImg { margin: -3px 0 15px 0; }
*:first-child+html div.PersonalIndex p.PersonalImg { margin: -3px 0 15px 0; }
*:first-child+html div.BusinessIndex p.BusinessImg { margin: -3px 0 15px 0; }
/* */
div.PersonalIndex ul.ListStyle1,
div.BusinessIndex ul.ListStyle1,
div.PersonalIndex ul.LinkListStyle1,
div.BusinessIndex ul.LinkListStyle1 {
	float: right;
	width: 159px;
}

/* [-] コーポレート:カテゴリから探す
=========================================================================================== */

h1.ProductTitle {
	padding: 16px 0;
	border-top: 1px solid #c9caca;
	border-bottom: 5px solid #ebf0f4;
	margin: 0 0 23px;
}

div#Floating { padding-bottom: 30px; }

div#Floating h2,
div#Floating p {
	margin: 0;
	padding: 0;
	line-height: 0.1em;
	font-size: 0.1em;
	vertical-align: bottom;
	border: none;
}

/* Fixed bug on Win Firefox. */
div#Floating>h2,
div#Floating>p {
	height: 29px;
}

div#Floating div {
	background-color: #d7dde1;
	padding-bottom: 7px;
	border-left: 1px solid #bec4c7;
	border-right: 1px solid #bec4c7;
}

div#Floating li {
	width: 164px;
	padding-bottom: 1px;
	line-height: 0.1em;
	font-size: 0.1em;
	vertical-align: bottom;
	margin: 0 auto;
}

div#Floating li img { vertical-align: bottom; }

div#Floating li.First {
	padding-top: 7px;
	display: block;
}

div#Floating li.Bound {
	padding-top: 8px;
	display: block;
}

div#Floating li.Sub { padding: 0px; }

* html p#nav_foot01,
* html p#nav_foot02 {
	padding-left: 2px;
}

/* [-] コーポレート:ニュースリリース
=========================================================================================== */

/* ---[-] バックナンバー--- */
ul.BackNumber { margin: 0 0 15px; }

ul.BackNumber li {
	float: left;
	margin: 0 9px 0 0;
	padding: 1px 9px 1px 0;
	border-right: 1px solid #bbbbbb;
	font-size: 90%;
	line-height: 1.35;
	white-space: nowrap;
}
ul.BackNumber li a { line-height: 1.35; }



/* [-] コーポレート:共通クラス
=========================================================================================== */

/* ---[-] フィーチャーユニット--- */
div.FeatureSection {
	margin: 0 0 15px;
	padding: 0 0 15px;
}
div.FeatureSection div.ColumnSet { background: url("/image/h5/bg_feature_separater.gif") repeat-y 50% 0; }

div.FeatureSection p {
	float: right;
	width: 90px;
}
div.FeatureSection p.TextStyle1 {
	float: left;
	margin: 0 0 0 3px;
	width: 175px;
	text-align: left;
}
div.FeatureSection ul li {
	float: left;
	margin: 0 0 0 15px;
	width: 180px;
}
div.FeatureSection ul li.FirstItem { margin: 0 }


/* ---[-] 見出し > レベル1 > 画像--- */
h2.ImageStyle { border: none; }

h2.TitleStyle1,
div.TitleStyle2,
div.TitleStyle4 {
	background: url("/image/h5/corporate/top_title_bg.gif") repeat-x scroll 0 1px #FFFFFF;
	border: 1px solid #dce3e9;
	color: #333333;
	margin: 0 0 20px;
	padding: 0;
	vertical-align: top;
}

* html h2.TitleStyle1,
* html div.TitleStyle2,
* html div.TitleStyle4 {
	background-position: 0 2px;
}

h2.TitleStyle1 img,
div.TitleStyle4 img,
div.TitleStyle2 img {
	vertical-align: bottom;
}

h2.TitleStyle1 span,
div.TitleStyle4 div {
	background: url("/image/h5/corporate/top_title_bd.gif") no-repeat scroll 0 0 transparent;
	border: 1px solid #FFFFFF;
	display: block;
	margin: 0;
	line-height: 0.1em;
	padding: 0 0 0 20px;
	vertical-align: middle;
}

* html h2.TitleStyle1 span {
	background-position: 1px 1px;
}

div.TitleStyle4 div { padding: 0 6px 0 20px; }

div.TitleStyle4 div h2 {
	float: left;
	border: none;
	margin: 0;
	padding: 0;
}

div.TitleStyle4 ul {
	float: right;
	padding: 3px 0 0 0;
}

div.TitleStyle4 li { float: left; }

div.TitleStyle2 div {
	background: none;
	border: 1px solid #FFFFFF;
	display: block;
	margin: 0;
	line-height: 0.1em;
	padding: 0 9px 0 8px;
}

h2.TitleStyle1 a,
div.TitleStyle2 a,
div.TitleStyle4 a {
	line-height: 0.1em;
}

div.TitleStyle2 div h2 {
	width: 315px;
	float: left;
	border: none;
	margin: 0;
	padding: 0;
}

div.TitleStyle2 a {
	width: 144px;
	float: right;
	display: block;
	margin: 3px 0 0 0;
	line-height: 0.1em;
}

h3.TitleStyle3 {
	border: none;
	margin: 0;
	position:relative;
	width: 765px;
	height: 50px;
}

h3.TitleStyle3 span {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

h3.TitleStyle3 a {
	position: absolute;
	z-index: 2;
	top: 24px;
	left: 600px;
}


/* ---[-] 見出し > レベル2 > 画像--- */
h3.ImageStyle {
	padding: 0;
	border: none;
}


div.ImgW100SetStyle p.Img {
	float: left;
	width: 100px;
	margin: 0 15px 0 0;
	padding: 0 0 15px;
}
div.ImgW100SetStyle div.ImgSet { float: left; }
div.Grid4 div.ImgW100SetStyle div.ImgSet { width: 650px; }
div.Grid3 div.ImgW100SetStyle div.ImgSet,
div.Grid4 div.Column3 div.ImgW100SetStyle div.ImgSet { width: 455px; }

/* ---[c8-1-1] 番号付リスト > 文字サイズ90%--- */
ol.ListStyle5 {
	margin: 0 0 15px 25px;
	font-size: 90%;
}
ol.ListStyle5 ol {
	margin: 5px 0 0 0;
	font-size: 100%;
	list-style: none;
}
ol.ListStyle5 li {
	margin: 0 0 5px;
	line-height: 1.35;
}
ol.ListStyle5 li a { line-height: 1.35; }


/* ---[c8-1-2] 番号付リスト > 文字サイズ83%--- */
ol.ListStyle6 {
	margin: 0 0 15px 25px;
	font-size: 83%;
}
ol.ListStyle6 ol {
	margin: 4px 0 0 0;
	font-size: 100%;
	list-style: none;
}
ol.ListStyle6 li {
	margin: 0 0 4px;
	line-height: 1.35;
}
ol.ListStyle6 li a { line-height: 1.35; }

div#SiteIdentityC:after,
div#SiteIdentityN:after,
div#HomeIndexArea:after,
div.FeatureSection ul:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
div#SiteIdentityC,
div#SiteIdentityN,
div#HomeIndexArea,
div.FeatureSection ul { display: inline-block; }


/* ---[****] 番号付リスト > 文字サイズ90% > 装飾なし > 文字サイズ100%--- */
/* ---知的財産報告書に使用 2009年1月26日追加--- */

ol.ListStyle11 {
	margin: 0 0 15px 25px;
	font-size: 90%;
}
ol.ListStyle11 ul {
	margin: 5px 0px 10px 0px;
	font-size: 100%;
}

ol.ListStyle11 ul li {
	margin: 3px 0 0 0px;
	line-height: 1.35;
	list-style-type: none;
}


/* ---[c11-3-X] リンクリスト > 説明文表示 > 文字サイズ90%--- */
/* ---「日立を含む名称…」 2012年3月5日追加--- */
dl.LinkListStyle1smgn {
	margin: 0 0 15px;
	font-size: 90%;
}
dl.LinkListStyle1smgn dt {
	margin: 0 0 5px;
	padding: 0 0 0 17px;
	background: url("/image/h5/icon/icon_link_right.gif") no-repeat 0 0.1em;
}
/* Win IE6lower */
* html body div#PopUpContainer div#PopUpContents dl.LinkListStyle1smgn dt { position: relative; }
/* */
dl.LinkListStyle1smgn dd {
	margin: -5px 0 10px;
	padding: 0 0 0 17px;
	line-height: 0.8;
}
dl.LinkListStyle1smgn dt a,
dl.LinkListStyle1smgn dd a { line-height: 1.35; }


/* Hides from IE 4-6 \*/
* html div#SiteIdentityC,
* html div#SiteIdentityN,
* html div#HomeIndexArea,
div.FeatureSection ul { height: 1%; }

div#SiteIdentityC,
div#SiteIdentityN,
div#HomeIndexArea,
div.FeatureSection ul { display: block; } 
/* End hide from IE 4-6 */





/* ---「日立について」「お問い合わせ」 インデックスエリア 2012年8月8日追加--- */

div.InquiryIndexArea h2 a,
div.AboutIndexArea h2 a {line-height: 1; margin:0}
div.AboutIndexArea h2 {margin-bottom: 4px;}
div.AboutIndexArea p.ImageStyle img {margin-top: 2px;}
div.AboutIndexArea h2.ImageStyle + p.ImageStyle {margin-bottom: 6px;}
div.InquiryIndexArea h2 {margin-bottom: 6px;}