body	{
	height: 100%;
	background: #F0DED1; 
	color: #333;
	font-size:100%; 
}


.header	{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5em;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	background: #f63; 
	border-left: solid 10px #333;
}

.left	{
	position:absolute;
	top: 5em;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right: 230px;
	padding-top:  20px;
	padding-left: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background: #fff; 
}


.right	{
	position:absolute;
	z-index: 10;
	top: 5em;
	right: 0;
	height: 100%;
	width: 210px;
	padding: 5px;
	margin-right: 10px;
	background: #eee; 
	border-left: solid 10px #ccc;
	}



/* 見出し */
h1	{ font-size:150%;color:#FFF; }
h2	{ font-size:125%; color:#FF6633; }
h3	{ font-size:100%; color:#FF6633; }


/* 色 */
.white	{ color:#fff }
.red    { color:#FF0000; }


/* フォントサイズ */
.lll { font-size : 180%; line-height:130%; }
.ll { font-size : 150%; line-height:130%; }
.l { font-size : 120%; line-height:130%; }
.size100 { font-size : 100%; line-height:140%; }
.m { font-size : 75%; line-height:140%; }
.s { font-size : 65%; line-height:160%; }