@charset "utf-8";







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



Name: add_module.css

Description: 環境活動レポート用スタイル



Create: 2008.05.XX

Update: 2012.12.28



Copyright 2012 Hitachi, Ltd. 



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



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



[t1] トップページ

[-] Link Setting

[c1] ページタイトル

[c2] 見出し

[c5] 画像

[c11] リンクリスト

[c14] データテーブル

[c16] 枠囲み



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



.Activities .CategoryNavi li a {

	min-width: inherit;

}



/* [t1] トップページ

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



/* ---カラム1.5--- */



div.Grid4 div.Column1andHalf_a {

	float: left;

	text-align: left;

}



div.Grid4 div.Column1andHalf_a {

	width: 353px;

	margin: 0 3px;

}



div.Grid4 div.Column1andHalf_a div.ImgW80SetStyle div.ImgSet { width: 228px; }





/* ---見出し画像--- */



div.BoxPatternA_a { margin: 0 0 15px; }



div.BoxPatternA_a h2 {

	margin: 0;

	padding:0;

	border: none;

	height: 34px;

}



div.BoxPatternA_a div.Inner {

	padding: 10px 10px 0;

	border: 1px solid #cdcdcd;

	border-top: none;

}



div.Column3 div.BoxPatternA_a ul.LinkListStyle6{

	margin-bottom: 8px;

}

div.BoxPatternA_a ul.LinkListStyle6 li{

	margin-right: 30px;	/* en 15px */

}





/* ---ColumnSet 背景--- */



div.activitiesBox {

/*	background:url("/environment/activities/images/bg_activities.gif") no-repeat 0 100%; */

	margin-bottom: 5px;

}



div.activitiesBox ul.LinkListStyle2{

	margin-bottom: 5px;

	padding: 0 8px 8px;

}







/* ---リンクリスト > サムネイル+説明文あり > サムネイル80px > 文字サイズ83%--- */

.ImgW80SetStyle .Img {

	float: left;

	padding: 0 20px 15px 0;

}

.ImgW80SetStyle .Img {

	width: 80px;

	font-size: 83%;

	line-height: 1.35;

}



.ImgW80SetStyle .ImgSet {

	overflow: hidden;

	zoom: 1;

	float: none;

	margin: 0;

	width: auto;

}



.BoxPatternB .ImgW80SetStyle{

	margin-bottom: 10px;

	padding-left: 15px;

	padding-right: 15px;

}



.BoxPatternB .ImgW80SetStyle p.Img {

	padding-bottom: 0;

}

.BoxPatternB .ImgW80SetStyle .ImgSet{

	float: right;

	width: 100%;

}

.BoxPatternB .ImgW80SetStyle .ImgSet {margin-left: -80px;}

.BoxPatternB .ImgW80SetStyle .ImgSet p,

.BoxPatternB .ImgW80SetStyle .ImgSet ul {margin-left: 95px;}



.BoxPatternB .ImgW80SetStyle .ImgSet {margin-left: -95px;}

.BoxPatternB .ImgW80SetStyle .ImgSet ul.LinkListStyle1 { width: auto !important;}





div.ImgW80SetStyle div.ImgSet ul.LinkListStyle1 { width:250px;}





/* 3: Link Setting

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



a[name]:hover {

	color: #000000;

	text-decoration: none;

}



a[href]:hover {

	color: #890000;

	text-decoration: underline;

}



sup,

sub { color:inherit !important;}



/* [c1] ページタイトル

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



h1 { font-size:150% !important; font-weight:bold !important;}

h2 span {font-size: 110% !important;}

h3 {font-size: 100% !important;}



div.PageTitleStyle1E  {

/*

	margin: 0 0 15px;

	padding: 33px 0 0 44px;

	background: url(/environment/activities/images/common/bg_pagetitle1.jpg) no-repeat 0px top;

	height:68px

*/

}

div.PageTitleStyle1E h1,

div.PageTitleStyle1E2 h1 {

	margin: 0;

	/*font-size: 103%;*/

	line-height: 1.35;

}



div.PageTitleStyle1E h1 a,

div.PageTitleStyle1E2 h1 a { line-height: 1.35; }



/*環境用PageTitleStyle*/

div.PageTitleStyle1_env,

div.PageTitleStyle2_env,

div.PageTitleStyle3_env,

div.PageTitleStyle4_env,

div.PageTitleStyle5_env,

div.PageTitleStyle6_env{

	width:720px;

	height:90px;

	margin-bottom:15px;

	display:block;

	clear:both;

}



/*環境レポ*/

div.PageTitleStyle1_env{

/*		background: url(/environment/activities/images/h1_pagetitle1.jpg) no-repeat 0px top; */

}

/*共通*/

div.PageTitleStyle2_env{

/*		background: url(/environment/activities/images/h1_pagetitle2.jpg) no-repeat 0px top; */

}

/*戦略取組*/

div.PageTitleStyle3_env{

/*		background: url(/environment/activities/images/h1_pagetitle3.jpg) no-repeat 0px top; */

}

/*製品サー*/

div.PageTitleStyle4_env{

/*		background: url(/environment/activities/images/h1_pagetitle4.jpg) no-repeat 0px top; */

}

/*モノづく*/

div.PageTitleStyle5_env{

/*		background: url(/environment/activities/images/h1_pagetitle5.jpg) no-repeat 0px top; */

}

/*体制コミ*/

div.PageTitleStyle6_env{

/*		background: url(/environment/activities/images/h1_pagetitle6.jpg) no-repeat 0px top; */

}



div.PageTitleStyle1_env h1,

div.PageTitleStyle2_env h1,

div.PageTitleStyle3_env h1,

div.PageTitleStyle4_env h1,

div.PageTitleStyle5_env h1,

div.PageTitleStyle6_env h1{

	/*padding:26px 0 0 36px;*/

	padding-left:20px;

	display: table;

	height:90px;

	vertical-align: middle;

}



div.PageTitleStyle1_env h1 a,

div.PageTitleStyle2_env h1 a,

div.PageTitleStyle3_env h1 a,

div.PageTitleStyle4_env h1 a,

div.PageTitleStyle5_env h1 a,

div.PageTitleStyle6_env h1 a {

	display:table-cell;

	vertical-align:middle;

	line-height:1.15em; }



*:first-child+html div.PageTitleStyle1_env h1 a,

*:first-child+html div.PageTitleStyle2_env h1 a,

*:first-child+html div.PageTitleStyle3_env h1 a,

*:first-child+html div.PageTitleStyle4_env h1 a,

*:first-child+html div.PageTitleStyle5_env h1 a,

*:first-child+html div.PageTitleStyle6_env h1 a{ /* IE 7 */

	display: inline !important;

	zoom: 1;

}







/* [c2] 見出し

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

.headlineImgStyle {

	margin: 0;

	padding: 0 0 10px 0;

	background: none;

	font-size:0;

}

.headlineImgStyle a{

	padding: 0;

	background: none;

}

.headlineImgStyle a,

.headlineImgStyle a:link,

.headlineImgStyle a:visited,

.headlineImgStyle a:hover,

.headlineImgStyle a:active {

	padding: 0;

	background: none;

	text-decoration: none;

}



h2.activitiesTop { margin-bottom:35px !important;}

div.activities_top1,

div.activities_top3,

div.activities_top5 { margin:0 7px 0 0 !important;}



div.activities_top2,

div.activities_top4,

div.activities_top6 { margin:0 0 0 7px !important;}



div.activities_top1 h2,

div.activities_top2 h2,

div.activities_top3 h2,

div.activities_top4 h2,

div.activities_top5 h2,

div.activities_top6 h2 { width:353px !important;height:172px !important; overflow:hidden;}



div.activities_top1 h2{

	height:172px;

/*	background:url(/environment/activities/images/message.jpg) no-repeat center top; */

}

div.activities_top2 h2{

	height:172px;

/*	background:url(/environment/activities/images/global.jpg) no-repeat center top; */

}



div.activities_top3 h2{

	height:172px;

/*	background:url(/environment/activities/images/plan.jpg) no-repeat center top; */

}

div.activities_top4 h2{

	height:172px;

/*	background:url(/environment/activities/images/ecoproducts.jpg) no-repeat center top; */

}

div.activities_top5 h2{

	height:172px;

/*	background:url(/environment/activities/images/factory.jpg) no-repeat center top; */

}

div.activities_top6 h2{

	height:172px;

/*	background:url(/environment/activities/images/stakeholder.jpg) no-repeat center top; */

}



div.activities_top1 h2 span,

div.activities_top2 h2 span,

div.activities_top3 h2 span,

div.activities_top4 h2 span,

div.activities_top5 h2 span,

div.activities_top6 h2 span{ background: none !important; margin-top:118px; height:54px; width:353px; font-size:88%;padding:0;/* position:relative;*/ background-color:transparent;}



div.activities_top1 h2 span a,

div.activities_top2 h2 span a,

div.activities_top3 h2 span a,

div.activities_top4 h2 span a,

div.activities_top5 h2 span a,

div.activities_top6 h2 span a{ display:table-cell !important; vertical-align:middle !important; height:54px; width:313px !important; margin:0 !important; color:#FFF !important; padding:0 30px 0 10px; /display:block; /padding:5px 40px 0 10px;}







div.activities_top1 h2 span a:hover,

div.activities_top2 h2 span a:hover,

div.activities_top3 h2 span a:hover,

div.activities_top4 h2 span a:hover,

div.activities_top5 h2 span a:hover,

div.activities_top6 h2 span a:hover{ color:#FFF !important;}



h2.ImgTitle,

h3.ImgTitle {

	margin:0;

	padding: 0 0 10px;

	border: none;

}



h2.noBorder {

margin: 0 0 10px;

border: none;

}



h2.noBorder span {

display: block;

padding: 6px 5px 4px;

border: none;

background-color: #ffffff;

font-size: 90%;

line-height: 1.35;

}



/*環境 h2*/

/*

.Grid4 h2 { border-top:none;}

.Grid4 h2 span {border:none;}

*/



/*環境 h2 */

div.Activities h2 {

	margin: 0 0 10px;

	padding: 0;

	background: none;

}

div.Activities h2 span {

	padding: 8px 8px 8px 16px;

	border-left: 4px solid;

}

div.Activities h2 span{

	border-color: #198297;

}



/*

div.Activities h2{

	border-top: none;

	background:url(/environment/activities/images/h2.jpg) no-repeat left top;

	height:38px;

	}

div.Activities h2 span{

	border:none;

 background:none;

	background-color:transparent;

	padding:8px 0 0 20px;

}



div.Activities h2.line2{

	border-top: none;

	background:url(/environment/activities/images/h2_2line.jpg) no-repeat left top;

	height:52px;

	}

div.Activities h2.line2 span{

 line-height:1.1em;

}

*/



/*環境 h2 Column1andHalf*/

/*

div.Activities div.Column1andHalf h2{

	border-top: none;

	background:url(/environment/activities/images/h2_1andhalf.jpg) no-repeat left top;

	height:38px;

	}

div.Activities div.Column1andHalf h2 span{

	border:none;

 background:none;

	background-color:transparent;

	padding:8px 0 0 20px;

}

*/



/*CSR環境 h2 Column1andHalf*/

/*

div.Column1andHalf h2{

	border-top: none;

	background:url(/environment/activities/images/h2_1andhalf.jpg) no-repeat left bottom;

	height: auto;

	min-height:38px;

	}



div.Column1andHalf h2 span{

	border:none;

 background:url(/environment/activities/images/h2_1andhalf_upperline.jpg) no-repeat left top;

	background-color:transparent;

	padding:8px 10px 8px 20px;

}

*/



/*環境 VOICES h2*/

div.Activities div.BoxPatternA h2{

	padding: 5px 10px;

	margin: 0;

	border-top: 3px solid #9F9F9F;

	border-right: 1px solid #CCCCCC;

	border-bottom: none;

	border-left: 1px solid #CCCCCC;

	font-size: 90%;

	line-height: 1.35;

	display: block;

	background-color: #EFEFEF;

	background-image: none;

	height:auto;

}



/* ---[c2-2-1] 見出し > レベル2--- */



/*環境 h3 h4*/

/*

div.Activities h3{ background:url(/environment/activities/images/h3.jpg) no-repeat left top;

	border-bottom:2px solid #95C0DE; padding:2px 6px 4px 22px;}

div.Activities h4{ background:url(/environment/activities/images/h3.jpg) no-repeat left top; padding:2px 6px 2px 21px;}

*/

.h3_plan01 {

	padding: 0 0 4px 23px;

/*	background:url("/environment/activities/images/common/icon_plan01.gif") no-repeat 1px 0.15em; */

	border-bottom: 1px solid #f08200;

}

.h3_plan02 {

	padding: 0 0 4px 23px;

/*	background:url("/environment/activities/images/common/icon_plan02.gif") no-repeat 1px 0.15em; */

	border-bottom: 1px solid #007aca;

}

.h3_plan03 {

	padding: 0 0 4px 23px;

/*	background:url("/environment/activities/images/common/icon_plan03.gif") no-repeat 1px 0.15em; */

	border-bottom: 1px solid #08a85e;

}

.h3_plan04 {

	padding: 0 0 4px 23px;

/* 	background:url("/environment/activities/images/common/icon_plan04.gif") no-repeat 1px 0.15em; */

	border-bottom: 1px solid #e60038;

}

                  

/*環境 環境負荷情報　h3*/

div.Activities h3.factory_data{

	border:none;

	padding:0;

	background-image: none;

	height:30px;

	vertical-align:middle;

}

div.Activities h3.factory_data img{ float:left; margin-right:5px;}









/* [c5] 画像

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



/* ---[c7-1-1] 箇条書きリスト > 文字サイズ90%　今後の取組--- */

ul.ListStyleTorikumi {

	clear: both;

	margin: 0 0 15px;

	font-size: 90%;

}

ul.ListStyleTorikumi li {

	margin: 0 0 5px;

	padding: 0 0 0 17px;

/*	background: url("/environment/activities/images/icon_list_green.gif") no-repeat 0 1px; */

	line-height: 1.35;

	font-weight: bold;

}









/* ---[c11-5-3-1] リンクリスト > サムネール+説明文あり > サムネール180pix  2011年度にCO2排出抑制に貢献した主な製品 --- */



div.ImgW180SetStyle p.captionSize {

	font-size: 83%;

	line-height: 1.35;

}



div.ImgW100SetStyle p.Img {

	float: left;

	width: 100px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW100SetStyle div.ImgSet { float: left; }



div.ImgW100SetStyle p.Img {

	font-size: 83%;

	line-height: 1.35;

}











/* [c11] リンクリスト

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





/* ---データリンク--- */



dl.LinkListStyleSP { margin: 0 0 15px;}

dl.LinkListStyleSP dt {

	margin: 0 0 5px;

	width:62px;

	font-size: 90%;

}

dl.LinkListStyleSP dt img {

	position:relative;

}

dl.LinkListStyleSP dd { margin: -1.65em 0 0 72px;}

dl.LinkListStyleSP dd ul.LinkListStyle1 { clear:both; margin: 0 0 10px;}

dl.LinkListStyleSP dd dl.LinkListStyle1 dt {

	margin: 0 0 5px;

	width: auto;

}

dl.LinkListStyleSP dd dl.LinkListStyle1 dd {

	margin: 0 0 10px;

}





dl.LinkListStyleSP2 { margin: 0 0 15px; }

dl.LinkListStyleSP2 dt {

	margin: 0 0 5px;

	width: 96px;

	font-size: 90%;

}

dl.LinkListStyleSP2 dt img {

	position:relative;

}

dl.LinkListStyleSP2 dd { margin: -1.85em 0 0 108px; font-size: 90%; font-weight:bold;}

dl.LinkListStyleSP2 dd ul.LinkListStyle1 { margin: 0 0 10px; }

dl.LinkListStyleSP2 dd dl.LinkListStyle1 dt {

	margin: 0 0 5px;

	width: auto;

}

dl.LinkListStyleSP2 dd dl.LinkListStyle1 dd {

	margin: 0 0 10px;

}





/* ---[c11-6-2] リンクリスト > 左側に日付（アイコン） + 左マージン調整（お知らせなど）--- */

dl.DateListStyle4 {

	font-size: 83%;

	margin: 0;

}

dl.DateListStyle4 dt {

	margin: 0 0 8px;

	clear: none;

	float: none;

	line-height: 1.2;

}

dl.DateListStyle4 dd {

	margin: -1.75em 0 8px 6.5em;

	line-height: 1.2;

}

dl.DateListStyle4 dd a {

	line-height: 1.2;

}





/* ---[c11-3-1] リンクリスト > 説明文表示 > 文字サイズ90%--- */





dl.LinkListStyleSP dd dl.AdditionalNotesStyle2 dt {

	background:none;

	padding:0;

	margin:0;

	width: 1.5em;

}



dl.LinkListStyleSP dd dl.AdditionalNotesStyle2 dd { padding:0; margin: -1.2em 0 4px 1.6em; }



/* Win IE7 & IE6 lower */

* html body dl.LinkListStyleSP dd dl.AdditionalNotesStyle2 dd  { float: none; clear: none; display: inline-block; margin: 0 0 4px; }

*:first-child+html dl.LinkListStyleSP dd dl.AdditionalNotesStyle2 dd  { float: none; clear: none; display: inline-block; margin: 0 0 4px; }

/* */









/* [c14] データテーブル

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



table tr.CellCenterAdjust th,

table tr.CellCenterAdjust td,

table th.CellCenterAdjust,

table td.CellCenterAdjust{

	text-align:center;

}





/* ---[-] データテーブル内モジュールのフォントサイズ定義--- */



table tr th ul.ListStyle2 { font-size: 100%; }





/* セル内のリストの下余白解除 */



table tr td ul.LinkListStyle2 {

margin-bottom:0;

}



/* キャプション右揃え */

table.TableStyle21 caption {

	padding: 0 0 3px;

	font-size: 83%;

	line-height: 1.35;

	text-align: right;

}



/* ボーダー設定 */

table.TableStyle3 td.BorderTopNo { border-top: none;}

table.TableStyle3 td.BorderBottomNo { border-bottom: none;}



table.dummy_table {

/*

	background: url(/environment/activities/images/common/dummy_table.gif) no-repeat center center;

*/

}











/* [c16] 枠囲み

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



/* ---[c16-1-2] 枠囲み > パターンACSR > 見出し画像--- */



div.Column3 div.BoxPatternACSR{

	margin-bottom: 20px;

}



div.BoxPatternACSR { margin: 0 0 15px; }



div.BoxPatternACSR h2 {

	margin: 0;

	padding: 0;

	border: none;

	background: none;

}

div.BoxPatternACSR h2 a{

	background: none;

}

div.BoxPatternACSR div.Inner {

	margin-top: -6px;

	padding: 10px 10px 0;

	border: solid 1px #cdcdcd;

	border-top: none;

}





div.ColumnVoiceRight{

	float:right;

	width:450px;

}

div.ColumnVoiceLeft{

	float:left;

}





/* ---主要指標--- */

.main_indicators_left{ width:75px; float:left;}

.main_indicators_right{ width:155px; float:left; font-size:83%;}



.main_indicators_left_c2{ width:80px; float:left;}

.main_indicators_right_c2{ width:270px; float:left; font-size:83%;}



.main_indicators_left_c3{ width:75px; float:left;}

.main_indicators_right_c3{ width:155px; float:left; font-size:83%;}



@media screen{

/*主要指標*/

.Activities .IndicatorFigure { border:1px solid #008096; padding:15px; margin-bottom:10px;}

.Activities .ImgIndicator { background:#008096; color:#FFF; font-size:80%; font-weight:bold; padding:5px 5px 3px; display:inline-block;}

.Activities .IndicatorFigure h3 { border:none; padding:0; background:none; color: #008096;}

.Activities .IndicatorFigure h3 sub{ color: #008096;}

.Activities .IndicatorFigure p.ImgTitle strong{ font-size:108% !important; color: #008096;}



.Activities .IndicatorFigure .ColumnSet .Column1andHalf { width:337px;}



}





/* 背景グレーの枠囲み  */

.BoxReference{

	margin: 0 0 15px 0;

	padding:10px 10px 1px 10px;

	background-color:#EFEFEF;

}

.BoxReference h3 {

	margin: 0 0 10px;

	padding: 0;

	border-bottom: none;

	font-size: 90%;

	line-height: 1.35em;

}

.BoxReference h3 a { line-height: 1.35; }

.BoxReference h5 {

	margin: 0 0 10px;

	font-size: 83%;

	line-height: 1.35em;

}

.BoxReference h5 a { line-height: 1.35; }



/* 図版・表タイトル  */



p.ImgTitle {

	margin: 0 0 2px 0;

	font-size: 83%;

	line-height: 1.35em;

}



/*ぶら下がりインデント*/

.TableStyle4 td.nindt { text-indent:-1em; padding-left: 2em;}