/* CSS Document */

body {color: #333; font: 12px/1.5 "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",Osaka,sans-serif;
*font: 12px/1.5 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック",Osaka,sans-serif;}

strong {font-weight: bold;}

.note {font-size: 11px; color: #666;}

#howto,
.step,
#shop ul,
#shop section {zoom: 1;}
#howto:after,
.step:after,
#shop ul:after,
#shop section:after {content: ""; display: block; clear: both;}

#siteName a {width: 80px;}

#title,
section {width: 880px; margin: 20px auto;}
section section {width: auto; margin: 10px 0;}

#title {margin-top: 30px;}
#title h1 {font-size: 16px; text-align: center;}
#title h1 b {font-size: 20px;}

h1 {font-weight: bold; font-size: 16px; margin-bottom: 15px;}
p {line-height: 1.6;}

.annotation {font-size: 11px; color: #666;}
.asterisk {text-indent: -1em; padding-left: 1em;}

#period {border-bottom: 1px solid #e6e6e6; font-size: 12px; margin-bottom: 20px; padding-bottom: 20px; text-align: center;}
#period h1 {text-align: center;}
#period .annotation {color: #333;}
#period strong {font-size: 12px;}

.step {border: 1px solid #ccc; border-radius: 5px; width: 423px; float: left; min-height: 370px;}
.step h1 {background: #ccc; color: #fff; margin-bottom: 0; padding: 5px 0; text-align: center;}
.step img {float: right; margin: 0 0 15px 15px;}
.step .desc {padding: 15px;}
.step p {margin-bottom: 10px;}
.step .annotation,
#prize .annotation {margin-top: 15px;}
.annotation li {margin-bottom: 10px;}

#howto {position: relative; margin-bottom: 20px;}
#step1 {margin-right: 30px;}
#howto:before {content:""; display: block; position: absolute; left: 429px; top: 200px; z-index:2; border-left: 24px solid #ccc; border-top: 12px solid transparent; border-bottom: 12px solid transparent;}
#step1 img {border: 1px solid #ccc;}

#prize p {margin-bottom: 10px;}

#prize,
#shop {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
#shop section {margin-left: 40px;}
#shop section h1 {float: left; clear: both; width: 5em; margin-top: 10px; font-size: 12px; margin-bottom: 0;}
#shop ul {overflow: hidden;}
#shop li {float: left; margin: 10px 10px 0 0;}

#annotation h1 {font-size: 14px;}