サイトのfontの書体とサイズを調べる方法ってありますか。

Firefox だと、「要素の調査」というのが、右クリックメニューにあります。
外部の CSS ファイルに定義してあっても、一発で分かるので、スタイルを調べるときに、かなり重宝します。

操作のイメージは、こんな感じです。



質問にあげられたページだと、bakupe_base.css で body タグに対する

body{ font: 14px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Arial,Osaka,Verdana,'ＭＳ Ｐゴシック', sans-serif; }

という指定を、reset.css の以下の定義、

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font: inherit;
}

で、p に対する設定が上書きしている、という感じです。
reset.css の指定が inherit (継承) なので、結局、bakupe_base.css での指定が採用されている、という感じです。