body { color: #4c4c4c; font-size: 16px; line-height: 1.5em; }
.ta1 { text-align: left; width: 170px; border: solid 1px green; }
.ta2 { border: solid 1px green; }
.ta3 { width: 520px; border: solid 1px black; }
p { }

td { font-size: 16px; }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

#container { background-color: #ffffff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:740px; height: auto; padding: 5px; margin-left: auto; margin-right: auto; }
#left { background-color: #d6ede8; text-align: left; width:180px; float: left; height: auto; margin-bottom: 5px; margin-right: 5px; }
#main { width: 540px; height: auto; float: right; margin-left: 5px; }
#content { width: 740px; height: auto; margin-top: 5px; }
#header { width: 740px; height: auto; border:  }

ul.u { list-style:none; margin: 0; padding: 0; } 
ul.u li{ float: left; list-style:none; display:inline; margin: 0; }
ul.u2 { list-style:none; margin: 0px; padding: 0px; }
ul.u2 li{ list-style:none; display:inline; margin: 0; }


#footer { clear: both; margin-top: 10px; }
.div3 { font-size: 18px; }
.div2 { font-size: 18px; text-align: left; }
.ta1 {  width: 499px; height: 300px; }
.sample {
    width:250px;
    background-color:#CCCCEB;
}
.sample p{
    margin:0px;
    padding:0.5em 1em;
    background-color:#CCCCEB;
}
.rtop, .rbottom{
    background:#FFFFFF;
}
.rtop span, .rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#CCCCEB;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}

