marginが適用されない理由を知りたい。

class属性のmain値にmarginが適用されない理由を知りたいです。divタグで囲ったその要素内全体を右にまとめて移動させたいです。

やはり別々に”kodawari" "setumei" <p>についてCSSで装飾しなければならないのでしょうか？

html
1<header>
2     <h2><img src="images/main-vsual-nontitle.png"></h2>
3      <div class="main">
4          <div class="kodawari">和菓子処松風屋のこだわり</div>
5        <div class="setumei">
6          <p>当初は、対象10年に創業した約100年の歴史を持つ和菓子屋です。</p>
7          <p>初代社長、佐々木市郎は俳聖松尾芭蕉を敬愛しており、「奥の細道　芭蕉最中」など芭蕉にゆかりのある菓子を作り続けてきました。</p>
8          <p>松尾芭蕉が奥の細道の旅の間に見出した概念に「不易流行」というものがあります。</p>
9          <p>これは、いつまでも変化しない本質的なものを忘れない中にも、新しい変化を取り入れていくということです。</p>
10          <p>当社はこの言葉を経営理念とし、昔からの伝統を守りつつ、時代に流れや新しい変化を取り入れ、常により良い菓子を探求し続けています。</p>
11        </div>
12      </div>
13      <img src="images/name.png">
14      <br>
15      <p>株式会社松風屋三代目　佐々木啓仁</p>
16      <input type="look" value="詳しく見る">
17    </header>

CSS
1.main {
2  text-align: center;
3  width:700px;
4  font-family: serif;
5  line-height: 20px;
6  margin-left: 500px;
7}
8.kodawari {
9  font-size:28px;
10  margin:100px 0 40px 0 ;
11  letter-spacing: 10px;
12}
13.setumei {
14  font-size:18px;
15}