記事が左側ぎりぎりに寄ってしまいます。

PCから見て頂くと分かると思いますが、記事が入る枠の左側に文章が空白がないくらいに寄ってしまいました。


http/blog.livedoor.jp/hide_ayumi/



以前は左右同じくらいのｽﾍﾟｰｽが空いていて見やすかったのですが、いつのまにかこのような状況になってしまいました。



CSSは何も変更していないはずなのですが…



もしCSSに原因があるとしたらここらへんでしょうか？


↓


.main
,.mainmore{
display:inline-block;
background:#000;
padding:10px 10px 0px 15px;
text-align:left;
line-height:150%;
font-size:90%;
}

* html .main ,
* html .mainmore{
height: 1%;
}

.main a
, .mainmore a{
color:#8D3CA5;
}
.main a:hover
, .mainmore a:hover{
color:#fff;
}

blockquote
, pre{
border-left: 3px solid #8D3CA5;
padding: 5px 5px 5px 10px;
margin: 10px 0 10px 10px;
text-align: left;
color: #999;
}
.pict{
margin: 0 5px 5px 0;
}
.article_tags{
padding:5px 10px 20px 10px;
text-align:right;
font-size:75%;
}

a.continues{}

.posted{
padding:5px 10px;
text-align:right;
font-size:70%;
}
.clipbutton{
border:none;
}

CSSが書き換わってしまい、.mainのCSSの部分が読み込まれていないことが原因です。

直接的な部分としては「.main,.mainmore{」のちょうど1つ前のブロックで

h3.title{color:#ff0066;text-align:center;
 font-size:150%;
 padding-top:20px; 
}
 background:#5B0091 url("http://parts.blog.livedoor.jp/img/usr/timebokan/02/entry_top.gif") no-repeat 50% 0%;
 padding:40px 60px 13px 60px;
 text-align:center;	
 font-size:90%;
 font-weight:bold;
}

となっています。background:の前の}が余計です。おそらくこれが混じってしまったことが原因と思われます。