<?xml version="1.0"encording="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; chareset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>忘筌</title>
<style type="text/css">
body{
font-family:sans-serif;
margin:0;
}
#container{
width:800px;
margin:auto;
border-left:solid 1px #aaaaaa;
}
#head{
border-bottom:solid 1px #aaaaaa;
}
#wrapper{
padding:0 20px;
background-image:url(images/border.png);
background-repeat:repeat-y;
background-position:565px 0;
overflow:hidden;
width:760px;
}
#content{
width:530px;
float:left;
margin:30px 0;
}
#sidebar{
width:200px;
float:right;
margin:30px 0;
}
#footer{
clear:both;
border-top:solid 1px #aaaaaa;
border-bottom:solid 1px #aaaaaa;
}
#header{
width:auto;
height:200px;
padding:20px;
background-image:url(images/sample_header.jpg);
}
#header h1{
color:#fff;
font-size:2em;
font-family:serif;
margin:0;
}
#header p{
color:#fff+
font-size:0.875em;
font-weight:bold;
margin:5px 0 0 0;
}
#content h2{
color:#fff;
font-size:1.2em;
margin:0 0 15px;
padding:5px 0 4px 1.1em;
backgroundd-color:#72b529;
border-left:6px solid #236c0b;
}
#content p{
color:#333;
font-size:0.875em;
margin:0 1em 20px 2em;
}
#nav{
font-size:0.75em;
width:auto;
}
#nav ul{
margin:0;
padding:0;
border-top:solid 1px #aaaaaa;
padding-top:8px;
}
#navi li{
border-bottom:solid 1px #aaaaaa;
padding-bottom:8px;
margin-bottom:8px;
line-hight:1.2;
list-style-type:none;
}
#nav li a{
color:#000000;
text-decoration:none;
}
#nav li a{
color:#000000;
text-decoration:none;
}
#nav li a:hover{
color:#ff8800;
}
#footer{
width:auto;
padding:10px 0 20px 0;
#footer address{
color:#000000;
font-size:0.75em;
font-style:normal;
text-align:center;
}
.tdftdiv{
display:none;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>忘筌</h1>
<p>何が目的で、何が手段なのか、間違いないように注意せよ</p>
</div>
<div id="wrapper">
<div id="content">
<h2>『荘子』外物篇（がいぶつへん）</h2>
<p>筌（せん）は魚（うお）に在（あ)る<br />
所以（ゆえん）、魚を得て筌を忘る。蹄（てい）は兎（うさぎ）に在る<br />
所以、兎を得て蹄を忘る。言（げん）は意に在る所以、意を得て言を忘る。吾（われ）、安（いづく）にか夫（そ）の忘言（ぼうげん）の人をえて、之（こ）れと与（とも）に言わんや。</p>
<h2>授業の進行用ブログ</h2>
<p>授業の進行にあわせて書いているブログです。</p>
</div>
<div id="sideber">
<div id="nav">
<ul>
<li>授業用ブログ</li>
<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>
</div>
</div>
<div id="footer">
<address>(c)忘筌、ALL Rights Reserved.</address>
</div>
</body>
</html>
