@charset "shift_jis";

/*
============================== CONTENTS ==============================

      0: 初期クリア
      1: 全体構成レイアウト
      2: ナビゲーション
      3: html要素
          共通要素
      4: リンクの設定
      5: 独自共通要素
          フォントカラー
          フォントサイズ
          マージン・インデント
          その他
      6: 独自要素
          その他
      7: アクセシビリティ
      8: 不具合回避

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


/*
===== 0: 初期クリア ====================================================
*/

*{
  margin: 0px;
  padding: 0px;
}

h1,h2,h3,h4,h5,h6,p,b{
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size : 100%;
}


/*
===== 1: 全体構成レイアウト =============================================
*/

.mainArea3{
width:540px;
padding:20px 15px 0 15px;
}

/*
===== 2: ナビゲーション =============================================
*/


/*
===== 3: html要素 =============================================
*/


/*── 共通 ──*/

h1{
  color: white;
  font-weight: bold;
  margin: 0 0 5px;
}
#headHome h1 {
  color: #333333;
  font-weight: bold;
  margin: 0 0 5px;
  font-size: 150%;
}
h2{
  font-weight: bold;
  font-size: 83%;
}

h3.stitle {
  background: #e8e8e8;
  border-bottom: 2px solid #22338B;
  font-size : 112%;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 4px 3px 1px 8px;
}
h3.stitle2 {
  background: #e8e8e8;
  border-bottom: 2px solid #22338B;
  font-size : 112%;
  line-height: 1.1em;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 5px 3px 5px 8px;
}
  
h4.stitle {
  background: #e8e8e8;
  border-left: 2px solid #22338B;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 4px 3px 2px 5px;
}
  
h5.stitle {
  display: block;
  border-left: 2px solid #22338B;
  font-size : 87%;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0 0 0 5px;
  line-height: 1.2em;
}
  
h6.stitle {
  font-size : 83%;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.2em;
}


p { margin: 0; padding: 0; font-size: 83%; }
p.goTop {
  clear: both;
  margin: 5px 0 10px 0;
  text-align: right;
  width: 520px;
  line-height: 1em;
}

ol.num { list-style-type: decimal; padding: 0 0 0 36px; display: block; }
ol.num li { margin: 0 0 5px; font-size: 83%; line-height: 1.6em; }
ul.num { list-style-type: disc; padding: 10px 0 0 18px; display: block; }
ul.num li { margin: 0 0 5px; font-size: 83%; line-height: 1.2em; }


img { border: 0; border-style: none; }
img.imgRight { margin: 0 0 10px 10px; float: right; }
img.imgLeft { margin: 0 10px 0 0; float: left; }

form { margin: 0; padding: 0; }

.tableBox { margin: 0 0 0 10px; width: 550px; background: #CCCCCC; }

th,
td { line-height: 1.4em; }

table th { background: #F4EFFF; text-align: center; }
table td { background: #FFFFFF; font-weight: normal; }

/*
===== 4: リンクの設定 =============================================
*/

/*── 基本リンク ──*/

ul li.outlink { background: url(../img/common/point03.gif) no-repeat 0 4px; text-indent: 0; padding-top: 0; line-height: 1.4em;}
ul li.pdf { background: url(../img/common/point04.gif) no-repeat 0 1px; text-indent: 0; padding-top: 0; }
ul li.xls { background: url(../img/common/point07.gif) no-repeat 0 1px; text-indent: 0; padding-top: 0; }
ul.anker { display: block; margin-bottom: 5px; }
ul.anker li {
  background: url(../img/common/icon_anker.jpg) no-repeat 0 1px;
  text-indent: 0px;
  padding-top: 0;
  font-size: small;
}

.detailsLink {
  padding-left: 10px;
  background: url(/images/arrow_white.gif) no-repeat 0px 0.5em;
  line-height: 1.5;
}


a.detailLink{
  padding:0 0 0 20px;
  background:url(/images/arrow.gif) no-repeat 0 0;
}

.arrowLink {
  display: block;
  padding-left: 17px;
  background: url(/images/arrow_local_navi.gif) no-repeat 0 3px;
  line-height: 1.5em;
  font-weight: bold;
  color: #22338B;
}

.arrowLink2 {
  display: block;
  float: left;
  padding-left: 17px;
  background: url(/images/arrow_local_navi_b.gif) no-repeat 0 3px;
  line-height: 1.5em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 20px 0 0;
}

.arrowLink3 {
  display: block;
  float: left;
  padding-left: 17px;
  background: url(/images/arrow_local_navi_b.gif) no-repeat 0 3px;
  line-height: 1.5em;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0;
  width: 150px;
}

.arrowLink4 {
  display: block;
  padding-left: 17px;
  background: url(/images/arrow_local_navi.gif) no-repeat 0 3px;
  line-height: 1.5em;
  color: #22338B;
}

.arrowLink2 a,
.arrowLink3 a,
.arrowLink2 a:visited,
.arrowLink3 a:visited {
  color: #FFFFFF;
}

.pdflLink{
  padding:0 0 0 20px;
  background:url(/images/pdficon.gif) no-repeat 0 0;
}

/*
===== 5: 独自共通要素 =============================================
*/


/*── フォントカラー ──*/

.red { color: #CC3333; }
.pink { color: #CC3366; }
.orange { color: #FF6600; }
.green { color: #05A55D; }
.violet { color: #803AAB; }
.white { color: #FFFFFF; }


/*── フォントサイズ ──*/

.small { font-size: small; line-height: 1.4em; }
.smaller { font-size: smaller; line-height: 1.3em; }
.xsmall { font-size: x-small; line-height: 1.2em; }
.big { font-size: x-large; font-weight: bold; line-height: 1.8em; }
.bold { font-weight: bold; }
.fSize75{font-size:75%;}

/*── マージン・インデント ──*/

.m3b { margin-bottom: 3px; }
.m5b { margin-bottom: 5px; }
.m6b { margin-bottom: 6px; }
.m8b { margin-bottom: 8px; }
.m10b { margin-bottom: 10px; }
.m15b { margin-bottom: 15px; }
.m20b { margin-bottom: 20px; }
.m30b { margin-bottom: 30px; }
.m50b { margin-bottom: 50px; }

.m5t { margin-top: 5px; }
.m8t { margin-top: 8px; }
.m10t { margin-top: 10px; }
.m15t { margin-top: 15px; }
.m20t { margin-top: 20px; }
.m30t { margin-top: 30px; }
.m40t { margin-top: 40px; }
.m52t { margin-top: 52px; }

.p10t { padding-top: 10px; }

.m8l { margin-left: 8px; }
.m10l { margin-left: 10px; }
.m20l { margin-left: 20px; }

.m5r { margin-right: 5px; }
.m8r { margin-right: 8px; }
.m9r { margin-right: 9px; }
.m10r { margin-right: 10px; }
.m15r { margin-right: 15px; }
.m20r { margin-right: 20px; }
.m30r { margin-right: 30px; }

.p5b { padding-bottom: 5px; }
.p10b { padding-bottom: 10px; }
.p15b { padding-bottom: 15px; }

.p10r { padding-right: 10px; }
.p40r { padding-right: 40px; }
.p3l { padding-left: 3px; }
.p20l { padding-left: 20px; }

.indend1{text-indent: 1em;}

/*── その他 ──*/

.clear { clear: both; }
.clear0 { clear: both; font-size: 0; line-height:1em; height: 0; }
.clear10 { clear: both; margin: 0 0 10px; }
.cen { text-align: center; }
.valignTop { vertical-align: top; }
.right { text-align: right; }
.left { text-align: right; }
.center{text-align:center;}
.fLeft { float: left; }
.fRight { float: right; }

.inH2 { margin: 0 10px 10px 15px; width: 530px; }
.inH3 { margin: 0 0 15px 10px; width: 514px; }
.inH4 { margin: 0 0 10px 26px; width: 489px; }
.inH5 { margin: 5px 0 10px 47px; width: 470px; }

.coution { text-indent: -1em; }
.coution2 { margin: 0 0 3px 34px; text-indent: -1.5em; }
.coution3 { margin: 0 0 3px 42px; text-indent: -1em; }
.coution4 { margin: 0 0 3px 52px; text-indent: -1em; }
.coution5 { margin: 0 0 3px 12px; text-indent: -1em; }


.hr_dot{background:url(/images/line_g.gif) repeat-x;margin:15px 0 0 0; }


/*
===== 6: 独自要素 =============================================
*/

#mainTitle {
  border-left: 5px solid #091249;
  background: #e8e8e8 url(../images/image.png) no-repeat;
  width: 560px; height: 65px;
  padding: 10px 0 0 5px;
} 

.honbun {
  float: left;
  width: 370px;
}

.box {
  display:block;
  background: #F7F9FA;
  border: 1px solid #CCCCCC;
  width:480px;
  margin: 0 10px 15px;
  padding: 12px;
}

/*本文トップ画像部分の文字*/
.s_hs_000{
  position: relative; top: 0; left: 0;
  width: 540px;
}
  
.s_hs_000 h1{
  color: #333333;
  background: #e8e8e8;
  border-left: 5px solid #ef8200;
  font-size: 83%;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 4px 3px 3px 5px;
}

.s_hs_001{
  width: 570px; height: 75px;
  position: absolute;
  margin-top: 10px;
  z-index: 2;
  
}

.s_hs_001 h1{
  color: white;
  font-weight: bold;
  font-size: 100%;
  margin: 0 0 5px 5px;
}

.s_hs_001 h2{
  color: white;
  font-weight: bold;
  font-size: 83%;
  margin: 0 0 5px 5px;
}

.s_hs_002 img{
  z-index: 1;
}


/*index.html/　－CSRへの取り組み－-------------------------*/
#headHome {
  border-left: 3px solid #223389;
  border-bottom: 1px solid #CCCCCC;
  margin: 1px 0;
  padding: 10px;
}

.carumLeft2 {
  float: left;
  width: 350px;
  margin: 0 15px 0 0;
}

.carumRight2 {
  border-left: 3px solid #223389;
  float: left;
  width: 162px;
  margin: 0;
  padding: 0 0 0 15px;
}

.highlight {
  background: url(../images/home/home_stitle01.jpg) no-repeat;
  height: 40px;
  width: 540px;
  padding: 0;
  margin: 0 ;
}
.boxHeadLink {
  background: #e8e8e8;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 2px solid #22338B;
  border-left: 1px solid #CCCCCC;
  font-weight: bold;
  padding: 5px 3px 4px 8px;
}
.boxHome {
  display: block;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  padding: 10px;
  margin: 0 0 15px 0;
  position: relative;
}
.carumLink2 {
  display: block;
  float: left;
  width: 230px;
}
.report {
  height: 54px;
  width: 431px;
  padding: 100px 0 0 140px;
  background-image: url(../../csr/images/home/home_csr_report.png);
  background-repeat: no-repeat;
}

/*highlight /日立ソフトCSRハイライト---------------------------------------------*/
#headSub {
  border-left: 3px solid #223389;
  border-bottom: 1px solid #CCCCCC;
  font-size: 150%;
  line-height: 1.2em;
  margin: 1px 0;
  padding: 10px;
}

.subTitle {
  font-size: 121%;
  font-weight: bold;
  margin: 0 0 15px;
}

.carum3 {
  float: left;
  width: 254px;
}
.carum3arrow {
  float: left;
  margin: 20px 8px 0;
}

.h7 {
  border-top: 2px solid #22338B;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  background: #e8e8e8;
  color: #22338B;
  font-size : 87%;
  font-weight: bold;
  line-height: 1em;
  padding: 4px 0 2px;
  text-align: center;
}

.h8 {
  border: 1px solid #CCCCCC;
  background: #e8e8e8;
  font-size : 87%;
  font-weight: bold;
  line-height: 1em;
  padding: 4px 0 2px;
  text-align: center;
}

.w230 { width: 230px; }

/*message /トップメッセージ　Q＆A---------------------------------------------*/
.question {color:#345DA3;font-size:83%;padding:0 ; /*background: url(../images/message/question.gif) no-repeat;*/}
.answer   {color:#282828;line-height:130%;padding:0 ;margin:-15px 0 25px 0;}

.hr {background: url(../images/message/line_g.gif) repeat-x;margin:10px 5px;}




/*philosophy/CSR理念------------------------------------------------------*/

.rinenBox {
  background: #EFFAFF;
  border-top: 1px solid #D0E8F7;
  border-bottom: 1px solid #D0E8F7;
  margin: 0 0 5px;
  padding: 15px;
}

.rinenBoxTH {
  font-size: 83%;
  color: #00529F;
  float: left;
  font-weight: bold;
  width: 115px;
}

.rinenBoxTD {
  font-size: 83%;
  color: #6BB6DB;
  float: left;
}

.rinenBoxTD2 {
  color: #00529F;
}

/*houshin.html/CSR基本方針------------------------------------------------------*/
.s_hou_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}


.s_hou_001 img{
  float: left;
}

.s_hou_002{
  float: right;
  width: 380px;
  position: relative; top: 0; left: 0;
}

.s_hou_002 p b{
  color: #27469a;
}

.s_hou_003{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

.s_hou_003 h4{
  background: #e2f1f9;
  font-size: 83%;
  font-weight: bold;
  margin: 5px 0 2px 5px;
  padding: 3px 3px 3px 5px;
  width: 500px;
}

.s_hou_003 .s_hou_a{
  margin-top: 30px;
}

/*torikumi.html/CSRへの取り組み-------------------------------------------------*/
.s_tor_001{
  font-size: 83%;
  float: left;
  position: relative; top: 0; left: 0;
}

.s_tor_001 ul, .s_tor_001 li{
  margin: 0;
  padding: 0;
  list-style: none;
}

.s_tor_001 li{
  margin: 0 5px 0 5px;
}

.s_tor_001 a, .s_tor_001 a:link, .s_tor_001 a:visited{
  text-decoration: none;
  color: #ffffff;
  background-color: #ef8200;
  padding: 0 0 3px 5px;
  display: block;
}

.s_tor_001 a:hover{
  color: #ef8200;
  background-color: #ffcc33;
}

.s_tor_001 .s_tor_c{
  width: 155px;
}

.s_tor_001 img{
  float: left;
}

.s_tor_001 li .s_tor_a{
  margin-left: 15px;
  margin-top: -15px;
  position: relative; top: 0; left: 0;
  display: block;
}

.s_tor_001 li .s_tor_b{
  position: relative; top: 0; left: 0;
  display: block;
}

/*compliance.html/コンプライアンス　－CSRへの取り組み－-------------------------*/
.s_con_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

/*rouei.html/情報漏洩防止　－CSRへの取り組み－----------------------------------*/
.s_rou_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

/*governance.html/コーポレートガバナンス/企業論理　－CSRへの取り組み－----------*/
.s_gov_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

/*torihikisaki.html/取引先とのCSR　－CSRへの取り組み－--------------------------*/
.s_tori_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

/*naibu.html/内部統制　－CSRへの取り組み－--------------------------------------*/
.s_nai_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

/*okyakusamato.html/お客様と日立ソフト　－CSRへの取り組み－---------------------*/
.s_oky_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

/*syokuba.html/働きやすい職場づくり　－CSRへの取り組み－------------------------*/
.s_syo_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}


/*jyouhou.html/情報開示　－CSRへの取り組み－------------------------------------*/
.s_jyo_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

/*kouken.html/社会貢献活動　－CSRへの取り組み－---------------------------------*/
.s_kou_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

.s_inv_001{
  margin:0 auto;
  width:335px;
  text-align:center;
}

.s_inv_002{
  width:160px;
}

/*csrtoi.html/CSRのお問い合わせ　－CSRへの取り組み－----------------------------*/
.s_csrt_001{
  width: 530px;
  margin-left: 10px;
  position: relative; top: 0; left: 0;
}

.s_csrt_001 h3{
  border-left: 3px solid #ef8200;
  font-size: 83%;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0 3px 0 3px;
}

.s_csrt_001 p{
  margin: 0 0 35px 5px;
}



/*target/index.html/実績と目標　－マネジメント体制－----------------------------*/

table.csrTarget   {border-collapse: separate; border-spacing: 3px;font-size:83%;}
table.csrTarget th{background:#E6E5F0;padding:5px;}
table.csrTarget td{background:#F7F5FA;padding:5px;vertical-align:top;}
.nwrap{white-space:nowrap;}

ul.incsrTarget   {margin-top:-5px;}
ul.incsrTarget li{
  list-style-type:none;
  background:url(../images/management/bg_li_dots.jpg) no-repeat 0 3px;
  margin:4px;
  padding-left:11px;
  text-align:left;
  line-height:110%;
}
ul.incsrTarget li span{
  font-weight:bold;
}



/*society/employee/社員とともに　支援体制－----------------------------*/
table.support   {border-collapse: separate; border-spacing: 3px;font-size:83%;}
table.support th{background:#E6E5F0;padding:5px;}
table.support td{background:#F7F7FB;padding:2px 5px;/*vertical-align:top;*/}



/*
===== 7: アクセシビリティ =============================================
*/

.hide { height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */ }


/*
===== 8: 不具合回避 =============================================
*/

/* WindowsIE以外に適用 */


/* WindowsIE以外に適用 */
html>body img { vertical-align: bottom; } /*画像下の隙間をなくす */

/* MacIE5.xを除くWindowsIE4～6だけに適用 */

/* MacIE5.x意外に適用 \*/
* html セレクタ { height: 1%; } /* WindowsIE6配置バグ解消 */
/* //MacIE5.x意外に適用 */

/* MacIE5.xとWindowsIE4～6だけに適用 */


/* html>body h3.side { font-size: x-small; } */ /* Opera文字サイズ対策 */
/* head:first-child+body h3.side { font-size: smaller; } */ /* 最新ブラウザ文字サイズ対策 */

/* デバッグ用 */
/* border: 1px solid #FF0000; */
.debug { border: 1px solid #FF0000; }


/* Safari対策 */

.stopSafari { color: #333333; ! } /* これ以降Safariには適用されない */
label { cursor: pointer; }




/* END */

/* 080807 update */
h5.z_stitle {
  display: block;
  border-left: 2px solid #22338B;
  font-size : 87%;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 0 0 0 5px;
  line-height: 1.2em;
}

.z_boxwnew {
  background: #e8e8e8;
  border: 1px solid #CCCCCC;
  font-weight: bold;
  padding: 10px;
  margin: 0 0 15px 0;
}

.z_boxwnew .z_m_001{
  margin: -5px 0 5px 0;
}

.z_boxwnew p{
  margin: 10px 0 2px 0;
}

.z_boxwnew .z_i_bu01{
  padding-left: 10px;
  background: url(../images/whatsnew/bg_utilityarea.gif) no-repeat 0px 0.2em;
}

.z_detailsLink {
  padding-left: 10px;
  background: url(../images/whatsnew/arrow_001.gif) no-repeat 0px 0.5em;
  line-height: 1.5;
}

.s_top_a a{
  background:url("../../images/icon_pagetop.gif") 100% 10% no-repeat;
  padding:0px 15px 0px 15px;
  font-size: 80%;
  float: right;
}

/* 080807 update */