/*contents*/
.container{overflow:hidden;}
#article .container{ overflow:hidden;}
.content-left, .content-right{ padding:20px 0 0; padding-bottom:1001em; margin-bottom:-1000em; overflow:hidden;}
.content-left{width:660px; float:left;}
.content-right{width:290px; float:right; background:#e1ded3; border-left:1px solid #cac7bd; }
.content-right .co{ margin:0 .4em;}

.content-right .box30, .content-right .box50, .content-right .box70, .content-right .box100{ border-top-color:#fff; margin-left:0; margin-right:0;}

.box30, .box50, .box70, .box100{ margin:1% 1.5%;_margin:0 1%; border-top:1px solid #c2bfb5; padding:1em 0; display:inline-block; overflow:hidden;}
.box30{width:27%; float:left;}
.box50{width:47%; float:left;}
.box70{width:67%; float:left;}
.box100{ display:block; clear:both;  _width:auto;}
.box100-no{ margin:0% 1.5%!important;_margin:0 1%; border-top:1px none #c2bfb5!important; padding-top:0px!important;}
.box-100{ width:100%; float:left; }
.box-100-mar{ width:100%; float:left; margin-top:15px; }
.co-left{width:33%; float:left;}
.co-right{ width:65%; float:right;}

/*titles*/
.title1{ font-family:"Gill Sans MT", "Trebuchet MS", Tahoma;font-size: 2.2em; text-transform:lowercase;  }
.red{color:#dd1d49;}
.yellow{color:#ef9c1e;}
.brown{color:#796851;}
.title2{font-size:2.1em; color:#9f8b64; font-weight:normal;}
.title2 *{color:#9f8b64; text-decoration:none;}
.title3{ font-size:1.5em;color:#9f8b64; font-weight:normal}
.title3 *{color:#9f8b64;}
.title3.black, .title3.black *{color:#666666; font-family:Tahoma;}
.title-pub{ text-transform:uppercase; font-size:.9em; margin:.6em 0 .4em 0;}

.clearleft{clear:left;}