/*div#article*/
div#article{
 width: 520px;
 margin: 0 0 30px 0;
 padding: 30px 0 30px 50px;
 color:  #333333;
 background-position: top;
 background-repeat: no-repeat;
}
#report01 div#article{
 background-image: url(images/abc2/report1.jpg);
}
div#article h2{
 margin: 0 20px 40px 20px;
 padding: 10px 0px 12px 0px;
 color: #282828;
 font-size: 100%;
 font-weight: lighter;
 border-bottom: 1px solid #E9E3E0;
}
div#article h3{
 margin:2.0em;
 color:#FF3300;
 font-size:87%;
 text-align:center;
}
div#article h4{
 font-size: 78%;
 font-weight: normal;
 text-align: right;
 margin: 50px 30px 0 0;
}
div#article li{
 margin: 0.5em 0 0.5em 2em;
 line-height: 200%;
}
div#article p{
 margin: 0.8em 1.8em 0.8em 1.8em;
 color: #333333;
 line-height: 200%;
 }
p#annotation {
font-size: 80%;
padding: 0 14px 0 14px;
color:#191919;
} 
div#article p img{
 margin: 0px 10px 30px 0;
 padding: 10px 10px 10px 0;
 float: left;
}
div#article img{
 padding: 30px 30px 30px 20px;
}
div#article table{
 margin: 1.5em 2em 1.5em 2em;
}
div#article td{
 font-size: 80%;
 color:#333333;
  line-height: 180%;
}
div#article strong{
font-weight: bolder;
 color: #666666;
}
div#article small{
 font-size: smaller;
 color: #666666;
}
div#article a{
font-size:smaller;
color:#3F7DB4;
 }
 /*div#articletitle*/
div#articletitle{
 width: 520px;
 margin: 0 0 0px 0;
 padding: 0px 0px 20px 50px;
 color: #333333;
}
div#articletitle h3{
 text-align: center;  
}

 /*articlenavi*/
div#articlenavi{
 margin: 0;
 padding: 0;
 background-image: url(images/dog2article.jpg);
 background-position: top;
 background-repeat: no-repeat;
} 
#essay div#articlenavi{
 background-image: none;
}
#report div#articlenavi{
 background-image: none;
}
#comic div#articlenavi{
background-image: none;
}
div#articlenavi h3{
 padding: 65px 0 0 0;
}
div#articlenavi li{
 margin: 10px 0 5px 5px;
 font-size: 78%;
}

 /*div#resume*/
div#resume{ 
 width: 520px;
 margin: 0 0 30px 0;
 padding: 5px;
 color: #333333;
 border: 1px solid #CCCCCC;
}