.WorksTop{
float: right;
width:76%;
margin:0px;
padding:0 0 10em 0;
text-align:center;
border-top: 1px solid #ddd;
}
.WorksTop p{ text-align:right;margin:0px;padding:0px; }



.works{

}

.navigation{
  padding:5em 23% 1em 5%;
  text-align:left;
  color: #7a7070;
}
.navigation p{ font-size:90%; }
.navigation ul{list-style-image: none;margin:0 0 5% 0;padding:0;text-align:right;}
.navigation li{display: inline;margin:0 0 0.2em 3em; padding:0.3em;}
.navigation img{padding:0.2em; border:1px solid #dfd8d5;}






.artoon{
  float: left;
  width:23%;

  border-right: 1px dashed #eae0e0;
}
.illustration{
  margin: 0.5em 1em 3em 18%;
  padding: 0;
}
h1{
  margin:0 0 0em 3%;
  text-align:left;
  font-size:100%;
}

.topicPath1{
  margin:0 ;
  padding: 0.5em 3%;
  border-bottom:3px solid #8f726f;
  font: normal normal 90% Verdana, Sans-serif;
  text-align: right;
}
.topicPath{
  margin:5em 0 ;
  padding: 0.5em 3%;
  font: normal normal 90% Verdana, Sans-serif;
  text-align: right;
}
.topicPath a { padding: 0.5em; }
.topicPath a:hover { background: #fff url(../about/icon/topicbg.gif) center repeat; color: #5a5050; }




.topicPath ul{ 
  list-style-type: none;
  margin:0 0 0;
  padding:0;
}
.topicPath li{
  display: inline; 
  margin:0;
  padding:2em 1.3em;
}

.WorksTop{
  clear: both;
}

.footer{
  clear: both;
  border-top: 1px solid #5a5050;
  font: normal normal 78% Verdana, Sans-serif;
  color: #5a5050;
}

.footer p{
  margin:0;
  padding:0.1em;
  text-align:center;
}
.footer a {  color: #5a5050; }