pre {
    font-size: 80%;
    background: #fff;
    border: 1px solid #999;
    padding: 0.5em;
    line-height: 1.3;
    overflow: auto;
    font-family: "Consolas", "Monaco", "Lucida Console", monospace;
}

a img {
  border: 0px solid #fff;
}

abbr.datetime {
    border: none;
}

code {
}

code .keyword {
    color: #275366;
    font-weight: bold;
}

code .string {
    color: #666;
}

code .comment {
    color: #666;
}

code .number {
    color: #333;
}

textarea.source-input {
    width: 100%;
    height: 20em;
    background: #f9f9f9;
    border: 1px solid #999;
}

textarea.error {
    background: #ffeeee;
}

div.codelist {
  background-color: #FCFCFC;
  margin: 5px 10px 10px 10px;
  border: 1px solid #CCC;
  padding: 5px;
  clear:both;
}

h2.private-bookmarklet,
div.codelist-private {
  background: #FFF0E1;
}

h2.private-bookmarklet {
  border-bottom:3px solid #FF66CC;
}

img.noshare {
  vertical-align: middle;
}

div.codelist .message {
  margin-left: 20px;
  height:40px;
  padding-bottom:10px;
  border-bottom:1px solid #CCCCCC;
}

div.codliet .title {
  font-weight:bold;
}

.posted_user {
  float:left;
  margin-right:5px;
}

.posted_user img {
  border:1px solid #CCCCCC;
  padding:3px;
}

div.codelist .attr pre,
div.codelist .attr p {
  padding:0;
  margin:0;
  font-size:90%;
}

.description {
  padding: 3px 3px 3px 9px !important;
}

.time_ago {
  font-size:80%;
  margin-left:10px;
  font-weight:bold;
  color:#666666;
}

.embed .timestamp {
  font-size:70%;
  font-weight:bold;
  color:#666666;
}

.author {
  fint-size: 80%;
}

div.bookmarklet-link {
  /*
    border: 1px solid #DDDDDD;
    */
}

.bookmarklet-link iframe {
    width: 100%;
    height: 2.6em;
    padding: 0;
    margin: 0;
}


*{
  margin:0;
  padding:0;
}

body{
  color:#555;
  margin:10px 5% 10px 5%;
  word-wrap   : break-word ;
  line-height:1.6;
}

ul,ol{
  margin:5px;
  padding:0 35px 0 20px;
}

li{
  padding:0;
  margin:0;
}

.no_list{
  list-style:none;
}

dl{
  margin:10px;
  padding:0;
}

dt{
  font-weight:bold;
  color:#555;
}

dd{
  padding-left:10px;
  padding-bottom: 10px;
}

h1{
  font-size:200%;
}

h2 {
  border-bottom:3px solid #6699FF;
  color: #333;
  background-color: transparent;
  font-size:120%;
  font-weight:normal;
  padding:2px 5px 2px 5px;
  margin:10px 0 10px 0;
}

h3{
  color: #333;
  border-bottom:3px solid #33FF66;
  background-color: transparent;
  font-size:100%;
  padding:2px 5px 2px 5px;
  margin:10px 5px 10px 5px;
}

h4{
  font-size:100%;
  font-weight:normal;
  padding:2px 5px 2px 5px;
  margin:10px 5px 10px 5px;
  background:#f4f4f4;
  border-bottom:1px solid #ccc;
}

h5{
  font-size:100%;
  font-weight:normal;
  padding:2px 5px 2px 5px;
  margin:10px 5px 10px 5px;
  border-bottom:2px dotted #f4f4f4;
}
h6{
  padding:2px 5px 2px 5px;
  margin:10px 5px 10px 5px;
}

hr{
  border:0 solid #fff;
  border-bottom:1px solid #999;
  height:1px;
  margin:8px;
}
section.help p {
  text-indent: 1em;
  padding-left: 10px;
  padding-right: 10px;
}
a {
  cursor: pointer;
    color     : #5496FC ;
}
a:link {
    color     : #5496FC ;
}
a:visited {
    color     : #5496FC ;
}
a:hover {
    color     : #FFA458 ;
    text-decoration   : none ;
}


a.no_color:link {
  color     : #777 ;
  text-decoration   : none ;
}
a.no_color:visited {
  color     : #777 ;
  text-decoration   : none ;
}
a.no_color:hover {
  color     : #777 ;
  text-decoration   : underline ;
}

p{
}

#footer {
  border:1px solid #999;
  background:#f4f4f4;
  text-align:center;
  padding:10px;
  margin:20px 5px 20px 5px;
  font-size:80%;
}

#footer p{
  margin:0;
}

span.notice{
  color:red;
  font-weight:bold;
}

blockquote{
  border:1px solid #999;
  background:#F5FFF4;
  padding:5px;
  margin:10px;
}

table{
  color:#333;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0 10px 0;
  padding: 0;
  font-size:100%;
}
tr, td, th {
  padding: 4px;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #bbb;
}

td, th {
  border-style: solid;
  border-color: #bbb;
}

th {
  text-align: center;
  vertical-align: center;
  background-color: #eee;
  border-color: #bbb;
  color:#777;
}

input.button {
  border-top: 3px double #cccccc;
  border-right: 3px double #333333;
  border-bottom: 3px double #333333;
  border-left: 3px double #cccccc;
  margin: 3px;
  font-family: Verdana, Geneva, sans-serif;
}

li.htmlhelp {
  background: url('/images/htmlhelp.png') no-repeat;
  list-style:none;
  padding-left: 20px;
  padding-bottom: 3px;
}

pre.code-raw {
  border: 0px solid #fff;
  background:#F4F8FF;
  padding:10px 8px 10px 8px;
  white-space : -moz-pre-wrap ;
  white-space : -pre-wrap ;
  white-space : -o-pre-wrap ;
  white-space : pre-wrap ;
}

pre.packed-source {
  border:1px solid #CCC;
  background:#F4F8FF;
  padding:10px 8px 10px 8px !important;
  margin:3px 10px 10px 10px !important;
  white-space : -moz-pre-wrap ;
  white-space : -pre-wrap ;
  white-space : -o-pre-wrap ;
  white-space : pre-wrap ;
}

pre.code-diff {
  border-style: solid;
  border-color: #ccc;
  border-width: 0 0 1px 0;
  background:#F4F8FF;
  padding:10px 8px 10px 8px;
  white-space : -moz-pre-wrap ;
  white-space : -pre-wrap ;
  white-space : -o-pre-wrap ;
  white-space : pre-wrap ;
}

pre.code-diff ins {
    display: block;
    text-decoration: none;
    color: #297647;
    background: #d1eed5;
    font-weight: bold;
}

pre.code-diff del {
    display: block;
    text-decoration: none;
    color: #762c29;
    background: #eed2d1;
    font-weight: bold;
}

.api-sample {
  font-size: 90%;
}

#hatena-body {
}

.inline {
  display: inline;
}

.favcount {
  border:0px solid #fff;
  background: transparent url('https://f.hatena.ne.jp/images/fotolife/h/hatenadiary/20070914/20070914173909.gif ') no-repeat 0% 50% ;
  color:#777;
  text-decoration:none;
  -moz-border-radius-bottomleft:7px;
  -moz-border-radius-bottomright:7px;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  background-color:#EEEEEE;
  font-size:80%;
  padding-left:12px;
  padding-right:7px;
  margin-left: 4px;
  cursor: pointer;
}

.delete-link,
.edit-link,
.fub {
  border:0px solid #fff;
  color:#3366FF;
  background: transparent no-repeat 0% 50% ;
  text-decoration:none;
  -moz-border-radius-bottomleft:7px;
  -moz-border-radius-bottomright:7px;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  background-color:#EEEEEE;
  font-size:80%;
  font-weight:bold;
  padding-left:12px;
  padding-right:7px;
  cursor: pointer;
}

.fub {
  background: transparent url('https://f.hatena.ne.jp/images/fotolife/h/hatenadiary/20070914/20070914173909.gif ') no-repeat 0% 50% ;
  -moz-border-radius-bottomleft:7px;
  -moz-border-radius-bottomright:7px;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  background-color:#EEEEEE;
}

.edit-link {
  background-image: url('https://f.hatena.ne.jp/images/edit_button.gif');
  height: 18px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left:18px;
}

.delete-link {
  background-image: url('/images/close.gif');
  padding-left:18px;
}

.edit-navi {
  font-size: 80%;
}

span.title {
  font-weight: bold;
}

ul.let li.information {
  padding: 2px 5px 2px 5px;
  text-align: right;
}

.radius,
ul.let li.information a {
  color:#3366FF;
  text-decoration:none;
  -moz-border-radius-bottomleft:7px;
  -moz-border-radius-bottomright:7px;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  background-color:#EEEEEE;
  font-size:80%;
  font-weight:bold;
  padding-left:7px;
  padding-right:7px;
}

.author-date {
  border:1px solid #CCCCCC;
  padding:3px;
  font-size: 90%;
}

ul.let {
  padding: 0;
  margin: 5px 0 5px 0;
  list-style: none;
  border: 1px solid #ccc;
  clear: both;
}

ul.let li.title,
ul.let li.code,
ul.let li.desc,
ul.let li.bookmarklet-link
{
  border-bottom:1px solid #CCC;
}

p.description {
  padding: 3px 3px 3px 3px !important;
  margin: 0;
}

.rev ol {
  font-size: 80%;
}

.l-navi {
  font-size: 90%;
  font-weight: bold;
  padding: 1em 0;
}

a.bookmarklet {
  background: transparent none no-repeat scroll left 2px;
  background-image: url(/images/config-icon-advanced-on.png);
  margin: 0px;
  padding: 1px 3px 5px 25px;
  /*
  background-image: url(/images/nofavicon.png);
  border: 1px solid #CCC;
  background-color: #F0F0F0;
  */
}

input.save-button,
input.publish-button {
  cursor: pointer;
  width: 80px;
  padding: 5px;
  font-weight: bold;
  border: 1px solid #999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: linear-gradient(top, rgb(255, 255, 255), rgb(204, 204, 204));
  background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(204, 204, 204));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(204, 204, 204)));
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#FFFFFF", EndColorStr="#CCCCCC");
}

#top-message {
  border: 2px solid #6EADE2;
  height: 140px;
  margin: 7px 7px 14px 7px;
  text-align: center;
  color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-image: linear-gradient(top, rgb(110, 173, 255), rgb(66, 126, 183));
  background-image: -moz-linear-gradient(top, rgb(110, 173, 255), rgb(66, 126, 183));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(110, 173, 255)), color-stop(1, rgb(66, 126, 183)));
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#6EADE2", EndColorStr="#427EB7");
}

#top-message p.top-count-container {
  padding-top: 25px;
}
#top-message p.top-guide {
  font-size: 0.8em;
  font-weight: bold;
}

#top-message span.top-bookmarklet-count {
  font-size: 2em;
}

#top-message a.top-create-link {
  cursor: pointer;
  padding: 10px 30px;
  font-weight: bold;
  border: 2px solid #999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF;
  background-image: linear-gradient(top, rgb(255, 255, 255), rgb(204, 204, 204));
  background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(204, 204, 204));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(204, 204, 204)));
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#FFFFFF", EndColorStr="#CCCCCC");
}

#private-publish {
  color: #C00;
  display: none;
  font-size: 80%;
}

#private-publish img {
  vertical-align: middle;
  padding-left: 10px;
}

span.generated-by {
  font-size: 0.8em;
  font-weight: normal;
}

#auto_save_status {
  font-size: 80%;
  color: #999;
}

span.bookmarklet {
  font-size: 90%;
  margin-right: 5px;
}

span.edit-notice {
    background: url('http://d.hatena.ne.jp/images/common/icon-diaryedit.gif') no-repeat 0 2px;
    padding: 1px 3px 5px 20px;
    color: #c00;
}

.embed-container {
    padding: 3px;
    margin: 0;
    background-color: #f0f0f0;
}
.embed-container .author-date {
  background-color: #FFF;
}

.embed textarea {
  width: 98%;
  border: 1px solid #ccc;
  font-size: 80%;
  color: #555;
}

#edit-guide {

}

#info-guide {
  text-align: left;
  font-size: 0.8em;
  display: none;
}

a.info-guide-link {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -border-radius: 0px !important;
}