/*共通--------------------------------------------------------------------------*/
*{
  margin: 0px;
  padding: 0px;
  font-family: arial;
}


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

/*本文トップ画像部分の文字*/
.s_hs_000{
  position: relative; top: 0; left: 0;
  width: 540px;
}
  
.s_hs_000 h1{
  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: 5px;
  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;
}

/*------------------------------------------------------------------------------
<!-- ここからコンテンツエリアです。ここからHTMLを記述してください -->
<div class="s_hs_001">
<h1>日立ソフトについて</h1>
<h2>会社情報</h2>
</div><!--s_hs_001-->

<div class="s_hs_002">
<img src="images/image.png" width="570" height="75" alt="トップイメージ" />
</div><!--s_hs_002-->

<!--<div id="s_titleArea_001">
<h1>ページのタイトル</h1>
<h3>ページのキャッチコピーまたは説明文</h3>
</div>-->
<div id="mainArea3">





<!--本文はじまり-->
<div class="s_hs_000">
<h1>XXXXXXXXXXXXXXXXXXXXXX</h1>
</div><!--s_hs_000-->
--------------------------------------------------------------------------------*/

/*---*/





h3{

  background:url("../images/b_g1.gif") 1px 100% repeat-x;
  border-left: 3px solid #ef8200;
  border-bottom: 1px solid #f5f5f5;
  font-size: 83%;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0 3px 0 3px;
}

h5{
  font-size: 83%;
  font-weight: bold;
  background:url("../images/s_o2.gif") 1px no-repeat;
  padding: 0 10px 0 10px;
  margin-bottom: 5px;
}

img{
  border-style: none;
} 

/* トップリストスタイル */
ul.listStyle6 li{
  background:url(/images/arrow_white.gif) no-repeat 0 4px; 
  line-height:105%;
  margin-bottom:8px;
}

/*クリアー*/
.s_clear{
  clear: both;
}

.s_float_r{
  float: right;
}

.s_float_l{
  float: left;
}
/*----*/

.s_text_r{
  text-align: right;
}

.s_text_l{
  text-align: left;
}

.s_text_c{
  text-align: center;
}

.s_ver_m{
  vertical-align: middle;
}

/*---*/

.s_dotline_a{
  background: url(../images/dot_l_g1.gif) repeat-x;
  width: 530px;
}

.s_dotline_b{
  background: url(../images/dot_l_g1.gif) repeat-x;
  width: 420px;
  margin-top: 5px;
  float: right;
}

.s_dotline_c{
  background: url(../images/dot_l_g1.gif) repeat-x;
  width: 480px;
  margin-top: 5px;
  float: right;
}

.s_dotline_d{
  background: url(../images/dot_l_g1.gif) repeat-x;
  width: 200px;
  margin: 1px 2px -10px 2px;
  clear: both;
}


.s_line_a{
  border-top: 2px solid #e8e8e8;
  padding:5px 0 5px 0;
  width: 530px;
}

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


/*.s_s_adobe_r(アドビリーダーダウンロード2）-----------------------------------*/
.s_adobe_r001{
  border: 1px solid gray;
  font-size : 83%;
  padding: 8px;
  width: 510px;
}

.s_adobe_r001 img{
  float: left;
  vertical-align: middle;
  margin: 5px;
}

.s_adobe_r001 a span{
  background: url("../images/newwindow02.gif") 2px 50% no-repeat;
  padding: 0 5px 4px 20px;
}

/*-----------------------------------------------------------------------------*/

#headerGlobalLink{
background:url("../images/y.gif") 0 0.3em no-repeat; 
float: left;
margin:7px 0px 0px 5px;
padding:0px 0px 0px 12px;
width: 100px;
font-size:67%;
}

#headerArea{
width:760px;
color:#ffffff;
background:#2746a9;
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
}

.s_top_001{
  height: 80px
}

/*
a .arrow{background:url(/images/arrow.gif) no-repeat 0 2px;padding-left:17px;}
*/

a.arrow:link { background:url(/images/arrow.gif) no-repeat 0 2px;padding-left:17px; font-size:100%;}
a.arrow:visited { background:url(/images/arrow.gif) no-repeat 0 2px;padding-left:17px; font-size:100%; }
a.arrow:hover   { background:url(/images/arrow.gif) no-repeat 0 2px;padding-left:17px; font-size:100%; }
a.arrow:active  { background:url(/images/arrow.gif) no-repeat 0 2px;padding-left:17px; font-size:100%; }


/*共通終わり--*/