body,article,h1,h2,p{margin:0;padding:0}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center}
article{display:block;margin:3em auto;padding:1em}
h1{font-weight:bold;font-size:5em;
background:url(bg.png) no-repeat center center;line-height:1.6em}
sup{font:.4em "Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif}
#timeline:link,#timeline:visited{color:#3f448c}
#timeline:hover{color:#FFF200}
span{font-size:.8em;font-weight:normal;color:#aaa}
p{font-size:1.45em;color:#999;margin-bottom:.5em}
a{text-decoration:none;font-weight:bold}a:link,a:hover,a:visited{color:#ccc}
a:hover{color:#3f448c}
#contact a{border:#fff solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 4px}
#contact a:hover{background-color:#ff6c6d;color:#fff;border:#ff6c6d solid 1px}
@media screen and (max-width:770px){h1{font-size:2em;background-image:none;line-height:1.6em}
span{font-size:1em}sup{font-size:1em;background-position:0 bottom;vertical-align:baseline}}
@media all and (-webkit-min-device-pixel-ratio:1.5){h1{background:url(bg@2x.png) no-repeat center center;background-size:627px 177px}}
img { width: 112px; height: auto; display: inline-block; padding: 0; margin: 0 30px 0 0; }