@charset "Shift_JIS";

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

Name: responsive.css

Description: Common Settings for Responsive Web Design

Create: 2015.01.31
Update: 2015.10.31

Copyright 2015 Hitachi, Ltd. 

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



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

[-] for all
[-] for 995px -
[-] for - 994px
[-] for - 767px
[-] for - 579px
[-] for - 399px

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



.ShowSP,
.SP .HideSP {display: none;}

.HideSP,
.SP .ShowSP {display: block;}

br.HideSP,
a.HideSP,
strong.HideSP,
em.HideSP,
sub.HideSP,
sup.HideSP,
img.HideSP,
span.HideSP,
.SP br.ShowSP,
.SP a.ShowSP,
.SP strong.ShowSP,
.SP em.ShowSP,
.SP sub.ShowSP,
.SP sup.ShowSP,
.SP img.ShowSP,
.SP span.ShowSP {display: inline;}



/* for all
=========================================================================================== */

/* ------ Base Settings ------ */

.Android body {font-family: Droid Sans, sans-serif;}	/* for Android 4.x */


/* --- for Responsive Web Design --- */

#U995,
#U768,
#U580,
#U400,
.ShowRWD {display: none;}


/* --- Search Box --- */

.JS #Search .BtnOpen a:hover,
.JS #Search .BtnOpen a:active {background-color: #dadada;}
.PC #Search .BtnOpen a:hover,
.PC #Search .BtnOpen a:active,
.JS #Search .BtnOpen a.Current {background-color: #ccc;}


/* --- Country/Region Selector --- */

.Android #CountryRegionArea {font-family: Droid Sans, sans-serif;}	/* for Android 4.x */

.JS #CountryRegion .BtnOpen a:hover,
.JS #CountryRegion .BtnOpen a:active {background-color: #dadada;}
.PC #CountryRegion .BtnOpen a:hover,
.PC #CountryRegion .BtnOpen a:active,
.JS #CountryRegion .BtnOpen a.Current {background-color: #ccc;}


/* --- Ultra Global Navigation --- */

.JS #UltraGlobalNavi .BtnOpen a:link,
.JS #UltraGlobalNavi .BtnOpen a:visited,
.JS #UltraGlobalNavi .BtnOpen a:hover,
.JS #UltraGlobalNavi .BtnOpen a:active {background-color: #e60027;}
.PC #UltraGlobalNavi .BtnOpen a:hover,
.PC #UltraGlobalNavi .BtnOpen a:active,
.JS #UltraGlobalNavi .BtnOpen a.Current {background-color: #b1000e;}

.SuperGlobalNavi .NoIcon img:last-child {display: none;}


/* --- Global Navigation --- */

#GlobalNaviTopButton {display: none;}


/* [s7] Footer
=========================================================================================== */

#Footer {
	clear: both;
	min-width: 965px;
	padding: 30px 0;
	background-color: #e5e5e5;
	overflow: hidden;
}

#Footer h2 {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	text-indent: -9999px;
	background-image: none;		/* for iOS 4.x & Android 2.x */
}

#Footer ul {
	width: 965px;
	margin: 0 auto;
	font-size: 67%;
}

#Footer li {
	float: left;
	padding: 0 10px;
	border-left: solid 1px #bbb;
	line-height: 1.5em;
	vertical-align: top;
}

#Footer li.FirstItem {
	padding: 0 10px 0 0;
	border-left: none;
}
#Footer li a:link,
#Footer li a:visited {
	color: #333;
	text-decoration: none;
}
#Footer li a:hover,
#Footer li a:active {
	color: #b1000e;
	text-decoration: underline;
}

#Footer p {
	width: 965px;
	margin: 0 auto;
	font-size: 65%;
	text-align: right;
	line-height: 1.5em;
	color: #333;
	vertical-align: top;
}

	


/* Link Icon
=========================================================================================== */

@media screen and (min-width: 1px) {

	#top a {background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_bottom_white_hd.png) right 3px no-repeat;}

	#Search li a:link,
	#Search li a:visited {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_hd.gif);}
	#Search li a:hover,
	#Search li a:active {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_hover_hd.gif);}

	#Search .BtnClose a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_close_hd.gif);}

	/*#CountryRegion .Inner h2 a:link,
	#CountryRegion .Inner h2 a:visited {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_xl_hd.gif);}
	#CountryRegion .Inner h2 a:hover,
	#CountryRegion .Inner h2 a:active {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);}*/

	/*#CountryRegion .Inner li {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_list_marker_hd.gif);}*/

	#CountryRegion .Inner .BtnClose a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_close_hd.gif);}

	/*.SuperGlobalNavi h2 a:link,
	.SuperGlobalNavi h2 a:visited {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_xl_hd.gif);}
	.SuperGlobalNavi h2 a:hover,
	.SuperGlobalNavi h2 a:active {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_xl_hover_hd.gif);}*/

	/* .SuperGlobalNavi li a:link,
	.SuperGlobalNavi li a:visited {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_hd.gif);}
	.SuperGlobalNavi li a:hover,
	.SuperGlobalNavi li a:active {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_hover_hd.gif);}*/

	/*.SuperGlobalNavi h3 a:link,
	.SuperGlobalNavi h3 a:visited {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_hd.gif);}
	.SuperGlobalNavi h3 a:hover,
	.SuperGlobalNavi h3 a:active {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_hover_hd.gif);}*/

	.SuperGlobalNavi .BtnClose a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_close_hd.gif);}

	.SuperGlobalNavi .NewWin a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_new_window_hd.gif) !important;}
	.SuperGlobalNavi .Mail a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_mail_hd.gif) !important;}
	.SuperGlobalNavi .Inquiry a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_inquiry_hd.gif) !important;}
	.SuperGlobalNavi .Pdf a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_pdf_hd.gif) !important;}
	.SuperGlobalNavi .Download a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_download_hd.gif) !important;}
	.SuperGlobalNavi .Sound a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_sound_hd.gif) !important;}
	.SuperGlobalNavi .Movie a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_movie_hd.gif) !important;}
	.SuperGlobalNavi .Important a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_important_link_hd.gif) !important;}
	.SuperGlobalNavi .Bottom a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_bottom_hd.gif) !important;}
	.SuperGlobalNavi .Top a {background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_top_hd.gif) !important;}


	

	
}



/* for 995px -
=========================================================================================== */

@media screen and (min-width: 995px) {

	

	
}



/* for - 994px
=========================================================================================== */

@media screen and (max-width: 994px) {

	/* ------ Base Settings ------ */

	.JS #Contents img,
	.JS .Contents img,
	.JS #PopUpContents img,
	.JS .FatBanner img {
		max-width: 100%;
		height: auto;
	}

	.JS #U995 {display: block;}


	/* ------ Skip Link ------ */

	.JS #top {min-width: 320px;}


	/* ------ Header ------ */

	.JS #HeaderArea {min-width: 320px;}

	.JS #HeaderSet {
		width: auto;
		max-width: 965px;
		padding: 0 15px;
	}

	.JS #SearchArea {min-width: 320px;}

	.JS #SearchSet {
		width: auto;
		max-width: 965px;
		padding: 20px 15px 0;
	}

	.JS #Search .BtnClose {right: 15px;}

	.JS #CountryRegionArea {min-width: 320px;}

	.JS #CountryRegionSet {
		width: auto;
		max-width: 965px;
		margin: 0 auto;
		padding: 0 15px;
	}

	.JS #CountryRegion div.Americas,
	.JS #CountryRegion div.Asia,
	.JS #CountryRegion div.Europe,
	.JS #CountryRegion div.MENA,
	.JS #CountryRegion div.Oceania {margin-left: -15px;}

	.JS #CountryRegion .Inner {
		width: auto;
		max-width: 965px;
	}

	.JS #CountryRegion .Inner .Column1 {
		width: 25%;
		margin: 0;
	}

	.JS #CountryRegion .Inner .Column1 ul {margin-left: 15px;}

	.JS #CountryRegion .Inner li span {padding: 0 0 0 17px;}

	.JS .SuperGlobalNavi {min-width: 290px;}

	.JS .SuperGlobalNavi .Inner {
		width: auto;
		max-width: 980px;
		padding: 0 15px 0 0;
	}

	.JS .SuperGlobalNavi h2 a {margin-left: 15px;}

	.JS .SuperGlobalNavi h3 {margin-left: 15px;}

	.JS .SuperGlobalNavi li {
		width: 25%;
		margin: 0 0 5px;
	}

	.JS .SuperGlobalNavi li span {
		display: block;
		margin-left: 15px;
	}

	.JS .SuperGlobalNavi ul.SubMenu li {margin: 0;}

	.JS .SuperGlobalNavi ul.SubMenu:after {margin-left: 15px;}

	.JS .SuperGlobalNavi .ColumnSet {margin: 0;}

	.JS .SuperGlobalNavi .Column1 {width: 25%;}

	.JS .SuperGlobalNavi .Column3 {
		width: 75%;
		margin: 0;
	}

	.JS .SuperGlobalNavi .Column3 ul li {width: 33.3333333%;}

	.JS .SuperGlobalNavi .BtnClose {right: 15px;}


	/* ------ Site Identity ------ */

	.JS #SiteIdentityS,
	.JS #SiteIdentityL,
	.JS #SiteIdentity {min-width: 320px;}

	.JS #SiteIdentityS .Title,
	.JS #SiteIdentityL .Title,
	.JS #SiteIdentity .Title {
		width: auto;
		max-width: 965px;
		padding: 5px 15px 0;
	}


	/* ------ Global Navi ------ */

	.JS #GlobalNavi {min-width: 320px;}

	.JS #GlobalNavi .ClearFix {padding: 0 15px;}

	.JS .CourtesyNavi {
		width: auto;
		max-width: 965px;
	}

	.JS #GlobalNaviTop {
		width: auto;
		max-width: 965px;
	}

	.JS #HorizontalLocalNavi {
		width: auto;
		max-width: 965px;
		padding: 0 15px;
	}


	/* ------ Breadcrumb Trail ------ */

	.JS #TopicPath {min-width: 320px;}

	.JS #TopicPath ul {
		width: auto;
		max-width: 965px;
		padding: 20px 15px 5px;
		line-height: 100%;
	}


	/* ------ Vertical Local Navigation Menu ------ */

	.JS #VerticalLocalNavi ul {margin: 0;}


	
	/* ------ Footer ------ */

	.JS #Footer {
		min-width: 305px;
		padding-right: 15px;
	}

	.JS #Footer ul {
		width: auto;
		max-width: 950px;
		padding: 0 15px;
	}

	.JS #Footer p {
		width: auto;
		max-width: 980px;
	}		
	
}

/* for - 767px
=========================================================================================== */

@media screen and (max-width: 767px) {

	/* ------ Base Settings ------ */

	.JS body {background-color: #262626;}

	.JS #U768 {display: block;}

	.JS .ShowRWD {display: block;}
	.JS br.ShowRWD,
	.JS a.ShowRWD,
	.JS strong.ShowRWD,
	.JS em.ShowRWD,
	.JS sub.ShowRWD,
	.JS sup.ShowRWD,
	.JS img.ShowRWD,
	.JS span.ShowRWD {display: inline;}

	.JS .HideRWD {display: none;}

	.JS .LinkU768 {cursor: pointer;}


	/* ------ Header ------ */

	.JS #HeaderSet {padding: 0 0 0 15px;}

	.JS #Search .BtnOpen a {
		position: relative;
		display: block;
		width: 45px;
		min-width: 45px;
		padding: 0;
		text-indent: -9999px;
		overflow: hidden;
	}

	.JS #Search .BtnOpen a img {
		position: absolute;
		display: block;
		margin: 0;
		top: 12px;
		left: 13px;
	}

	.JS #SearchSet {padding: 15px 15px 0 15px;}

	.JS #Search dl {
		width: 290px;
		margin: 0 auto 10px;
	}

	.JS #Search dt {
		float: none;
		width: auto;
		margin: 0 0 5px;
		text-align: left;
	}

	.JS #Search dd {
		position: relative;
		float: none;
		width: auto;
		text-align: left;
	}

	.JS #Search form {display: block;}

	.JS #Search .SearchTextBox {
		width: 222px;
		margin: 0;
		padding: 4px;
	}

	.JS #Search .BtnSearch {
		position: absolute;
		min-width: 60px;
		top: 0;
		right: 0;
		padding: 0 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	.JS #Search .BtnClose {display: none;}

	.JS #CountryRegionSet {padding: 0;}

	.JS #CountryRegion .BtnOpen a {
		position: relative;
		display: block;
		width: 45px;
		min-width: 45px;
		padding: 0;
		text-indent: -9999px;
		overflow: hidden;
	}

	.JS #CountryRegion .BtnOpen a img {
		position: absolute;
		display: block;
		margin: 0;
		top: 12px;
		left: 13px;
	}

	.JS #CountryRegion .BtnClose {display: none;}

	.JS #CountryRegion .Inner {padding: 0;}

	.JS #CountryRegion .Inner h2 {
		float: none;
		width: auto;
		margin: 0;
	}

	.JS #CountryRegion .Inner h2 a {
		position: relative;
		display: block;
		padding: 15px 25px 15px 15px;
		line-height: 140%;
		background-image: none !important;
	}
	.JS #CountryRegion .Inner h2 a:hover,
	.JS #CountryRegion .Inner h2 a:active {
		color: #fff;
		text-decoration: none;
		background-color: #b1000e;
	}
	.JS #CountryRegion .Inner h2 a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		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;

	}
	.JS #CountryRegion .Inner h2 a:link:after,
	.JS #CountryRegion .Inner h2 a:visited:after {
		right: 7px;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_hd.gif);
	}
	.JS #CountryRegion .Inner h2 a:hover:after,
	.JS #CountryRegion .Inner h2 a:active:after {
		right: 5px;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	}

	.JS #CountryRegion .Inner h3 {
		position: static;
		width: auto;
		font-size: 90%;
	}

	.JS #CountryRegion .Inner h3 a {
		position: relative;
		display: block;
		width: auto;
		height: 30px;
		padding: 14px 25px 0 15px;
		text-align: left;
		line-height: 110%;
	}
	.JS #CountryRegion .Inner h3 a:link,
	.JS #CountryRegion .Inner h3 a:visited,
	.JS #CountryRegion .Inner h3 a:hover,
	.JS #CountryRegion .Inner h3 a:active {
		color: #333 !important;
		background-color: transparent !important;
		border-top: solid 1px #ccc !important;
		border-bottom: 0 none !important;
	}
	.PC #CountryRegion .Inner h3 a:hover,
	.PC #CountryRegion .Inner h3 a:active,
	.JS #CountryRegion .Inner h3.Current a:link,
	.JS #CountryRegion .Inner h3.Current a:visited {
		color: #fff !important;
		background-color: #b1000e !important;
		border-top: solid 1px #b1000e !important;
		border-bottom: 0 none !important;
	}

	.JS #CountryRegion .Inner h3 a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px !important;
		height: 16px !important;
		top: 50% !important;
		right: 8px !important;
		left: auto !important;
		margin: -8px 0 0 !important;
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;

	}
	.JS #CountryRegion .Inner h3 a:link:after,
	.JS #CountryRegion .Inner h3 a:visited:after,
	.JS #CountryRegion .Inner h3 a:hover:after,
	.JS #CountryRegion .Inner h3 a:active:after{
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_down_l_hd.gif) !important;
	}
	.PC #CountryRegion .Inner h3 a:hover:after,
	.PC #CountryRegion .Inner h3 a:active:after {
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_down_l_white_hd.gif) !important;
	}
	.JS #CountryRegion .Inner h3.Current a:link:after,
	.JS #CountryRegion .Inner h3.Current a:visited:after,
	.JS #CountryRegion .Inner h3.Current a:hover:after,
	.JS #CountryRegion .Inner h3.Current a:active:after {
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_up_l_white_hd.gif) !important;
	}

	.JS #CountryRegion .Inner .ColumnSet {
		margin: 0;
		padding: 15px 0;
	}

	.JS #CountryRegion .Inner .Column1 {
		float: none;
		width: auto;
	}

	.JS #CountryRegion .Inner ul li {
		margin: 0;
		padding: 7px 15px;
		background-position: 15px 8px;
		font-size: 90%;
	}

	.JS #CountryRegion .Inner ul.Global {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
		border-left: none;
	}

	.JS #CountryRegion .Inner ul.Global li {padding: 0;}

	.JS #CountryRegion .Inner ul.Global li span {
		position: relative;
		display: block;
		height: 32px;
		padding: 12px 25px 0 15px;
		font-weight: bold;
		line-height: 110%;
		color: #333;
		text-decoration: none;
		border-top: solid 1px #ccc;
		cursor: pointer;
	}

	.JS #CountryRegion .Inner ul.Global li span:hover,
	.JS #CountryRegion .Inner ul.Global li span:active {
		color: #fff;
		text-decoration: none;
		background-color: #b1000e;
		border-top: solid 1px #b1000e;
	}
	.JS #CountryRegion .Inner ul.Global li span:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		right: 7px;
		margin: -8px 0 0;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_hd.gif);
		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;
	}

	.JS #CountryRegion .Inner ul.Global li span:hover:after,
	.JS #CountryRegion .Inner ul.Global li span:active:after {
		right: 5px;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	}

	.JS #CountryRegion .Inner ul.Global li span a:link,
	.JS #CountryRegion .Inner ul.Global li span a:visited {
		color: #333;
		text-decoration: none;
	}
	.JS #CountryRegion .Inner ul.Global li:hover span a,
	.JS #CountryRegion .Inner ul.Global li:active span a,
	.JS #CountryRegion .Inner ul.Global li span a:hover,
	.JS #CountryRegion .Inner ul.Global li span a:active {
		color: #fff;
		text-decoration: none;
	}

	.JS #GlobalNaviTopButtonSP {
		display: inline-block;
		margin: -5px 0 0;
		vertical-align: top;
	}

	.JS #GlobalNaviTopButtonSP a {
		position: relative;
		display: block;
		width: 45px;
		height: 50px;
		overflow: hidden;
	}
	.JS #GlobalNaviTopButtonSP a:link,
	.JS #GlobalNaviTopButtonSP a:visited,
	.JS #GlobalNaviTopButtonSP a:hover,
	.JS #GlobalNaviTopButtonSP a:active {background-color: #e60027;}
	.PC #GlobalNaviTopButtonSP a:hover,
	.PC #GlobalNaviTopButtonSP a:active {background-color: #b1000e;}
	.JS #GlobalNaviTopButtonSP a.Current {
		background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_g_navi_current_rwd.gif) no-repeat center bottom #b1000e;
	}

	.JS #GlobalNaviTopButtonSP a img {
		position: absolute;
		display: block;
		top: 16px;
		left: 13px;
	}

	.JS #UltraGlobalNavi {
		position: absolute;
		display: none;
		width: 100%;
		min-width: 320px;
		height: 0px;
		top: 45px;
		left: 0px;
		background-color: #333;
		overflow: hidden;
	}
	.JS #UltraGlobalNavi .BtnOpen {display: none;}

	.JS .SuperGlobalNavi {
		display: block;
		position: static;
		width: auto;
		height: auto;
		padding: 0 15px;
		background-color: transparent;
	}
	.JS #SuperGlobalNaviProducts {padding-top: 15px;}
	.JS #SuperGlobalNaviCompany {padding-bottom: 15px;}

	.JS .SuperGlobalNavi .Inner {
		height: auto;
		top: 0;
		margin: 0;
		padding: 0;
		background-color: transparent;
	}
	.JS .SGNOpen .SuperGlobalNavi .Inner {left: 0;}

	.JS .SuperGlobalNavi h2 {
		margin: 0;
		padding: 0;
	}

	.JS .SuperGlobalNavi .ColumnSet,
	.JS .SuperGlobalNavi ul {
		margin: 0;
		padding: 0;
	}

	.JS .SuperGlobalNavi .Column1 {
		float: none;
		width: auto;
		margin: 0;
	}

	.JS .SuperGlobalNavi h2 a {
		position: relative;
		display: block;
		width: auto;
		min-height: 20px;
		margin: 0;
		padding: 12px 25px 12px 15px;
		line-height: 140%;
		font-weight: normal;
		background-image: none;
	}
	.JS #SuperGlobalNaviCompany h2 a {border-top: 1px solid #b1000e;}

	.JS .SuperGlobalNavi h2 a:link,
	.JS .SuperGlobalNavi h2 a:visited {
		color: #fff;
		background-color: #e60027;
	}
	.JS .SuperGlobalNavi h2 a:hover,
	.JS .SuperGlobalNavi h2 a:active {
		color: #fff;
		text-decoration: none;
		background-color: #b1000e;
	}
	.JS .SuperGlobalNavi h2 a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
		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;
	}
	.JS .SuperGlobalNavi h2 a:link:after,
	.JS .SuperGlobalNavi h2 a:visited:after {right: 7px;}
	.JS .SuperGlobalNavi h2 a:hover:after,
	.JS .SuperGlobalNavi h2 a:active:after {right: 5px;}

	.JS #UltraGlobalNavi .SuperGlobalNavi ul,
	.JS #UltraGlobalNavi .SuperGlobalNavi .ColumnSet,
	.JS #UltraGlobalNavi .SuperGlobalNavi .BtnClose {display: none;}


	/* ------ Site Identity ------ */

	.JS #SiteIdentityL,
	.JS #SiteIdentityS,
	.JS #SiteIdentity {
		display: table;
		width: 100%;
	}

	.JS .SGNOpen #SiteIdentityL,
	.JS .SGNOpen #SiteIdentityS,
	.JS .SGNOpen #SiteIdentity {margin: 0;}

	.JS #SiteIdentityL .Title,
	.JS #SiteIdentityS .Title,
	.JS #SiteIdentity .Title {
		display: table-cell;
		height: 30px;
		min-height: 30px;
		padding: 15px;
		line-height: 140%;
		font-size: 100%;
		font-weight: bold;
		vertical-align: middle;
	}

	.JS #SiteIdentityL .Title a:link,
	.JS #SiteIdentityS .Title a:link,
	.JS #SiteIdentity .Title a:link,
	.JS #SiteIdentityL .Title a:visited,
	.JS #SiteIdentityS .Title a:visited,
	.JS #SiteIdentity .Title a:visited {
		color: #000;
		text-decoration: none;
	}
	.JS #SiteIdentityL .Title a:hover,
	.JS #SiteIdentityS .Title a:hover,
	.JS #SiteIdentity .Title a:hover,
	.JS #SiteIdentityL .Title a:active,
	.JS #SiteIdentityS .Title a:active,
	.JS #SiteIdentity .Title a:active {
		color: #666;
		text-decoration: none;
	}

	.JS #SiteIdentityL .Title a + img + span,
	.JS #SiteIdentityS .Title a + img + span,
	.JS #SiteIdentity .Title a + img + span,
	.JS #SiteIdentityL .Title span:nth-child(4),
	.JS #SiteIdentityS .Title span:nth-child(4),
	.JS #SiteIdentity .Title span:nth-child(4) {
		display: inline-block;
		width: 1px;
		height: 1.2em;
		margin: 0 12px;
		background-color: #ccc;
		vertical-align: middle;
	}

	.JS #SiteIdentityL .Title img,
	.JS #SiteIdentityS .Title img,
	.JS #SiteIdentity .Title img {display: none;}



	/* ------ Global Navi ------ */

	.JS #GlobalNavi {display: none;}

	.JS #GlobalNaviSP {
		margin: 0;
		padding: 0;
	}

	.JS #CourtesyNaviSP {
		display: block;
		width: auto;
		height: auto;
		margin: 0;
		padding: 15px;
		text-align: left;
		border-bottom: solid 1px #444;
	}

	.JS #CourtesyNaviSP li {line-height: 140%;}

	.JS #CourtesyNaviSP li.RightSeparater {margin: 0 0 15px;}

	.JS #CourtesyNaviSP li.RightSeparater a {padding: 10px 40px 10px 15px;}

	.JS #CourtesyNaviSP li a {
		position: relative;
		display: block;
		padding: 12px 40px 12px 15px;
		font-size: 76%;
		line-height: 140%;
	}
	.JS #CourtesyNaviSP li a:link,
	.JS #CourtesyNaviSP li a:visited {
		color: #fff;
		text-decoration: none;
		background-color: #555;
		border-top: solid 1px #444;
	}
	.JS #CourtesyNaviSP li a:hover,
	.JS #CourtesyNaviSP li a:active {
		color: #fff;
		text-decoration: none;
		background-color: #b1000e;
		border-top: solid 1px #b1000e;
	}
	.JS #CourtesyNaviSP li:first-child a,
	.JS #CourtesyNaviSP li.RightSeparater + li a {border-top: 0 none !important;}

	.JS #CourtesyNaviSP li a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
		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;
	}
	.JS #CourtesyNaviSP li a:link:after,
	.JS #CourtesyNaviSP li a:visited:after {right: 7px;}
	.JS #CourtesyNaviSP li a:hover:after,
	.JS #CourtesyNaviSP li a:active:after {right: 5px;}

	.JS #GlobalNaviTopSP {
		width: auto;
		margin: 0;
		border-bottom: solid 1px #444;
	}

	.JS #GlobalNaviTopSP > li {float: none;}

	.JS #GlobalNaviTopSP > li > a {
		position: relative;
		display: block;
		line-height: 140%;
		padding: 12px 15px;
		font-size: 90%;
	}
	.JS #GlobalNaviTopSP > li > a:link,
	.JS #GlobalNaviTopSP > li > a:visited {
		color: #ccc;
		text-decoration: none;
		background-color: #333;
		border-top: solid 1px #444;
	}
	.JS #GlobalNaviTopSP > li > a:hover,
	.JS #GlobalNaviTopSP > li > a:active {
		color: #fff;
		text-decoration: none;
		background-color: #b1000e;
		border-top: solid 1px #b1000e;
	}

	.JS #GlobalNaviTopSP > li:first-child > a:link,
	.JS #GlobalNaviTopSP > li:first-child > a:visited,
	.JS #GlobalNaviTopSP > li:first-child > a:hover,
	.JS #GlobalNaviTopSP > li:first-child > a:active {border-top: 0 none;}

	.JS #GlobalNaviTopSP > li > a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
		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;
	}
	.JS #GlobalNaviTopSP > li > a:link:after,
	.JS #GlobalNaviTopSP > li > a:visited:after {right: 7px;}
	.JS #GlobalNaviTopSP > li > a:hover:after,
	.JS #GlobalNaviTopSP > li > a:active:after {right: 5px;}

	.JS #GlobalNaviTopSP > li.Current > a {
		display: block;
		line-height: 140%;
		padding: 0;
		font-weight: bold;
		border-top: 0 none;
	}

	.JS #GlobalNaviTopSP > li.Current > a em {
		position: relative;
		display: block;
		line-height: 140%;
		padding: 12px 40px 12px 15px;
		font-style: normal;
		font-weight: bold;
		background-image: none;
	}
	.JS #GlobalNaviTopSP > li.Current > a:link em,
	.JS #GlobalNaviTopSP > li.Current > a:visited em {
		color: #fff;
		background-color: #333;
		border-top: solid 1px #444;
	}
	.JS #GlobalNaviTopSP > li.Current > a:hover em,
	.JS #GlobalNaviTopSP > li.Current > a:active em {
		color: #fff;
		background-color: #b1000e;
		border-top: solid 1px #b1000e;
	}

	.JS #GlobalNaviTopSP > li.Current > a strong {
		position: relative;
		display: block;
		color: #fff;
		line-height: 140%;
		padding: 12px 40px 12px 15px;
		background-image: none;
		background-color: #b1000e;
		border-top: solid 1px #b1000e;
	}

	.JS #GlobalNaviTopSP > li > a strong:after {
		content: "";
		position: absolute;
		z-index: 4;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
		background-repeat: no-repeat;
		background-color: #b1000e;
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
	}

	.JS #GlobalNaviTopSP > li > a:link strong:after,
	.JS #GlobalNaviTopSP > li > a:visited strong:after {right: 7px;}
	.JS #GlobalNaviTopSP > li > a:hover strong:after,
	.JS #GlobalNaviTopSP > li > a:active strong:after {right: 5px;}

	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP {display: block;}

	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li {float: none;}

	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a {
		position: relative;
		display: block;
		line-height: 140%;
		padding: 12px 15px 12px 30px;
		font-size: 90%;
		text-decoration: none;
	}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:link,
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:visited {
		color: #ccc;
		background-color: #333;
		border-top: solid 1px #444;
	}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:hover,
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:active {
		color: #fff;
		background-color: #b1000e;
		border-top: solid 1px #b1000e;
	}

	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
		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;
	}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:link:after,
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:visited:after {right: 7px;}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:hover:after,
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li a:active:after {right: 5px;}

	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a {
		line-height: 140%;
		padding: 0;
		border-top: 0 none;
	}

	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a em {
		position: relative;
		display: block;
		color: #fff;
		line-height: 140%;
		font-style: normal;
		font-weight: bold;
		padding: 12px 40px 12px 30px;
		background-image: none;
		border-top: solid 1px #444;
	}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a strong {
		position: relative;
		display: block;
		color: #fff;
		line-height: 140%;
		padding: 12px 40px 12px 30px;
		background-image: none;
		background-color: #b1000e;
		border-top: solid 1px #b1000e;
	}

	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a em:after {display: none;}

	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a strong:after {
		content: "";
		position: absolute;
		z-index: 4;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_right_l_white_hd.gif);
		background-color: #b1000e;
		background-repeat: no-repeat;
		background-color: #b1000e;
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
	}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:link em:after,
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:visited em:after {right: 7px;}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:hover em:after,
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:active em:after {right: 5px;}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:link strong:after,
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:visited strong:after {right: 7px;}
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:hover strong:after,
	.JS #GlobalNaviTopSP li.Current #HorizontalLocalNaviSP li.Current a:active strong:after {right: 5px;}


	/* ------ Breadcrumb Trail ------ */

	.JS #TopicPath ul {letter-spacing: -0.4em;}

	.JS #TopicPath ul li {
		display: inline;
		float: none;
		line-height: 140%;
		letter-spacing: normal;
	}
		
	.JS #TopicPath ul li.FirstItem {padding: 0;}



	/* ------ Vertical Local Navigation Menu ------ */

	.JS #VerticalLocalNavi {margin: 0 0 15px;}

	.JS #VerticalLocalNavi a {
		border-top: solid 1px #e0e0e0;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.JS #VerticalLocalNavi h2 a {
		border-top: 0 none;
		border-bottom: 0 none;
	}
	.JS #VerticalLocalNavi ul ul a {
		border-top: solid 1px #d2d2d2 !important;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.JS #VerticalLocalNavi ul ul ul a {
		border-top: solid 1px #c4c4c4 !important;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.JS #VerticalLocalNavi li.Current a strong,
	.JS #VerticalLocalNavi li.Current a em {
		margin-top: -12px !important;
		margin-bottom: -12px !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		background-image: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/bg_v_navi_sp_current.gif);
	}
	.JS #VerticalLocalNavi li.Current a strong:after,
	.JS #VerticalLocalNavi li.Current a em:after {
		border-left: solid 6px #b7b7b7;
	}
	
	/* ------ Footer ------ */

	.JS #Footer ul {
		position: relative;
		margin: 0 0 10px;
		padding: 0 0 0 5px;
		text-align: center;
	}

	.JS #Footer li {
		float: none;
		display: inline-block;
		padding: 0 7px 0 10px;
		margin: 0 0 5px;
		border-left: none;
	}

	.JS #Footer p {
		padding: 0 0 0 15px;
		text-align: center;
	}	
	
	/* ------ Page Top ------ */

	.JS #PageTopBottom {font-size: 76%;}

	.JS #PageTopBottom a {
		display: block;
		text-align: center;
	}
	.JS #PageTopBottom a:link,
	.JS #PageTopBottom a:visited,
	.JS #PageTopBottom a:hover,
	.JS #PageTopBottom a:active {
		color: #fff;
		text-decoration: none;
		background-color: #262626;
	}
	.PC #PageTopBottom a:hover,
	.PC #PageTopBottom a:active {
		color: #fff;
		text-decoration: none;
		background-color: #333;
	}
	.JS #PageTopBottom a span {
		display: inline-block;
		padding: 0 20px 0 0;
		line-height: 50px;
		background: url(/digitalmarketing/sp/hitachi_temp/image/jp/r1/icon/icon_link_top_white_hd.png) no-repeat center right;
		background-size: 16px 16px;
		-moz-background-size: 16px 16px;
		-webkit-background-size: 16px 16px;
		-o-background-size: 16px 16px;
		-ms-background-size: 16px 16px;
	}	

}



/* for - 579px
=========================================================================================== */

@media screen and (max-width: 579px) {

	/* ------ Base Settings ------ */

	.JS #U580 {display: block;}

	.JS .LinkU580 {cursor: pointer;}

}



/* for - 399px
=========================================================================================== */

@media screen and (max-width: 399px) {

	/* ------ Base Settings ------ */

	.JS #U400 {display: block;}

	.JS .LinkU400 {cursor: pointer;}



}



/* for print
=========================================================================================== */

@media print {

	.Under995 #HeaderArea {margin-bottom: 0 !important;}

	.Under995 #SearchArea,
	.Under995 #CountryRegionArea,
	.Under995 .SuperGlobalNavi {display: none !important;}

	.Under995 #UltraGlobalNavi {display: inline-block !important;}

	.Under995 #Search .BtnOpen a.Current,
	.Under995 #CountryRegion .BtnOpen a.Current {background: none #dadada !important;}
	.Under995 #UltraGlobalNavi .BtnOpen a.Current {background: none #e60027 !important;}

	.ImgBoxStyle1 .ImgOnlyStyle span,
	.ImgBoxStyle2 .ImgOnlyStyle span {
		width: auto !important;
		margin-left: 0 !important;
	}

	.AdditionalNotesStyle1 dd,
	.AdditionalNotesStyle2 dd,
	.AdditionalNotesStyle3 dd {overflow: hidden;}

}