html, body {
	margin:  0px;
	padding: 0px;
}

body {
	background: url(astarisk/side.png) bottom right no-repeat fixed;
}

div#root {
	margin:       0px;
	margin-right: 180px;
	/* padding is not 0px but 0.1px, because of Firefox bag */
	padding:      0.1px;
	padding-left: 1em;
	padding-bottom: 0px;
}

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Meirio, 'メイリオ', sans-selif;
}

div#header {
	background: url(astarisk/title.png) top left no-repeat;
	height: 210px;
}

h1 {
	margin-top: 0px;
	padding: 1em 0px 0px 3em;
}

h2 {
	clear: both;
	padding: 5px;
	padding-left: 0.5em;
	font-size: 150%;
}

h3 {
	clear: both;
	margin: 0.77em 0px 0px 1ex;
	font-size: 130%;
}

p {
	margin-left: 2em;
	margin-right: 1em;
}

ul, ol {
	margin: 1em 1em 1em 3em;
	padding: 0px;
}

ul ul, ul ol, ol ul, ol ol {
	margin: 0.5em 0em 1em 1em;
}

li {
	margin: 0px 0px 0px 1em;
	padding: 0px;
}

div.imagebox {
	float: right;
	text-align: center;
	margin: 1em;
}

div.conv {
	margin-left: 1em;
	border-left: 3px double black;
	padding-left: 1ex;
}

div.conv p {
	margin: 0px 0px 1ex 2em;
	text-indent: -2em;
}

dl {
	margin: 1em 1em 1em 3em;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1ex;
	padding-left: 1ex;
	border-left: 3px double #666;
}

address {
	margin-left: 2em;
	padding: 0.5em;
}

form {
	margin-left: 3em;
}

form p {
	margin-left: 0px;
}

pre {
	margin: 1.11em;
	margin-left: 3.33em;
	padding: 1.11ex;
	border: 2px dashed #666;
	font-size: 90%;
}

img {
	border: none;
}

abbr {
	cursor: help;
}

span.time {
	font-size: 80%;
	color: #666;
}