@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}
h1 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

a {
border: none;
text-decoration: none;
}

.menuon{
opacity: 0.6;
filter: alpha(opacity=60);
}

#wrapper {
width: 840px;
margin: 0 auto;
text-align: left;
background-color: #eaeaea;
padding: 4px 30px;
}
#header {
width: 840px;
}

.link{
float: right;
}


#section01{
clear: both;
width: 800px;
margin-top: 50px;
margin-left:30px;
height: auto;
}
#section01:after, #header:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
#word01{
width: 550px;
float: left;
text-align: justify;
}
#word01 p {
	padding-bottom: 1.5em;
}

#works01{
	width: 180px;
	float: left;
	padding-left: 70px;
	padding-right: 0px;
	margin-top: 50px;
/*margin-left: 643px;*/
} 
#works01 p {
	padding: 0;
	margin: 0;
}
/*
#works01 img{
margin-top: 61px;}
*/
#section02{
margin-top: 65px;
clear: both;
width: 820px;
margin-left: 30px;
}

#works02 img{
margin-top: 6px;
}

#word02{
width: 490px;
height: 458px; 
float: left;
}

#word02 h3 {
	font-size: 1.1em;
}

#works02{
margin-top: 5px;
} 

.caption{
font-size: 9px;
line-height: 1.4;
padding-top:0px;
}

#works02 .caption{
margin-left: 569px;
}