@charset "Shift_JIS";

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

Name: corporate_responsive.css

Description: CSS for Products & Services, Corporate Information Pages

Create: 2015.01.31
Update: XXXX.XX.XX

Copyright 2015 Hitachi, Ltd.

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



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

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

	/* ------ /products #FloatingGrid------ */

	.JS #FloatingGridSet.Fixed,
	.JS #FloatingGridSet.Bottom {
		padding-right: 15px;
		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 #FloatingGridSet.Fixed #FloatingContainer,
	.JS #FloatingGridSet.Bottom #FloatingContainer {
		width: auto;
		margin: auto;
	}

	.JS #FloatingGridSet.Fixed .Grid1
	.JS #FloatingGridSet.Bottom .Grid1 {width: 25%;}


	/* --- Category Navigation --- */

	.JS .Company .CategoryNavi li {width: 12.5%;}

	.JS .Company .CategoryNavi li a {
		display: table;
		width: 100%;
		min-width: 100%;
	}
	.JS .Company .CategoryNavi li a#AboutNavi8:link,
	.JS .Company .CategoryNavi li a#AboutNavi8:visited {width: 100%;}

	.JS .Company .CategoryNavi li a span {
		width: auto;
		padding: 0 8px;
	}

	.JS .Company .CategoryNavi round-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}

	.JS .Company .BoxPatternA h2 img {
		left: auto;
		right: 50px;
	}

	.JS .Company .BoxPatternA dt {margin-left: 15px;}


	/* --- Hitachi Brand Channel --- */

	.JS .Company ul#YouTube li {margin-left: 0;}

	.JS .Company ul#YouTube li a {
		position: relative;
		padding: 15px 40px 15px 10px;
		background-image: none;
	}
	.JS .Company ul#YouTube li a:before {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(/image/en/r1/icon/icon_panel2_link_hd.gif);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}

	.JS .Company ul#YouTube li strong,
	.JS .Company ul#YouTube li .YtData {
		float: none;
		width: auto;
		margin-left: 135px;
	}

	.JS .Company ul#YouTube li a br {display: none;}
	.JS .Company ul#YouTube li a .YtData br {display: inline;}

	.JS .Company ul#YouTube li p {margin-left: 0;}

	.JS .Company ul#YouTube li p a {
		padding: 0;
		background-image: none;
	}
	.JS .Company ul#YouTube li p a:before {display: none;}
	.JS .Company ul#YouTube li p a:hover,
	.JS .Company ul#YouTube li p a:active {	text-decoration: none;}


	/* --- /about/corporate/* > Map --- */

	.JS #Map {width: auto;}

	.JS #Map img {max-width: none !important;}

}



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

	.JS .Syllabary .AccordionSet {padding-bottom: 0 !important;}

}

@media print {

	.JS .Syllabary .AccordionSet {padding-bottom: 0 !important;}

}




/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {
	.SectionCorpor .ImgBoxStyleRight {margin-bottom:0;}
	.JS .SupportMain.corporate .ColumnSet .Column1 {margin-top:15px;}
	.JS .SupportMain.corporate .ColumnSet:first-child .Column1.FirstItem {margin-top:0;}
	.JS .SectionCorpor .ColumnSet .Column2 {margin-top:15px;}
	.JS .SectionCorpor .ColumnSet:first-child .FirstItem {margin-top:0;}
	.JS .SectionCorpor .ColumnSet:last-child .Column2:last-child {margin-bottom:15px;}
	.JS .SupportMain.corporate .ColumnSet:first-child {margin-bottom:0;}
	.JS .SupportMain.corporate .ColumnSet {margin-bottom:0;}
	.JS .SupportMain.corporate .conTxt {min-height:0}
	.whitebox {padding:30px}
	/* --- /products --- */

	.JS .Products .PageTitleStyle1 {margin-top: -5px;}

	.JS .Category .BrandingImgStyleAdjust,
	.JS .Syllabary .BrandingImgStyleAdjust,
	.JS .Keyword .BrandingImgStyleAdjust {margin-top: 0;}

	.JS .Category #Contents,
	.JS .Syllabary #Contents {margin-bottom: -1px;}


	/* --- /products .Category .Accordion --- */

	.JS .Category .TitleStyle1 {overflow: visible;}

	.JS .Category .Accordion {
		margin: 0 -15px;
		padding: 0;
	}

	.JS .Category .Accordion h2 {
		margin: 0;
		padding: 0 0 1px;
	}

	.JS .Category .Accordion h2 span {
		padding: 15px;
		background-color: #e5e5e5;
	}

	.JS .Category .Accordion h2 a {
		position: relative;
		display: block;
		margin: -15px -15px -16px -15px;
		padding: 15px 25px 15px 15px;
		background-image: none;
		cursor: pointer;
	}
	.JS .Category .Accordion h2 a:hover, 
	.JS .Category .Accordion h2 a:active {
		color: #575757;
		text-decoration: none;
	}

	.JS .Category .Accordion h2 a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		right: 8px;
		margin-top: -7.5px;
		background-image: url(/image/en/r1/icon/icon_down_l_gray_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 .Category .Accordion h2 a.Current:after {
		background-image: url(/image/en/r1/icon/icon_up_l_gray_hd.gif);
	}

	.JS .Category .Section.Accordion h2 a:after{
		background:none;
	}

	.JS .Category .Accordion:last-child h2 a {border-bottom: 0 none;}

	.JS .Category .Accordion h2 + .Inner {margin: -1px 0 0;}
	.JS .Category .Accordion:last-child h2 a + .Inner {margin: 0;}

	.JS .Category .Accordion h3 {margin: 0; padding-bottom:0; border:0;}

	.JS .Category .Accordion h3 a {
		position: relative;
		display: block;
		margin: 0;
		padding: 15px 25px 15px 15px;
		background-image: none;
		background-color: #f2f2f2;
		border-bottom: solid 1px #fff;
		cursor: pointer;
	}
	.JS .Category .Accordion h3 a:link, 
	.JS .Category .Accordion h3 a:visited,
	.JS .Category .Accordion h3 a:hover, 
	.JS .Category .Accordion h3 a:active {
		color: #666;
		text-decoration: none;
	}
	.PC .Category .Accordion h3 a:hover, 
	.PC .Category .Accordion h3 a:active {
		color: #555;
		background-color: #e5e5e5;
	}

	.JS .Category .Accordion h3 a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		right: 8px;
		margin: -8px 0 0;
		background-image: url(/image/en/r1/icon/icon_down_l_gray_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 .Category .Accordion h3 a.Current:after {
		background-image: url(/image/en/r1/icon/icon_up_l_gray_hd.gif);
	}

	.JS .Category .Accordion .Inner {display: none;}

	.JS .Category .Accordion .Inner .ResponsiveLinkListStyle {
		margin: 0 0 15px;
		border-bottom: solid 1px #ddd;
	}
	.JS .Category .Column1andHalf.LastItem .ResponsiveLinkListStyle {margin-top: -15px;}

	.JS .Category .Accordion .Inner .ResponsiveLinkListStyle ul.LinkListStyle2 li a {padding-left: 30px;}

	.JS .Category .Accordion .Inner .PageTop {padding-right: 15px;}


	/* --- /products .Syllabary .Accordion --- */

	.JS .Syllabary .TitleStyle1 {display: none;}

	.JS .Syllabary .Accordion {
		margin: 0 -15px;
		padding: 0;
	}

	.JS .Syllabary .AccordionSet {
		position: relative;
		overflow: hidden;
		height: 60px;
	}
	.JS .Syllabary .AccordionSet:before {
		content: "";
		position: absolute;
		display block;
		width: 100%;
		height: 60px;
		top: 0;
		left: 0;
		background-color: #f2f2f2;
	}
	.JS .Syllabary .AccordionSet:after {
		content: "";
		position: absolute;
		display block;
		width: 100%;
		height: 1px;
		top: 59px;
		left: 0;
		background-color: #fff;
	}

	.JS .Syllabary .Accordion .Section {position: relative;}

	.JS .Syllabary .Accordion h3 {
		position: absolute;
		width: 20%;
		height: 60px;
		top: 0;
		padding: 15px 0 0 ;
		margin: 0;
		font-weight: normal;
		text-align: center;
		color: #666;
		background-color: #f2f2f2;
		border-right: solid 1px #fff;
		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 #CharaA, .JS #CharaKa, .JS #CharaSa, .JS #CharaTa, .JS #CharaNa, .JS #CharaHa, .JS #CharaMa, .JS #CharaYa, .JS #CharaRa, .JS #CharaWa, .JS #RomanA, .JS #RomanF, .JS #RomanK, .JS #RomanP, .JS #RomanU, .JS #RomanZ, .JS #Num0, .JS #Num5 {left: 0;}
	.JS #CharaI, .JS #CharaKi, .JS #CharaSi, .JS #CharaTi, .JS #CharaNi, .JS #CharaHi, .JS #CharaMi, .JS #CharaYi, .JS #CharaRi, .JS #CharaWi, .JS #RomanB, .JS #RomanG, .JS #RomanL, .JS #RomanQ, .JS #RomanV, .JS #Num1, .JS #Num6 {left: 20%;}
	.JS #CharaU, .JS #CharaKu, .JS #CharaSu, .JS #CharaTu, .JS #CharaNu, .JS #CharaHu, .JS #CharaMu, .JS #CharaYu, .JS #CharaRu, .JS #CharaWu, .JS #RomanC, .JS #RomanH, .JS #RomanM, .JS #RomanR, .JS #RomanW, .JS #Num2, .JS #Num7 {left: 40%;}
	.JS #CharaE, .JS #CharaKe, .JS #CharaSe, .JS #CharaTe, .JS #CharaNe, .JS #CharaHe, .JS #CharaMe, .JS #CharaYe, .JS #CharaRe, .JS #CharaWe, .JS #RomanD, .JS #RomanI, .JS #RomanN, .JS #RomanS, .JS #RomanX, .JS #Num3, .JS #Num8 {left: 60%;}
	.JS #CharaO, .JS #CharaKo, .JS #CharaSo, .JS #CharaTo, .JS #CharaNo, .JS #CharaHo, .JS #CharaMo, .JS #CharaYo, .JS #CharaRo, .JS #CharaWo, .JS #RomanE, .JS #RomanJ, .JS #RomanO, .JS #RomanT, .JS #RomanY, .JS #Num4, .JS #Num9 {
		left: 80%;
		border-right: 0 none;
	} */
	.JS #Ga, .JS #Ba, .JS #Ka, .JS #CharaTa, .JS #CharaNa, .JS #CharaHa, .JS #CharaMa, .JS #CharaYa, .JS #CharaRa, .JS #CharaWa, .JS #RomanA, .JS #RomanF, .JS #RomanK, .JS #RomanP, .JS #RomanU, .JS #RomanZ, .JS #Num0, .JS #Num5 {left: 0; display:block;}
	.JS #Na, .JS #Sa, .JS #Ta, .JS #Pa, .JS #CharaTi, .JS #CharaNi, .JS #CharaHi, .JS #CharaMi, .JS #CharaYi, .JS #CharaRi, .JS #CharaWi, .JS #RomanB, .JS #RomanG, .JS #RomanL, .JS #RomanQ, .JS #RomanV, .JS #Num1, .JS #Num6 {left: 20%; display:block;}
	.JS #Da, .JS #Ah, .JS #CharaTu, .JS #Ha, .JS #CharaNu, .JS #CharaHu, .JS #CharaMu, .JS #CharaYu, .JS #CharaRu, .JS #CharaWu, .JS #RomanC, .JS #RomanH, .JS #RomanM, .JS #RomanR, .JS #RomanW, .JS #Num2, .JS #Num7 {left: 40%; display:block;}
	.JS #La, .JS #Ja, .JS #CharaTe, .JS #CharaNe, .JS #CharaHe, .JS #CharaMe, .JS #CharaYe, .JS #CharaRe, .JS #CharaWe, .JS #RomanD, .JS #RomanI, .JS #RomanN, .JS #RomanS, .JS #RomanX, .JS #Num3, .JS #Num8, .JS #Alpahbet {left: 60%; display:block;}
	.JS #Ma, .JS #Cha, .JS #CharaTo, .JS #CharaNo, .JS #CharaHo, .JS #CharaMo, .JS #CharaYo, .JS #CharaRo, .JS #CharaWo, .JS #RomanE, .JS #RomanJ, .JS #RomanO, .JS #RomanT, .JS #RomanY, .JS #Num4, .JS #Num9 {
		left: 80%;
		border-right: 0 none;
		display:block;
	}
	.JS .Syllabary .Accordion h3:after {
		content: "";
		position: absolute;
		display: block;
		width: 1px;
		height: 60px;
		top: 0;
		left: -1px;
		background-color: #fff;
	}

	.JS .Syllabary .Accordion h3 a {
		position: relative;
		display: block;
		margin: -15px 0 0;
		height: 60px;
		padding: 15px 0 0;
		font-weight: bold;
		background-image: none;
		background-color: #f2f2f2;
		cursor: pointer;
		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 .Syllabary .Accordion h3 a:link, 
	.JS .Syllabary .Accordion h3 a:visited,
	.JS .Syllabary .Accordion h3 a:hover, 
	.JS .Syllabary .Accordion h3 a:active {
		color: #666;
		text-decoration: none;
	}
	.PC .Syllabary .Accordion h3 a:hover, 
	.PC .Syllabary .Accordion h3 a:active {
		color: #555;
		background-color: #e5e5e5;
	}
	.JS .Syllabary .Accordion h3 a.Current {
		color: #fff;
		background: url(/image/en/r1/bg_g_navi_current.gif) no-repeat bottom center #001e50;
		background-size: 15px 8px;
		-moz-background-size: 15px 8px;
		-webkit-background-size: 15px 8px;
		-o-background-size: 15px 8px;
		-ms-background-size: 15px 8px;
	}

	.JS .Syllabary .Accordion h3 a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		bottom: 0;
		left: 50%;
		margin: 0 0 0 -8px;
		background-image: url(/image/en/r1/icon/icon_down_l_gray_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 .Syllabary .Accordion h3 a.Current:after {display: none;}

	.JS .Syllabary .Accordion .Inner {
		position: absolute;
		display: none;
		width: 100%;
		top: 60px;
		left: 0;
	}

	.JS .Syllabary .Accordion .Inner .ResponsiveLinkListStyle {
		margin: 0 0 15px;
		border-bottom: solid 1px #ddd;
	}
	.JS .Syllabary .Column1andHalf.LastItem .ResponsiveLinkListStyle {margin-top: -15px;}

	.JS .Syllabary .Accordion .Inner .PageTop {padding-right: 15px;}


	/* --- /keyword --- */

	.JS .ImgW180SetStyle .Img {width: 180px;}

	.JS .ImgW180SetStyle .ImgSet {overflow: visible;}


	/* --- Category Navigation --- */

	.JS .Company .CategoryNavi li {
		float: left;
		width: 50%;
	}
	.JS .Company .CategoryNavi li:nth-child(2n+1) {clear: both;}

	.JS .Company .CategoryNavi li a {
		display: block;
		width: auto !important;
		min-width: 1px !important;
		padding: 10px 27px 10px 58px;
		background-image: none;
	}
	.JS .Company .CategoryNavi li:first-child a,
	.JS .Company .CategoryNavi li:nth-child(2) a {
		border-top: none !important;
	}
	.JS .Company .CategoryNavi li:nth-child(2n+1) a:link,
	.JS .Company .CategoryNavi li:nth-child(2n+1) a:visited {border-right: solid 1px #3a3a3a;}
	.JS .Company .CategoryNavi li:nth-child(2n+1) a:hover,
	.JS .Company .CategoryNavi li:nth-child(2n+1) a:active {border-right: solid 1px #001e50;}

	.JS .Company .CategoryNavi li a:link,
	.JS .Company .CategoryNavi li a:visited {background-position: 5px -2px;}
	.JS .Company .CategoryNavi li a:hover,
	.JS .Company .CategoryNavi li a:active {background-position: 5px -162px;}

	.JS .Company .CategoryNavi li a span {
		width: auto;
		padding: 0;
		text-align: left;
	}

	.JS .Company .CategoryNavi li a span br {display: none;}

	.JS .Company .CategoryNavi li a#AboutNavi8:link:before,
	.JS .Company .CategoryNavi li a#AboutNavi8:visited:before {
		background-color: transparent;
	}


	/* --- Panel2 --- */

	.JS .Grid4 ul.Panel li,
	.JS .Grid4 ul.Panel2 li {
		float: left;
		width: 33.33333333%;
	}


	/* --- /about/index.html > News Release --- */

	.JS .Company .BoxPatternA {
		margin: 0 0 5px;
		padding: 0;
	}

	.JS .Company .BoxPatternA h2 {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.JS .Company .BoxPatternA h2 a {
		position: relative;
		display: table-cell;
		width: 800px;
		height: 40px;
		padding: 10px 140px 10px 15px;
		background-image: none;
		vertical-align: middle;
	}

	.JS .Company .BoxPatternA .Inner {padding: 0;}

	.JS .Company .BoxPatternA .Inner .DataListStyle1 {
		margin: 0;
		padding: 0;
	}

	.JS .Company .BoxPatternA .Inner dt {display: none;}

	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 {margin: 0;}

	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li {padding: 0;}

	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a {
		position: relative;
		display: block;
		padding: 15px 35px 15px 15px;
		line-height: 160%;
		border-top: solid 1px #fff;
		background-image: none;
	}
	.JS .Company .BoxPatternA .Inner dd:first-child ul.LinkListStyle1 li:first-child a {
		border-top: 0 none;
	}
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:link,
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:visited {
		color: #333;
	}
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:hover,
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:active {
		color: #333;
		text-decoration: none;
	}
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(/image/jp/r1/icon/icon_link_right_xl_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 .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:link:after,
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:visited:after {right: 7px;}
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:hover:after,
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:active:after {right: 5px;}

	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a strong {
		display: block;
	}
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:link strong,
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:visited strong {
		color: #000;
	}
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:hover strong,
	.JS .Company .BoxPatternA .Inner ul.LinkListStyle1 li a:active strong {
		color: #001e50;
		text-decoration: underline;
	}


	/* --- /about/index.html > Hitachi Brand Channel --- */

	.JS .Company ul#YouTube {margin: 0;}

	.JS .Company ul#YouTube li {margin: 0;}

	.JS .Company ul#YouTube li a {padding: 15px 35px 15px 15px;}


	/* --- /about/index.html > Play You Tube --- */

	.JS #ModalAboutYouTube {padding: 50px 0;}

	.JS #ModalAboutYouTube .Title p {font-size: 83%;}


	/* --- /about/index.html > Twitter --- */

	.JS .Company .Twitter h2 a {padding: 10px 40px 10px 15px;}

	.JS .Company .Twitter .Inner {padding: 0 15px;}


	/* --- /New/cnews/index.html --- */

	.JS .NewsRelease .DateListStyle2 {
		margin-bottom: -10px;
		border-bottom: 0 none;
	}

	.JS .NewsRelease .DateListStyle2 li {
		padding: 15px 30px 15px 15px !important;
		border-top: 0 none;
	}

	.JS .NewsRelease .DateListStyle2 dl {border-bottom: 0 none;}

	.JS .NewsRelease .DateListStyle2 a {max-width: none;}

	.JS .BackNumber li {
		width: 16.66666666%;
		margin: 0 0 15px;
		padding: 0;
		text-align: center;
		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 .BackNumber li:nth-child(6n) {border-right: none;}

}



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

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

	/* --- /products h2 --- */

	.JS .Products .TitleStyle2 {
		margin: 40px -15px 15px;
		border-bottom: solid 1px #fff;
		overflow: visible;
	}
	.JS .Products .TitleStyle2:first-child {margin-top: 20px;}

	.JS .Products .TitleStyle2 h2 {
		position: relative;
		margin: 0;
		text-align: center;
	}

	.JS .Products .TitleStyle2 h2 span {
		margin: 0;
		padding: 0;
	}

	.JS .Products .TitleStyle2 h2 span a {
		display: block;
		padding: 40px 15px 10px;
		background: none #e5e5e5;
	}

	.JS .Products .TitleStyle2 h2 span a span {
		padding: 0 20px;
		background-repeat: no-repeat;
		background-position: 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;
	}
	.JS .Products .TitleStyle2 h2 span a:link span,
	.JS .Products .TitleStyle2 h2 span a:visited span {
		background-image: url(/image/en/r1/icon/icon_link_right_xl_hd.gif);
	}
	.JS .Products .TitleStyle2 h2 span a:hover span,
	.JS .Products .TitleStyle2 h2 span a:active span {
		background-image: url(/image/en/r1/icon/icon_link_right_xl_hover_hd.gif);
	}

	.JS .Products .TitleStyle2 h2 .Img {
		position: absolute;
		display: block;
		width: 60px;
		height: 60px;
		top: -35px;
		left: 50%;
		margin-left: -30px;
		padding: 5px;
		background-color: #e5e5e5;
		border-radius: 35px 35px 35px 35px;
		-moz-border-radius: 35px 35px 35px 35px;
		-webkit-border-radius: 35px 35px 35px 35px;
		-o-border-radius: 35px 35px 35px 35px;
		-ms-border-radius: 35px 35px 35px 35px;
	}

	.JS .Products .TitleStyle2 h2 .Img span {
		display: block;
		width: 60px;
		height: 60px;
		overflow: hidden;
		border-radius: 30px 30px 30px 30px;
		-moz-border-radius: 30px 30px 30px 30px;
		-webkit-border-radius: 30px 30px 30px 30px;
		-o-border-radius: 30px 30px 30px 30px;
		-ms-border-radius: 30px 30px 30px 30px;
	}

	.JS .Products .TitleStyle2 h2 .Img span img {
		width: 70px;
		max-width: 70px !important;
		height: 70px !important;
		margin: -5px;
	}

	.JS .Products .TitleStyle2 ul {
		position: static;
		width: auto;
		margin: 0;
		text-align :center;
	}

	.JS .Products .TitleStyle2 li {
		display: block;
		padding: 0;
	}

	.JS .Products .TitleStyle2 ul li a {
		position: relative;
		display: block;
		padding: 10px 15px 10px;
		background-image: none !important;
		border-top: solid 1px #fff;
		background-color: #e5e5e5;
	}
	.JS .Products .TitleStyle2 ul li a:link,
	.JS .Products .TitleStyle2 ul li a:visited {color: #333;}
	.JS .Products .TitleStyle2 ul li a:hover,
	.JS .Products .TitleStyle2 ul li a:active {color: #001e50;}

	.JS .Products .TitleStyle2 ul li a span {
		display: inline-block;
		padding: 0 20px;
		background-repeat: no-repeat;
		background-position: 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;
	}
	* html .Products .TitleStyle2 ul li a span {
		display: inline;
		zoom: 1;
	}
	*:first-child+html .Products .TitleStyle2 ul li a span {
		display: inline;
		zoom: 1;
	}

	.JS .Products .TitleStyle2 ul li.Bottom a span {
		background-image: url(/image/en/r1/icon/icon_link_bottom_hd.gif);
	}
	.JS .Products .TitleStyle2 ul li.Top a span {
		background-image: url(/image/en/r1/icon/icon_link_top_hd.gif);
	}

	/* --- Panel2 --- */

	.JS .Grid4 ul.Panel li,
	.JS .Grid4 ul.Panel2 li {width: 50%;}


	/* --- /about/index.html > Hitachi Brand Channel --- */

	.JS .Company ul#YouTube li .YtImg {
		width: 100px;
		height: 56px;
	}

	.JS .Company ul#YouTube li .YtImg img {	top: -10px;}

	.JS .Company ul#YouTube li strong, .JS .Company ul#YouTube li .YtData {
		margin-left: 115px;
	}


	/* --- /New/cnews/index.html --- */

	.JS .BackNumber li {width: 20%;}
	.JS .BackNumber li:nth-child(6n) {border-right: solid 1px #ddd;}
	.JS .BackNumber li:nth-child(5n) {border-right: none;}

}



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

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

	/* --- /keyword --- */

	.JS .ImgW180SetStyle .Img {width: 150px;}


	/* --- Category Navigation --- */

	.JS .Company .CategoryNavi {padding: 0;}


	/* --- Panel --- */

	.JS ul.Panel,
	.JS ul.Panel2 {
		width: auto;
		margin: -10px -15px 0;
		overflow: hidden;
	}
	.JS .Products ul.Panel {margin: -15px -15px 0;}
	.JS .Corporate ul.Panel {margin: 0 -15px 15px;}

	.JS .Grid4 ul.Panel li {
		float: none;
		width: 100%;
		height: auto;
		min-height: 1px;
		margin: 0 !important;
		padding: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}

	.JS ul.Panel li .Inner {
		position: relative;
		height: auto;
		min-height: 1px;
		margin: 0;
		padding-bottom: 0;
		border-top: solid 1px #fff;
		background-color: #f2f2f2;
		overflow: hidden;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS ul.Panel li:first-child .Inner {
		border-top: 0 none;
	}

	.JS ul.Panel li .Inner:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(/image/en/r1/icon/icon_panel2_link_hd.gif);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}

	.JS ul.Panel li span.Inner a {overflow: hidden;}

	.JS ul.Panel li .Inner a strong {
		display: table-cell;
		width: auto;
		height: 62px;
		padding: 15px 35px 0 0;
		font-size: 90%;
		background-image: none;
	}
	.JS ul.Panel li div.Inner a strong {
		display: block;
		width: auto;
		height: auto;
		padding: 15px 40px 5px 0;
	}
	.JS ul.Panel li a:link,
	.JS ul.Panel li a:visited,
	.JS ul.Panel li a:link strong,
	.JS ul.Panel li a:visited strong {color: #000;}
	.JS ul.Panel li a:hover,
	.JS ul.Panel li a:active,
	.JS ul.Panel li a:hover strong,
	.JS ul.Panel li a:active strong,
	.JS ul.Panel li .hover a strong {color: #001e50;}
	.JS ul.Panel li .hover a {
		color: #001e50;
		text-decoration: underline;
	}
	.JS ul.Panel li strong:after {display: none;}

	.JS ul.Panel li img {
		float: left;
		width: 80px !important;
		margin: 15px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}

	.JS ul.Panel li .Inner span {
		padding: 0 35px 15px 0;
		font-size: 76%;
		color: #333;
		overflow: hidden;
	}

	.JS .Grid4 ul.Panel2 li {
		float: none;
		width: 100%;
		height: auto;
		min-height: 1px;
		margin: 0 !important;
		padding: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}

	.JS ul.Panel2 li .Inner {
		position: relative;
		height: auto;
		min-height: 1px;
		margin: 0;
		border-top: solid 1px #fff;
		overflow: hidden;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS ul.Panel2 li:first-child .Inner {
		border-top: 0 none;
	}

	.JS ul.Panel2 li .Inner:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(/image/en/r1/icon/icon_panel2_link_hd.gif);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-ms-background-size: 20px 20px;
	}

	.JS ul.Panel2 li .img {
		float: left;
		width: 80px;
		margin: 15px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}

	.JS ul.Panel2 li img {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}

	.JS ul.Panel2 li .Panel2Text {
		height: auto;
		padding: 15px 35px 15px 110px;
		background-image: none;
	}
	.JS ul.Panel2 li .Panel2Text:after {display: none;}

	.JS ul.Panel2 li .Panel2Text a {padding-bottom: 5px;}

	.JS ul.Panel2 li .Panel2Text .text {font-size: 76%;}


	/* --- /about/index.html > News Release --- */

	.JS .Company .BoxPatternA {
		margin: -10px -15px 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}

	.JS .Company .BoxPatternA h2 {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}


	/* --- /about/index.html > Hitachi Brand Channel --- */

	.JS .Company ul#YouTube li .YtImg {
		width: 80px;
		height: 45px;
	}

	.JS .Company ul#YouTube li .YtImg img {top: -8px;}

	.JS .Company ul#YouTube li a strong {font-size: 83%;}

	.JS .Company ul#YouTube li strong, .JS .Company ul#YouTube li .YtData {margin-left: 95px;}

	.JS .Company ul#YouTube li p {margin-bottom: 0;}


	/* --- /about/index.html > BrandingImgStyle1 --- */

	.JS .Corporate #BrandingImgStyle1 {
		margin-bottom: 25px;
		padding: 0;
	}


	/* --- /about/index.html > Twitter --- */

	.JS .Company .Twitter .BoxPatternA {padding: 0 0 10px;}


	/* --- /about/index.html > Fat Banner --- */

	.JS .Company #Contents + .FatBanner {
		position: relative;
		border-top: 1px solid #fff;
	}


	/* --- /New/cnews/index.html --- */

	.JS .BackNumber li {width: 25%;}
	.JS .BackNumber li:nth-child(5n) {border-right: solid 1px #ddd;}
	.JS .BackNumber li:nth-child(4n) {border-right: none;}

}