@charset "utf-8";



/* ********** 全体 ********** */

#header {
	font-family: "Lucida Grande", Arial, "Sans Serif";
	text-align: center;
}

#pagebody {
	font-family: "Lucida Grande", Arial, "Sans Serif";
}

#header hr {
	position: absolute;
	left: 8%;
	width: 84%;
}

#footer hr {
	position: absolute;
	left: 8%;
	width: 84%;
}

#navi{
	font-family: "Lucida Grande", Arial, "Sans Serif";
	float: left;
	width: 22%;
}

#main{
	font-family: "Lucida Grande", Arial, "Sans Serif";
	float: right;
	width: 75%;
	line-height: 1.2em;
	margin-bottom: 1.2em;
}

#footer {
	clear: both;
	font-family: "Lucida Grande", Arial, "Sans Serif";
	font-size: smaller;
	text-align: center;
	color: #444444;
}



/* ********** 左のメニューの中 ********** */

#navi li {
	list-style: none;
}

#navi a {
	text-decoration: none;
	color: black;
}

#navi .navi_item {		/* メニューの項目 */
	padding-left: 0.4em;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	margin-bottom: 0.4em;
	background-color: #DDDDDD;
}

#navi .navi_item_active {		/* アクティブなメニューの項目 */
	font-weight: bold;
	padding-left: 0.4em;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	margin-bottom: 0.4em;
	background-color: #CCCCCC;
}

#navi .navi_item_language {		/* English<->Japanese の項目 */
	font-size: smaller;
	padding-left: 0.4em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom: 0.4em;
	background-color: #FFCC66;
}

#navi a:hover {			/* マウスが上に来た時 */
	text-decoration: underline;
}



/* ********** メインの中 ********** */

.section {
	margin-bottom: 2em;
}

.screenshots {
	text-align: center;
}

.screenshot_in_overview {
}

.list_box {
	padding-left: 1.2em;
}

.list_item {
	display: list-item;
	margin-top: 1.2em;
}

.list_item_decimal {
	display: list-item;
	list-style: decimal;
	margin-top: 1.2em;
}

div.annotation {
	font-size: smaller;
	color: #444444;
	margin-top: 0.5em;
}

.annotation {
	font-size: smaller;
	color: #444444;
}

.label {
	font-weight: bold;
	color: #884400;
}

.model_text {
	white-space: pre;
	font-size: smaller;
	line-height: 1.4em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	margin-right: 1.2em;
	border-style: solid;
	border-width: 0.2em;
	border-color: #777777;
}

.notification {
	font-size: smaller;
	line-height: 1.4em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	margin-right: 1.2em;
	border-style: solid;
	border-width: 0.2em;
	border-color: #777777;
	background-color: #DDCCBB;
}

.bug_notification {
	font-size: smaller;
	line-height: 1.4em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	margin-right: 1.2em;
	border-style: solid;
	border-width: 0.2em;
	border-color: #777777;
	background-color: #FFAAAA;
}

.smaller_font {
	font-size: smaller;
}

.gray_color {
	color: #444444;
}

.comment {
	color: #007700;
}

img {
	margin: 2em;
}

.under_development {
	color: #884400;
}