<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Computer Technology Groups</title>
<link rel="stylesheet" href="css/h09.css">
</head>
<body>
<div id="container">
<div id="header">
<h1>Computer Technology Groups</h1>
</div><!--header-->
<div id="nav">
<ul>
<li><a href="#">エコロジー</a></li>
<li><a href="#">コンピューター</a></li>
<li><a href="#">モバイル</a></li>
<li><a href="#">ショッピング</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>
</div><!--nav end-->
<div id="content">
<h2><img src="img/ecology/img/ecology.gif" width="201" height="24" alt="エコロジー"></h2>
<div class="section">
<h3>エコロジーへの取り組み</h3>
<p>Computer Technology Groupsでは早くからエコロジーの研究に取り組んできました。自然エネルギーの活用もすすめており、二酸化炭素（CO2）の排出量を減らす努力もしています。専門家の招致、育成にも努め、来春には環境研究施設を設立する予定です。<br>
地域の自然環境の育成にも努めています。植樹、植林活動から、公園の整備なども行っています。また、社内裏手には広くて気持ちのいい芝生の丘があり、一般にも開放しています。昼休みなどには、憩いの場として賑わっています。</p>
</div><!--section end-->
<div class="section">
<h3>商品のラインナップ</h3>
<p>紙やプラスチック、コンピューター・パーツのリサイクルにも力を入れ、あらゆる面での活動をひろげています。リサイクル商品のラインナップも豊富で、オンラインのショッピングコーナーではもちろんのこと、各地域のリサイクルセンターでもお買い求めいただけます。</p>
</div><!--section end-->
</div><!--content end-->
<div id="footer">
<p><small>Copyright(C)<span>Computer Technology Groups.</span>All rights reserved.</small></p>
</div><!--footer end-->
</div><!--container end-->
</body>
</html>
@charset "utf-8";
body,div,h1,h2,h3,p,ul,li,a,img {
margin: 0;
padding: 0;
}
body {
color:#333;
font-size:16px;
font-family:
"Hiragino Kaku Gothic ProN",
Meiryo,
sans-serif;
line-height:1.8;
}
ul {
list-style:none;
}
a {text-decoration: none;
}
#container {
width:530px;
margin: 10px auto;
}
#header {
background: url(../img/ecology/img/logo.gif) no-repeat left top;
height: 60px;
margin-bottom: 10px;
}
#nav {
width: 530px;
border-top: #063 1px solid;
border-bottom: #063 1px solid;
margin-bottom:20px;
}
#nav ul {
width:480px;
overflow:hidden;
margin: 0 auto;
}
#nav li {
float:left;
}
#nav li a {
font-size: 14px;
display: block;
color: #063;
line-height:3;
margin: 0 8px;
}
#nav li a:hover{
text-decoration: underline;
}
#content {
clear: both;
}
#footer {
border-top: 2px solid #063;
padding: 10px 0;
text-align: center;
}
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
color: #063;
margin-left: 65px;
margin-bottom: 40px;
font-size: 20px;
}
h2 {
background-color: #063;
text-align: center;
padding: 22px 0 8px 0;
}
.section {
margin: 30px 0 25px 0;
}
h3 {
background: url(../img/ecology/img/mark.gif) no-repeat left 8px;
padding-left: 25px;
margin-bottom: 20px;
color: #063;
}
p span {
color: #063;
}
