body{
/* 背景画像 */
	background-image: url("img/top2.jpg");	/* 1860x1240 */
/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
		background-size: cover;
/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		background-attachment: fixed;
/* 画像を常に天地左右の中央に配置 */
		background-position: center center;
/* 画像をタイル状に繰り返し表示しない */
		background-repeat: no-repeat;
/* 背景画像が読み込まれる前に表示される背景のカラー */	
		background-color: #000000;
	}
}
.header {

}
.footer{
	height: 30px;
//	background: black;
	color: #fff;
	clear: both;
	text-align: center;
}
.main-contents, .left-navi, .right-navi {
  height: 850px;
}
.main-contents-top{
	color: #fff;
	float: left;
	width: 75%;
	height: 700px;
	padding-top: 150px;
	padding-left: 50px;
}

.main-contents {
	background-color: rgba(50, 50, 50, 0.5);
	color: #fff;
	float: left;
	width: 75%;
	height: 700px;
	padding-top: 150px;
	padding-left: 50px;
}

.left-navi {
//	background-color: rgba(255, 255, 255, 0.8);		/* 背景色指定 透過 */
	color: #000;
	width: 13%;
	float: right;
	text-align: center;		/* 中央寄せ */
	height: 800px;
	padding-top: 50px;
}
.right-navi {
/* 背景色指定 透過 */
	background-color: rgba(0, 0, 0, 0.8);		/* 背景色指定 透過 */
	color: #000;
	float: right;
	width: 13%;
	height: 820px;
	padding-top: 30px;
}

.main{
  width: 85%;
  float: right;
}

ul, ol {
	padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
}

ul li, ol li {
	line-height: 2.5; /*文の行高*/
	padding: 0.5em 0; /*前後の文との余白*/
	list-style: none;
}

a:link, a:visited, a:hover, a:active {
  color: white;
}