/*
参考までに基礎知識
マージンは領域間のスペース、パディングは領域内のスペース。
ある活字のサイズを一辺とする正方形を、組版における相対的な長さの単位としたものがem（エム）。
1em = その時点の一文字分の長さ
*/




/*-------基本-------*/
html,body{

scrollbar-base-color:#ffffff;
scrollbar-arrow-color:#ccccff;
scrollbar-shadow-color:#ccccff;
scrollbar-darkshadow-color:#9999ff;
scrollbar-3dlight-color:#cce6ff;
scrollbar-highlight-color:#eeffff;
scrollbar-track-color:#eef7ff;

	color: #000000;
	background-color: #ffffff;
}


#indexContents{
	width: 90%;
	padding: 2.0em 15px 2.0em 15px; /*上のバー用に少し下げてますよ！*/
}


#header{
	border-bottom: 1px solid #66ffff;
	overflow: hidden;
	height: 2em;
	position: absolute;
	top : 0
	z-index: 2;
	right: 17px;/*スクロールバー分だよ*/
}

#header_2{
	margin 5px 12px 0px 28px;
}

#contents{
	height: 100%
	width: 100%
	overflow: auto;
	z-index: 1;
}






/*-------区画--------*/
div.left40{/*左側のメニューって感じ*/
	float: left;
	text-align: left;
	width: 50%; /*幅だね*/
}


div.left98{
	float: left;
	text-align: left;
	width: 98%;
}


div.navi {
background-color: #cce6ff;
font-family: Courier;
border-bottom: #00bfff 2px solid;
padding: 5px 7px 0px 0px
}




/*---------強調---------*/
h1 {/*メインで使用*/
	font-size: 150%; 
	line-height: 150%;
	font-family: "ＭＳ ゴシック", serif; /*fontの種類、*/
	font-weight: bold;   /*太さ？*/
	text-align: left;    /*左より*/
	border: 1px solid; /*ボーダー1px*/
	border-color: #ffffff #ffffff #000000 #ffffff; /*色指定*/
	margin-bottom: 1.0em; /*マージンを入れるよ！*/
}

h3 {/*contentsに使用中*/
	color:#000000;
	padding: 0 0 0 10px;
	font-size: 120%;
	line-height: 120%; /*行の高さ*/
	font-family: serif;
	font-weight: bold;
	border-bottom: 1px double #000066;/*borderの太さ*/
	border-left: 10px solid #000066;
	margin-bottom: 5px; /*下のボーダーの設定ですよ！*/
}





/*---------強調/拡張--------------*/
h2.menu{
	color: #33cc99;
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	border-bottom: 1px solid;
	border-left: 8px solid;
	text-align: left;
	margin: 0;
	padding: 0 0 0 1em;
	clear: both;
	width: 100%;
}

/*----------色----------------*/
.coment{
color: #00cc00
}




/*--------------枠-------------------*/
dl{
	width: 100%;
	margin: 0;
}
dt{
	float: left;
	width: 8.0em;
	padding-left: 1.0em;
	border: 0;
	margin: 0;
}
dd{
	padding-left: 10em;
	font-size: 80%;
	border:	0;
	margin: 0;
}