@charset "UTF-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ALL BROWSER RESET
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

focus { outline: 0; }

body {
line-height: 1;
color: #666666;
background: #f5f5f5;
}
    
ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}
        
blockquote:before, blockquote:after, q:before, q:after { content:""; }

blockquote, q { quotes:""; }

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
BODY, WRAPPINGS, ANCHORS, anything sitewide
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

html {
font-size: 12px;
}

body {
width: 680px; 
font-size: 12px;
font-family: Garamond, serif, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
color: #666666;
background: #fff;
padding: 0 0;
margin: 30px auto 20px;
letter-spacing: 1px;
line-height: 1.8;
}

a { color: #999999; text-decoration: none; }
a:hover { color: #cccccc; text-decoration: none; }

br { letter-spacing: 0; }

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
HEADER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#header {
margin: 0 auto 20px;
}

#header h1 a {
font-family: Garamond, serif, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
font-size: 19px;
color: #999999;
}

#header h1 a:hover {
color: #999999;
text-decoration: none;
}


#description {
font-size: 13px;
margin: 0 auto;
text-align: right;
}

#description a:hover { text-decoration: none; }


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
NAVIGATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#navigation {
color: #;
margin: 0 auto 10px;
text-align: right;
}

#navigation a:hover {
text-decoration: none;
}

#navigation_p {
margin: 0 auto 10px;
text-align: right;
}

.current_page,
.current_page a,
.current_page  a:hover {
color: #999999
}

.navigation_p-left {
float: ;
}

.navigation_p-right {
float: ;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#content {
margin: 0 auto;
padding: 0;
}

#content a { color: #999999; text-decoration: none; }
#content a:hover { color: #cccccc; text-decoration: none; }

.post {
width: 600px;
margin: 0 0 60px;
}
.permalink {
float: right;
margin: 0 auto 0;
}

#content blockquote {
margin: 0 0 10px 5px;
padding: 0 0 0 10px;
border-left: 1px dotted #999999;
}

#content blockquote p {
line-height: 1.8em;
}

.postmeta {
margin: 10px 0 0 0;
}

.postmeta a, .postmeta a:link, .postmeta a:visited {
border-bottom: none;
}

.postmeta a:hover {
border-bottom: 1px dotted #none;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
QUOTE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.quote p, .audio p, .photo p, .video p, .audio p, .conversation, .text blockquote {
color: #666666;
margin-bottom: 5px;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PHOTO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.photo img, .photo a img, .video object {
margin-top: 20px;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
CONVERSATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#content .conversation {
line-height: 2em;
}

.member1 {
color: #999999;
background: #ffffff;
}

.label { 
font-weight: none;
color: #666666;
padding-right: 10px;
}

.member1 .label { color: #999999;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TEXT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.text h2, .conversation h2, .link h2 {
color: #666666;
margin: 30px 0 20px;
border-bottom: 1px dotted #999999;
}

.text p, .link p {
margin-bottom: 5px;
}

ul {
list-style-type: none;
}

ol {
list-style-type: none;
margin: 0 0 15px 25px;
}

ol.notes li {
width: 600px;
padding: 3px 0;
margin: 0 0 3px -28px;
border-bottom: none;
}

ol.notes li:hover {
border-bottom: none;
}

ol.notes li img {
padding-right: 10px;
margin-bottom: -5px;
opacity: 0.85;
filter:alpha(opacity=85);
}

ol.notes li img:hover {
opacity: 1;
filter: alpha(opacity=100);
}

strong {
color: #999999;
}

em {
color: #999999;
font-family: Garamond, serif, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
AUDIO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

span.playcount {
color: #999999; 
font-family: Garamond, serif, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho";
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TAG
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#tag {
color: #999999;
margin: 5px auto 20px;
text-align: left;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

#footer {
margin: 5px auto;
text-align: right;
}