body	{ line-height: 180%; margin: 20px; font-size: medium; }
table	{ line-height: 1.5em; }
dt	{ font-weight: bold; }

.right		{ text-align: right; }
.green		{ color: green; }
.float		{float: left; margin: 1em; }
.clear		{clear: left; }
.float-r	{float: right; margin: 1em; }
.clear-r	{clear: right; }

a:link		{ color: #cc3300; }
a:active	{ color: #800080; }
a:visited	{ color: #663300; }

div.newinfo	{ font-size: small; }
div.info	{ margin-left: 3em; font-size: small; line-height: 120%; }
div.paper	{ padding: 10px; border-width: thin; border-style: solid;
		  background-color: #ddffdd; border-color: black; }
div#index	{ position: absolute; left:0; top: 45px; width: 128px; height: 360px;
		  margin: 0; padding: 0; border-width: 0; float: left; }
div#content	{ position: absolute; padding: 1em;
		  left: 105px; top: 50px; right: 0px; }

span.new	{ font-style: italic; color: red; float: left; font-size: small; }
span.end	{ font-style: italic; color: #060; float: left; font-size: small; }

li.mark		{ list-style-image: url(image/Mark.png); }
img.mihon	{ float: left; margin: 0.5em; }

p.date		{ line-height: 100%; text-align: center;
		  font-size: small; font-style: italic; }
p.footer	{ line-height: 100%; text-align: center;
		  font-size: small; }
p.soldout	{ font-size: large; text-align: center; color: red; }

h1		{ text-align: center; }
h1.title	{ margin: 10px; padding: 0; border-width: 0; text-align: center;
		  position: absolute; left: 0px; top: 0; width: 720px; height: 50px; }
h2		{ text-align: center; color: red; }
h3.soldout	{ font-size: large; font-weight: bold; text-align: center; color: red; }

#logo		{ }
#button		{ width: 104px; height: 35px; border-width: 0px; }

#top		{ display: block; background-image: url(image/GoTopOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 30px; }
#top-on		{ display: block; background-image: url(image/GoTopOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 30px; }
#aisatu		{ display: block; background-image: url(image/AisatuOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 65px; }
#aisatu-on	{ display: block; background-image: url(image/AisatuOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 65px; }
#reikai		{ display: block; background-image: url(image/ReikaiOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 100px; }
#reikai-on	{ display: block; background-image: url(image/ReikaiOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 100px; }
#kosyu		{ display: block; background-image: url(image/KosyuOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 135px; }
#kosyu-on	{ display: block; background-image: url(image/KosyuOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 135px; }
#book		{ display: block; background-image: url(image/BooksOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 170px; }
#book-on	{ display: block; background-image: url(image/BooksOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 170px; }
#syokai		{ display: block; background-image: url(image/GuideOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 205px; }
#syokai-on	{ display: block; background-image: url(image/GuideOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 205px; }
#jiseki		{ display: block; background-image: url(image/JissekiOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 240px; }
#jiseki-on	{ display: block; background-image: url(image/JissekiOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 240px; }
#nyukai		{ display: block; background-image: url(image/NyukaiOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 275px; }
#nyukai-on	{ display: block; background-image: url(image/NyukaiOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 275px; }
#links		{ display: block; background-image: url(image/SiteOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 310px; }
#links-on	{ display: block; background-image: url(image/SiteOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 310px; }
#blog		{ display: block; background-image: url(image/BlogOff.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 345px; }
#blog-on	{ display: block; background-image: url(image/BlogOn.png);
		  width: 104px; height: 35px; position: absolute; left: 4px; top: 345px; }