* {
	float: none;
	position: static;
}
 
img {
	max-width: 100%;
	height: auto;
}

main {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
 
aside {
	width:110px;
	display: inline-block;
	/*margin-left: 10px;*/
	vertical-align: top;
	margin-top:-1.5em;
}
 
h1 {
	font-size:1.2em;
	font-weight: bold;
	background-color: #cccccc;
	border-color: #cccccc;
	padding: 6px;
	color:#000000;
	margin-bottom: 6px;
}

p {
	margin:1.5em 0 0 1em;
	color:#000000;
	text-align:right;
	width:9em;
}

ul {
	margin-top: -1.3em;
	margin-bottom: 0;
	margin-left:8.1em;
	list-style: none;
	line-height:1.5em;
}


aside ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left:-2.4em;
	list-style: none;
}

.style1-aside {
	margin-left:10.5em;
}

.style2-comment {
	margin:1em 0 1em 5.5em;
}

.style3-comment {
	margin:1em 3em 1em 3em;
}

.style4-aside {
	margin-left:10.5em;
	width:240px;
}

.style5-p {
	margin-top:0.5em;
}

.style6-p {
	margin-top:1em;
}

@media screen and (max-width:480px) {
	p {
		width: 100%;
		margin: 0px 0 10px 0;
		text-align:left;
	}
 
	ul {
		width: 100%;
		margin: 0px 0 10px -2em;
		text-align:left;
	}

	main {
		width: 100%;
	}
 
	.imgarea {
		width: 100%;
	}
 
	aside {
		width: 100%;
		margin: 0 0 1em 1em;
	}

	.style1-aside {
		margin: 0 0 1em 1em;
		text-align:left;
	}
	
	.style2-comment {
		margin:0 0 1em 1em;
	}

	.style3-comment {
		margin:1em 0 1em 1em;
	}

	.style4-aside {
		margin: 0 0 1em 1em;
		text-align:left;
	}

	.style5-p {
		margin-top:-2.5em;
	}

	.style6-p {
		margin-top:-0.5em;
		height:0;
	}
}