@charset"utf-8";


/*----------Universal Selector----------*/

*{
	margin:0;
	padding:0;
}


/*----------全体----------*/
body{
	background-color:#FFFFFF;
	color:#8B4513;
}

#container {
	background-color: #FFFFFF;
	width:760px;
	margin: 0 auto;
	padding: 20px;
}


/*----------ページのやつ----------*/

header {
	width: 1000px;
	margin: 10px;
	text-align: center;
}


nav {
	width: 800px;
	height: 32px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

nav ul {
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 100%;
	list-style-type: none;
}

nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 190px;
	text-align: center;
	font-size: 14px;
}

nav ul li a {
	border-right: 1px solid #999999;
	padding: 8px 20px 8px 20px;
	display: block;
	position: relative;
	color: #FFFFFF;
	background-color: #FFFFFF;
	text-decoration: none;
}

nav ul li a:hover {
	border-color: #669999;
	color: #333333;
	background-color: #FFFFFF;
	text-decoration: none;
}

nav ul li a:link {
	color: #ffffff
	text-decoration: none;
}

nav ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#contents {
	width: 760px;
}


#pop {
	width: 700px;
}

footer {
	width: 760px;
	padding-top: 10px;
	color:#cccc00;
}

/*----------文章----------*/

h1,h2,h3 { clear: both; }

h2{
	background-color:#006666;
	font-size:120%;
	font-weight:bold;
	margin-top:20px;
	padding-left:10px;
}

h3{
	font-size:90%;
	
	margin-top:10px;
}

/*----------背景画像----------*/

h1,h2,h3{ clear:both; }

h1{
	padding-top:90px;
	font-size: 160%;
	line-height: 180%;
	background-position: center top;
	background-repeat: no-repeat;

}


address{
	font-size: 80%
	text-align:right;
}

p{
	line-height: 160%;
	padding:10px;
}


ol{
	padding: 10px;

}

ul{
	padding: 10px;
}

li{
	list-style-position: inside;
}

th{
	background-color: #fff;
	color: #2F4F4F;

}

td{
	font-size: 80%;
	padding: 5px;
}



/*----------リンクのやつ----------*/

a:link {
	color: #2F4F4F;
	text-decoration: none;
}

a:visited {	
	color: #2F4F4F;
	text-decoration: none;

}

a:hover {
color: #008B8B;
text-decoration: underline;
}



/*----------幅とか---------*/

header {
	width: 1000px;
	margin: 10px;
	text-align: center;

}

#contents {
	width: 1000spx;

}

footer {
	width: 760px;
	padding-top: 10px;
	color: #2F4F4F;
}


/*----------メニュー----------*/


<div style="position:relative; height:511px; width:760px; background:url(http://tokyo-form.sakura.ne.jp/fg6/web/map1.jpg) 0 0 no-repeat;"><a style="position:absolute; top:250px; left:51px; width:24px; height:23px;" title="夏目漱石/三四郎" alt="夏目漱石/三四郎" href="1.html" target="_blank"></a><a style="position:absolute; top:357px; left:272px; width:23px; height:24px;" title="森鷗外/雁" alt="森鷗外/雁" href="2.html" target="_blank"></a><a style="position:absolute; top:159px; left:354px; width:23px; height:22px;" title="読書スポット" alt="読書スポット" href="s1.html" target="_blank"></a><a style="position:absolute; top:316px; left:347px; width:26px; height:25px;" title="茗荷谷の猫/木内昇" alt="茗荷谷の猫/木内昇" href="3.html" target="_blank"></a><a style="position:absolute; top:379px; left:432px; width:25px; height:27px;" title="読書スポット" alt="読書スポット" href="s2.html" target="_self"></a><a style="position:absolute; top:232px; left:494px; width:25px; height:26px;" title="川端康成/帽子事件" alt="川端康成/帽子事件" href="4.html" target="_self"></a><a style="position:absolute; top:187.00000762939453px; left:541.9999923706055px; width:27px; height:25px;" title="高見順/都に夜のある如く" alt="高見順/都に夜のある如く" href="5.html" target="_self"></a><a style="position:absolute; overflow:hidden; top:509px; left:758px; width:1px; height:1px;" title="HTML Map" alt="HTML Map" href="http://www.html-map.com/" target="_self"></a></div>