html {
	text-align: left;
	-webkit-text-size-adjust: 200%;
}

body {
	margin: 0;
	padding: 0
}

h1, h2, h2, h4, h5, h6 {margin: 1em 0}
h1 {text-align: center}
p.notice {font-style: italic}

table.doinchi {
	border: solid 2px;
	padding: 1em;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
table.doinchi thead {text-align: center}
table.doinchi td {padding: 0 1em}
/* doesn't work with IE
dl {display: table;}
div.row {display: table-row;}
dt, dd {display: table-cell;}
*/
img {border-style: none}

a.action-button {
	padding: 1em;
	text-decoration: none;
	border: solid 1px #000000;
	background-color: #338833;
	color: #ffffff;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}
a.action-button:hover {
	background-color: #33aa33
}
span.new {
	font-size: small;
	color: #ff0000;
}
.endfloat {display: block; float: none; clear: both}

#header {padding: 0.5em 3em}
#body {width: 100%}
#main {
	float: left;
	width: 80%;
}
#main > * {
	margin: 1em 1em 1em 3em;
}
#sidebar {
	float: left;
	width: 20%;
}
#sidebar > * {
	margin: 1em;
}
#sidebar_content {
	margin: 1em
}
#footer {
	clear: left;
	padding: 0.5em 3em;
	text-align: center;
}
#copyright {font-size: small; color: #aaaaaa}

#feedback {float: right}
#title {text-align: center}

ol.nearby {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding-left: 1em;
}
ol.nearby li { padding: 0.5em 0}

#index {
	padding: 0;
	line-height: 3;
	font-size: large;
	list-style-type: none;
	text-align: center;
}
#twitter_div {
	border: solid 1px #bbbbbb;
	color: #444444;
}
h2 {
	text-align: center;
	font-size: medium;
}
#twitter_update_list {
	/*padding: 0;*/
	list-style-type: none;
}
#twitter_update_list li {margin: 1em 0}