body {
	font-family: sans-serif;
	margin: 1em;
}

h1, h2, table, dt {
	color: navy;
}

h3, h4, ul a {
	color: green;
}

code, .code {
	color: black;
	background: #ffffcc;
	border-style: solid;
	border-width: 1px;
	border-color: #ffff66;
	vertical-align: top;
}

.new {
	font-size: x-small;
	color: red;
	background: yellow;
}

.updated {
	font-size: x-small;
	color: orange;
}

.note {
	font-size: small;
	color: black;
	background: silver;
}

.warning {
	color: red;
	background: yellow;
}

.chapter {
	color: black;
}

.navbar-top, .navbar-bottom {
	margin-top: 1em;
	margin-bottom: 1em;
}

.rel-p {
	width: 9%;
	align: left;
	valign: center;
	font-weight: bold;
}

.rel-n {
	width: 6%;
	align: left;
	valign: center;
	font-weight: bold;
} 

.nav-link {
	width: 39%;
	align: left;
	valign: center;
}

.toc-link {
	 width: 7%;
	 align: left;
	 valign: center;
}

/* start css for japanese */
body {
    font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
    /*font-size: 14px;*/
    line-height: 1.6;
    font-weight: normal;
}

pre, code, var, samp, kbd, .mono {
    font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
    line-height: 1.2;
}

table {
    /*font-size: 14px;*/
    border-collapse : collapse;
}

td {
	padding: 0.2em 0.5em;
}

code, .code {
	vertical-align: baseline; /* override above */
}

div.note {
	padding: 0em 0.5em;
}

pre.programlisting {
	display: inline-block;
	border-radius: 10px;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
	margin-left: 1em;
	padding: 0.5em;

	background: #ffffcc;
	border-style: solid;
	border-width: 1px;
	border-color: #ffff66;
}
