html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}
html, body { width: 100%; height: 100%;}
body { font: 20px/24px 'Helvetica Neue', Helvetica, sans-serif; color: #fff; background: #0d0d0d;}
a { text-decoration: underline; cursor: pointer;}
a:hover { text-decoration: none;}
img { border: none;}
input[type="button"], input[type="submit"], button { cursor: pointer;}
p { margin: 0 0 18px;}
ul, ol { margin: 0 0 16px 0;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; color: #fff; line-height: normal;}
h1 { font-size: 22px; }
h2 { font-size: 18px;}
h3 { font-size: 16px;}
.main { width: 100%; height: 100%;}
.wrapper { margin: 0 0 29px; padding: 80px 0 27px; background: url("../images/shadow.png") 0 100% repeat-x;}
.header { width: 932px; margin: 0 auto; padding: 0 0 59px; overflow: hidden;}
.column_01 { width: 380px; padding: 74px 0 0; float: left;}
.logo { padding: 0 0 30px;}
.logo a { display: block; width: 378px; height: 66px; background: url("../images/logo.png") no-repeat;}
.column_01 h1 { margin: 0 0 51px; font-weight: normal; line-height: 27px;}
.column_01 h1, .join h2, .join_number { text-shadow: 0 2px 2px #000101; filter: Shadow(Color=#000101, Direction=180, Strength=2);}
.join h2 { margin: 0 0 9px; font-size: 22px; text-align: center;}
.button { padding: 0 0 23px;}
.button a { display: block; width: 372px; height: 80px; background: url("../images/sprite.png") 0 0 no-repeat;}
.button a:hover { background-position: 0 -80px;}
.button a:active { background-position: 0 -160px;}
.join_number { text-align: center;}
.column_02 { width: 479px; height: 495px; float: right;}
.share, .comments { margin: 0 auto; padding: 0 36px 0 0;}
.share { width: 252px;}
.comments { width: 520px; padding-bottom: 30px;}