/*** トップからのtableレイアウトを排除 ***/
body {
	background-color: #DDFFDD;
	color: #000000;

	margin: 0px;
	padding: 0px;
}

a {
	padding: 6px;
	display: block;
/*	background-color: #DDFFDD; */
}

a:link {
	color: blue;
}
a:visited {
	color: navy;
}
a:active {
	color: red;
}
a:hover {
	color: red;
	background-color: #ffFF99;
}


div.title {
	position: absolute;
	margin: 16px;

	width: 256px;
	height: 141px;
	top: 10%;
	left: 10%;
}

div.counter {
	width: 256px;

	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: center;

	font-size: x-small;

}

div.menu {
	text-align: right;

	position: absolute;
	top: 25%;
	right: 10%;

}
div.tw {
	width: 256px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;

}

div.tw2 {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25%;
	font-size: x-small;
	background: white;

}

img.title1 {
	position: absolute;
	top: 0px;
	left: 0px;
}
img.title2 {
	position: absolute;
	top: 116px;
	left: 0px;
}
img.title5 {
	position: absolute;
	top: 116px;
	left: 218px;
}
img {
	border:	0 none white;
}


.husen6 {
    background: #ffceff;
    border-right: 20px solid magenta;
	position: absolute;
}
.husen5 {
    background: #ceffff;
    border-right: 20px solid cyan;
	position: absolute;
}
.husen4 {
    background: #ceffce;
    border-right: 20px solid green;
	position: absolute;
}
.husen3 {
    background: #ffcece;
    border-right: 20px solid red;
	position: absolute;
}
.husen2 {
    background: #ceceff;
    border-right: 20px solid blue;
	position: absolute;
}
.husen1 {
    background: #ffffce;
    border-right: 20px solid yellow;
	position: absolute;
}

.weblog {
	width: 100px;
	bottom: 40%;
	right: 40%;
}
.lantis {
	width: 80px;
	bottom: 30%;
	right: 35%;
}
.gj5fw {
	width: 180px;
	bottom: 32%;
	right: 40%;
}
.integra {
	width: 280px;
	bottom: 20%;
	right: 40%;
}
.civic {
	width: 240px;
	bottom: 10%;
	right: 40%;
}
.civicfd2 {
	width: 260px;
	bottom: 50%;
	right: 40%;
}