﻿@charset "utf-8";

/* --- add 2013/04/24 for global.com index page
=========================================================================================== */

body {
-webkit-text-size-adjust: 100%;}

#topPage h2,
#topPage h3 {border:none;}

#topPage div#SiteIdentityC {
width:965px;
background:transparent url("/image/h5_en/top/bg_site_id_co.png") repeat-x 0 0;
position:absolute;
left:50%;
top:0;
margin-left:-482.5px;
z-index:10;
}

div#SiteIdentityC h1.Statement {
float:right;
clear:right;
padding:1px 1px 0 0;
width:155px;
height:82px;
background:transparent url("/image/h5_en/top/bg_corp_id_large.gif") no-repeat 0 0;
}

div#SiteIdentityC:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

div#SiteIdentityC { display:inline-block; }
/* Hides from IE 4-6 \*/
* html div#SiteIdentityC { height:1%; }

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

#BrandingAreaContainer {
width:100%;
min-width:965px;
text-align:left;
position:relative;
overflow:hidden;
}

.jsOn #BrandingAreaContainer {
height:510px;
}

#BrandingArea {
position:relative;
width:100%;
}

.jsOn #BrandingArea {
height:450px;
}

.PullUpMenu {
display:none;
position: absolute;
top: 7px;
left: 0;
width: 930px;
height: 10px;
padding:24px 0 0 35px;
background: url("/image/h5_en/top/pullup_bg.png") no-repeat center top;
text-align:left;
z-index:5;
overflow:hidden;
}

.PullUpMenu ul {
padding:10px 0 0 0;
font-size:0;
}

.PullUpMenu li {
float:left;
margin:0 20px 0 0;
padding:0 0 20px 0;
line-height:1;
zoom:1;
}

.PullUpMenu ul.ListStyle {
font-size:83%;
}

.PullUpMenu ul.ListStyle li {
padding:0 0 2px 10px;
line-height:1.35;
background: url("/image/h5_en/top/icon_pullup_list.gif") no-repeat 0 8px;
}

div#PullUpMenu1 li,
div#PullUpMenu2 li {padding-bottom:15px;}

div#PullUpMenu1 ul {padding:20px 0 0 0;}

div#PullUpMenu4 ul {float:left;}
div#PullUpMenu4 li {
float:none;
width:200px;
color:#ffffff;
}
div#PullUpMenu4 li a {
color:#ffffff;
}
div#PullUpMenu4 li a:link,
div#PullUpMenu4 li a:visited { 
color:#ffffff;
text-decoration:underline;
}

div#PullUpMenu4 li a:hover,
div#PullUpMenu4 li a:active,
div#PullUpMenu4 li a:focus {
color:#ffffff;
text-decoration:none;
}

div#PullUpMenu1 li a,
div#PullUpMenu2 li a,
div#PullUpMenu3 li a {
float:left;
display:block;
}

#GlobalNavContainer {
position:relative;
width:100%;
height:67px;
/height:60px;
background: url(/image/h5_en/top/bg_globalnav.gif) no-repeat center bottom;
}

#GlobalNav {
position:relative;
width:965px;
margin:-7px auto 0;
}

#GlobalNav .GlobalNav {
position:absolute;
top:0;
height:67px;
overflow:hidden;
z-index:10;
}

#GlobalNav1 {
width:242px;
left:0;
}

#GlobalNav2 {
width:241px;
left:242px;
}

#GlobalNav3 {
width:241px;
left:483px;
}

#GlobalNav4 {
width:241px;
left:724px;
}

.GlobalNav a {display: block;}
.GlobalNav a:link,
.GlobalNav a:visited {margin-top: 7px;}
.GlobalNav a:hover,
.GlobalNav a:active,
.GlobalNav a:focus {margin-top: -60px;}
.GlobalNav a.current {margin-top: -60px !important;}

#TopMainColumn {margin:30px 0 0 0;}


#Release {
height:287px;
overflow:hidden;
}

#Release h2.ImageStyle {
margin-bottom:15px;
}

#Release p.TextStyle1 {
line-height:1.45;
margin-bottom:25px;
}

#TopicsSet {
border-top:1px solid #dddddd;
zoom:1;
}

.jsOn #TopicsSet {
border-top:none;
}

#TopicsBtn {
display:none;
}

.jsOn #TopicsBtn {
display:block;
}

#TopicsSet ul#TopicsBtn {
position:relative;
height:43px;
}

#TopicsSet ul#TopicsBtn li {
position:absolute;
height:43px;
top:0;
overflow:hidden;
}

#TabBtn1 {
width:482px;
left:0px;
}

#TabBtn2 {
width:483px;
left:482px;
}

#TopicsSet ul#TopicsBtn li a {display: block;}
#TopicsSet ul#TopicsBtn li a:link,
#TopicsSet ul#TopicsBtn li a:visited {margin-top: 0;}
#TopicsSet ul#TopicsBtn li a:hover,
#TopicsSet ul#TopicsBtn li a:active,
#TopicsSet ul#TopicsBtn li a:focus {margin-top: -43px;}
#TopicsSet ul#TopicsBtn li a.current {margin-top: -43px !important;}

#TopicsColumn1,
#TopicsColumn2 {
padding:20px;
border-left:1px solid #dddddd;
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}

.jsOn #TopicsColumn2 {
display:none;
}

#TopicsColumn1 h2,
#TopicsColumn2 h2 {
margin-bottom: 15px;
padding: 12px 15px;
background-color: #f2f2f2;
border: none;
}

.jsOn #TopicsColumn1 h2,
.jsOn #TopicsColumn2 h2 {
display:none;
}

#RotationBanner {
width:965px;
margin:0 auto;
padding: 25px 0 10px;
background:#222222;
}

.jsOn #RotationBanner {
padding: 25px 0;
}

#RotationBanner #SliderArea {
position: relative;
width:965px;
margin:0 auto;
overflow:hidden;
}

.jsOn #RotationBanner #SliderArea {
height:110px;
}

#RotationBanner #SliderArea ul {
position:relative;
width:980px;
left:0;
zoom:1;
}

.jsOn #RotationBanner #SliderArea ul {
width:5000px;
}

#RotationBanner li {
float:left;
width:230px;
margin:0 15px 15px 0;
}

#RotationBanner li img {
vertical-align:top;
}

#RotationBanner #SlideButton {
display:none;
width:92px;
margin:10px auto -15px;
}

#RotationBanner #SlideButton {
overflow:hidden;
}

#RotationBanner #SlideButton div {
float:left;
width:30px;
height:30px;
overflow:hidden;
}

#RotationBanner #SlideButtonStop,
#RotationBanner #SlideButtonRight {
margin-left:1px;
}

#RotationBanner #SlideButton div a {
display:block;
width:30px;
height:60px;
}

#RotationBanner #SlideButton div a:link,
#RotationBanner #SlideButton div a:visited {margin-top:0;}
#RotationBanner #SlideButton div a:hover,
#RotationBanner #SlideButton div a:active {margin-top:-30px;}

#BtmRelatedLinks {
margin:0 auto;
width:965px;
height:60px;
background:#f2f2f2;
}

#BtmRelatedLinks ul.LinkListStyle5 {
padding:20px 0 0 0;
text-align:left;
zoom:1;
}

#BtmRelatedLinks ul.LinkListStyle5 li {
margin:0 22px 0 0;
}

#topPage .Column1 h2.ImageStyle a,
#topPage .Column2 h2.ImageStyle a,
#topPage .Column3 h2.ImageStyle a {line-height:1;}

#topPage #RotationBannerContainer {width:100%; background:#222222;}
#topPage #BtmRelatedLinksContainer {width:100%; background:#f2f2f2; border-bottom:1px solid #cccccc;}
#topPage #FooterContainer {width:100%; background:#e6e6e6;}

#topPage div.FatMenuWide {
width: 100%;
background: url("/image/h5_en/top/line_fatmenu.gif") repeat-x 0 0 #F2F2F2;
border-bottom: solid 1px #ffffff;
}

#topPage div.FatMenuSet {
width: 965px;
margin: 0 auto;
border-bottom: none;
background: url("/image/h5_en/top/bg_fatmenu.gif") repeat-y center top;
}

#topPage div.FMLeftLine {
border-left: none;
}

#topPage div.FMRTLinkInner {
background: url("/image/h5_en/top/line_fatmenu_top.gif") no-repeat right bottom;
}


/* ---[-] About Hitachi --- */

div#AboutTopicArea {
width: 963px;
margin: 0 auto;
margin-bottom:15px;
border-bottom: none;
background:url("/image/h5_en/corporate/bg_identity.gif") no-repeat 0 0;
border:1px solid #eeeeee;
}

div#AboutTopicArea .Column2.FirstItem {
padding:25px 0 0 0;
}

div#AboutTopicArea .Column2.FirstItem .Inner {
padding:0 0 0 40px;
}

div#AboutTopicArea h2 {border:none;}

div#AboutTopicArea .Column2 ul.LinkListStyle5 li {
margin-top:12px;
}

div#AboutTopicArea .Column2 ul.LinkListStyle5 li.ImgOnlyStyle {
margin-top:0;
padding-left:0;
background:none;
}

@media print {

* html body { zoom: 67% !important; }

}