@charset "utf-8";

/* ----- 基本構造 -------------------------------------- */

div#container {
	background-color: #FFFFFF;
}

div#contents {
	float: none;
	clear: both;

	padding: 15px;
}

/* ----- コンテンツ ------------------------------------ */

div#contents h2 {
	margin-bottom: 10px;
	padding: 5px 10px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;

	background-color: #DDDDDD;
}
div#contents h3 {
	margin: 0px 10px 15px 10px;
	padding: 3px 10px;
	border-bottom: 1px solid #999999;
	border-left: 5px solid #7777CC;
}
div#contents h4 {
	margin: 0px 20px 15px 25px;
}
div#contents h5 {
	margin: 0px 20px 15px 25px;
}

div#contents p, div#contents li, div#contents dt, div#contents dd {
	color: #444444;

	line-height: 1.4;
}
div#contents p, div#contents li, div#contents dt, div#contents dd, div#contents a {
	font-size: x-small;
}
html>body div#contents p, html>body div#contents li, html>body div#contents dt, html>body div#contents dd, html>body div#contents a {
	font-size: small;
}

div#contents p {
	margin: 0px 20px 15px 25px;
}
div#contents ul {
	margin: 0px 20px 15px 45px;
}
div#contents ol {
	margin: 0px 20px 15px 55px;
}
div#contents ul li {
	list-style-image: url("../images/index_red.gif");
}
div#contents ul li ul {
	margin-left: 30px;
}
div#contents ul li ol {
	margin-left: 30px;
}

div#contents dl {
	margin: 0px 20px 15px 25px;
}
div#contents dl dd {
	margin-left: 40px;
}

div#contents em {
	font-weight: bold;
}
div#contents img {
	margin-right: 10px;
	margin-bottom: 5px;
}

div#contents pre {
	width: 550px;

	margin: 0px 20px 15px 25px;
	padding: 5px;
	border: 1px solid #DDDDDD;

	overflow: auto;
}
div#contents code, div#contents var, div#contents kbd {
	color: #000080;

	font-family: "ＭＳ ゴシック", monospace;
	line-height: 1.2;
}

div#contents blockquote {
	margin: 0px 20px 15px 25px;
	border-left: 2px solid #7777AA;
}
div#contents blockquote p {
	margin: 0px 10px 15px 10px;

	color: #999999;
}

div#contents table {
	margin: 0px 20px 25px 25px;
	border: 1px solid #666680;
	border-collapse: collapse;
}
div#contents table th {
	padding: 5px;
	border: 1px solid #AAAAAA;

	background-color: #EEEEEE;

	text-align: center;
}
div#contents table td {
	padding: 5px;
	border: 1px solid #AAAAAA;
}

div#contents form {
	margin-bottom: 10px;
}
div#contents form dl {
	margin-bottom: 10px;
}
div#contents form dl dt {
	float: left;
	clear: left;
	width: 5em;
}
div#contents form dl dd textarea {
	margin-top: 2px;
}
div#contents form ul {
	margin: 0px 0px 10px 25px;

}
div#contents form ul li {
	list-style-type: none;
	list-style-image: url("");
}

div#contents .navigation {
	margin-left: 10px;
}
div#contents .submenu {
	margin: 0px 20px 15px 25px;
}
div#contents .submenu li {
	display: inline;

	margin-right: 10px;
}
div#contents .env dt {
	float: none;
	clear: both;
	width: 30em;

	margin: 0px;
}
div#contents .env dd {
	float: none;
	clear: both;

	margin: 0px 0px 10px 0px;
}

div#contents table.comparison tr td {
	text-align: center;
}