<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>フンデルトヴァッサー・ハウス</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="container">
<div id="header">
<h1>フンデルトヴァッサー・ハウス</h1>
<h2>ウィーンの市営住宅はこんなに元気だ!</h2>
</div> <!-- /#header -->
<div id="wrapper">
<div id="content">
<h3><img src="img/ph01.jpg" width="180px" height="125px">旅行中に、「フンデルトヴァッサー・ハウス」へ行ってきました。</h3>
<p>ウィーンの旧市街を取り囲むリングシュトラッセ(環状道路)のやや外側、18〜19世紀に建てられた古風で静かな街並の中を歩いて行くと、この建物が現れます。まず目に飛び込んでくるのは、赤・黄・青・白の鮮やかな色で塗り分けられた外壁。その塗り分け方は、子供の落書きのようにぐにゃぐにゃと曲がっています。窓の大きさは不揃いで、しかも屋上には金色のネギ坊主のようなタワーが生えています。<br>
どこから見てもびっくりするような建物ですが、不思議と周囲の街並に溶け込んでいるのは、壁を覆うツタや、建物から直接生え出したように見える樹々のせいかもしれません。呆気に取られ、なんだか楽しくなってくるこの建物、実はウィーンの市営住宅なのです。</p>
<p>この建物を作ったのは、ウィーンの画家・建築家フンデルト・ヴァッサー(1923-2000)。親日家で、作品に「百水(hudert wasser)」「豊和」と号することもあります。西欧近代の人工的な環境の在り方に疑問を呈し、「自然は全て曲線であり、直線に神は宿らない」と唱えて、建築物や絵画における直線を否定しました。<br>
1986年に完成したフンデルトヴァッサー・ハウスは、その理念を実現させたもので、彼にとっての最初の建築作品です。</p>
<p>フンデルトヴァッサー・ハウスは市営住宅なので内部の見学はできませんが、向かいのビル内にショップがあります。また、近くには彼の作品などを展示したクンスト・ハウス・ウィーンがあります。<br>
こちらもヴァッサーによって改装された建物です。日本国内では、大阪市扇町公園に隣接するキッズプラザ大阪や、大阪市環境事業局舞洲工場(ゴミ処理場)で彼の建築物を見ることができます。</p>
</div> <!-- /#content -->
<div id="nav">
<ul>
<li><a href="#">ホーム</a></li>
<li><a href="#">バックナンバー</a></li>
</ul>
</div> <!-- /#nav -->
</div> <!-- /#wrapper -->
<div id="footer">
<small>©2013 The Architecture</small>
<p><img src="img/bg-point.jpg" width="123px" height="63px"></p>
</div>
</div> <!-- /#container -->
</body>
</html>
@charset="UTF-8";
/*reset*/
body, div, h1, h2, h3, p, ul, li, img {
margin: 0;
padding: 0;
}
body {
font-family:
"ヒラギノ明朝 ProN",
"HG明朝E",
"MS P明朝",
"MS 明朝",
serif;
}
/*style*/
body {
}
#container {
width: 700px;
margin: 10px auto;
background-image: url(../img/bg-image.jpg);
background-repeat: no-repeat;
}
#header {
padding: 80px 0 30px 180px;
}
#header h1 {
color: maroon;
font-size: 26px;
}
#header h2 {
color: goldenrod;
font-size: 18px;
}
#content {
width: 480px;
float: right;
margin-right: 50px;
font-size: 14px;
overflow: hedden;
}
#content h3 {
font-weight: bold;
font-size: 14px;
margin-bottom: 15px;
}
#content img {
float: right;
margin: 0 0 10px 10px;
}
#content p {
margin-bottom: 20px;
font-weight: bold;
line-height: 1.6;
}
ul li {
list-style: none;
font-family:
"Hiragino Kaku Gothic ProN",
Meiryo,
sans-serif;
font-size: 14px;
}
#nav {
width: 140px;
margin-top: 60px;
margin-left: 10px;
float: left;
overflow: hidden;
}
#footer {
width: 480px;
clear: both;
float: right;
margin-right: 50px;
text-align: center;
border-top: 1px solid gray;
}
#footer p img {
float: right;
margin-bottom: 20px;
margin-top: -10px;
}