@charset "Shift_JIS";



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

Name: add_module.css

Description: Setting of special page

Create: 2008.5

Update: 2011.7

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



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

[-] Link Setting

[c1] ページタイトル

[c2] 見出し

[c3] 文章

[c4] キャッチコピー

[c5] 画像

[c9] 補足一覧

[c11] リンクリスト

[c13] アイコンリンク

[c14] データテーブル

[c16] 枠囲み

[c20] ページ内リンク

[-] 追加定義

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



.Activities .CategoryNavi li a {

	min-width: inherit;

}



/* 3: Link Setting



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



a[name]:hover {

	color: #000000;

	text-decoration: none;

}



a[href]:hover {

	color: #890000;

	text-decoration: underline;

}



h1 a:link,

h1 a:visited,

h1 a:hover,

h1 a:active {

    color: #333 !important;

}

/* ---[c1-2-1] ページタイトル > マネジメント用--- */



/* ---[c1-2-1] ページタイトル > 社会活動用--- */



div.PageTitleStyle1S h1,

div.PageTitleStyle1S2 h1 {

	margin: 0;

	font-size: 103%;

	line-height: 1.35;

}



div.PageTitleStyle1S h1 a,

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





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





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

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

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



.h3_border {

	border: 0;

}





/* [c3] 文章



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



/* ---[c3-1-1] 文章>文字サイズ90%--- */



p.TextStyle1 strong { line-height: 1.35; }



p.ImgTitle {

	margin: 0 0 2px 0;

	font-size: 83%;

	line-height: 1.35;

}



/* [c5] 画像



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



/* ---[c5-2-1] 画像 > 中央揃え--- */

/* ---[c5-2-2] 画像 > 中央揃え > キャプション+ポップアップ表示--- */

/* 画像中央、キャプション+ポップアップは画像左 */

/* 画像サイズをインライン(style)で指定すること */





/*p a.Pdf {

	padding: 1px 0 1px 17px;

	background: url("/image/h1/icon/icon_pdf.gif") no-repeat 0 0.1em;

	line-height: 1.35;

}*/



p a.List {

	padding: 1px 0 1px 17px;

	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 0.1em;

	line-height: 1.35;

}



p a.Link {

	padding: 1px 0 1px 17px;

	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;

	line-height: 1.35;

}



/* [c9] 補足一覧



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

/* ---[c9-1] 補足一覧 > 文字サイズ90%--- */

/* ---[c9-2] 補足一覧 > 文字サイズ83%--- */

/* ---[c9-3] 補足一覧 > 文字サイズ67%--- */



dl.AdditionalNotesStyle1 dd strong,

dl.AdditionalNotesStyle2 dd strong,

dl.AdditionalNotesStyle3 dd strong {

	line-height: 1.35;

}

/*

dl.AdditionalNotesStyle2 dd { margin: -1.3em 0 4px 1.6em; }

*/



/* ---文字サイズ83% 左に全角2文字の場合使用--- */

dl.AdditionalNotesStyle5 {

	margin: 0 0 15px;

	font-size: 83%;

}

dl.AdditionalNotesStyle5 dt {

	float: left;

	clear: left;

	width: 2em;

	line-height: 1.35;

}

dl.AdditionalNotesStyle5 dd {

	float: left;

	clear: both;

	line-height: 1.35;

}

dl.AdditionalNotesStyle5 dd { margin: -1.35em 0 4px 2em; _margin: -1.2em 0 4px 2em; }

/* Win IE7 & IE6 lower */

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

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

/* */



/* ---[c11-6-2] リンクリスト > 左側に日付（アイコン）--- */



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.75em 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.LinkListStyleSP dd ul li.Pdf { background: url("/image/h1/icon/icon_pdf.gif") no-repeat 0 0.2em; }*/



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

dl.LinkListStyleSP2 dt {

	margin: 0 0 5px;

	width:68px;

	font-size: 90%;

}

dl.LinkListStyleSP2 dt img {

	position:relative;

}

dl.LinkListStyleSP2 dd { margin: -1.75em 0 0 80px; }

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 3em;

	line-height: 1.2;

}

dl.DateListStyle4 dd a {

	line-height: 1.2;

}





/* ---[c11-1-2] リンクリスト > 文字サイズ83%--- */



ul.LinkListStyle7 {

	margin: 0 0 15px 15px;

	font-size: 100%;

}



ul.LinkListStyle7 li {

	margin: 0 0 4px;

	padding: 0 0 0 17px;

	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.1em;

}



/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents ul.LinkListStyle7 li { position: relative; }

/* */



ul.LinkListStyle7 li ul {

	margin: 4px 0 0;

	font-size: 100%;

}



ul.LinkListStyle7 li a {line-height: 1.35; }





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



dl.LinkListStyle1 dd ul{

	font-size:100%;

}



dl.LinkListStyle1 dd dl.AdditionalNotesStyle2 dt,

dl.LinkListStyleSP dd dl.AdditionalNotesStyle2 dt {

	background:none;

	padding:0;

	margin:0;

	width: 1.5em;

}



dl.LinkListStyle1 dd dl.AdditionalNotesStyle2 dd,

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



/* Win IE7 & IE6 lower */



* html body dl.LinkListStyle1 dd dl.AdditionalNotesStyle2 dd,

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



*:first-child+html dl.LinkListStyle1 dd dl.AdditionalNotesStyle2 dd,

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

/* */





/* ---[c11-5-1-XX] リンクリスト > サムネール+説明文あり > サムネール45、80、90、100、150、160、163、200、240px--- */



div.ImgW45SetStyle p.Img {

	float: left;

	width: 45px;

	margin: 0 12px 0 0;

	padding: 0 0 8px;

	font-size: 83%;

}



div.ImgW80SetStyle p.Img {

	float: left;

	width: 80px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW90SetStyle p.Img {

	float: left;

	width: 90px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW100SetStyle p.Img {

	float: left;

	width: 100px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW150SetStyle p.Img {

	float: left;

	width: 150px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW160SetStyle p.Img {

	float: left;

	width: 160px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW163SetStyle p.Img {

	float: left;

	width: 163px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW200SetStyle p.Img {

	float: left;

	width: 200px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW240SetStyle p.Img {

	float: left;

	width: 240px;

	margin: 0 15px 0 0;

	padding: 0 0 15px;

	font-size: 83%;

}



div.ImgW45SetStyle div.ImgSet,

div.ImgW80SetStyle div.ImgSet,

div.ImgW90SetStyle div.ImgSet,

div.ImgW100SetStyle div.ImgSet,

div.ImgW150SetStyle div.ImgSet,

div.ImgW160SetStyle div.ImgSet,

div.ImgW163SetStyle div.ImgSet,

div.ImgW200SetStyle div.ImgSet,

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



div.ImgW60SetStyle p.Img,

div.ImgW120SetStyle p.Img,

div.ImgW180SetStyle p.Img,

div.ImgW45SetStyle p.Img,

div.ImgW80SetStyle p.Img,

div.ImgW90SetStyle p.Img,

div.ImgW100SetStyle p.Img,

div.ImgW150SetStyle p.Img,

div.ImgW160SetStyle p.Img,

div.ImgW163SetStyle p.Img,

div.ImgW200SetStyle p.Img,

div.ImgW240SetStyle p.Img {

	font-size: 83%;

	line-height: 1.35;

}



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



/* [c13] アイコンリンク



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



ul li.List, dl dt.List { line-height:1.35; }



dl dd.List {

	background: url("/image/h1/icon/icon_list_marker.gif") no-repeat 0 0.1em;

	line-height:1.35;

}





/* [c13] アイコンリンク

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



/* ---[c13-1-2] アイコンリンク > 文字サイズ83%--- */



/*ul li.Pdf, dl dt.Pdf { background: url("/image/h1/icon/icon_pdf.gif") no-repeat 0 0.1em; }*/





/* [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 th ul.ListStyle2,

table tr th ol.ListStyle2,

table tr td ul.LinkListStyle2,

table tr td ul.LinkListStyle7 {

margin-bottom:0;

}



/* ---[c14-3-1] データテーブル > 文字サイズ90％--- */

table.TableStyle31 {

	margin: 0 0 15px;

	border-collapse: collapse;

}



table.TableStyle31 th {

	background-color: #e8e8e8;

	font-weight: normal;

}

table.TableStyle31 td.SubHeader {

	background-color: #f3f3f3;

	font-weight: normal;

}

table.TableStyle31 th,table.TableStyle31 td {

	padding: 10px;

	border: solid 1px #9c9a9a;

	font-size: 90%;

	line-height: 1.35;

	text-align: center;

}

table.TableStyle31 td strong,

table.TableStyle31 td em,

table.TableStyle31 td a { line-height: 1.35; }



table.TableStyle31 caption { display: none; }



table.TableStyle31 { width: 100%; }





/* [c16] 枠囲み



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



/* ---[c16-XX] 枠囲みの中のリンクリストの下余白--- */



div.Column1 div.BoxPatternA ul.LinkListStyle1,

div.Column1 div.BoxPatternB ul.LinkListStyle1,

div.Column1 div.BoxPatternC ul.LinkListStyle1,

div.Grid1 div.BoxPatternA ul.LinkListStyle1,

div.Grid1 div.BoxPatternB ul.LinkListStyle1,

div.Grid1 div.BoxPatternC ul.LinkListStyle1{

margin-bottom:10px;

}



div.BoxPatternC ul.LinkListStyle6{

	margin:0;

  margin-bottom:6px;

	/padding-bottom:9px;

}

div.BoxPatternC ul.LinkListStyle2{

	margin:0;

  padding-bottom:6px;

	/padding-bottom:8px;

}



/* 背景画像付き‐執行役メッセージ  */

div.BoxPatternSP1{

	position:relative;

	overflow: hidden;

	width:570px;

	margin:0;

	margin-bottom: 15px;

	padding:0;

	padding-top:10px;
/*
	background: url("/sustainability/csr_images/common/bg_message_top.gif") left top no-repeat;
*/
}

div.Message1,

div.Message2,

div.Message3{

	position:relative;

	overflow: hidden;

	margin:0;

	padding:5px 15px 0px 15px;

  /height:159px;

	min-height:159px;

}
/*
div.Message1{

  background: url("/sustainability/csr_images/common/bg_message1.gif") left bottom no-repeat;

}

div.Message2{

  background: url("/sustainability/csr_images/common/bg_message2.gif") left bottom no-repeat;

}

div.Message3{

  background: url("/sustainability/csr_images/common/bg_message3.gif") left bottom no-repeat;

}
*/
div.Message1 p.CatchCopy,

div.Message2 p.CatchCopy,

div.Message3 p.CatchCopy{

	width: 400px;

}

div.BoxPatternSP1 div.ImgRightAdjust p.ImgOnlyStyle{

	margin:0;

	padding:0;

	position:absolute;

	right:26px;

	bottom:0px;

}

div.Message1 p.ImgOnlyStyle,

div.Message2 p.ImgOnlyStyle,

div.Message3 p.ImgOnlyStyle{

	position:absolute;

	right:163px;

	bottom:0px;

}



/* 背景画像付き‐執行役メッセージ  */

div.BoxPatternSP2{

	position:relative;

	overflow: hidden;

	width:375px;

	margin:0;

	margin-bottom: 10px;

	_margin-bottom: -10px;

	padding:10px 0 0 0;
/*
	background: url("/sustainability/csr_images/common/bg_strategy_top.gif") left top no-repeat;
*/
}

div.BoxInner{

	position:relative;

	overflow: hidden;

	margin:0;

	padding:0 15px 5px 15px;

	/padding:0 15px 0px 15px;

	_padding:0 15px 15px 15px;
/*
  background: url("/sustainability/csr_images/common/bg_strategy_bottom.gif") left bottom no-repeat;
*/
}

div.BoxInner p.TextStyle1,

div.BoxInner ul.LinkListStyle1{

	width: 345px;

}



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

.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.35;

}

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

.BoxReference h5 {

	margin: 0 0 10px;

	font-size: 83%;

	line-height: 1.35;

}

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



/* ---[c16-1-2] 枠囲み > パターン100周年--- */

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

div.BoxPattern100th p.ImgOnlyStyle { margin-bottom:0;}

div.BoxPattern100th div.Inner {

	margin-top:-6px;

	/margin-top:-4px;

	padding: 15px 15px 5px 15px;

	border: solid 1px #bfc8d0;

	border-top:none;
/*
	background: url("/sustainability/csr_images/column/bg_100th.gif") left top repeat-x;
*/
}

div.BoxPattern100th div.Inner div.ImgLeftAdjust {

	_margin: 0 12px 0 0;

}





/* [c20] ページ内リンク



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



/* ---[c20-1] ページ内リンク > 横並び--- */



div.HorizontalInnerLinksSP { margin: 0 0 15px 40px;}

div.HorizontalInnerLinksSP ul { padding: 0 0 1px; }

div.HorizontalInnerLinksSP ul li {

	float: left;

	margin: 0 10px 4px 0;

	padding: 1px 0 1px 17px;

	background: url("/image/h1/icon/icon_link_bottom.gif") no-repeat 0 0.2em;

	font-size: 83%;

	line-height: 1.35;

}

div.HorizontalInnerLinksSP ul li a {

	line-height: 1.35;

}





div.HorizontalInnerLinksMessage { margin: 0 0 15px 10px;}

div.HorizontalInnerLinksMessage ul { padding: 0 0 1px; }

div.HorizontalInnerLinksMessage ul li {

	float: left;

	margin: 0 10px 4px 0;

	padding: 1px 0 1px 17px;

	background: url("/image/h1/icon/icon_link_right.gif") no-repeat 0 0.2em ;

	font-size: 83%;

	line-height: 1.35;line-height: 1.35; white-space: nowrap;

}

div.HorizontalInnerLinksMessage ul li a {

	

}



/* --- --- */

div.CSRHorizontalInnerLinks { margin: 0 40px 0 0; display:block; float:left;}

div.CSRHorizontalInnerLinks img { display:block;margin-right:10px;	float:left;}

div.CSRHorizontalInnerLinks ul { padding: 0 0 1px; float:left; display:block; width:600px;}

div.CSRHorizontalInnerLinks ul li{

	float:left;

	margin: 0 20px 0 0;

	padding: 1px 0 1px 17px;

	background: url("/image/h1/icon/icon_link_bottom.gif") no-repeat 0 0.2em;

	font-size: 83%;

	line-height: 1.35; white-space:nowrap;

}



div.CSRHorizontalInnerLinks ul li a {

	line-height: 1.35;

}


/*
.BoxIntroductionMessage { width:355px; height:202px;

	background: url(/sustainability/csr_images/introduction/introduction_message_bg.jpg) no-repeat center top;

}
*/
.BoxIntroductionMessage h3 { border:none; margin-bottom:14px;}

.BoxIntroductionMessage p.TextStyle1 { line-height:1.25em; margin-bottom:6px;}

.BoxIntroductionMessage p.RightAdjust { margin-bottom:12px;}

.BoxIntroductionMessage_left { float:left;}

.BoxIntroductionMessage_left .ImgOnlyStyle { margin:15px 0 0 14px;}

.BoxIntroductionMessage_right { float:left;margin:19px 0 0 16px; width:202px;}





/* ---[c20-2] ページ内リンク>縦並び--- */



div.VerticalInnerLinksSP { margin: 0 0 15px 40px; }

div.VerticalInnerLinksSP ul li {

	margin: 0 0 5px;

	padding: 1px 0 1px 17px;

	background: url("/image/h1/icon/icon_link_bottom.gif") no-repeat 0 0.2em;

	font-size: 83%;

	line-height: 1.35;

}

/* IE6lower */

* html body div#PopUpContainer div#PopUpContents div.VerticalInnerLinksSP ul li { position: relative; }

/* */

div.VerticalInnerLinksSP ul li a { line-height: 1.35; }



/* ---[c20-2] ページ内リンク>アイコンなし--- */



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

div.VerticalInnerLinksBG ul li {

	margin: 0 0 5px;

	padding: 1px 0 1px 3px;

	font-size: 83%;

	line-height: 1.35;

}

/* IE6lower */

* html body div#PopUpContainer div#PopUpContents div.VerticalInnerLinksBG ul li { position: relative; }

/* */

div.VerticalInnerLinksBG ul li a { line-height: 1.35; }



/* ---[c20] ページ内リンク右寄せ 文字サイズ83%--- */

ul.InnerLinkListStyle1 {

	margin: 0 0 15px;

	font-size: 90%;

}

ul.InnerLinkListStyle1 li {

	margin: 0 0 5px;

	padding: 1px 0 1px 17px;

	background: url("/image/h1/icon/icon_link_bottom.gif") no-repeat 0 0.2em;

}

/* Win IE6lower */

* html body div#PopUpContainer div#PopUpContents ul.InnerLinkListStyle1 li { position: relative; }

/* */

ul.InnerLinkListStyle1 li ul {

	margin: 5px 0 0;

	font-size: 100%;

}

ul.InnerLinkListStyle1 li a {line-height: 1.35; }



/* ---[c20-2] ページ内リンク>縦並び アイコンカスタマイズ　文字サイズ90%--- */

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


/*
div.VerticalInnerLinks2 ul li {

	margin: 0 0 5px;

	padding: 1px 0 1px 22px;

	background: url("/sustainability/csr_images/highlight/2011/icon_link_bottom2.gif") no-repeat 0 0.2em;

	font-size: 90%;

	line-height: 1.35;

}
*/
/* IE6lower */

* html body div#PopUpContainer div#PopUpContents div.VerticalInnerLinks2 ul li { position: relative; }

/* */

div.VerticalInnerLinks2 ul li a { line-height: 1.35; }



/* ダイバーシティ用‐テキストインデント */

h4.Indent {

	margin: 0 0 10px;

	font-size: 90%;

	line-height: 1.35;

	padding: 1px 0 1px 14px;

}

p.Indent {

	margin: 0 0 15px;

	font-size: 90%;

	line-height: 1.35;

	padding: 1px 0 1px 14px;

}



/* [-] 追加定義



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



.Width100{width: 100px;}

.Width150{width: 150px;}

.Width160{width: 160px;}

.Width180{width: 180px;}

.Width200{width: 200px;}

.Width250{width:250px;}

.Width265{width:265px;}

.Width278{width:278px;}

.Width300{width:300px;}

.Width340{width:340px;}

.Width350{width:350px;}

.Width365{width:365px;}

.Width400{width:400px;}

.Width482{width:482px;}

.Width500{width:500px;}

.Width540{width:540px;}

.NowRap{white-space:nowrap;}



.TopBorder{

border-top:1px solid #CCCCCC;

padding-top:10px !important;

}





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



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

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



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

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







/* 印刷用 */

@media print{

.ClearFix p img.TextIcon {

	*margin-top: -2em;

}

	

.ClearFix div.ImgSet p img.TextIcon {

	*margin-top: 0;

}



/* ---[c9-2] 補足一覧 > 文字サイズ83%--- */

/* Win IE7 & IE6 lower */



* html body dl.LinkListStyle1 dd dl.AdditionalNotesStyle2 dd,

* html body dl.LinkListStyleSP dd dl.AdditionalNotesStyle2 dd {

 float: none; clear: both; margin: -1.35em 0 4px 1.6em; }



*:first-child+html dl.LinkListStyle1 dd dl.AdditionalNotesStyle2 dd,

*:first-child+html dl.LinkListStyleSP dd dl.AdditionalNotesStyle2 dd {

 float: none; clear: both; margin: -1.35em 0 4px 1.6em; }

/* */

}





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



Name:activity.css

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



Copyright 2012 Hitachi, Ltd. 



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



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



[t1] トップページ

[-] Link Setting

[c1] ページタイトル

[c2] 見出し

[c5] 画像

[c11] リンクリスト

[c14] データテーブル

[c16] 枠囲み



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





/* [t1] トップページ

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



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



div.Grid4 div.Column1andHalf_a {

	float: left;

	text-align: left;

}



div.Grid4 div.Column1andHalf_a {

	width: 353px;

}









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%--- */



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



div.ImgW80SetStyle p.Img {

}



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







/* 3: Link Setting

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



sup,

sub,

a sup,

a sub{

	color:inherit !important;

}

a sup:visited,

a sub:visited{

	color:inherit  !important;

}

a sup:hover,

a sub:hover{

	color:inherit  !important;

}



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

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

/*

div.PageTitleStyle1E  {

	margin: 0 0 15px;

	padding: 33px 0 0 20px;

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

	height:68px

}



 div.PageTitleStyle1E2  {

	margin: 0 0 15px;

	padding: 7px 0 12px 26px;

	background: url(/sustainability/csr_images/common/bg_pagetitle1.gif) no-repeat 0 top;

}



div.PageTitleStyle1E h1,

div.PageTitleStyle1E2 h1 {

	padding:26px 0 0 20px;

	margin: 0;

}



div.PageTitleStyle1E h1 a,

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

*/



/*環境用PageTitleStyle*/

div.PageTitleStyle2_env {

	margin-bottom:15px;

	padding:1.5em 1.2em 1.3em;

	clear:both;

	background-color: #F2F2F2;

	border-left: #198297 solid 4px;

}

div.PageTitleStyle2_env h1{

}



div.PageTitleStyle1_env,

div.PageTitleStyle3_env,

div.PageTitleStyle4_env,

div.PageTitleStyle5_env,

div.PageTitleStyle6_env{

	max-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.PageTitleStyle3_env h1,

div.PageTitleStyle4_env h1,

div.PageTitleStyle5_env h1,

div.PageTitleStyle6_env h1{

	/*font-size: 103%;*/

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

	padding:26px 0 0 20px;

}



/*テスト用ここまで*/





/* [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; 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{ padding:0 20px !important;line-height:54px; width:333px !important; margin:0 !important; color:#FFF !important; display:block;}



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;

}

*/





/*環境 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;

	padding:8px 0 0 20px;

}



div.Activities div.Column1andHalf h2.h2_env2{

	border-top: none;

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

	height:60px;

}

*/



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



div.Activities .Column1 h3{ padding-left:15px;}

/*

.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: url(none);

}

*/















/* [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;

}







/* [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-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_c2{ width:60px; float:left;}

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



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

.main_indicators_right_c3{ width:165px; 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;}



}