@charset "UTF-8";

html {
	background-color:#FFFFFF;
	}
body {
	margin:0;
	padding:0;
	min-width:800px;
	color:#333333;
	}
a {
	color:#0080FF;
	}
a:visited {
	color:#8080C0;
	}
img {
	border:none;
	vertical-align:middle;
	}
input,
select,
textarea {
	vertical-align:middle;
	}

/* header */
div.header {
	border-bottom:#DDDDDD 1px solid;
	padding:10px 16px;
	}
div.header div {
	float:left;
	}
div.header ul {
	float:right;
	font-size:small;
	font-family:monospace;
	list-style:none;
	}

/* body */
div.body {
	margin:26px 16px;
	font-size:90%;
	}

/* contents */
div.contents {
	float:right;
	margin:0 0 0 -208px;
	width:100%;
	}
div.content {
	margin:0 0 0 208px;
	}
div.content h1 {
	letter-spacing:0.1em;
	font-size:large;
	}
div.content h2 {
	border-bottom:#FFBB00 1px solid;
	padding:5px 0;
	letter-spacing:0.2em;
	color:#FFBB00;
	font-size:medium;
	}
div.content h3 {
	margin:1em 0;
	letter-spacing:0.1em;
	font-size:small;
	}
div.content p {
	margin:1em 0;
	line-height:1.6;
	}
div.content div.section {
	margin:16px 0;
	}
div.content div.section ul {
	padding:0 25px;
	line-height:1.6;
	}

/* navigation */
#navigation {
	float:left;
	padding:0 16px;
	width:160px;
	overflow:hidden;
	font-size:small;
	}
#navigation ul {
	list-style:none;
	font-family:"Meiryo","���C���I",sans-serif;
	}
#navigation ul li {
	margin:2px 0 0 0;
	border:#666666 1px solid;
	}
#navigation ul li a {
	display:block;
	border-left:#FFCC00 5px solid;
	padding:5px;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	}
#navigation ul li a:hover { 
	background:#FFCC00;
	}
#navigation div.ads { 
	margin:15px 0;
	}

/* footer */
div.footer {
	clear:both;
	border-top:#DDDDDD 1px solid;
	padding:10px 16px;
	}
div.footer ul {
	float:right;
	font-size:small;
	font-family:monospace;
	list-style:none;
	}
div.footer ul li {
	float:left;
	padding:0 0 0 1em;
	}
div.footer ul li a {
	text-decoration:none;
	}
div.footer ul li a:hover {
	text-decoration:underline;
	}