* {
	margin:0;
	padding:0;  /* 全てのプロパティの余白とパディングをリセットします。*/
}
.wrapper {
	position: absolute;
	width: 785px;
	margin: 0 auto;   /* 幅固定（785px）でセンタリングします。*/
}

.header {
	position: absolute;   /* サイトロゴの高さに合わせて調節して下さい。*/
	top: 0px;
}

.main {
	width: 785px;     /* メニューとコンテンツを囲んでいるクラスです。 */
}

.menu {
	float: left;
	width: 150px;     /* floatの width 指定は必須です。*/
	left: 10px;
}

.contents {
	float: left;
	width: 550px;     /* floatの width 指定は必須です。*/
}

.footer {
	clear: both;      /* float をクリアしています。*/
	width: 785px;
	height: 50px;
}

#footer2 {
	position: absolute;
	z-index: 2;
	top: 450px;
}

.menu ul {
	list-style: none;
}

#mainlogo {
	position: absolute;
	z-index: 0;
	top: 5px;
	left: 0px;
}

#navi0 {
	position: absolute;
	z-index: 1;
	top: 45px;
	left: 500px;
}

#navi1 {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}

#main1 {
	position: absolute;
	z-index: 0;
	top: 120px;
	left: 0px;
}


div#software {
	margin: 0px 0px 20px 20px;
	width: 540;
	border: solid 1px #3333cc;
	padding: 10px;
}

#inte { width:275; border: solid 1px #3333cc; padding: 10px; float: left; margin: 10px 10px 0px 0px }

#nof_left {
	position: absolute;
	z-index: 2;
	top: 100px;
	left: 0px;
}

#products1 {
	position: absolute;
	z-index: 0;
	top: 130px;
	left: 10px;
}

#products2 {
	position: absolute;
	z-index: 1;
	left: 0px;
	background-color: dddddd
}

#products3 {
	position: absolute;
	z-index: 2;
	top: 130px;
	left: 350px;
}


#products4 {
	position: absolute;
	z-index: 0;
	top: 13px;
	left: 10px;
	color: ffffff
}

#products5 {
	position: absolute;
	z-index: 0;
	top: 45px;
	left: 10px;
	color: 000000
}

#products6 {
	position: absolute;
	z-index: 0;
	top: 139px;
	left: 10px;
	color: 000000
}

#products7 {
	position: absolute;
	z-index: 0;
	top: 233px;
	left: 10px;
	color: 000000
}