/* ---------------- 全体設定 ---------------- */
html,body{
	margin:0;
	width:100%;
	height:100%;
	_height:86%;
	font:normal 0.9em/1.5em "メイリオ","ヒラギノ角ゴ Pro W3","HGP明朝B","ＭＳ Ｐゴシック","osaka";
	text-align:justify;
	text-justify:inter-ideograph;
}

* html{
	overflow:hidden;
}

* html body{
	overflow:auto;
}

body{padding:60px 0 0 0;}
* html body{padding:80px 0 0 0;}
*+html body{padding:80px 0 0 0;}

p,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,h7{
	list-style:none;
	margin:0;
	padding:0;
	line-height:1.7em;
}

ol li{list-style:decimal;}
ol li ul,
.finally ul{padding-left:15px !important; margin:0 0 10px 0;}
ul li,
ol li ul li{list-style:none; list-style:square; color:#555555;}


dl{
	margin:10px 10px 10px 20px;
	border:solid 1px #777777;
	padding:10px;
	-moz-border-radius:20px;
	border-radius:10px;
}

hr{display:none;}


/* ---------------- ヘッダ ---------------- */
h1{
	position:fixed;
	_position:absolute;
	top:0;
	left:-40px;
	width:100%;
	font-size:1.5em;
	text-align:right;
	background:#000000;
	color:#ffffff;
	border-bottom:solid 3px #777777;
	padding:20px;
	opacity:0.7;
	filter:alpha(opacity=70);
	z-index:1;
}

h1:after{
	content:"Rally that refrains from use of image as much as possible and tries good-looking CSS design.";
	display:block;
	font-size:0.5em;
	line-height:1em;
}




/* ---------------- サイドバー ---------------- */
#navigation{
	width:200px;
	position:fixed;
	_position:absolute;
	top:0;
	background:#aaaaaa;
	padding:100px 0px 10px 0px;
	border:solid 0px #dddddd;
	border-width:0 3px 3px 0;
	height:100%;
	z-index:0;
	filter:progid:DXimageTransform.Microsoft.alpha(
		style=1.
		opacity=100,
		finishopacity=0,
		startx=0,
		starty=0,
		finishx=0,
		finishy=80,
		enabled=true);
	
}

#navigation h2{
	color:#ffffff;
	background:#444444;
	-moz-border-radius:0;
	margin:0;
	padding:10px 0 3px 10px;
}

#navigation li{
	background:#444444;
	margin:10px 0 10px 0;
}

#navigation a{
	line-height:20px;
	_height:0;
	padding:10px;
	text-decoration:none;
	color:#ffffff;
	display:block;
}

#navigation a:hover{
	background:#666666;
}




/* ---------------- メインカラム ---------------- */
.container{padding:0 0 50px 0;}




/* ---------------- 本文 ---------------- */
.section{
	padding:20px 0 0px 240px;
	margin:0 20px 0 0;
}

div.section:first-child {margin-top:80px;}

.section .section{
	padding:0;
}

.section p,
.finally p,
.section ol,
.section ul{
	padding-left:20px;
}



/* ---------------- 見出し関連 ---------------- */
/* mozilla系のみ角丸 */
.section h2,
.finally h2{
	-moz-border-radius:20px;
	border-radius:20px;
	background:#444444;
	color:#ffffff;
	padding:10px 20px 10px 20px;
	margin:40px 0 20px 0;
}

* html .section h2{padding:10px 20px 5px 20px;}
*+html .section h2{padding:10px 20px 5px 20px;}
* html .finally h2{padding:10px 20px 5px 20px;}
*+html .finally h2{padding:10px 20px 5px 20px;}


.section h3{
	margin:40px 0 20px 0;
	border-left:solid 6px #333333;
	padding-left:5px;
}

.section h4{
	margin:30px 0 10px 0;
	background:#eeeeee;
	padding:2px 5px 2px 5px;
}

.section h2,
.section h3,
.finally h2,
.finally h3,
.finally h4{font-size:1.3em;}

.section h4,
.section h5,
.section h6{font-size:1.1em; font-weight:normal; -moz-border-radius:100%;}

/* IEのみグラデーションフィルタ */
.section h2,
.finally h2{
	filter:progid:DXimageTransform.Microsoft.alpha(
		style=1.
		opacity=100,
		finishopacity=0,
		startx=0,
		starty=0,
		finishx=0,
		finishy=100,
		enabled=true);
}


/* IEハックは纏めて指定すると通らない為、個別に指定 */
* html .section h2{width:92%;}
* html .finally h2{width:92%;}
*+html .section h2{width:92%;}
*+html .finally h2{width:92%;}


/* ---------------- フッタ ---------------- */
.finally{
	padding-left:240px;
	margin-right:20px;
}

.finally ul