【CSS04】 - Today & Tomorrow...

【CSS04】
・空きはリセットをせず、個別に指定する
<html>
<head>
<title>css04</title>
<style type="text/css">
body{
font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック Pro W3", Osaka, sans-serif;
  width:470;


}



h1{
  color:#5A9B73;
  font-weight:bold;
  font-size:1.3em;
  background-image: url(logo.gif);
  background-repeat:no-repeat;
  background-position:left-top;
  padding: 15px 10px 20px 80px;
 

}
div#header{
  width:470px;
  background-color:#5A9B73;
  background-image: url(ecology.gif);
  background-repeat:no-repeat;
  background-position: 50% 20%;
  padding-top: 70px;
  
}

h2{
 
}

adress{
  text-align:center; 
  color:#5A9B73;
  border-top:solid 5px;
  font-size:0.875em;
  width:470px;
  
}



</style>
</head>
<body>
<h1>Computer Technology Groups</h1>

<div id="header"><img src="CSS004 eco/img.jpg"></div>
<h2><img src="mark.gif"title="マーク"><img src="ecology_sub01.gif" title="エコロジーへの取り組み"></h2>
<p>Computer Technology Groupsでは早くからエコロジーの研究に取り組<br>んできました。自然エネルギーの活用もすすめており、二酸化炭素<br>(CO2の排出量を減らす努力もしています。専門家の招致、育成にも努<br>め、来春には環境研究施設を設立する予定です。</p>
<p>地域の自然環境の育成にも努めています。植樹、植林活動から、公園の整<br>備なども行っています。また、社内裏手には広くて気持ちのいい芝生の丘<br>があり、一般にも開放しています。昼休みなどには、憩いの場として賑<br>わっています。</p>
<h2><img src="mark.gif"title="マーク"><img src="CSS004 eco/ecology_sub02.gif" title="商品のラインナップ"></h2>
<p>紙やプラスチック、コンピューター・パーツのリサイクルにも力を入れ<br>、あらゆる面での活動をひろげています。リサイクル商品のラインナップも<br>豊富で、オンラインのショッピングコーナーではもちろんのこと、各地域<br>のリサイクルセンターでもお買い求めいただけます。</p>
<adress>Copyright(C)<a href="null">Computer Tecnology Groups.</a>All right reserved.</adress>



</body>




</html>