Curr@charset "Shift_JIS";

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

Name: common.css

Description: Main CSS

Create: 2014.02.13
Update: 2015.10.31

Copyright 2014 Hitachi, Ltd.

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


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

Initial Setting
[-] Base Setting
[-] Body Setting
[-] Link Setting

Setting of page layout
[-] Skip Link
[s1] Header
[s2] Site Identity Area
[s3] Global Navigation System
[s4] Horizontal Local Navigation Bar
[s5] Breadcrumb Trail
[-] Content Area
[s6] Vertical Local Navigation Menu
[s7] Footer

Setting of grid layout
[-] Grid
[cc] Column

Setting of content module
[c1] Page Title
[c2] Heading
[c3] Text
[c4] Promotional Copy
[c5] Image
[c6] Image + Text
[c7] Bulleted List
[c8] Numbered List
[c9] Footnote
[c10] Note
[c11] Link List
[c12] Button
[c13] Icon Link
[c14] Data Table
[c15] Plug-in Download Description
[c16] Box
[c17] Eemphasis
[c18] Contents Navigation System
[c19] Linear Navigation System
[c20] Internal Link
[c21] Page Top Link
[c22] Image Heading
[c23] Image Box
[c24] Banner Area

Setting of special page
[t1] Homepage
[t2] Branding Image
[p1] Pop-up Windows
[f1] Form Page

Setting of bottom link layout
[m1] Fat Menu Level1
[m2] Fat Menu Level2
[m3] Fat Menu Level3
[m4] Fat Menu Level4

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



/* ----------------------------------------------------------------------------------------

Initial Setting

------------------------------------------------------------------------------------------- */

/* 1: Base Setting
=========================================================================================== */

html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {text-align: left;}

q:before, q:after {content: "";}

object, embed {vertical-align: top;}

hr, legend {display: none;}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

img, abbr, acronym, fieldset {
	border: 0;
}

img {
	vertical-align: top;
}

ul li {list-style-type: none;}

strong {
	font-weight: bold;
}

em {font-style: italic;}

sub {
	margin: auto 1px auto;
	font-size: 92.2%;
	vertical-align: -0.15em;
	line-height: 100%;
}
* html body sub {font-size: 105%;}
*:first-child+html body sub {font-size: 105%;}

sup {
	margin: auto 1px auto;
	font-size: 92.2%;
	vertical-align: 0.15em;
	line-height: 100%;
}
* html body sup {font-size: 105%;}
*:first-child+html body sup {font-size: 105%;}

.ClearFix {zoom: 1;}
.ClearFix:after {
	content: "";
	display: block;
	clear: both;
}



/* 2: Body Setting
=========================================================================================== */

body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #333;
	font-size: 100%;
	line-height: 100%;
	text-align: left;
	background-color: #e5e5e5;
	-webkit-text-size-adjust: 100%;
}



/* 3: Link Setting
=========================================================================================== */

a:link {
	text-decoration: underline;
	color: #c02;
}
a:visited {
	text-decoration: underline;
	color: #a94657;
}
a:hover {
	text-decoration: none;
	color: #b1000e;
}
a:active {
	text-decoration: none;
	color: #b1000e;
}



/* ----------------------------------------------------------------------------------------

Setting of page layout

------------------------------------------------------------------------------------------- */

/* [-] Skip Link
=========================================================================================== */

#top {
	min-width: 965px;
	background-color: #3e3a39;
	line-height: 2;
	font-size: 83%;
	text-align: center;
	margin: 0;
}

#top a {
	color: #fff;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_bottom_white.png) right 3px no-repeat;
	padding-right: 18px;
	position: absolute;
	top: -10em;
}
* html #top a {
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_bottom_white.gif) right 6px no-repeat;
}

#top a:link,
#top a:visited {
	color: #fff;
	text-decoration: none;
}
#top a:hover,
#top a:active {
	color: #fff;
	text-decoration: underline;
}


#top a.focus {
	position: static;
	margin: 5px 0 6px;
	padding-bottom: 3px;
	zoom: 1;
}



/* [s1] Header
=========================================================================================== */

#HeaderArea {
	position: relative;
	min-width: 965px;
	border-top: solid 5px #e60027;
	background-color: #f2f2f2;
	zoom: 1;
}
* html #HeaderArea {
	position: static;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_header.gif) repeat-x bottom left #f2f2f2;
}
*:first-child+html #HeaderArea {background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_header.gif) repeat-x bottom left #f2f2f2;}

#HeaderArea:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #ccc;
}

#HeaderSet {
	width: 965px;
	margin: 0 auto;
	text-align: right;
	zoom: 1;
}

#HeaderSet:after {
	content: "";
	display: block;
	clear: both;
}

#HeaderSet .Statement {
	float: left;
	width: 95px;
	height: 29px;
	display: block;
	padding: 9px 0 0 0;
}
* html #HeaderSet .Statement {overflow: hidden;}


/* --- [s1] Search Box --- */

#Search {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
* html #Search {display: inline;}
*:first-child+html #Search {display: inline;}

#Search .BtnOpen {
	position: relative;
	display: block;
}

#Search .BtnOpen a {
	display: table-cell;
	min-width: 90px;
	height: 45px;
	padding: 0 5px;
	font-size: 76%;
	text-align: center;
	color: #333;
	vertical-align: middle;
	border-right: solid 1px #f2f2f2;
	text-decoration: none;
	line-height: 100%;
	background-color: #dadada;
}
* html #Search .BtnOpen a {
	display: block;
	float: left;
	width: 90px;
	height: 35px;
	padding: 10px 5px 0;
}
*:first-child+html #Search .BtnOpen a {
	display: block;
	height: 35px;
	padding: 10px 5px 0;
}
#Search .BtnOpen a:hover,
#Search .BtnOpen a:active {
	text-decoration: none;
	background-color: #ccc;
}
#Search .BtnOpen a.Current {
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_u_navi_current.gif) no-repeat center bottom #ccc;
}

#Search .BtnOpen a img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#SearchArea {
	position: absolute;
	display: none;
	width: 100%;
	min-width: 965px;
	height: 0;
	top: 45px;
	left: 0;
	background-color: #e5e5e5;
	overflow: hidden;
}
* html #SearchArea {
	top: 50px;
}

#SearchSet {
	position: relative;
	width: 965px;
	margin: 0 auto;
	padding: 20px 0 0;
	text-align: center;
}

#Search dl {
	display: block;
	margin: 0 0 10px;
	font-size: 83%;
	color: #333;
	zoom: 1;
}
#Search dl:after {
	content: "";
	display: block;
	clear: both;
}

#Search dt {
	clear: both;
	float: left;
	display: block;
	width: 40%;
	line-height: 26px;
	text-align: right;
}

#Search dd {
	float: right;
	width: 60%;
	text-align: left;
}

#Search form {
	display: inline-block;
	vertical-align: top;
}
* html #Search form {display: inline;}
*:first-child+html #Search form {display: inline;}

#Search ul {
	display: inline-block;
	margin-left: 15px;
	padding: 2px 0 0;
	vertical-align: top;
}
* html #Search ul {display: inline;}
*:first-child+html #Search ul {display: inline;}

#Search li a {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}
#Search li a:link,
#Search li a:visited {
	color: #c02;
	text-decoration: none;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right.gif);
}
#Search li a:hover,
#Search li a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_hover.gif);
}

#Search legend {
	display: none;
}

.SearchTextBox {
	width: 250px;
	height: 18px;
	margin: 0 0 0 15px;
	padding: 4px;
	vertical-align: top;
	border: 0 none;
}
* html .SearchTextBox {margin-top: -1px;}
*:first-child+html .SearchTextBox {margin-top: -1px;}

#Search .BtnSearch {
	height: 26px;
	margin: 0 0 7px;
	padding: 0 10px;
	background-color: #ccc;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 90%;
	border: 0 none;
	color: #333;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
* html #Search .BtnSearch {padding: 0 5px;}
*:first-child+html #Search .BtnSearch {padding: 0 5px;}
#Search .BtnSearch:hover {background-color: #bbb;}

#Search .BtnClose {
	position: absolute;
	display: block;
	right: 0;
	top: 20px;
	line-height: 130%;
}

#Search .BtnClose a {
	display: block;
	min-width: 50px;
	padding: 2px 15px 2px 10px;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_close.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	font-size: 76%;
	text-align: center;
	border-right: solid 5px transparent;
}
#Search .BtnClose a:link,
#Search .BtnClose a:visited {
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
}
#Search .BtnClose a:hover,
#Search .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}
* html #Search .BtnClose a:link,
* html #Search .BtnClose a:visited,
* html #Search .BtnClose a:hover,
* html #Search .BtnClose a:active {
	float: left;
	width: 50px;
	border-right: 0 none;
	padding: 2px 20px 2px 10px;
	background-position: 92% center;
}
*:first-child+html #Search .BtnClose a:link,
*:first-child+html #Search .BtnClose a:visited,
*:first-child+html #Search .BtnClose a:hover,
*:first-child+html #Search .BtnClose a:active {
	border-right: 0 none;
	padding: 2px 20px 2px 10px;
	background-position: 92% center;
}


/* --- [s1] Country/Region Selector --- */

#CountryRegion {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
* html #CountryRegion {display: inline;}
*:first-child+html #CountryRegion {display: inline;}

#CountryRegion .BtnOpen {
	position: relative;
}

#CountryRegion .BtnOpen a {
	display: table-cell;
	min-width: 90px;
	height: 45px;
	padding: 0 5px;
	font-size: 67%;
	text-align: center;
	color: #333;
	vertical-align: middle;
	text-decoration: none;
	line-height: 100%;
	background-color: #dadada;
}
* html #CountryRegion .BtnOpen a {
	display: block;
	float: left;
	height: 35px;
	padding: 10px 20px 0;
}
*:first-child+html #CountryRegion .BtnOpen a {
	display: block;
	height: 35px;
	padding: 10px 5px 0;
}
#CountryRegion .BtnOpen a:hover,
#CountryRegion .BtnOpen a:active {
	text-decoration: none;
	background-color: #ccc;
}
#CountryRegion .BtnOpen a.Current {
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_u_navi_current.gif) no-repeat center bottom #ccc;
}

#CountryRegion .BtnOpen a img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

#CountryRegionArea {
	position: absolute;
	display: none;
	width: 100%;
	min-width: 965px;
	height: 0;
	top: 45px;
	left: 0;
	background-color: #e5e5e5;
	overflow: hidden;
	font-family: Arial, Helvetica;
}
* html #CountryRegionArea {
	top: 50px;
}

#CountryRegionSet {
	position: relative;
}

#CountryRegion .Inner {
	position: relative;
	width: 965px;
	margin: 0 auto;
	padding: 20px 0 0;
}

#CountryRegion .Inner h2 {
	float: left;
	width: 16em;
	margin: 0 10px 0 0;
	padding: 0;
	background: none transparent;
	font-size: 90%;
}

#CountryRegion .Inner h2 a {
	display: inline-block;
	padding: 0 20px 0 0;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right center;
}
#CountryRegion .Inner h2 a:link,
#CountryRegion .Inner h2 a:visited {
	color: #333;
	text-decoration: none;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_xl.gif);
}
#CountryRegion .Inner h2 a:hover,
#CountryRegion .Inner h2 a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_xl_hover.gif);
}

#CountryRegion .Inner h3 {
	position: absolute;
	width: 20%;
	top: 60px;
	margin: 0;
	padding: 0;
	font-size: 83%;
}
#CountryRegion .Inner h3.Americas {left: 0;}
#CountryRegion .Inner h3.Asia {left: 20%;}
#CountryRegion .Inner h3.Europe {left: 40%;}
#CountryRegion .Inner h3.MENA {left: 60%;}
#CountryRegion .Inner h3.Oceania {left: 80%;}

#CountryRegion .Inner h3 a {
	display: table-cell;
	width: 163px;
	height: 44px;
	margin: 0;
	padding: 0 15px;
	color: #333;
	font-weight: bold;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: middle;
	line-height: 140%;
	background-image: none;
	text-align: center;
}
* html #CountryRegion .Inner h3 a {
	display: block;
	height: 30px;
	padding: 15px 15px 0;
}
*:first-child+html #CountryRegion .Inner h3 a {
	display: block;
	height: 30px;
	padding: 15px 15px 0;
}
#CountryRegion .Inner h3 a:link,
#CountryRegion .Inner h3 a:visited {
	color: #333;
	text-decoration: none;
	background-color: transparent;
}
#CountryRegion .Inner h3 a:hover,
#CountryRegion .Inner h3 a:active,
#CountryRegion .Inner h3.Current a {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #b1000e !important;
	border-top: solid 1px #b1000e !important;
	border-bottom: solid 1px #b1000e !important;
}

#CountryRegion .Inner h3 a:hover:after,
#CountryRegion .Inner h3 a:active:after,
#CountryRegion .Inner h3.Current a:after {
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 8px;
	bottom: -8px;
	left: 50%;
	margin: 0 0 0 -7px;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_gn_current.gif) no-repeat;
}

#CountryRegion .Inner div.Americas,
#CountryRegion .Inner div.Asia,
#CountryRegion .Inner div.Europe,
#CountryRegion .Inner div.MENA,
#CountryRegion .Inner div.Oceania {
	display: none;
}

#CountryRegion .Inner .ColumnSet {
	margin: 105px 0 0;
	zoom: 1;
}
* html #CountryRegion .Inner .ColumnSet  {
	width: 965px;
	margin: 125px 0 0;
}
*:first-child+html #CountryRegion .Inner .ColumnSet  {
	margin: 125px 0 0;
}
#CountryRegion .Inner .ColumnSet:after {
	content: "";
	display: block;
	clear: both;
}
#CountryRegion .Inner .Current {
	display: block !important;
}

#CountryRegion .Inner .Column1 {
	float: left;
	width: 230px;
	margin: 0 0 0 15px;
}
#CountryRegion .Inner .FirstItem {
	margin: 0;
}
#CountryRegion .Inner ul.Global {
	float: left;
	width: 230px;
	margin: 0 0 0 15px;
	border-left: solid 1px #ccc;
}

#CountryRegion .Inner li {
	margin: 0 0 5px;
	border: none;
	font-size: 83%;
	line-height: 140%;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_list_marker.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

#CountryRegion .Inner ul.Global li {
	width: auto;
	margin: 0;
	background: none;
	line-height: 160%;
}

#CountryRegion .Inner li span {
	display: block;
	padding: 0 0 0 17px;
}
#CountryRegion .Inner ul.Global li span {
	display: block;
	padding: 0 0 0 15px;
}

#CountryRegion .Inner li a {
	line-height: 140%;
}
#CountryRegion .Inner li a:link,
#CountryRegion .Inner li a:visited {
	color: #c02;
	text-decoration: underline;
}
#CountryRegion .Inner li a:hover,
#CountryRegion .Inner li a:active {
	color: #b1000e;
	text-decoration: none;
}

#CountryRegion .Inner .BtnClose {
	position: absolute;
	right: 0;
	top: 20px;
	line-height: 130%;
}
#CountryRegion .Inner .BtnClose a {
	display: block;
	min-width: 50px;
	padding: 2px 15px 2px 10px;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_close.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	font-size: 76%;
	text-align: center;
	border-right: solid 5px transparent;
}
#CountryRegion .Inner .BtnClose a:link,
#CountryRegion .Inner .BtnClose a:visited {
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
}
#CountryRegion .Inner .BtnClose a:hover,
#CountryRegion .Inner .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}
* html.JS #CountryRegion .Inner .BtnClose a:link,
* html.JS #CountryRegion .Inner .BtnClose a:visited,
* html.JS #CountryRegion .Inner .BtnClose a:hover,
* html.JS #CountryRegion .Inner .BtnClose a:active {
	float: left;
	width: 50px;
	border-right: 0 none;
	padding: 2px 20px 2px 10px;
	background-position: 92% center;
}
*:first-child+html.JS #CountryRegion .Inner .BtnClose a:link,
*:first-child+html.JS #CountryRegion .Inner .BtnClose a:visited,
*:first-child+html.JS #CountryRegion .Inner .BtnClose a:hover,
*:first-child+html.JS #CountryRegion .Inner .BtnClose a:active {
	border-right: 0 none;
	padding: 2px 20px 2px 10px;
	background-position: 92% center;
}


/* --- [s1] Ultra Global Navigation --- */

#UltraGlobalNavi {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
#UltraGlobalNavi:after {
	content: "";
	display: block;
	clear: both;
}
* html #UltraGlobalNavi {display: inline;}
*:first-child+html #UltraGlobalNavi {display: inline;}

#UltraGlobalNaviSP {
	display: none;
}

#UltraGlobalNavi .BtnOpen {
	float: left;
	margin: -5px 0 0;
	line-height: 50px;
}

#UltraGlobalNavi .BtnOpen {
	position: relative;
}

#UltraGlobalNavi .BtnOpen a {
	display: table-cell;
	height: 48px;
	padding: 2px 15px 0;
	font-size: 67%;
	line-height: 140%;
	vertical-align: middle;
}
#UltraGlobalNavi #UltraGlobalNaviProducts a {min-width: 85px;}
#UltraGlobalNavi #UltraGlobalNaviCompany a {min-width: 84px;border-left: solid 1px #eb5b74;}

* html #UltraGlobalNavi .BtnOpen a {
	display: block;
	float: left;
	height: 40px;
	padding: 10px 15px 0;
}
*:first-child+html #UltraGlobalNavi .BtnOpen a {
	display: block;
	height: 40px;
	padding: 10px 15px 0;
}
#UltraGlobalNavi .BtnOpen a:link,
#UltraGlobalNavi .BtnOpen a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #e60027;
}
#UltraGlobalNavi .BtnOpen a:hover,
#UltraGlobalNavi .BtnOpen a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}
#UltraGlobalNavi .BtnOpen a.Current {
	color: #fff;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_u_navi_current.gif) no-repeat center bottom #b1000e;
}


/* --- [s1] Super Global Navigation --- */

.SuperGlobalNavi {
	position: absolute;
	display: none;
	width: 100%;
	min-width: 965px;
	height: 0;
	top: 45px;
	left: 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
* html .SuperGlobalNavi {
	top: 50px;
}

.SuperGlobalNavi .Inner {
	position: relative;
	width: 965px;
	margin: 0 auto;
}

.SuperGlobalNavi .Title {
	border-bottom: solid 1px #a02;
}

.SuperGlobalNavi h2 {
	margin: 0 !important;
	padding: 0 0 10px;
	background: none transparent;
	font-size: 90%;
}

.SuperGlobalNavi h2 a {
	display: inline-block;
	margin: 20px 0 10px;
	padding: 0 20px 0 0;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: right center;
}
.SuperGlobalNavi h2 a:link,
.SuperGlobalNavi h2 a:visited {
	color: #333;
	text-decoration: none;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_xl.gif);
}
.SuperGlobalNavi h2 a:hover,
.SuperGlobalNavi h2 a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_xl_hover.gif);
}

.SuperGlobalNavi .ColumnSet,
.SuperGlobalNavi ul {
	zoom: 1;
}
.SuperGlobalNavi .ColumnSet:after,
.SuperGlobalNavi ul:after {
	content: "";
	display: block;
	clear: both;
}
.SuperGlobalNavi ul {
	padding: 5px 0 10px;
}

.SuperGlobalNavi ul.SubMenu {
	margin: -10px 0 10px;
	padding: 0;
}
.SuperGlobalNavi ul.SubMenu:after {
	content: "";
	display: block;
	margin: 0;
	border-bottom: solid 1px #ccc;
}
* html .SuperGlobalNavi ul.SubMenu {
	border-bottom: solid 1px #ccc;
}
*:first-child+html .SuperGlobalNavi ul.SubMenu {
	border-bottom: solid 1px #ccc;
}

.SuperGlobalNavi li {
	float: left;
	width: 230px;
	min-height: 3em;
	margin: 0 0 5px 15px;
	border: none;
	font-size: 83%;
	line-height: 140%;
}
* html .SuperGlobalNavi li {height: 3em;}
.SuperGlobalNavi .LineSpaceSmallStyle li {min-height: 1em;}
* html .SuperGlobalNavi .LineSpaceSmallStyle li {height: 1em;}
.SuperGlobalNavi ul.SubMenu li {
	min-height: 1em;
	margin: 0 0 0 15px;
	padding: 0 0 15px;
}
* html .SuperGlobalNavi ul.SubMenu li {height: 1em;}

.SuperGlobalNavi li.FirstItem {
	clear: both;
	margin: 0 0 5px;
}
.SuperGlobalNavi ul.SubMenu li.FirstItem {
	margin: 0;
	padding: 0 0 15px;
}

.SuperGlobalNavi li a {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	zoom: 1;
}
* html .SuperGlobalNavi li a {background-position: right .2em;}
*:first-child+html .SuperGlobalNavi li a {background-position: right .2em;}

.SuperGlobalNavi li a:link,
.SuperGlobalNavi li a:visited {
	color: #c02;
	text-decoration: none;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right.gif);
}
.SuperGlobalNavi li a:hover,
.SuperGlobalNavi li a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_hover.gif);
}

.SuperGlobalNavi .Column1 {
	float: left;
	width: 230px;
}

.SuperGlobalNavi h3 {
	margin: 5px 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 100%;
	color: #333;
}

.SuperGlobalNavi h3 a {
	padding: 0 20px 0 0;
	line-height: 130%;
	font-size: 100%;
	background-repeat: no-repeat;
	background-position: right center;
}
.SuperGlobalNavi h3 a:link,
.SuperGlobalNavi h3 a:visited {
	color: #333;
	text-decoration: none;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l.gif);
}
.SuperGlobalNavi h3 a:hover,
.SuperGlobalNavi h3 a:active {
	color: #b1000e;
	text-decoration: underline;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_hover.gif);
}

.SuperGlobalNavi .Column3 {
	float: right;
	width: 720px;
}

.SuperGlobalNavi .BtnClose {
	position: absolute;
	right: 0;
	top: 20px;
	line-height: 130%;
}
.SuperGlobalNavi .BtnClose a {
	display: block;
	min-width: 50px;
	padding: 2px 15px 2px 10px;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_close.gif);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	font-size: 76%;
	text-align: center;
	border-right: solid 5px transparent;
}
.SuperGlobalNavi .BtnClose a:link,
.SuperGlobalNavi .BtnClose a:visited {
	color: #fff;
	background-color: #e60027;
	text-decoration: none;
}
.SuperGlobalNavi .BtnClose a:hover,
.SuperGlobalNavi .BtnClose a:active {
	color: #fff;
	background-color: #b1000e;
	text-decoration: none;
}
* html.JS .SuperGlobalNavi .BtnClose a:link,
* html.JS .SuperGlobalNavi .BtnClose a:visited,
* html.JS .SuperGlobalNavi .BtnClose a:hover,
* html.JS .SuperGlobalNavi .BtnClose a:active {
	float: left;
	width: 50px;
	border-right: 0 none;
	padding: 2px 20px 2px 10px;
	background-position: 92% center;
}
*:first-child+html.JS .SuperGlobalNavi .BtnClose a:link,
*:first-child+html.JS .SuperGlobalNavi .BtnClose a:visited,
*:first-child+html.JS .SuperGlobalNavi .BtnClose a:hover,
*:first-child+html.JS .SuperGlobalNavi .BtnClose a:active {
	border-right: 0 none;
	padding: 2px 20px 2px 10px;
	background-position: 92% center;
}

.SuperGlobalNavi .NewWin a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_new_window.gif) !important;}
.SuperGlobalNavi .Mail a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_mail.gif) !important;}
.SuperGlobalNavi .Inquiry a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_inquiry.gif) !important;}
.SuperGlobalNavi .Pdf a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_pdf.gif) !important;}
.SuperGlobalNavi .Download a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_download.gif) !important;}
.SuperGlobalNavi .Sound a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_sound.gif) !important;}
.SuperGlobalNavi .Movie a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_movie.gif) !important;}
.SuperGlobalNavi .Important a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_important_link.gif) !important;}
.SuperGlobalNavi .Bottom a  {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_bottom.gif) !important;}
.SuperGlobalNavi .Top a  {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_top.gif) !important;}



/* [s2] Site Identity Area
=========================================================================================== */

#SiteIdentityS,
#SiteIdentityL,
#SiteIdentity {
	min-width: 965px;
	background-color: #f2f2f2;
	border-top: solid 1px #fff;
}

#SiteIdentityS .Title,
#SiteIdentityL .Title,
#SiteIdentity .Title {
	position: relative;
	z-index: 2;
	width: 965px;
	height: 55px;
	margin: 0 auto;
	padding: 5px 0 0;
}

#SiteIdentityS .Title a[href]:link img,
#SiteIdentityL .Title a[href]:link img,
#SiteIdentity .Title a[href]:link img,
#SiteIdentityS .Title a[href]:visited img,
#SiteIdentityL .Title a[href]:visited img,
#SiteIdentity .Title a[href]:visited img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#SiteIdentityS .Title a[href]:hover img,
#SiteIdentityL .Title a[href]:hover img,
#SiteIdentity .Title a[href]:hover img,
#SiteIdentityS .Title a[href]:active img,
#SiteIdentityL .Title a[href]:active img,
#SiteIdentity .Title a[href]:active img {
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}



/* [s3] Global Navigation System
=========================================================================================== */

#GlobalNavi {
	position: relative;
	min-width: 965px;
	background-color: #fff;
}
* html #GlobalNavi {background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_g_navi.gif) repeat-x bottom left #fff;}
*:first-child+html #GlobalNavi {background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_g_navi.gif) repeat-x bottom left #fff;}

#GlobalNavi .ClearFix {
	background-color: #f2f2f2;
}

.CourtesyNavi {
	width: 965px;
	height: 42px;
	margin: -42px auto 0;
	text-align: right;
}

.CourtesyNavi li {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 0 0 20px;
	line-height: 1em;
}
* html .CourtesyNavi li {display: inline;}
*:first-child+html .CourtesyNavi li {display: inline;}

.CourtesyNavi li.RightSeparater {
	margin: 0 -10px 0 20px;
	border-right: solid 1px #d5d5d5;
}

.CourtesyNavi li.RightSeparater a {
	margin: 0 15px 0 0;
}

.CourtesyNavi li a {
	font-size: 67%;
	vertical-align: middle;
}
*:first-child+html .CourtesyNavi li a {vertical-align: top;}
* html .CourtesyNavi li a {vertical-align: top;}

.CourtesyNavi li a:link,
.CourtesyNavi li a:visited {
	color: #333;
	text-decoration: none;
}
.CourtesyNavi li a:hover,
.CourtesyNavi li a:active {
	color: #b1000e;
	text-decoration: underline;
}

#GlobalNaviTop {
	position: relative;
	z-index: 2;
	width: 965px;
	margin: 0 auto;
	zoom: 1;
}
#GlobalNaviTop:after {
	content: "";
	display: block;
	clear: both;
}

#GlobalNaviTop li {
	float: left;
}

#GlobalNaviTop li a {
	display: block;
	line-height: 35px;
	padding: 0 15px;
	font-size: 83%;
}
* html #GlobalNaviTop li a {float: left;}

#GlobalNaviTop li a:link,
#GlobalNaviTop li a:visited {
	color: #333;
	text-decoration: none;
}
#GlobalNaviTop li a:hover,
#GlobalNaviTop li a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}

#GlobalNaviTop li.Current a {
	line-height: 45px;
	padding: 0;
}
#GlobalNaviTop li.Current > a:link,
#GlobalNaviTop li.Current > a:visited {color: #fff; background-color:#b1000e; }
#GlobalNaviTop li.Current > a:hover,
#GlobalNaviTop li.Current > a:active {color: #fff;}

#GlobalNaviTop li.Current > a > em {
	display: block;
	line-height: 35px;
	padding: 0 15px;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_g_navi_current.gif) no-repeat center bottom;
	font-weight: bold;
	font-style: normal;
}

#GlobalNaviTop li.Current > a > strong {
	display: block;
	line-height: 35px;
	padding: 0 15px;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_g_navi_current.gif) no-repeat center bottom #b1000e;
	color: #fff;
}

#GlobalNaviTopButton {
	display: none;
}



/* [s4] Horizontal Local Navigation Bar
=========================================================================================== */

#HorizontalLocalNavi {
	width: 965px;
	margin: 0 auto;
	background-color: #fff;
	zoom: 1;
}
* html #HorizontalLocalNavi {background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_g_navi.gif) repeat-x bottom left #fff;}
*:first-child+html #HorizontalLocalNavi {background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_g_navi.gif) repeat-x bottom left #fff;}

#HorizontalLocalNavi:after {
	content: "";
	display: block;
	clear: both;
}
#HorizontalLocalNavi:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #e5e5e5;
}

#HorizontalLocalNavi li {
	position: relative;
	float: left;
}
* html #HorizontalLocalNavi li {
	position: static;
}

#HorizontalLocalNavi li a {
	display: block;
	line-height: 45px;
	padding: 0 15px;
	font-size: 83%;
}
* html #HorizontalLocalNavi li a {float: left;}

#HorizontalLocalNavi li a:link,
#HorizontalLocalNavi li a:visited {
	color: #333;
	text-decoration: none;
}
#HorizontalLocalNavi li a:hover,
#HorizontalLocalNavi li a:active {
	color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}

#HorizontalLocalNavi li.Current a {
	line-height: 45px;
	padding: 0;
}
#HorizontalLocalNavi li.Current a:link,
#HorizontalLocalNavi li.Current a:visited {color: #000;}
#HorizontalLocalNavi li.Current a:hover,
#HorizontalLocalNavi li.Current a:active {color: #fff;}

#HorizontalLocalNavi li.Current a em {
	display: block;
	line-height: 45px;
	padding: 0 15px;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_h_navi_current.gif) no-repeat center bottom;
	font-weight: bold;
	font-style: normal;
}

#HorizontalLocalNavi li.Current a strong {
	display: block;
	line-height: 45px;
	padding: 0 15px;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_h_navi_current.gif) no-repeat center bottom #b1000e;
	color: #fff;
}



/* [s5] Breadcrumb Trail
=========================================================================================== */

#TopicPath {
	min-width: 965px;
	background-color: #fff;
}

#TopicPath ul {
	width: 965px;
	margin: 0 auto;
	padding: 20px 0 5px;
	zoom: 1;
}
#TopicPath ul:after {
	content: "";
	display: block;
	clear: both;
}

#TopicPath ul li {
	float: left;
	padding: 0 0 0 20px;
	font-size: 67%;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_topic_path_transition.gif) no-repeat 7px center;
	word-break: keep-all;
}
#TopicPath ul li.FirstItem {
	padding: 0;
	background: none;
}

#TopicPath ul li a:link,
#TopicPath ul li a:visited {
	text-decoration: none;
}
#TopicPath ul li a:hover,
#TopicPath ul li a:active {
	text-decoration: underline;
}

#TopicPath ul li strong {
	font-weight: normal;
	color: #333;
}




/* [s6] Vertical Local Navigation Menu
=========================================================================================== */

#VerticalLocalNavi {
	margin: 0 0 15px;
	font-size: 83%;
}

#VerticalLocalNavi h2 {
	margin: 0;
	padding: 0;
}

#VerticalLocalNavi h2 a {
	display: block;
	margin: 0;
	padding: 12px 15px;
	font-weight: normal;
	border-top: none;
	border-bottom: solid 1px #fff;
	color: #fff;
	text-decoration: none; 
	background-image: none;
}
#VerticalLocalNavi h2 a:link,
#VerticalLocalNavi h2 a:visited {background-color: #737373;}
#VerticalLocalNavi h2 a:hover,
#VerticalLocalNavi h2 a:active {background-color: #444;}

#VerticalLocalNavi ul {margin: 0;}

#VerticalLocalNavi li {
	position: relative;
	font-size: 100%;
	zoom: 1;
}
* html #VerticalLocalNavi li {float: left;}

#VerticalLocalNavi a {
	display: block;
	padding: 9px 15px;
	vertical-align: top;
	border-top: solid 1px #fff;
	line-height: 140%;
	text-decoration: none;
	zoom: 1;
}
* html #VerticalLocalNavi a {
	float: left;
	width: 200px;
}
*:first-child+html #VerticalLocalNavi a {
	float: left;
	width: 200px;
}

#VerticalLocalNavi li.FirstItem a {border-top: none;}
#VerticalLocalNavi li.FirstItem li a {border-top: solid 1px #fff;}
#VerticalLocalNavi li li.FirstItem a {border-top: solid 1px #fff;}

#VerticalLocalNavi li li {font-size: 100%;}

#VerticalLocalNavi li li a {padding: 9px 15px 9px 30px;}
* html #VerticalLocalNavi li li a {width: 185px;}
*:first-child+html #VerticalLocalNavi li li a {width: 185px;}

#VerticalLocalNavi li li li {font-size: 100%;}

#VerticalLocalNavi li li li a {padding: 9px 15px 9px 45px;}
* html #VerticalLocalNavi li li li a {width: 170px;}
*:first-child+html #VerticalLocalNavi li li li a{width: 170px;}

#VerticalLocalNavi li a:link,
#VerticalLocalNavi li a:visited {
	color: #333;
	background-color: #eee;
}
#VerticalLocalNavi li a:hover,
#VerticalLocalNavi li a:active {
	color: #fff;
	background-color: #b1000e;
}

#VerticalLocalNavi li li a:link,
#VerticalLocalNavi li li a:visited {
	color: #333;
	background-color: #e1e1e1;
}
#VerticalLocalNavi li li a:hover,
#VerticalLocalNavi li li a:active {
	color: #fff;
	background-color: #b1000e;
}

#VerticalLocalNavi li li li a:link,
#VerticalLocalNavi li li li a:visited {
	color: #333;
	background-color: #d1d1d1;
}
#VerticalLocalNavi li li li a:hover,
#VerticalLocalNavi li li li a:active {
	color: #fff;
	background-color: #b1000e;
}

#VerticalLocalNavi li.Current a strong {
	display: block;
	margin: -9px -15px;
	padding: 9px 15px;
	background-color: #b1000e;
	color: #fff;
	background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_v_navi_current.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#VerticalLocalNavi li.Current a em {
	display: block;
	margin: -9px -15px;
	padding: 9px 15px;
	background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_v_navi_current.gif);
	background-repeat: no-repeat;
	background-position: center left;
	font-weight: bold;
	font-style: normal;
}

#VerticalLocalNavi li li.Current a strong,
#VerticalLocalNavi li li.Current a em {
	margin: -9px -15px -9px -30px;
	padding: 9px 15px 9px 30px;
}

#VerticalLocalNavi li li li.Current a strong,
#VerticalLocalNavi li li li.Current a em {
	margin: -9px -15px -9px -45px;
	padding: 9px 15px 9px 45px;
}

* html #VerticalLocalNavi li.Current a strong,
* html #VerticalLocalNavi li.Current a em {cursor: pointer}
*:first-child+html #VerticalLocalNavi li.Current a strong,
*:first-child+html #VerticalLocalNavi li.Current a em {cursor: pointer}

#VerticalLocalNavi li.Current a:link em,
#VerticalLocalNavi li.Current a:visited em {color: #000; background-color: #d1d1d1;}
#VerticalLocalNavi li.Current a:hover em,
#VerticalLocalNavi li.Current a:active em {color: #fff; background-color: #b1000e;}