@charset "utf-8";

body {
	margin: 1em 20px;
	background-color: #444;
	font-family: "Trebuchet MS", sans-serif;
}

/*--------------------------------------
	Layout
----------------------------------------*/

div#main {
	margin-left: 210px; /* div#naviの幅と余白を足した分のマージン */
	padding: 0.2em 0;
	background-color: #fff;
}

div#navi {
	padding: 0.2em 0;
	width: 200px; /* ナビゲーションの幅 */
	position: absolute; /* 絶対配置 */
	top: 58px; /* 基点からの上方向の距離 */
	left: 20px; /* 基点からの左方向の距離 */
	background-color: #80af00;
}

/*--------------------------------------
	Elements
----------------------------------------*/

h1 {
	margin: 0 0 15px 0;
	color: #fff;
	font-weight: normal;
	font-size: 140%;
}

h2 {
	padding: 0.2em 16px;
	color: #999;
	background-color: #eee;
	font-weight: normal;
	font-size: 100%;
	margin: 0.8em 16px; 
}

p {
	margin: 1em 16px;
	line-height: 1.6;
	color: #999;
	font-size: 80%;
}

ul {
	margin: 0.8em 16px;
	padding: 0;
	color: #cdfc4d;
}

li {
	margin: 0.2em 8px;
	font-size: 80%;
}

li li {
	font-size: 100%;
}