body {
	margin:0;
	padding:0;
	background-color: #E8E5D7;
	background-repeat: repeat-y;
	font-family: "Hiragino Mincho Pro","メイリオ","Meiryo";
	overflow: hidden;
}
div#box {
	position: absolute;
	width:100%; height:100%;
	margin:0; padding:0;
	overflow: hidden;
}
div#header {
	width:1050px; height:50px; top:0; left:0;
	background-image: url("images/header-background.gif");
	background-repeat: no-repeat;
	overflow: hidden;
}
div#header img.logo { position: absolute; top: 0; left:0; }
div#header img.tab { margin:0; }
div#header ul {
	margin: 0; padding:0;
	float:right;
	margin-right: 50px;
	text-align:right; padding:0; height:50px; line-height:50px;
}
div#header ul li { list-style:none; float:left; margin:0; padding:0; height:50px; line-height:42px; vertical-align:middle; background-image:url("images/tab-background.gif"); background-repeat:repeat-x; }
div#header ul li a { padding:0 10px; color:#333333; font-family:"メイリオ","Meiryo",sans-serif; font-size:11px; text-decoration: none; }
div#header ul li.left { width:4px; background-image:url("images/tab-edge-left.gif"); background-repeat:no-repeat; background-position: left; margin-left:3px; }
div#header ul li.right { width:4px; background-image:url("images/tab-edge-right.gif"); background-repeat:no-repeat; background-position: right; }

div#footer {
	font-size:10px; font-weight: normal;
	background-image: url("images/footer-background.gif");
	background-repeat: no-repeat;
}
div#footer div {
	margin:0 0 0 40px; padding:15px 0 0; 
	width:971px;
}
div#footer form {
	margin: 0; padding: 0;
	float: right;
	text-align: right;
}
div#help {
	margin:20px 0 0 25px;
}

/* When Bookreader is not available or tunred off, styles below are used.  */
#bookreader {
	background-image: url("images/background.gif");
	background-repeat: repeat-y;
	height: 504px;
	overflow: auto;
}
#bookreader h1 { margin-left:150px; width:800px; font-size:24px; }
#bookreader h2 { margin-left:150px; width:800px; font-size:18px; }
#bookreader h3 { margin-left:150px; width:800px; font-size:14px; }
#bookreader p { margin-left:150px; width:800px; font-size:12px; }
#bookreader div { margin-left:150px; width:800px; font-size:12px; }
#bookreader hr { margin-left:150px; width:800px; }
#bookreader img { margin-left:150px; }
#bookreader p img { margin-left:0; }
#bookreader div hr { margin-left:0; }


#body {
	padding-left:25px;
	background-image: url("images/index-background.gif");
	background-repeat: repeat-y;
}
#body div.background {
	width:1001px; height:504px;
	background-image: url("images/flower-reverse.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.tree {
	margin:0; padding:0;
	width:201px; height:504px; overflow: auto;
	float: left;	
}
div.tree ul { margin:0; padding:0; }
div.tree ol { margin:0; padding:0; }
div.tree li {
	margin:0; padding:6px 0 6px 20px; list-style-type:none; font-size: 12px; cursor: pointer; border-bottom:1px dotted #3399CC;
	font-weight: bold;
}
div.tree li a { text-decoration: none; }
div.tree li:hover {
	background-image: url("images/treeitem-hover.gif");
	background-repeat:repeat-y;
	background-position: right;
}
div.tree li.selected {
	background-image: url("images/treeitem-selected.gif");
	background-repeat: no-repeat;
	background-position: right;
	cursor: auto;
}
div.tree ul ul li { padding:1px 1px 1px 40px; }
div.tree ul ul ul li { padding:1px 1px 1px 60px; }
div.tree ol li { padding:1px 1px 1px 40px; }


div.list {
	margin-left:211px; width:640px;
}
div.list h1 {
	margin:0; padding:16px 4px 20px 5px; font-size:18px; text-align: left; border-bottom:1px solid #bbbbbb; font-weight: bold;
}
div.list h2 {
	margin:16px 0 0 0; padding:4px 4px 2px 5px; font-size:12px; text-align: left; border-bottom:1px solid #dddddd; font-weight: bold;
}
div.list p { margin:5px 0 0; padding:1px 4px 2px 4px; font-size:12px; text-align: left; }

div.list ul { margin:0; padding:0;}
div.list ul li { list-style:none; padding:2px 4px 2px 10px; line-height:1.5em; font-size:12px; text-align: left; border-bottom:1px dotted #dddddd; font-weight:normal; cursor: pointer; }
div.list ul li a { text-decoration: none; }
div.list ul li:hover { background-color:#f7f7f7; }
div.list ul li span { float:right; padding-right:10px; font-size:12px; text-align: right; color:#666666; }
div.list ul ul { padding:6px 0 6px 20px; font-size:10px; border-top:1px dotted #dddddd; }
div.list ul ul li { display:inline; border:none; padding:0 15px 0 0; font-size:11px; }

div.list ol { margin:0; padding:0; width:130px; height:420px; float:left; background-image:url("images/list-ol-background.gif"); background-repeat: repeat-y; background-position: right; }
div.list ol li { list-style:none; padding:6px 4px 6px 10px; font-size:12px; text-align: left; border-bottom:1px dotted #dddddd; font-weight:bold; cursor: pointer; }
div.list ol li a { text-decoration: none; }
div.list ol li:hover { background-color:#f7f7f7; background-image:url("images/list-ol-hover.gif"); background-repeat:repeat-y; background-position: right; }
div.list ol li.selected {
	background-image: url("images/list-ol-selected.gif");
	background-repeat: no-repeat;
	background-position: right;
	cursor: auto;
}

div.list form { margin:0; padding: 3px 0 6px; border-bottom: 1px solid #d6d6d6; }


#footer_for_print { display:none; }