body { background-position: center -80px; }
#wrapper { background: transparent url(/img/tignish/gettingstarted/background-gettingstarted.jpg) no-repeat center top; }
#main-feature h2 { margin-right: 0; }
#main-feature p { margin-bottom: 0; margin-right: 415px; }
#central #main-feature { min-height: 187px; }
* html #central #main-feature { height: 187px; /* Hack for IE6 */ }
/* {{{ Pagination */
#gettingstarted-feature { margin: 0 10px; font-size: 110%; }
.js #gettingstarted-feature { overflow: hidden; height: 525px; width: 950px; margin: 0 0 0 10px; background: url(/img/tignish/gettingstarted/feature-background.png) 0 50px no-repeat; }
#gettingstarted-nav { margin: 0; padding: 0; left: auto; }
#gettingstarted-nav li { background: none; float: left; display: inline; margin: 0; padding: 15px 0 5px 0; min-height: 60px; }
.js #gettingstarted-nav li { background-image: url(/img/tignish/gettingstarted/tab-background.png); background-position: center top; background-repeat: no-repeat; }
#gettingstarted-nav li a { display: block; font-size: 150%; text-align: center; padding: 10px 35px 8px 35px; border-right: 1px solid #d7d5d1; }
#gettingstarted-nav li.first { background-position: left top; padding-left: 10px; }
#gettingstarted-nav li.last { background-position: right top; padding-right: 15px; }#gettingstarted-nav li.last a { border-right: 0; }
#gettingstarted-nav li a.selected:link, #gettingstarted-nav li a.selected:visited { color: #4B4740; outline: none; }
#gettingstarted-nav li a.selected:hover, #gettingstarted-nav li a.selected:active { text-decoration: none; }
#gettingstarted-nav.pager-selected-feature-work    li#work-link    { background-position: left   -80px; }
#gettingstarted-nav.pager-selected-feature-learn   li#learn-link   { background-position: center -80px; }
#gettingstarted-nav.pager-selected-feature-play    li#play-link    { background-position: center -80px; }
#gettingstarted-nav.pager-selected-feature-connect li#connect-link { background-position: right  -80px; }
.gettingstarted-feature-contents { clear: both; padding: 10px 35px; }
.gettingstarted-feature-contents h3 { font-size: 137%; margin-top: 10px; }
.gettingstarted-feature-contents h4 { font-size: 110%; }
.gettingstarted-feature-contents p { margin-bottom: 2em; }
.gettingstarted-feature-contents h4 a img { float: right; padding: 0 0 0 1em; }
.gettingstarted-feature-contents .try-this { background: url(/img/tignish/gettingstarted/column-divider.png) top left no-repeat; padding-top: 35px; margin-top: 35px; }
.col1 { float: left; width: 435px; margin-right: 50px; background: #fff; }
.col2 { float: left; width: 385px; background: #fff; }
/* }}} */
/* {{{ Footer Features */
#firefox-info, #mozilla-info { float: left; width: 315px; padding: 28px 20px 80px 100px; background-position: top left; background-repeat: no-repeat; margin: 1em 20px 1em 20px; color: #afaba3; display: inline; }
#firefox-info { background-image: url(/img/tignish/gettingstarted/firefox-info.png); }
#mozilla-info { background-image: url(/img/tignish/gettingstarted/mozilla-info.png); }
#firefox-info h3, #mozilla-info h3 { margin: 0 0 10px 0; color: #807970; font-size: 175%; }
/* }}} */
/* Mozilla Japan additional rules ------------------------------------------- */
#main-feature { padding-top: 60px; height: 160px !important; min-height: 160px !important; }
#main-feature h2, #main-feature p, #gettingstarted-feature h3, #firefox-info h3, #mozilla-info h3 { overflow: hidden; text-indent: -99999px; background: transparent url(/img/tignish/gettingstarted/titles.png) no-repeat; }
#main-feature h2 { height: 45px; }
#main-feature p { margin-top: 25px !important; width: 660px !important; height: 55px; background-position: 0 -50px; }
#gettingstarted-feature { margin-bottom: 40px !important; height: auto !important; background-image: none !important; overflow: hidden; }
#gettingstarted-feature h3 { margin-top: 0; width: 200px; height: 20px; }
#gettingstarted-feature .favorite-sites h3 { background-position: 0 -140px; }
#gettingstarted-feature .firefox-tip { background: url(/img/tignish/gettingstarted/column-divider.png) top left no-repeat; padding-top: 35px; margin-top: 35px; }
#gettingstarted-feature .firefox-tip h3 { background-position: 0 -160px; }
#gettingstarted-feature .books h3 { margin-top: 5px; background-position: -200px -140px; }
#gettingstarted-feature .books ul { margin: 0 0 0 10px; padding: 0; height: 160px; overflow: hidden; }
#gettingstarted-feature .books li { margin: 0; padding: 0; width: 125px; height: 160px; float: left; text-align: center; background-image: none; }
#gettingstarted-feature .try-this h3 { margin-top: 5px; background-position: 0 -180px; }
#firefox-info h3 { height: 25px; background-position: 0 -200px; }
#mozilla-info h3 { height: 25px; background-position: 0 -230px; }
/* おすすめのアドオンと関連書籍を上下入れ替え */
.gettingstarted-feature-contents .try-this { background: transparent none; padding-top: 0; margin-top: 0; }
.gettingstarted-feature-contents .books { background: url(/img/tignish/gettingstarted/column-divider.png) top left no-repeat; padding-top: 35px; margin-top: 35px; }
/* Mozilla Japan ブログ新着記事 */
#sec-news h3 { width: 328px; height: 25px; background: url(/img/tignish/press/titles-index.png) 0 -200px no-repeat; }
#sec-news p { margin-bottom: 16px; }
#sec-news p a { margin-right: .5em; }
#sec-news p a.subscribe { margin-left: .5em; padding: 1px 0 1px 20px; background: url(/img/blog/icon-16/subscribe.png) no-repeat; }
#sec-news p a.twitter { background-position: 0 -32px; }
#sec-news dl { margin: 16px 0; }
#sec-news dt { margin: 12px 0 0 0; }
#sec-news dd { margin: 0 0 12px 0; font-size: 11px; }
