投稿記事が枠内から出してしまう

初めて、Wordpressでオリジナルテーマを作成しています。

1.必要なテンプレートをHTMLで作り、
2.ブラウザーテストをして
3.Wordpressのコードに置き換え追加しました。

一文の長いテキストをテスト投稿したところ、
上記2.で問題なく表示されていた投稿記事の本文が
枠内を出て表示されてしまいました。

原因等ご存知の方がいらっしゃいましたら、教えていただけますと助かります。
よろしくお願いします。

コード↓

<!--メインここから-->
<div id="main">
<?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
<!--記事ここから-->
<div class="post">
<div class="cal">
<?php the_time('Y年m月d日') ?>
<br class="clear" />
</div>
<div id="blogtitle">
<h4>
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">
<?php the_title(); ?>
</a>
</h4>
</div>
<?php if(has_post_thumbnail()) { echo the_post_thumbnail(); } ?>
<?php the_content('続きを読む'); ?>
</div>
<?php endwhile; ?>
<!--記事ここまで-->
<?php else : ?>
<h2 class="title">記事が見つかりませんでした。</h2>
<p>検索で見つかるかもしれません。</p><br />
<?php get_search_form(); ?>

<?php endif; ?>
</div>
<!--メインここまで-->

css↓

#contents #main {
	background-image: url(img/note2.gif);
	background-repeat: repeat-y;
	height: 750px;
	width: 500px;
	float: left;
	padding: 0px 50px 20px;
}
#contents #main .post {
}

#contents #main .post .cal {
}
#contents  #main  .post  #blogtitle a {
	font-size: 200%;
	text-decoration: none;
	color: #333333;