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

a {
border: none;
text-decoration: none;
color:#333;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
h1 a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.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;
}

h2{
font-size: 16px;
/*padding-top: 40px;*/
}

h3{
font-size: 15px;
font-weight: bold;
padding-top: 40px;
}

h2#acc {
	padding-top: 2.5em;
}
#section01{
clear: both;
width: 780px;
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: 600px;
float: left;
}
#section01 p {
	padding-left: 1em;
}
#works01{
margin-left: 643px;
} 

#works01 img{
margin-top: 61px;
}

#section02{
margin-top: 20px;
clear: both;
width: 765px;
margin-left: 20px;
margin-bottom: 30px;
}

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

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

#works02{
margin-top: 5px;
} 

#section02{
margin-top: 20px;
clear: both;
width: 765px;
margin-left: 20px;
margin-bottom: 30px;
}

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

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

#works02{
margin-top: 5px;
} 

.caption{
font-size: 9px;
line-height: 1.5;
}

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


strong{
border-bottom: 1px dotted;
color: #333;
}

#stu p {
	font-size: 0.9em;
}