/* SETTING {{{ */
.cf:before,
.cf:after {
  content:"";
  display:block;
  overflow:hidden;
}

.cf:after {
  clear:both;
}

.cf {
  zoom: 1;
}

::selection {
  background: #7db4e8;
  color:#FFFFFF;
}

::-moz-selection {
  background: #7db4e8;
  color:#FFFFFF;
}

/*
  Chrome ver.36 からIMEで変換中文字の色が ::selection の色になるようになり、
  白文字だと消えたように見えるので対応。
*/
input::selection, textarea::selection {
  background: #7db4e8;
  color: #666666;
}
input::-moz-selection, textarea::-moz-selection {
  background: #7db4e8;
  color: #666666;
}
/* }}}

/* BASIC {{{ */
body,h1,h2,h3,h4,h5,h5,ul,ol,li,dl,dt,dd,form,textarea,blockquote {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 100%/1.4 "Arial", "Helvetica", sans-serif;
}
body {
  background: #f9f9f9;
}
select,
input {
  vertical-align: middle;
}
img {
  border: none;
  vertical-align: middle;
}
pre {
  margin: 0.5em 1.5em;
  padding: 0.5em;
  border: 1px solid #ddd;
  font-family: monospace;
  font-size: 90%;
}
blockquote cite {
  font-style: normal;
}
blockquote cite a {
  white-space: nowrap;
}
input.inputtext {
  width: 22em;
  border: 1px solid #999;
  border-color: #999 #ddd #ddd #999;
  height: 1.5em;
}
input.inputbutton {
  height: 1.8em;
}
span.char-count {
   padding-left: 5px;
   color: #666;
   font-size: 90%;
}
fieldset {
  border: 0;
}
input {
  *margin: -1px 0;
}
.note {
    font-size: 90%;
}

/* }}}

/* HEADER {{{ */

#header {
  height: auto;
  border-bottom: 1px solid #16375e;
  background: #2c6ebd;
  font-size: 100%;
}
/* Bnewsの別ドメイン化に伴ったグローバルヘッダのiframe化のため */
iframe#header {
  width: 100%;
  height: 38px;
  border: 0;
}
#header-body {
  width: auto;
  zoom:1;
}
#header-body:after {
  content: "";
  display: block;
  clear: both;
}
#header h1 {
  float: left;
  width: 160px;
  height: 37px;
  padding-left: 9px;
}
#header h1 a {
  display: block;
  height: 37px;
}
#header h1 a img {
  margin: 12px 0;
}
#header img#logo {
  width:160px;
  height: 13px;
}
#header #navigation {
  position: relative;
}
#header ul.service-menu {
  float: right;
  position: relative;
  padding-right: 9px;
  font-size: 90%;
}
#header li {
  font-size: 85%;
}
#header ul.service-menu li {
  line-height: 37px;
}
#header #header-username .header-dropdown img {/* ======== Height Adjust ======== */
  margin: 6px 0;
}
#header #header-notify .header-dropdown img {/* ======== Height Adjust ======== */
  margin: 5px 0 6px;
}
#header ul.service-menu li.global-logo img {/* ======== Height Adjust ======== */
  margin: 12px 0 13px;
}
#header .header-notify .notify-count {/* ======== Position Adjust ======== */
  height: 13px;
  line-height: 13px;
  _top: 3px;
}
#header ul.service-menu li a {
  color: #fff;
}
#header ul.service-menu .header-window a {
  color: #333;
}
#header #search {
  padding: 8px 0 0 5px;
  float: left;
}
#header #search div {
  background:url(/https/b.hatena.ne.jp/images/searchbutton.gif) right center no-repeat;
}
#header #searchtext {
  padding: 2px 3px 0 3px;
  border-top: 1px solid #1f4d84;
  border-bottom: 1px solid #6c9ad1;
  border-right: 1px solid #6c9ad1;
  border-left: 1px solid #1f4d84;
  width: 148px;
  height: 17px;
  background: #fff;
  font-size: 75%;
}
#header #searchbutton {
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  width: 20px;
}
#header span.header-dropdown {
  background-image: url(/https/b.hatena.ne.jp/images/dropdown-wh.png);
}

#info-header {
  background-color: #FFF0C2;
  border-bottom: 1px solid #999;
  width: 100%;
  height: 25px;
  overflow: hidden;
  display: none;
  line-height: 2;
  position: relative;
}
body.info-header-visible #info-header {
  display: block;
}
#info-header-spacer {
  display: none;
}
body.info-header-visible #info-header-spacer {
  display: block;
}
body.fixed-header #info-header-spacer {
  height: 26px;
}
body.fixed-header #info-header {
  position: fixed;
  _position: relative;
  top: 38px;
  left: 0;
  z-index: 990;
}
#info-header-close-button {
  vertical-align: middle;
  cursor: pointer;
  position: absolute;
  background: url(/https/b.hatena.ne.jp/images/info-header-close-bg.gif) left 0px no-repeat;
  right: 3px;
  width: 54px;
  height: 19px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  top: 3px;
}
#info-header-close-button:hover {
  background-position: left -19px;
}
#info-header-message {
  text-align: center;
  padding: 0;
  margin: 0;
}
#info-header-message a,
#info-header-message a:link,
#info-header-message a:hover,
#info-header-message a:visited {
  font-size: 80%;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  background: url(/https/b.hatena.ne.jp/images/new.gif) left center no-repeat;
  padding-left: 27px;
}
#info-header-message a:hover {
  text-decoration: underline;
}
#header .info-new {
  color: yellow;
}

/* header infomation */
.info-layer {
  z-index:1000 !important;
  text-align: right !important;
  padding: 3px !important;
}

.info-layer .layer-window-close-button {
}

.info-layer ul li {
  text-align: left;
  padding: 4px 2px;
  border-top: 1px solid #eee;
}

.info-layer ul li.first {
  border-top: none;
}

.info-layer a {
  display: block;
}

.info-layer a:link,
.info-layer a:hover,
.info-layer a:visited {
  color: #00d;
}

.info-layer a:hover {
  text-decoration: underline;
}

#colorselecter {
  padding: 3px 0;
  cursor: pointer;
}

#category {
  background: url(/https/b.hatena.ne.jp/images/menu_category_bg.gif);
  text-align: center;
  letter-spacing: 0;
  line-height: 0;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  height: 30px;
  zoom: 1;
}

#category #category-container {
  position: relative;
  display: inline-block;
  *display: inline;
}

#category #current-category {
  background: url(/https/b.hatena.ne.jp/images/scategory.png) left -30px;
  position: absolute;
  top: 0px;
  left: 0;
  width: 30px;
  height: 30px;
}

#category-container img {
  vertical-align: baseline;
}

/*
#info-header img {
   background: url(/https/b.hatena.ne.jp/images/information.png) left top no-repeat;
}

#info-header img.info-new {
   background: url(/https/b.hatena.ne.jp/images/information-new.png) left top no-repeat;
}

* html #info-header img {
  _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='/images/information.png');
  _background-image: none;
}

* html #info-header img.info-new {
  _filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='/images/information-new.png');
  _background-image: none;
}
*/

/* }}} */

/* USERS {{{ */
em a:link,
em a:hover,
em a:visited,
strong a:link,
strong a:hover,
strong a:visited {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-style: normal !important;
  font-weight: bold !important;
  text-decoration: underline !important;
}

strong a:link,
strong a:hover,
strong a:visited {
  color: #ff0000 !important;
  background: #FFCCCC !important;
}

em a:link,
em a:hover,
em a:visited {
  color: #FF6666 !important;
  background: #FFF0F0 !important;
}

/* }}} */

/* BREADCRUMBS {{{ */
div.breadcrumbs {
  padding: 10px 0 10px 25px;
  font-size: 90%;
}

div.breadcrumbs a {
  text-decoration: none;
}

div.breadcrumbs span.sep {
  margin: 0 6px 0 5px;
}

/* }}} */

/* FAVICON {{{ */
a.favicon {
  text-decoration: none;
}

a.favicon img {
  width: 16px;
  height: 16px;
}
/* }}} */

/* PAGER {{{ */
.pager {
  margin: 0;
  float:right;
  clear: left;
  font-size: 90%;
  zoom:1;
}

.pager-top {
  margin: 10px 0 7px 0;
  padding:0;
  overflow: hidden;
  zoom: 1;
}

div.pager-top div.pager {
  margin-top: 4px;
  margin-right: 5px;
}

div.feed {
  margin: 0;
  position: relative;
  zoom: 1;
  overflow: hidden;
  font-size: 80%;
}

a.feed {
  background: url(/https/b.hatena.ne.jp/images/feed.gif) left center no-repeat;
  text-decoration: none;
}

.pager-top a:hover.feed,
.pager a:hover.feed {
  text-decoration: underline;
}

div.pager span img.pointer {
  vertical-align: baseline;
  line-height: 1.5;
}
/* }}} */

/* THRESHOLD {{{ */
ul.threshold {
  position: absolute;
  top: 2px;
  right: 0;
}

ul.threshold {
  position: static;
  top: 0;
  right: 0;
}

ul.threshold li {
  float: left;
  overflow: hidden;
  font-size: 80%;
}

ul.threshold li a {
  padding: 2px 10px;
  display: block;
  display: inline-block;
  height: 21px;
  color: #86b111;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

ul.threshold li a:visited {
  color: #86b111;
}

ul.threshold li span {
  padding: 2px 3px;
  display: block;
  display: inline-block;
  height: 21px;
}

ul.threshold li.selected {
  background: url(/https/b.hatena.ne.jp/images/threshold_bg.gif) left top no-repeat;
}

ul.threshold li.selected a {
  margin-left: 2px;
  padding-left: 8px;
  color: #fff;
  background: url(/https/b.hatena.ne.jp/images/threshold_bg.gif) right top no-repeat;
}

ul.threshold li.selected a:visited {
  color: #fff;
}

#hatena-bookmark-video ul.threshold li img.favicon {
    margin: 0 2px 1px 0;
    vertical-align: bottom;
}

ul.keyword {
    clear: both;
}


/* }}} */

/* LINKS {{{ */
a {
  color: #00d;
}

a:visited {
  color: #838;
}

a.category-link,
a.category {
  padding-left: 18px;
  border-bottom: 1px solid #ddd;
  color: #000;
  background: url(/https/b.hatena.ne.jp/images/category.gif) left bottom no-repeat;
  text-decoration: none;
}

a.tag {
  color: green;
  text-decoration: none;
}

a.domain {
  color: #999;
  text-decoration: none;
}

a.domain:hover {
  text-decoration: underline;
}

.timestamp {
  color: #999;
}

a.feed {
  padding: 2px 0 2px 18px;
}

a.igoogle {
  background: url(/https/b.hatena.ne.jp/images/igoogle.gif) left center no-repeat;
  text-decoration: none;
  padding: 2px 0 2px 18px;
}

ul.keyword li a.keyword {
  background: url(/https/b.hatena.ne.jp/images/keyword.gif) left center no-repeat;
  padding: 0 0 0 18px;
}

ul.keyword li a.tag {
  background: url(/https/b.hatena.ne.jp/images/tag.gif) left center no-repeat;
  padding: 0 0 0 18px;
}

li.users {
  background:url(/https/b.hatena.ne.jp/images/page.gif) left center no-repeat;
  padding-left: 13px !important;
}

a.location-link {
  border-bottom: 1px solid #ddd;
  color: #000;
  text-decoration: none;
  background:url(/https/b.hatena.ne.jp/images/location-icon.gif) left 0px no-repeat;
  padding-left: 16px;
}

/* }}} */

/* CURVE BOX {{{ */
div.curvebox-lb-body,
div.curvebox-color-body,
div.curvebox-gray-body,
div.curvebox-body {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
  zoom: 1;
  position: relative;
}

div.curvebox-lb-bottom,
div.curvebox-lb-header,
div.curvebox-color-bottom,
div.curvebox-color-header,
div.curvebox-gray-bottom,
div.curvebox-gray-header,
div.curvebox-bottom,
div.curvebox-header {
  position: relative;
  line-height: 1;
  background: url(/https/b.hatena.ne.jp/images/curve_box.gif) no-repeat right top;
  text-align: left;
}

div.curvebox-lb-bottom div,
div.curvebox-lb-header div,
div.curvebox-color-bottom div,
div.curvebox-color-header div,
div.curvebox-gray-bottom div,
div.curvebox-gray-header div,
div.curvebox-bottom div,
div.curvebox-header div {
  width: 5px;
  height: 5px;
  line-height: 1;
  background: url(/https/b.hatena.ne.jp/images/curve_box.gif) no-repeat left top;
  font-size: 1px;
}

div.curvebox-lb-bottom,
div.curvebox-color-bottom,
div.curvebox-gray-bottom,
div.curvebox-bottom {
  background-position: right -15px;
}

div.curvebox-lb-bottom div,
div.curvebox-color-bottom div,
div.curvebox-gray-bottom div,
div.curvebox-bottom div {
  background-position: left -15px;
  position: relative;
}

div.curvebox-lb-bottom,
div.curvebox-bottom {
  margin-bottom: 20px;
}

/* }}} */

/* CURVE BOX GRAY {{{ */
div.curvebox-gray-body {
  border-color: #ccc;
  background: #f9f9f9;
}
div.curvebox-gray-header { background-position: right -150px; }
div.curvebox-gray-header div { background-position: left -150px; }
div.curvebox-gray-bottom { background-position: right -165px; }
div.curvebox-gray-bottom div { background-position: left -165px; }
/* }}} */

/* CURVE BOX lb {{{ */
div.curvebox-lb-body {
  border-color: #ccc;
  background: #edf1fd;
}
div.curvebox-lb-header { background-position: right -180px; }
div.curvebox-lb-header div { background-position: left -180px; }
div.curvebox-lb-bottom { background-position: right -195px; }
div.curvebox-lb-bottom div { background-position: left -195px; }
/* }}} */

/* CURVE BOX COLOR {{{ */
div.curvebox-color-body {
  border-color: #d6e0f2;
  background: #f7f9fd;
}
div.curvebox-color-header { background-position: right -30px; }
div.curvebox-color-header div { background-position: left -30px; }
div.curvebox-color-bottom { background-position: right -45px; }
div.curvebox-color-bottom div { background-position: left -45px; }
/* }}} */

/* TABBAR {{{ */
div.tabbar {
  background: url(/https/b.hatena.ne.jp/images/entry_title_bg2.gif) top right;
}

div.tabbar ul.tab {
  padding-left: 12px;
  height: 28px;
  overflow: hidden;
  background: url(/https/b.hatena.ne.jp/images/entry_title_bg_left.gif) top left no-repeat;
}

div.tabbar ul.tab li {
  margin: 5px 0 0 5px;
  float: left;
  _width: 1%;
  _white-space: nowrap;
  height: 100%;
  background: url(/https/b.hatena.ne.jp/images/tabbar_bg_disabled.gif) top left no-repeat;
  font-weight: bold;
  font-size: 80%;
}

div.tabbar ul.tab li a {
  margin-left: 2px;
  padding: 2px 13px 0 11px;
  display: block;
  color: #fff;
  background: url(/https/b.hatena.ne.jp/images/tabbar_bg_disabled.gif) right top no-repeat;
  text-decoration: none;
  height: 100%;
}

div.tabbar ul.tab li.selected {
  background: url(/https/b.hatena.ne.jp/images/tabbar_bg.gif) left top no-repeat;
}

div.tabbar ul.tab li.selected a {
  background: url(/https/b.hatena.ne.jp/images/tabbar_bg.gif) right top no-repeat;
  color: #2c6ebd;
}
/* }}} */

/* ENTRYLIST-INFO {{{ */
div.entrylist-info {
  margin-bottom: 20px;
}

div.entrylist-info h2 {
  margin-top: 1em;
}

div.entrylist-info ul.keyword li {
  display: inline;
  padding-left: 4px;
}
/* }}} */

/* Faux Absolute Positioning {{{ */
/*
<div class="line">
  <div class="line4-1">
    <div class="line-inner">
    </div>
  </div>
  <div class="line4-2">
    <div class="line-inner">
    </div>
  </div>
  <div class="line4-3">
    <div class="line-inner">
    </div>
    </div>
  </div>
  <div class="line4-4">
    <div class="line-inner">
    </div>
  </div>
</div>
*/

.line {
  float: left;
  _float: none;
  width: 100%;
  display: block;
  position: relative;
}

.line .main,
.line .sidebar,
.line .line2-1,
.line .line2-2,
.line .line3-1,
.line .line3-2,
.line .line3-3,
.line .line4-1,
.line .line4-2,
.line .line4-3,
.line .line4-4,
.line .line-item {
  position: relative;
  left: 100%;
  float: left;
  overflow: hidden;
}

.line .main {
  margin-left: -100%;
  width: 100%;
}

.line .main .line-inner {
  margin-right: 310px;
  margin-left: 0px;
}

.line .sidebar {
  margin-left: -300px;
  width: 300px;
}

.line2-1 {
  margin-left: -100%;
  width: 50%;
}

.line2-1 {
  margin-left: -50%;
  width: 50%;
}

.line3-1 {
  margin-left: -87.5%;
  width: 25%;
}

.line3-2 {
  margin-left: -62.5%;
  width: 25%;
}

.line3-3 {
  margin-left: -37.5%;
  width: 25%;
}

.line4-1 {
  margin-left: -100%;
  width: 25%;
}

.line4-2 {
  margin-left: -75%;
  width: 25%;
}

.line4-3 {
  margin-left: -50%;
  width: 25%;
}

.line4-4 {
  margin-left: -25%;
  width: 25%;
}

.line-inner {
  overflow: hidden;
}

/* }}} */


/* ADS {{{ */

div#ad {
  margin:15px 0 0 15px;
  float: right;
  width: 300px;
}

#hatena-bookmark-video div#ad {
  float: left;
}

div#ad div.ad_keyword {
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #d6e0f2;
  background: #f7f9fd;
}

div#ad div.ad_keyword span {
  display: block;
}

div#ad div.ad_keyword span.url {
  color: #999;
  font-size: 80%;
  text-align: right;
}

#top-ad-line {
}

div.ad-line a {
    text-decoration: none;
}

div.ad-line a img {
    margin-right: 3px;
}

div.sidebar div#ad div.google_afc_rectangle {
  font-size: 100%;
}

div.google_afc_rectangle dt a {
  font-weight: normal !important;
  font-size: 100% !important;
}

div.google_afc_rectangle div.visible_url a {
  color: green !important;
}

div.ads300x250 {
  background: #fff;
}
#ad-rect-bottom-bbutton {
  padding-top:5px;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  background:#fff;
  text-align:center;
  font-size:75%;
}
#ad-rect-bottom-bbutton a {
  text-decoration:none;
  color:#333;
}
#ad-rect-bottom-bbutton img {
  vertical-align:middle;
  margin-top:-2px;
}
#ad-rect-bottom-bbutton a.add-bookmark {
  font-weight:bold;
}
#ad-rect-bottom-bbutton .entry-users {
  display:block;
  color:#777;
}


/* }}} */

/* CSSChanger {{{ */
.dropdown-list {
    background: #fff;
    border: 3px solid;
    border-color: #eee;
    text-align: left;
    font-size: 70%;
    margin: 5px 0;
}

.dropdown-list li {
    border-bottom: 1px solid #fff;
}

.dropdown-list li a {
    display: block;
    background-color: #2c6ebd;
    text-decoration: none;
    color: #fff;
    width: 9em;
    padding: 3px 7px;
}

.dropdown-list li a:hover {
    text-decoration: none !important;
    padding: 1px 5px;
    border: 2px solid #094a9a;
}

.dropdown-list li.selected a {
    font-weight: bold;
}

.dropdown-list li.dropdown-bt a {
    background: #235897 url(/https/b.hatena.ne.jp/images/colorchanger-bg-bt.gif) center center;
}


.dropdown-list li.dropdown-gt a {
    background: #86b111 url(/https/b.hatena.ne.jp/images/colorchanger-bg-gt.gif) center center;
}

.dropdown-list li.dropdown-pt a {
    background: #f29ec2 url(/https/b.hatena.ne.jp/images/colorchanger-bg-pt.gif) center center;
}

.dropdown-list li.dropdown-lt a {
    background: #5aacc9 url(/https/b.hatena.ne.jp/images/colorchanger-bg-lt.gif) center center;
}

.dropdown-list li.dropdown-tr a {
    background: #efefef url(/https/b.hatena.ne.jp/images/colorchanger-bg-tr.gif) center center;
}

.dropdown-list li.dropdown-dk a {
    background: #bfbfbf url(/https/b.hatena.ne.jp/images/colorchanger-bg-dk.gif) center center;
}

.dropdown-list li.dropdown-gr a {
    background-color: #86b111;
}

.dropdown-list li.dropdown-gt a:hover,
.dropdown-list li.dropdown-gr a:hover {
    border-color: #699724;
}

.dropdown-list li.dropdown-pk a {
    background-color: #f29ec2;
}

.dropdown-list li.dropdown-pt a:hover,
.dropdown-list li.dropdown-pk a:hover {
    border-color: #b66285;
}

.dropdown-list li.dropdown-lb a {
    background-color: #5aacc9;
}

.dropdown-list li.dropdown-lt a:hover,
.dropdown-list li.dropdown-lb a:hover {
    border-color: #2e809d;
}

.dropdown-list li.dropdown-mt a {
    background-color: #efefef;
    color: #333;
}

.dropdown-list li.dropdown-mt a:hover {
    border-color: #bfbfbf;
}

.dropdown-list li.dropdown-tr a {
    background-color: #efefef;
    color: #333;
}

.dropdown-list li.dropdown-tr a:hover {
    border-color: #bfbfbf;
}

.dropdown-list li.dropdown-dk a {
    background-color: #bfbfbf;
    color: #fff;
}

.dropdown-list li.dropdown-dk a:hover {
    border-color: #000;
}

.dropdown-list li.dropdown-fx a {
    background-color: #f56e00;
    color: #fff;
}

.dropdown-list li.dropdown-ev a {
    background-color: #734294;
    color: #fff;
}

.dropdown-list li.dropdown-fx a:hover {
    border-color: #b9120d;
}

#colorselecter img {
    background:url(/https/b.hatena.ne.jp/images/colorselecter.gif) left top no-repeat;
    vertical-align: middle;
}

/* }}} */

/* STEPS {{{ */
ul.step {
    overflow: hidden;
    zoom: 1;
}

ul.step li {
    width: 30%;
    margin: 0 1%;
    float: left;
}

ul.step li div.title {
    background: url(/https/b.hatena.ne.jp/images/step_bg.gif) right top no-repeat;
    height: 33px;
    overflow: hidden;
    font-size:0.9em;
}

ul.step li div.title span {
    background: url(/https/b.hatena.ne.jp/images/step_number.gif) left top no-repeat;
    display: block;
    height: 33px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    padding-top: 0.4em;
}

ul.step li.step1 div.title span { background-position: left    0px; }
ul.step li.step2 div.title span { background-position: left  -66px; }
ul.step li.step3 div.title span { background-position: left -132px; }
ul.step li.step4 div.title span { background-position: left -198px; }
ul.step li.step5 div.title span { background-position: left -264px; }
ul.step li.step6 div.title span { background-position: left -330px; }

ul.step li.step1 div.selected span { background-position: left  -33px; }
ul.step li.step2 div.selected span { background-position: left  -99px; }
ul.step li.step3 div.selected span { background-position: left -165px; }
ul.step li.step4 div.selected span { background-position: left -231px; }
ul.step li.step5 div.selected span { background-position: left -297px; }
ul.step li.step6 div.selected span { background-position: left -363px; }

ul.step li.step1 div.selected,
ul.step li.step2 div.selected,
ul.step li.step3 div.selected,
ul.step li.step4 div.selected,
ul.step li.step5 div.selected,
ul.step li.step6 div.selected { background-position: right -33px; }

ul.step li.step1 div.last,
ul.step li.step2 div.last,
ul.step li.step3 div.last,
ul.step li.step4 div.last,
ul.step li.step5 div.last,
ul.step li.step6 div.last { background-position: right -66px; }

ul.step li div.content {
    padding: 0.5em;
}

ul.step li div.note {
    font-size: 80%;
    padding: 0.5em 0.5em 0 1.5em;
    text-indent: -1em;
}

/* }}} */

/* BOOKMARK-APPENDER {{{ */

a:link.bookmark-appender-login,
a:hover.bookmark-appender-login,
a:visited.bookmark-appender-login {
  color: #00d;
  padding: 0 5px 0 0px;
  cursor: pointer;
  text-decoration: underline;
  font-size: 80%;
}

span.category-edit-cancel,
span.location-edit-cancel,
span.bookmark-appender-delete,
form.inplace-form span.bookmark-appender-cancel,
div.bookmark-appender span.bookmark-appender-cancel {
  padding: 0 0 0 5px;
  cursor: pointer;
  color:#666;
  text-decoration: underline;
  font-size: 80%;
}

form.inplace-form span.bookmark-appender-cancel,
div.bookmark-appender span.bookmark-appender-cancel {
  margin: 5px 0px 5px 0px;
}

span.bookmark-appender-delete {
  margin-left: 3px;
  color:#00d;
}

form.appender-form span.bookmark-appender-cancel {
}

form.appender-form input.private {
  margin-left:3px;
}

form.inplace-form span.bookmark-appender-private,
form.appender-form span.bookmark-appender-private {
  background: transparent url(/https/b.hatena.ne.jp/images/noshare.gif) no-repeat scroll left center;
  padding-left: 12px;
  font-size: 90%;
  cursor: pointer;
}

form.appender-form {
  position: relative;
}

form.appender-form input.inputbutton {
  font-size: 90%;
}

form.appender-form input.inputtext {
  width: 28em;
}

div.bookmark-appender input.inputbutton {
  margin-left: 0.5em;
}

div.bookmark-appender span.username {
  margin-right: 0.5em;
}

div.bookmark-appender {
  padding: 10px 5px;
  border: 4px solid #2C6EBD;
  font-size: 90%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  *width: 30.5em;
  text-align: left;
}

a.bookmark-appender-confirm {
  margin-left: 4px;
}

form.appender-form {
  white-space: nowrap;
}

div.bookmark-appender img.profile-image {
  margin-right: 5px;
}

div.bookmark-appender div.bookmark-appender-control {
  margin: 2px 5px 0 15px;
  text-align: left;
}

div.bookmark-appender div.bookmark-appender-control div.bookmark-appender-control-inner {
  vertical-align: top;
  padding: 1px 0;
  zoom: 1;
  overflow: hidden;
}

div.bookmark-appender div.bookmark-appender-control div.bookmark-appender-control-inner-right {
  vertical-align: top;
  float: right;
  margin-top: 1px;
}


div.bookmark-appender div.bookmark-appender-all-tags {
  width: 28em;
  white-space: normal;
  font-size: 90%;
  margin-top: 10px;
  line-height: 1.6;
  _height: 8em;
  max-height: 8em;
  overflow: auto;
  background: #E9F0F8;
  padding: 5px;
}

div.bookmark-appender span.tag {
  cursor: pointer;
  color: #666;
  margin-right: 2px;
  padding: 1px 2px;
  border:1px solid #E9F0F8;
}


div.bookmark-appender span.tag-selected {
  background: #5596e6;
  color: #fff;
  border:1px solid #95b6de;
  border-bottom-color: #fff;
  border-right-color: #fff;
}

div.bookmark-appender div.bookmark-appender-control span.bookmark-appender-show-tag {
  margin-right: 0.5em;
  color: #666;
  font-size: 80%;
  text-decoration: underline;
  cursor: pointer;
}

/* }}} */

/* GUEST-MESSAGE {{{ */

#guest-message {
  background: #eff6dd;
  color: #222 !important;
  display: block !important;
  border: 3px solid #86b111;
  padding: 10px 10px 10px 20px;
  margin: 20px 40px 0 20px;
  overflow: hidden;
  zoom: 1;
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius: 7px;
}

#guest-message a {
  color: #00d !important;
  text-decoration: underline !important;
}

#guest-message h2 {
  font-size: 1.5em;
  font-weight: bold;
  display: block !important;
  margin:0 0 10px 0 !important;
}

#guest-message-button-container {
  float: right;
  margin-left: 15px;
  text-align: center;
  font-size: 80%;
  position: relative;
}

#guest-message.with-author {
  font-size: 90%;
  margin: 10px 40px 10px 45px;
}


/* }}} */

/* add.confirm */
#title-edit span {
    font-weight: bold;
    text-decoration: centeer;
}

#unlock {
    cursor: pointer;
}

form.inplace-form {
    display: inline;
    padding: 2 5 2 5;
}

.comment-editor-hover {
    cursor: pointer;
}

img.inplace-delete-icon {
    cursor: pointer;
    padding: 0 0 0 2px;
    position: absolute;
    margin-top: 2px;
    right: 5px;
    z-index: 900;
}

img.inplace-edit-icon {
    cursor: pointer;
    padding: 0 2px 0 0;
    position: absolute;
    margin-top: 2px;
    right: 20px;
    z-index: 900;
}

form.inplace-form input {
  font-size: 90%;
  height: 2em;
  margin: auto 2px;
}

form.inplace-form input.comment {
  width: 50%;
  border: 1px solid #999;
  border-color: #999 #ddd #ddd #999;
  height: 1.5em;
  font-size: 90%;
  padding: 2px;
  margin-left: 2px;
}

div.tooltip {
    position: absolute;
}
div.bookmark-entry-tooltip {
  position:absolute;
  width:240px;
  top:16px;
  padding:6px 7px 4px 45px;
  border:1px solid #ccc;
  background:#fff;
  text-align:left;
  color:#333;
  font-size:75%;
  box-shadow:0 3px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.4);
  -moz-box-shadow:0 3px 5px rgba(0,0,0,0.4);
  -ms-box-shadow:0 3px 5px rgba(0,0,0,0.4);
  -o-box-shadow:0 3px 5px rgba(0,0,0,0.4);
  z-index:100;
}
div.bookmark-entry-tooltip .service-icon {
  position:absolute;
  top:27px;
  left:27px;
  width:12px;
  height:12px;
  background:#fff;
}
div.bookmark-entry-tooltip .profile-image {
  float: left;
  width: 32px;
  height: 32px;
  margin-left: -40px;
  margin-top: 1px;
}
div.bookmark-entry-tooltip span {
  margin-right:5px;
}
div.bookmark-entry-tooltip .comment {
  word-break: break-all;
  word-wrap: break-word;
}
div.bookmark-entry-tooltip .username {
  color:#2d6bc4;
}
div.bookmark-entry-tooltip .tags,
div.bookmark-entry-tooltip .tags a {
  color:#999;
  text-decoration:none;
}

.user-navigator-large {
    width: 51px !important;
    height: 36px !important;
    cursor: pointer;
}

.user-navigator-large-24 {
    width: 42px !important;
    height: 28px !important;
    cursor: pointer;
}

#user-navigator {
    position: absolute;
    border:1px solid #eee;
    border-color: #ddd #aaa #aaa #ddd;
    width: 35px;
    height: 20px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    *margin-left: -2px;
    *margin-top: -2px;
    text-align: left;
    z-index: 2;
    cursor: pointer;
}

.info-layer,
#user-navigator-subwindow {
    position: absolute;
    z-index: 2;
    border:1px solid #eee;
    border-color: #ddd #aaa #aaa #ddd;
    padding: 5px;
    margin: 0 0 0 0;
    text-align: left;
    line-height: 1;
    background-color: #FFF;
    font-size: 80%;
    width: 205px;
}

#user-navigator-subwindow ul {
  clear: both;
  overflow: hidden;
  zoom: 1;
  padding: 0 3px;
}

#user-navigator-subwindow ul li {
  margin: 0;
}

#user-navigator-subwindow ul li.followers img {
  margin:2px 0;
}

#user-navigator-subwindow ul li a.navigator-homepage {
  background: transparent left top no-repeat;
  padding: 1px 0 1px 18px;
}

#user-navigator-subwindow ul.navigator-user-info {
  padding: 5px 5px 0 5px;
  background: #f6f6f6;
}

#user-navigator-subwindow ul.following {
  background: #e6f8b8;
}

#user-navigator-subwindow ul li.navigator-profile-icon {
  width: 8em;
  overflow: hidden;
  float: right;
}

#user-navigator-subwindow ul li.navigator-username {
  font-weight: bold;
  text-align: left;
  font-size: 100%;
}

#user-navigator-subwindow ul li.navigator-following {
  margin-right: 74px;
  width:100px;
  text-align: left;
}

#user-navigator-subwindow ul li.navigator-following a {
  display: block;
  margin: 3px 0;
}

#user-navigator-subwindow ul.hatena-service-list {
    margin-top: 2px;
}

#user-navigator-subwindow ul.hatena-service-list li {
    display: inline;
}

#user-navigator-subwindow a.follow-link,
#user-navigator-subwindow a.ignore-link
{
    cursor: pointer;
    text-decoration: none !important;
    margin-bottom: 5px;
}
#user-navigator-subwindow a:hover {
}

#user-navigator-button {
    display: block;
    width: 14px;
    height: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: #eee url(/https/b.hatena.ne.jp/images/down_arrow.gif) 2px center no-repeat;
    text-indent:-1000em;
}

.navigator-open {
  background-image: url(/https/b.hatena.ne.jp/images/up_arrow.gif) !important;
}

div#user-navigator-list {
    position: absolute;
}

span.remove-ignore, a.remove-ignore,
span.remove-favorite, a.remove-favorite,
span.add-ignore, a.add-ignore,
span.add-favorite, a.add-favorite {
    text-decoration: none;
    color: #0000ee;
    padding-bottom:2px;
}

span.remove-favorite, a.remove-favorite {
    color: #333;
}

span.add-ignore, a.add-ignore {
}

span.remove-ignore, a.remove-ignore {
    color: #333;
}

span.remove-ignore span, a.remove-ignore span,
span.remove-favorite span, a.remove-favorite span {
    padding-left: 0.1em;
    letter-spacing: 1px;
    font-size: 90%;
    color: #0000ee;
}

li.favorite img {
    cursor: pointer;
}

h1.current-element {
  background-color: transparent !important;
}

.current-element {
  background-color: #EAF1F9 !important;
}

.layer-window {
  position: absolute;
  z-index: 2;
  background-color: #FFFFFF;
}

img.layer-window-close-button {
  float: right;
  cursor: pointer;
}

span.addbookmark a,
li.addbookmark a {
  font-size: 90%;
  text-decoration: none;
}

span.delete-bookmark,
.request-completed {
  background: url(/https/b.hatena.ne.jp/images/checked.gif) left top no-repeat;
  padding-left: 20px;
}

.pointer {
  cursor: pointer;
}

.placeholder-text {
  position: absolute;
  color: #aaa;
  padding: 3px;
  cursor: text;
}

.option-help-tooltip {
  background-color: #fff;
  background: #eee;
  border: 1px solid #ccc;
  position: absolute;
  margin:0 10px;
  padding: 7px 10px;
  font-size: 90%;
  z-index: 100;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* TAG suggest {{{ */
ul.hatena-bookmark-tag-list {
  margin:0;
  padding:0;
  border:1px solid #AAA;
  position: absolute;
  z-index: 10003;
  width: 150px;
  list-style-type: none;
  color: #000;
  background-color: #fff;
  font-size: 80%;
  cursor: pointer;
}

ul.hatena-bookmark-tag-list li {
  padding-left:3px;
  border-bottom:1px solid #FFFFFF;
  line-height: 1 !important;
  padding: 4px;
  clear: both;
  text-align: left;
}

ul.hatena-bookmark-tag-list li.hatena-bookmark-suggest-current {
  background-color: #2C6EBD;
  color: white;
  font-weight: bold;
}

.hatena-bookmark-suggest-count {
  float: right;
  width: 28px;
  text-align: right;
  color: #777;
}

.hatena-bookmark-suggest-current .hatena-bookmark-suggest-count {
  background-color: transparent;
  color: white;
}

/* }}} */

li.noshare,
li.private-self,
li.private {
  background: #e2e6f1;
  margin-left: -12px;
  zoom: 1;
  position: relative;
  z-index: 1;
}

#bookmarked_user ul.comment li.noshare,
#bookmarked_user ul.comment li.private-self,
#bookmarked_user ul.comment li.private {
  background: transparent;
  margin-left: -10px;
}

li.noshare img.profile-image,
li.private-self img.profile-image,
li.private img.profile-image {
  position: relative;
  margin-left: -2px !important;
}

li.noshare img.profile-image {
}

#bookmarked_user ul.comment li.noshare img.profile-image,
#bookmarked_user ul.comment li.private-self img.profile-image,
#bookmarked_user ul.comment li.private img.profile-image {
  margin-left: -3px !important;
}

/* MESSAGE  {{{ */
div.error-message{
  font-weight: bold;
  background: #ffeed8 url(/https/b.hatena.ne.jp/images/error-bg.gif) 8px 5px no-repeat;
  border: 1px solid #f5c8a7;
  clear: both;
  color: #9B2E2E;
}

div.error-message img{
  vertical-align: middle;
  margin-right: 3px;
}

.ok-message{
  color: #517b29;
}

div.ok-message{
  font-weight: bold;
  background: #e3f9db url(/https/b.hatena.ne.jp/images/success-bg.gif) 8px 5px no-repeat;
  border: 1px solid #c5daba;
  clear:both;
  color: #517B29;
}

div.error-message, div.ok-message {
  margin:10px 0;
  padding: 5px 5px 5px 40px;
}

div.message p, div.error-message p, div.ok-message p{
  margin: 0;
  padding: 0;
}

div.error-message ul {
  margin: 0.5em 0;
  font-size: 90%;
}

div.info-message {
  background: #e6f0cb url(/https/b.hatena.ne.jp/images/info-message-mini.gif) 5px 4px no-repeat;;
  border: 1px solid #bdcf8c;
  text-align: center;
  overflow: hidden;
  zoom: 1;
  padding: 2px;
  padding-left: 20px;
  font-size: 90%;
  font-weight: bold;
  margin: 10px 0;
}

div.info-message a {
  color: #506b05 !important;
}

img.info-message-close {
  float: right;
  cursor: pointer;
  padding: 3px;
}




/* }}} */

/* FIXED HEADER  {{{ */
body.fixed-header {
  padding-top: 38px;
  _padding-top: 0;
}

body.fixed-header #header {
  position: fixed;
  _position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 998;
}
/* }}} */

/* USER SUBWINDOW & HATENA-MODULE-PROFILE {{{ */

#user-navigator-subwindow ul li,
.hatena-module-profile ul li{
  text-align: right;
  padding-bottom: 3px;
  font-size: 90%;
}

.hatena-module-profile ul li{
  font-size: 80%;
}

.hatena-module-profile ul li.button {
  padding-bottom: 13px;
}

#user-navigator-subwindow ul li span.label,
.hatena-module-profile ul li span.label{
  float: left;
  font-weight: bold;
}

#user-navigator-subwindow ul li.followers {
    text-align:left;
}

.hatena-module-profile ul li.icon-list {
  text-align:left;
}

#user-navigator-subwindow ul li span.private,
.hatena-module-profile ul li span.private{
  font-size: 90%;
}

#user-navigator-subwindow ul li.private,
.hatena-module-profile ul li.private {
  text-align: center !important;
  padding: 2px 0;
  background: #000;
  color: #fff;
  margin: -5px 0 5px 0;
  border:1px solid #fff;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  opacity:0.2;
  font-size: 80%;
}
.hatena-module .areaguide-link p {
  background: url(/https/b.hatena.ne.jp/images/user/areaguide-icon@2x.png) no-repeat 0 2px;
  background-size: 32px 32px;
  padding: 0 0 0 40px;
  margin: 0 0 5px 0;
  font-size: 85%;
}
.hatena-module .areaguide-link a {
  display: block;
  text-align: right;
  font-size: 85%;
}

.hatena-module .appstore-link p {
  margin-top: 3px;
  font-size: 85%;
}
.hatena-module .appstore-link-details {
  margin-top: 2px;
}
.hatena-module .appstore-link-details li {
  display: inline-block;
  text-align: left;
  margin: 5px 0;
  padding-bottom: 0;
}
.hatena-module .appstore-link-details a {
  text-decoration: none;
  width: 154px;
  height: 46px;
  display: inline-block;
  position: relative;
  background-size: 154px 46px;
  background-repeat: no-repeat;
  background-position: center top;
  transition: 200ms opacity;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.hatena-module .appstore-link-details a:hover {
  opacity: 0.75;
}
.hatena-module .appstore-link-details a.appstore {
  background-image: url(/https/b.hatena.ne.jp/images/dl-button/appstore.png);
}
.hatena-module .appstore-link-details a.googleplay {
  background-image: url(/https/b.hatena.ne.jp/images/dl-button/googleplay.png);
}

/* }}} */

.entry-desc-hide div.entry-body blockquote {
  display: none;
}

span.favorite img.profile-image,
li.favorite img.profile-image {
  margin:0 0.1em;
}

div.keyword-deleter {
  padding: 10px 5px;
  border: 4px solid #2C6EBD;
  font-size: 90%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  *width: 24.5em;
  text-align: left;
}

div.keyword-deleter span.keyword-deleter-cancel {
  padding: 0 0 0 5px;
  cursor: pointer;
  color:#666;
  text-decoration: underline;
  font-size: 80%;
}

li.delete-keyword img {
  cursor: pointer;
}

img.thumb-load-error {
  background-color: #EEE;
}

/* iPhone {{{ */
/* static/css/v3/base.css に移行済み, そっちの方が新しい */
#sp-suggest {
  padding: 8px 0;
  text-align: center;
}
#sp-suggest a {
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 50px;
  margin: 30px 0;
  border: 3px solid #BBB;
  background: -webkit-gradient( linear, left top, left bottom, from(white), to(#F3F3F3), color-stop(0.5, #F7F7F7), color-stop(0.5, #E9E9E9) );
  background: -moz-linear-gradient( top, white 0%, #F7F7F7 50%, #E9E9E9 51%, #F3F3F3 100% );
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 30px;
  -webkit-box-sizing: border-box;
  -webkit-background-clip: padding-box;
  font-size: 42px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #333;
  line-height: 1em;
}

/* }}} */

/* Twitter  {{{ */
span.twitter span.click-count {
  background: #e7f9ff;
  color: #33ccff;
  font-weight: bold;
  font-size: 90%;
  vertical-align: middle;
}

span.twitter span.click-count,
span.twitter span.retweet-count {
  white-space: nowrap;
}

.ignore-twitter-user-note {
  font-size: 80%;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
  margin-bottom: 8px;
}

div.appbanner {
  font-family: "Roboto", Arial, sans-serif;
  height: 82px;
  background-color: #F5F5F5;
  border-bottom: 2px solid #E9E9E9;
  position: relative;
}
div.appbanner a.close {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
}
div.appbanner a.close img {
  width: 16px;
  height: 16px;
}
div.appbanner a.app-icon {
  width: 58px;
  height: 58px;
  text-align: center;
  display: block;
  position: absolute;
  top: 13px;
  left: 30px;
}
div.appbanner a.app-icon img {
  width: 58px;
  height: 58px;
}
div.appbanner ul.app-info {
  position: absolute;
  top: 18px;
  left: 98px;
  list-style: none;
  margin: 0;
  padding: 0;
}
div.appbanner ul.app-info li {
  font-size: 12px;
  line-height: 17px;
  color: #9E9E9E;
  margin: 0;
  padding: 0;
}
div.appbanner ul.app-info li.title {
  font-size: 14px;
  line-height: 14px;
  color: #565656;
  font-weight: bold;
  margin-bottom: 5px;
  background-color: transparent;
}
div.appbanner a.view {
  width: 56px;
  height: 28px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  display: block;
  color: #FFF;
  background-color: #39A9BB;
  border: 1px solid #FFF;
  position: absolute;
  top: 27px;
  right: 6px;
}
div.appbanner a.view:hover {
  background-color: #4BBECE;
}

/* }}} */

/* Hatena Bookmark Button {{{ */
.hatena-bookmark-button-frame {
  vertical-align: middle;
}

/* }}} */

/* breadcrumb */
ul.breadcrumb {
  font-size: 12px;
  color: #666;
  height: 30px;
  display: block;
  padding-left: 8px;
  zoom: 1;
  border-bottom: 1px solid #CCC;
  background-color: #FFF;
}
ul.breadcrumb:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
ul.breadcrumb a {
  color: #666;
  text-decoration: none;
}
ul.breadcrumb a:hover {
  text-decoration: underline;
}
ul.breadcrumb li {
  display: block;
  float: left;
  position: relative;
  margin-right: 8px;
  line-height: 30px;
  background-image: url(/https/b.hatena.ne.jp/images/v3/breadcrumb_sep.png);
  background-size: 6px 12px;
  background-repeat: no-repeat;
  background-position: right center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  ul.breadcrumb li {
    background-image: url(/https/b.hatena.ne.jp/images/v3/breadcrumb_sep@2x.png);
  }
}
ul.breadcrumb li:last-child {
  background-image: none;
}
ul.breadcrumb li a {
  padding-right: 14px;
}
ul.breadcrumb li span.current {
  font-weight: bold;
}