@charset "Shift_JIS";

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

Name: corporate_responsive.css

Description: CSS for Products & Services, Corporate Information Pages

Create: 2015.09.30
Update: XXXX.XX.XX

Copyright 2015 Hitachi, Ltd.

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



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

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

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

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

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

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

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


	/* --- Panel --- */

	.JS .Grid3 ul.Panel > li,
	.JS .Grid4 ul.Panel > li {
		height: auto;
		padding-bottom: 15px;
		background-color: transparent;
	}

	.JS ul.Panel > li .Inner {
		position: relative;		/* for Android 2.x */
		background-color: #363434;
		border-radius: 7px 7px 5px 5px;
		-moz-border-radius: 7px 7px 5px 5px;
		-webkit-border-radius: 7px 7px 5px 5px;
		-o-border-radius: 7px 7px 5px 5px;
		-ms-border-radius: 7px 7px 5px 5px;
	}

	.JS ul.Panel > li img {width: 100% !important;}

	.JS ul.Panel > li strong {
		position: relative;
		width: 300px !important;
		background-image: none;
	}
	.JS ul.Panel > li strong:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		bottom: 1.3em;			/* for Android 2.x */
		right: 10px;
		margin: -10px 0 0;
		background-image: url(../../../image/en/r5/icon/icon_panel_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 .Products ul.Panel > li strong:after {bottom: 2.2em;}

	.JS .Products ul.Panel > li strong .Hyphen {
		display: inline;
		padding: 0;
		font-size: 100%;
		line-height: 100%;
	}

	.JS ul.Panel2 > li {
		height: 100%;
		min-height: 22.3em;
		margin-bottom: 15px !important;
		background-color: transparent;
	}

	.JS ul.Panel2 > li .Inner {
		height: 100%;
		min-height: 22.3em;
		background-color: #f2f2f2;
		border-radius: 7px 7px 5px 5px;
		-moz-border-radius: 7px 7px 5px 5px;
		-webkit-border-radius: 7px 7px 5px 5px;
		-o-border-radius: 7px 7px 5px 5px;
		-ms-border-radius: 7px 7px 5px 5px;
	}

	.JS ul.Panel2 > li img {width: 100% !important;}

	.JS ul.Panel2 > li .Panel2Text {
		position: relative;
		background-image: none;
	}
	.JS ul.Panel2 > li .Panel2Text:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(../../../image/en/r5/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;
	}
	
	/* --- /keyword --- */

	.JS .ImgW180SetStyle .Img {padding-right: 20px !important;}

	.JS .ImgW180SetStyle .ImgSet p,
	.JS .ImgW180SetStyle .ImgSet ul,
	.JS .ImgW180SetStyle .ImgSet dl {margin-left: 0 !important;}


	/* --- News Release --- */

	.JS .Company .BoxPatternA {margin: 0 0 15px;}

	.JS .Company .BoxPatternA h2 {
		margin: -25px 0 0;
		background-image: none;
	}
	.JS .Company .BoxPatternA h2:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(../../../image/en/r5/icon/icon_panel_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 .BoxPatternA h2 img {
		left: auto;
		right: 36px;
	}

	.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/r5/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;}


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

	.JS #Map {width: auto;}

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



	/* --- Case Study Banner --- */

	.JS .CaseStudiesBanner {
		height: 0;
		padding: 0;
		overflow: hidden;
	}
	.Android2 .CaseStudiesBanner {display: none;}

}



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

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

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

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


	/* --- /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;
		border-top: 0 none !important;
		border-bottom: solid 1px #3a3a3a;
	}
	.JS .Company .CategoryNavi li a:hover,
	.JS .Company .CategoryNavi li a:active {border-bottom: solid 1px #b1000e;}

	.JS .Company .CategoryNavi li:nth-child(7) a {
		border-bottom: 0 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 #b1000e;}

	.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#AboutNavi7:link:before,
	.JS .Company .CategoryNavi li a#AboutNavi7:visited:before {
		background-color: transparent;
	}


	/* --- Panel2 --- */

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


	/* --- /corporate/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/en/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: #b1000e;
		text-decoration: underline;
	}


	/* --- /corporate/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;}


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

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

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


	/* --- /corporate/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;}

	.JS .BackNumber + h3 a {
		position: relative;
		display: block;
		margin: 0 -15px;
		padding: 15px 30px 15px 15px;
		background-image: none !important;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		background-image: none;
	}
	.JS .BackNumber + h3 a:hover,
	.JS .BackNumber + h3 a:active {
		color: #737373;
		text-decoration: none;
		background-color: #f2f2f2;
	}

	.JS .BackNumber + h3 a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(../../../image/en/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 .BackNumber + h3 a:link:after,
	.JS .BackNumber + h3 a:visited:after {right: 7px;}
	.JS .BackNumber + h3 a:hover:after,
	.JS .BackNumber + h3 a:active:after {right: 5px;}


	/* --- Google Map --- */

	.JS .Corporate #Map {height: 300px !important;}

	.JS .Corporate #Map + ul,
	.JS .Corporate .Note + ul {text-align: right;}

}



/* 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: #b1000e;}

	.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%;}


	/* --- /corporate/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/r5/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 .Products ul.Panel > li .Inner:after {display: none;}

	.JS .Products ul.Panel > li .Inner > a {
		position: relative;
		overflow: hidden;
	}
	.JS .Products ul.Panel > li .Inner > a:after {
		content: "";
		position: absolute;
		display: block;
		width: 20px;
		height: 20px;
		top: 50%;
		right: 10px;
		margin: -10px 0 0;
		background-image: url(../../../image/en/r5/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 .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 {
		height: 53px;
	}
	.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: #b1000e;}
	.JS ul.Panel > li .hover a {
		color: #b1000e;
		text-decoration: underline;
	}
	.JS ul.Panel > li strong:after {display: none;}

	.JS .Products ul.Panel > li strong .Hyphen {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 .Products ul.Panel li.Column1 ul.LinkListStyle2 {
		margin: 0;
		padding: 0;
		background-color: #fff;
	}

	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li {
		margin: 0;
		padding: 0;
		border-top: solid 1px #ddd;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		-ms-border-radius: 0;
	}
	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li:first-child {border-top: solid 1px #fff;}
	.JS .Products ul.Panel li.Column1 ul.BottomBorderSet li {border-bottom: solid 1px #ddd;}

	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a {
		display: block;
		padding: 15px 30px 15px 15px;
		font-size: 110%;
		background-image: none;
		color: #333;
	}
	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:link,
	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:visited {color: #333;}
	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:hover,
	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:active {
		color: #333;
		text-decoration: none;
		background-color: #f2f2f2;
	}

	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:after {
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		top: 50%;
		margin: -8px 0 0;
		background-image: url(../../../image/en/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 .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:link:after,
	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:visited:after {right: 7px;}
	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:hover:after,
	.JS .Products ul.Panel li.Column1 ul.LinkListStyle2 li a:active:after {right: 5px;}

	.JS .Products ul.Panel li.Column1 ul.ListStyle2 {
		margin: 0;
		padding: 15px;
		background-color: #fff;
		overflow: hidden;
	}

	.JS .Products ul.Panel li.Column1 ul.ListStyle2 li {color: #333;}

	.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/r5/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%;}


	/* --- /corporate/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;
	}


	/* --- /corporate/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;}


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

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


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

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


	/* --- /corporate/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;}

}