@charset "UTF-8";


/*font
------*/
@import url(http://fonts.googleapis.com/css?family=Oleo+Script);
body,dd{ font-family: Georgia,"Hiragino Mincho ProN","Times New Roman", serif;}
h1{ font-family: "Oleo Script"; text-transform: capitalize; letter-spacing: -0.02em;}
h2,
.page h3,
.page h4,
.page h5,
.page h6{ font-family: "Lucida Grande","Hiragino Kaku Gothic ProN", sans-serif; font-weight: bold;}
.slider h2,.via ins a,.sitemap h4{ text-transform: capitalize;}
.tweet h2{ font-weight: normal; font-family: Georgia,"Hiragino Mincho ProN","Times New Roman", serif !important;}
h3,nav,button{ font-family: "Futura-CondensedMedium","Futura","Hiragino Mincho ProN"; font-stretch: condensed; text-transform: uppercase; letter-spacing: -0.02em;}
.archive ul{ font-family: "Futura"; font-style: italic; letter-spacing: -0.02em; }


/*color
-------*/
body{ color: #333;}
h1 a{ color: #000 !important;}
time,ins,ins a,cite,cite a{ color: #CCC;}
small,small time{ color: #999 ;}
a{ color: #333; text-decoration: none !important;}
a:hover{ color: #F00 !important;}
.slider a,.banner a{ color: #FFF;}
.slider ins{ color: inherit;}
.paginate span{ color: #CCC;}
.paginate .dots{ color: inherit;}
.activity dl dd time{ color: inherit;}
footer small{ color: inherit;}
footer time{ color: inherit;}
button{ color: #FCFCFC;}


/*background
------------*/
html,body{ background: #FCFCFC;}
header,main,footer,nav{ background: url(b/ddd.png) repeat-y right;}
.column{ background: url(b/eee.png) repeat-y center;}
img{ background: #FFF;}
button{ background: #333;}
button:hover{ background: #F00;}



/*size
------*/
h1{ font-size: 45px;}
h2,.page h3,.page h4,.page h5,.page h6{ font-size: 14px;}
h3{ font-size: 24px;}
.tweet h2{ font-size: 16px; line-height: 150%;}
p{ font-size: 13px; line-height: 180%;}
time,ins,cite{ font-size: 14px;}
nav{ font-size: 24px;}
nav .path{ font-size: 16px;}
nav dd{ font-size: 14px;}
aside li{ font-size: 14px;}
.blog li{ font-size: 24px;}
.archive .yyyy{ font-size: 18px;}
.archive .mm{ font-size: 32px;}
footer small{ font-size: 12px;}
footer time{ font-size: 12px;}
button{ font-size: 20px;}


ins,cite{ text-decoration: none;}
img{ vertical-align: bottom;}



/*width
-------*/
header,main,section,nav,footer{ width: 1008px;}
aside,.column article{ width: 336px;}
.page{ width: 607px; padding: 32px;}
.max { width: 944px;}
.share{ width: 274px; padding: 33px 25px 32px 36px;}
nav.paginate{ width: 976px; padding: 0 0 0 32px;}
button{ width: 128px;}