@charset "utf-8";

/* reset styles */

body{ margin:0; padding:0; font-size:100%; }

*{margin:0;padding:0}

h1, h2, h3, #headerTitle{ font-size:144%; font-style:normal; font-weight:bold; }

p { margin:0.5em 0pt; padding:0pt; }

div, dl, dt, dd, pre, form, fieldset, input, blockquote, th, td, ul, ol{ margin:0; padding:0; }

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

html { border:0pt none;  margin:0pt; padding:0pt; }

input, select, textarea { font-family:Arial,Sans-serif; }

option{ margin-right:5px; }

pre,code{ font-family:Consolas,monospace; }

/* utility */

.clearfix:after { content: url(cssimg/trans.gif); display: block; clear: both; height: 0; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


p.success { color: #060; background-color: inherit; font-weight: bold; }
ul.error { color: #f00; background-color: inherit; font-weight: bold; }
q:before { content: « }
q:after { content: »; }
span.required { color: #f00; background-color: inherit; }
.inline { display: inline; margin-right: 10px; }


/* logo */

div#gHeader{ position:absolute; right:2px; top:2px; padding:0; margin:0; }
div#gHeader a {color:#FFF !important; }
div#gHeader a img{ border:0; }
div#gHeaderLogo{ width:60px; float:right; }
ul#gHeaderNavi{ float:right;height:31px; }
ul#gHeaderNavi li{ display:block;list-style-type:none; float:left; padding:0 .5em 0 0; }


/* default style */

strong { font-weight: bold; }
em { color: #f00; background-color: inherit; font-weight: bold; font-style: normal; }
th{ text-align:right; font-weight:bold; }
th.fix{ width:120px; }
td{ padding-left:.5em; }
td div { overflow: hidden; }
#main h1{ word-break:break-all; word-wrap:break-word; }

#main .item h2 a.avatar{ position:relative; top:6px; margin-right:4px; color:transparent; background: none !important}
#main .item h2 a.avatar img{ border:0; margin:0; }
#main .item.private h2 { margin-bottom:1em; padding-bottom:1em; background:transparent url(cssimg/icon_private.png) no-repeat left bottom; }
#main .item.shared h2 { margin-bottom:1em; padding-bottom:1em; background:transparent url(cssimg/icon_follow.png) no-repeat left bottom; }

#main dl.navi dt{ display:inline; font-weight:bold; }
#main dl.navi dd,
#main dl.navi dd ul,
#main dl.navi dd ul li,
#main div.tags ul li{display:inline; padding-right:.5em;}
#main div.tags{ padding-top:1em; }
#main div.paging{ padding-top:1em; }
#main div.quote div.quote-start, #main div.quote div.quote-end { display: none; color: #999; background-color: inherit; font-family: Times, Serif; font-weight: bold; font-size: 400%; }
#main div.quote div.quote-start { float: left; position: relative; top: -.2em; height: 1em; margin: 0 10px 0 5px; }
#main div.quote div.quote-end { float: right; position: relative; top: -1em; height: 0; margin: 5px 5px 0 10px; text-align: right; }
#subSearch input.text{ width:120px; }
#subSearch input{ margin-bottom:3px; }
#sub img.rssicon{ border:0 !important; }
#main form.postComment textarea { width:400px;height:100px}
ul.tag-cloud { line-height:180%; }

/* stars */
div#main div.item div.rating { line-height:0; width: 80px; height: 16px; margin: 1em 0; padding:0; background: url(/css/cssimg/star-matrix.gif) no-repeat 0 0; }
div#main div.item div.rating.stars0 {background-position: 0 0}
div#main div.item div.rating.stars1 {background-position: 0 -96px}
div#main div.item div.rating.stars2 {background-position: 0 -112px}
div#main div.item div.rating.stars3 {background-position: 0 -128px}
div#main div.item div.rating.stars4 {background-position: 0 -144px}
div#main div.item div.rating.stars5 {background-position: 0 -160px}

/* for javascript */

#main .item .edit ul li.confirm{ display:none; }

span#availability { color: #060; background-color: inherit; font-weight: bold; }
span#availability span.not-available { color: #f00; background-color: inherit; }

/* === EDIT === */
dd.optional{ padding:7px 0 !important; }
dd.optional a{ color:#399; background:#FEE url(cssimg/option.jpg) no-repeat 0 8px; padding:4px 5px 4px 17px; }
dd.optional a:hover{ color:#F60; }


/* === fix ext === */

.x-html-editor-wrap td{ padding:0 !important; }
ul.tab{ list-style-type:none !important; }

/* === BOOKMARKLET ONLY === */

body.bookmarkletBody{ padding:0 0 0 12px;}
body.bookmarkletBody{ background:url(cssimg/bkmklt_bg.jpg) repeat-x; }
body.bookmarkletBody .smallNavi{ display:none; }
body.bookmarkletBody .body dl{ clear:left; margin:0;width:100%; }
body.bookmarkletBody .body dt{ font-size:smaller; width:100px; float:left; padding-top:5px; line-height:1.1; margin:0; }
body.bookmarkletBody .body dt span.note{ font-size:64%; }
/*
body.bookmarkletBody .body dd{ width:500px; float:left; padding-top:3px;line-height:1.1; overflow:hidden; font-size:smaller; margin:0; }
*/
body.bookmarkletBody .body dd{ width:500px; float:left; line-height:1.1; overflow:hidden; font-size:smaller; margin-bottom:5px; }
body.bookmarkletBody .boyd dd div{margin:0;padding:0;}
body.bookmarkletBody #submitBtn dd{ padding:13px 0 20px; }
body.bookmarkletBody #submitBtn input{ padding:3px 8px; }
body.bookmarkletBody ul.rating{ margin-bottom:3px; }
body.bookmarkletBody ul.error { list-style:none; }
body.bookmarkletBody div.headerTitle img{ border:0; }

.bookmark-edit dt.blank{ height:1px; overflow:hidden; }

/* Nicovideo */
div.nicovideo-embed object,div.nicovideo-embed embed{ color:#fff;background-color:#000; }

/* Hatena Star */
img.hatena-star-star {margin:0 !important}