body{
	background-color	: #ffffff;
	background-image	: url(../image/renga03.gif);
	color				: #000000;
	font-size			: 90%;
}

div#container {
	width				: 770px;
	margin-left			: auto;
	margin-right		: auto;
	border				: 3px outset #888888;
}

div#header {
	width				: 770px;
	height				: 120px;
}

div#wrapper {
	width				: 770px;
	border-color		: #9988cc;
	border-style		: solid;
	border-width		: 0 1px 1px 1px;
	padding-top			: 10px;
}

div#navigation {
	width				: 160px;
	float				: right;
	border				: 1px dashed #334488;
	margin-right		: 10px;
	background-color	: #fae9f3;
}

div#content {
	width				: 770px;
}

div#footer {
	width				: 770px;
	clear				: both;
	margin-top			: 20px;
	margin-bottom		: 20px;
}

div.news {
	width				: 680px;
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 30px;
	padding-right		: 20px;
	background-color	: #eeffdd;
	border				: 1px solid #cceeaa;
}

div.contents {
	width				: 700px;
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 30px;
	background-color	: #eeeeff;
	border				: 1px solid #ccccdd;
}

div.special {
	width				: 700px;
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 30px;
	background-color	: #ffeeee;
	border				: 1px solid #ddddcc;
}

ul.link {
	list-style-type		: none;
}

li.link {
	margin-bottom		: 5px;
}

img.counter{
	margin-right		: 30px;
}

strong.blue{color:blue}
strong.red{color:red}
strong.yellow{color:yellow}
strong.crimson{color:crimson}
strong.green{color:green}
strong.purple{color:purple}

div.contents table {
	border-collapse		: collapse;
	width				: 100%;
}

div.special table {
	border-collapse		: collapse;
	width				: 100%;
}

div.contents th {
	width				: 30%;
	font-size			: 100%;
	padding-top			: 3px;
	padding-bottom		: 3px;
}

div.contents td {
	text-align			: left;
	width				: 70%;
	font-size			: 90%;
}

div.special th {
	width				: 30%;
	font-size			: 100%;
	padding-top			: 3px;
	padding-bottom		: 3px;
}

div.special td {
	text-align			: left;
	width				: 70%;
	font-size			: 90%;
}

h1{
	font-size			: 200%;
	font-style			: italic;
	color				: #223755;
	margin-left			: 10px;
	padding				: 7px;
	text-align			: left;
}

h2{
	font-size			: 120%;
	color				: #222222;
	background-color	: #eeee67;
	border-width		: 2px;
	border-style		: outset;
	border-color		: #bbaa33;
	padding				: 4px 0 4px 0;
	width				: 160px;
	text-align			: center;
	margin				: 10px 0 15px 15px;
}

div.contents h3 {
	font-size			: 120%;
	color				: #111111;
	background-color	: #8888ee;
	margin				: 0;
	padding				: 5px 0 5px 20px;
	border-top			: 2px solid #333366;
	border-bottom		: 2px solid #333366;
}

div.special h3 {
	font-size			: 120%;
	color				: #111111;
	background-color	: #ee8888;
	margin				: 0;
	padding				: 5px 0 5px 20px;
	border-top			: 2px solid #663333;
	border-bottom		: 2px solid #663333;
}

div.writings h4 {
	font-size			: 100%;
	color				: #111111;
	background-color	: #5555cc;
	margin				: 0 20px 0 0;
	padding				: 3px 0 3px 10px;
	border-left			: 15px solid #2222aa;
}

div.special h4 {
	font-size			: 100%;
	color				: #111111;
	background-color	: #ccbb55;
	margin				: 0 20px 0 0;
	padding				: 3px 0 3px 10px;
	border-left			: 15px solid #aa9944;
}

h3 span {
	font-size			: 90%;
	font-weight			: normal;
	margin-left			: 10%;
}

.right {
	text-align			: right;
}

.mail {
	color				: #000000;
	text-align			: right;
}

a:link {
	color				: blue;
	text-decoration		: none;
}

a:visited {
	color				: blue;
	text-decoration		: none;
}

a:hover {
	color				: blue;
	text-decoration		: underline;
}

a:active {
	color				: blue;
	text-decoration		: none;
}