@charset "utf-8";

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

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

div#contents {
	float: left;

	width: 400px;

	background-color: #FFFFFF;
}

div#navigation {
	float: right;

	width: 278px;
}
html>body div#navigation {
	width: 280px;
}

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

div#contents h2 {
	clear: both;
	height: 25px;

	margin: 15px;

	text-indent: -9999px;
}
div#contents h3 {
	margin: 0px 20px 15px 25px;
	padding: 2px;
	border-bottom: 1px dotted #999999;
}

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 20px 25px;
}
div#contents ul {
	margin: 0px 20px 20px 43px;
}
div#contents ul li {
	list-style-image: url("../images/index_red.gif");
}

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

div#contents em {
	font-weight: bold;
}

div#contents .image {
	margin: 0px;
}

div#contents .comparison {
	margin: 0px 20px 15px 25px;
}
div#contents .comparison li {
	list-style-type: none;
	list-style-image: url("");
}

div#contents .information {
	background-image: url("../images/text/information.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div#contents .cgi_list {
	background-image: url("../images/text/cgi_list.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div#contents .cgi_list {
	background-image: url("../images/text/cgi_list.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div#contents .cgi_list {
	background-image: url("../images/text/cgi_list.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div#contents .pr {
	background-image: url("../images/text/pr.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

/* ----- ナビゲーション -------------------------------- */

div#navigation h2 {
	clear: both;
	height: 25px;

	margin: 15px;

	text-indent: -9999px;
}

div#navigation li, div#navigation dt, div#navigation dd {
	color: #444444;

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

div#navigation ul {
	margin: 0px 20px 20px 43px;
}
div#navigation ul li {
	list-style-image: url("../images/index_red.gif");
}

div#navigation dl {
	margin: 0px 26px 20px 26px;
}
div#navigation dl dd {
	margin-left: 20px;
}

div#navigation em {
	font-weight: bold;
}

div#navigation .record {
	background-image: url("../images/text/record.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div#navigation .private {
	background-image: url("../images/text/private.gif");
	background-repeat: no-repeat;
	background-position: left top;
}