body {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	background-color: #e9e9d9;
	margin: 15px;
	padding: 0;
	line-height: 1.5;
}

body.system {
	background-color: #fff;
}

body.system p,
body.system ul,
body.system ol {
	font-size: small;
}

a { font-weight: bold; }
a:link { color: #5b0; text-decoration: none; }
a:visited { color:#5b0; text-decoration: none; }
a:active { color: #8e3; text-decoration: none; }
a:hover { text-decoration: underline; }

a.view:link { color: #39c; }
a.view:visited { color:#69c; }
a.view:active { color: #9cf; }

#container {
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid;
	border-color: #ccb #ccb #998 #bba;
}

#header {
	border-bottom: 2px solid #000;
	font-size: x-small;
	margin-bottom: 2px;
	height: 5.5em;
	color: #999;
}

#header .menu {
	float: right;
	padding-right: 5px;
	padding-top: 19px;
}

#header a:link { color: #000; }
#header a:visited { color:#000; }
#header a:active { color: #999; }

#navi {
	clear: both;
	padding-left: 5px;
	border-top: 1px solid #000;
	font-size: small;
	color: #999;
	height: 1.8em;
	line-height: 1.65;
}

#content {
	clear: both;
	padding: 15px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #000;
	font-size: small;
}

#footer {
	overflow: hidden;
	margin-top: 2px;
	padding: 5px 5px 0 5px;
	border-top: 2px solid #000;
	font-size: x-small;
	height: 3.5em;
}

#title {
	border-bottom: 1px dotted #000;
	font-weight: bold;
	font-size: small;
	height: 1.8em;
	margin-bottom: 15px;
}

#saved{
	position: absolute;
	z-index: 99;
	width: 300px;
	background: #eee url(../img/loading_back.gif);
	color: #333;
	border: 2px outset #ccc;
	padding: 30px 0;
	font-size: small;
	text-align:center;
}

h2 {
	font-size: small;
	font-weight: bold;
	margin-top: 30px;
}

h3 {
	font-size: x-small;
	font-weight: normal;
	border-bottom: 1px dotted #bbb;
	margin-top: 5px;
}

div.anchor_navi {
	font-size: x-small;
	padding: 5px;
	color: #999;
	background-color: #e9e9d9;
	text-align: center;
}

div.left {
	float: left;
	margin-right: 3px;
}

div.right {
	float: right;
	margin-left: 3px;
}

div.dir_navi {
	font-size: x-small;
}

div.dir_size {
	font-size: x-small;
	text-align: right;
}

blockquote {
	color: #444;
	background-color: #fff9e6;
	border: 1px dotted #bbb9a6;
	font-family: monospace;
	font-size: small;
	padding: 5px;
	margin: 0;
}

form{
	margin: 0;
}

img{
	border: 0;
}

ol, ul, li {
	margin-bottom: 0.5em;
}

p {
	margin-bottom: 1em;
}

p.hint {
	color: #444;
	font-size: x-small;
	margin: 20px 0 5px 0;
}

pre {
	font-size: small;
	font-family: monospace;
}

select, textarea, .field {
	font-size: 12px;
}

@media screen {
	html>body select, html>body textarea, html>body .field {
		font-family: sans-serif;
	}
}

table {
	margin-right: auto;
	margin-left: auto;
	font-size: small;
}

table.line {
	border: 1px solid #c0bca9;
}

table.line th {
	text-align: left;
	background: #442c22 url(../img/th_back.gif);
	color: #fff;
}

table.line th a:link { color: #b0ac99; }
table.line th a:visited { color:#b0ac99; }
table.line th a:active { color: #fff; }

table.line td {
	background-color: #f3f0dc;
}

table.line td.item {
	background-color: #e0d9b9;
}

table.line td.attr {
	background-color: #d0c3a6;
}

table.line td.valid {
	font-size: x-small;
	color: #797356;
	background-color: #e9e3c6;
}

table.line tr.odd td {
	background-color: #e9e3c6;
}

table.colors {
	border-collapse : collapse;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #000;
	margin: 5px;
}

table.colors td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #000;
	line-height: 0;
	padding: 0;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.button {
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #fff;
	background: #5b0 url(../img/button_back.gif) repeat-x;
	border: 1px solid;
	border-color: #4a0 #390 #060 #060;
	width: 10em;
	padding: 1px;
}

.button_disabled {
	cursor: default;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #fff;
	background-color: #ddd;
	border: 1px solid;
	border-color: #ccc #ccc #aaa #aaa;
	width: 10em;
	padding: 1px;
}

.frame {
	border: 1px solid #b0ac99;
	padding: 0;
	margin: 0;
	line-height: 0;
}

.nowrap {
	white-space:nowrap;
}

.notice {
	color: #f30;
	font-weight: bold;
}

.required {
	color: #f60;
	font-size: x-small;
}

.small_button {
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #333;
	background: #fff;
	border: 3px double;
	border-color: #bbb #bbb #999 #999;
	padding: 1px;
}

.small_button_disabled {
	cursor: default;
	font-family: Verdana, Geneva, sans-serif;
	font-size: x-small;
	color: #ccc;
	background-color: #fff;
	border: 3px double;
	border-color: #ddd #ddd #bbb #bbb;
	padding: 1px;
}

.smaller {
	font-size: smaller;
	line-height: 1.8;
}

.state {
	border: 1px solid #ccc;
	padding: 5px 10px 10px 10px;
	color: #333;
	background-color: #eee;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.width_full {
	width: 95%;
}

.width_half {
	width: 50%;
}

.width_short {
	width: 20%;
}