@charset "Shift_JIS";







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



Name: solution.css

Description: add style



Create: 2009.12.09

Update: 2012.12.25



Copyright 2012 Hitachi, Ltd.



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



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



製品・サービス

[製品・サービスのご紹介] 日立の省エネ「見える化」事業  Create: 2011.12.07

[製品・サービスのご紹介] LED照明  Create: 2012.07.31

[製品・サービスのご紹介] EMilia  Create: 2015.01.16

[製品・サービスのご紹介] 共通  Create: 2015.01.16



[お客さま事例] 名古屋大学　アモルファス変圧器



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







/* [製品・サービスのご紹介] 日立の省エネ「見える化」事業  Create: 2011.12.07

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



/*「見える化」枠組 */



div.Seth3Frame {

/*

background:url("/sustainability/showcase/solution/industrial/images/img_energysavings/h3_bg.jpg");

*/

width:553px;

margin:0 auto;

margin-bottom: 20px;

}



div.Seth3Frame h3 {

margin-bottom:0;

border-bottom:none;

}



div.Seth3Inner {

padding:0 14px 0 14px;

}



div.Seth3Frame ul.LinkListStyle1 {

margin-bottom:0;

}



div.Seth3Frame p.ImgOnlyStyle {

margin-bottom:0;

}

















/* [製品・サービスのご紹介] LED照明  Create: 2012.07.31

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



/* Table BG color */



th.EmHeading { background-color:#FFA2A2; }

tr.EmCell{ background-color:#FFC; }

















/* [製品・サービスのご紹介] EMilia  Create: 2015.01.16

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



/* BoxPatternB */



.BoxPatternB h3 span {

	font-size: 86%;

	line-height: 1.75;

	font-weight: normal;

}

















/* [製品・サービスのご紹介] 共通  Create: 2015.01.16

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



/* 画像付きリストの調整 */

/*

div.Grid3 div.ImgW60SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW60SetStyle div.ImgSet { width: 645px; }

div.Grid3 div.ImgW120SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW120SetStyle div.ImgSet { width: 585px; }

div.Grid3 div.ImgW180SetStyle div.ImgSet,

div.Grid4 div.Column3 div.ImgW180SetStyle div.ImgSet { width: 525px; }

div.Grid3 div.ImgW230SetStyle div.ImgSet,	

div.Grid4 div.Column3 div.ImgW230SetStyle div.ImgSet { width: 475px; }

.ImgW60SetStyle .ImgSet,

.ImgW120SetStyle .ImgSet,

.ImgW180SetStyle .ImgSet,

.ImgW230SetStyle .ImgSet { margin: 0 }

*/



/* Facebookボタンの調整 */



.fb_iframe_widget > span { vertical-align: top !important; }



/* この事業・製品についてもっと〜 */



.envBoxPattern1 h2 { background: none; }

.envBoxPattern1 .ImgW120SetStyle .ImgSet dl,

.envBoxPattern1 .ImgW60SetStyle .ImgSet dl {

	margin-left: 0;

}

h2.recommendStyle { background: none; }

















/* [お客さま事例] 名古屋大学　アモルファス変圧器

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



/* 1.チャレンジ！エネルギー使用の徹底調査と省エネ開始 背景 */



div.shoeneArea .ColumnSet{

	margin-bottom:10px;

}

/*

div.shoeneArea .Column1andHalf{

	background: #FFF url("/sustainability/showcase/customer/case_vol2/images/shoene_bg.gif") repeat-x left bottom;

}

*/

div.shoeneArea p.shoeneText{

	margin:0 0 15px;

	font-size:100%;

	line-height:1.35;

	font-weight:bold;

	color:#FFF;

	width:353px;

	height:auto;

	background:#5C7A5C no-repeat left top;

	border-top:1px solid #98C14A;

	border-bottom:1px solid #98C14A;

	text-align:center;

	padding:10px 0;

}







div.shoeneArea div.explanationBG{

	width:350px;

	height:145px;

	margin:0;

	padding:0;

}





p.box img{

	float:right;

	padding-right:50px;

}



p.etc{

	text-align:right;

	font-size:83%

}







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

.imgNavi1{

	margin: 0 0 15px 0!important;

}

.imgNavi1 p{

	width: auto!important;

	float: none!important;

	text-align: center;

	margin: 0 auto 15px auto;

}

.imgNavi1 ol{

	float: none!important;

	margin: 0!important;

	width: 100%!important;

}

.imgNavi1 ol li{

	width: 33%!important;

	float: left;

	margin: 0!important;

}

.imgNavi1 ol.caceMenuType02 li{

	width: 100%!important;

	float: none;

	margin: 0!important;

	border-bottom: solid 1px #a6c641;

}

.imgNavi1 ol li a{

	display: block;

	padding: 7px 10px;

	color: #ffffff;

	background-color: #7dae00;

	text-decoration: none;

	font-size: 90%;

	border-left: solid 1px #a6c641;

}

.imgNavi1 ol li a:hover{

	background-color: #a6c641;

}



.envBoxPattern1{

	background-color: #ffffff;

}

.envBoxPattern1 .ImgW60SetStyle .ImgSet{

	width: 100%!important;

	margin-left: 0px;

	float: none;

}

.envBoxPattern1 .ImgW60SetStyle .Img{

	float: none!important;

	padding-bottom: 0px!important;

}



.relatedLinkBtn{

	position: relative!important;

}

.envBoxPattern1 .ImgW120SetStyle p.Img{

	padding: 0px 20px 15px 0px!important;

	float: left!important;

}

.envBoxPattern1 .ImgW120SetStyle .ImgSet{

	width: auto!important;

	height: auto!important;

}



.shoeneText{

	width: auto!important;

}



/* js Menu */

.ColumnSet{

	margin-left: 0px!important;

}

.recommendColumn{

	width: 100%!important;

	float: none!important;

	margin-left: 0px!important;

	position: relative;

	min-height: 105px;

	padding-bottom: 10px;

}

.recommendColumn .ImgOnlyStyle{

	position: absolute;

	top: 0px;

	left: 0px;

}

.recommendColumn .LinkListStyle2{

	margin-left: 175px;

}



/* customaer Top */

.catIndexStyle .envThumbLink{

	width: 100%!important;

}

.catIndexStyle .Column1{

	width: 50%!important;

	padding-left: 0px!important;

}

}



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

.envBoxPattern1 .ImgW60SetStyle .ImgSet{

	width: auto!important;

	float: left!important;

}

.envBoxPattern1 .ImgW60SetStyle .Img{

	float: left!important;

	padding-bottom: 0px!important;

}

p.etc{

	text-align: left!important;

}



.Column1andHalf{

	padding-left: 0px!important;

}



/* customaer Top */

.catIndexStyle .Column1{

	float: left!important;

}



/* solution railway_sp */

.orangebox_bg {

	height: auto !important;

	background: none !important;

/*	background-size: contain; */

}

.orangebox_bg .Column2 {

	padding: 0 !important;

}

.orangebox_bg .FirstItem {

	display: none;

}

}





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

.imgNavi1 ol li{

	width: 100%!important;

	float: none;

	border-bottom: solid 1px #a6c641;

}



.envBoxPattern1 .ImgW60SetStyle .ImgSet{

	width: 100%!important;

	margin-left: 0px;

	float: none;

}

.envBoxPattern1 .ImgW60SetStyle .Img{

	float: none!important;

	padding-bottom: 0px!important;

}



.envBoxPattern1 .ImgW120SetStyle p.Img{

	padding: 0px 20px 15px 0px!important;

	float: none!important;

}



/* js Menu */

.recommendColumn{

	width: 100%!important;

	float: none!important;

	margin-left: 0px!important;

	position: relative;

	min-height: 105px;

	padding-bottom: 10px;

}

.recommendColumn .ImgOnlyStyle{

	position: relative;

}

.recommendColumn .LinkListStyle2{

	margin-left: 0px;

}

div.BoxPatternProfile{

	margin-bottom: 0px;

}



/* customaer Top */

.catIndexStyle .Column1{

	width: 100%!important;

	float: none!important;

}





}





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



/* solution railway_sp */

.block_title {

	font-weight: bold;

	background-color: #FFF;

	border-bottom: double 2px;

}

div.greenbox .block_title {

	color: #009933;

	border-color: #BED88E;

}



div.bluebox .block_title {

	color: #0066CC;

	border-color: #88D4D5;

}



div.yellowbox .block_title {

	color: #CC6633;

	border-color: #DBCF97;

}



div.orangebox .block_title {

	color: #FF6600;

	border-color: #D5BB88;

}



/* solution */

div.bgBoxPattern .block_title{

	padding: 10px !important;

	background-color: #99C123;

	border: none;

	color: #FFF;

}





}