body {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background: #fff;
}
img {
  border: none;
  vertical-align: middle;
}
form {
  *display: inline;
}
a {
  color: #2d6bc4;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #7a99f0;
}
a.keyword {
  color: #333333;
}
a.keyword:hover {
  text-decoration: none;
}
.nickname a {
  font-weight: normal;
  color: #777777;
}
.nickname:visited {
  font-weight: normal;
  color: #777777;
}
.realname {
  color: #333333;
  font-weight: bold;
}
.realname a {
  color: #333333;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
label {
  cursor: pointer;
}
.f-right {
  float: right;
}
.f-left {
  float: left;
}
.clear {
  clear: both;
}
.ssl {
  font-size: 80%;
}
.icon-arrow {
  background: url(/images/portal/icon-arrow.png) 0 50% no-repeat;
  padding-left: 12px;
}
.icon-arrow-bottom {
  background: url(/images/portal/icon-arrow-down.png) 0 50% no-repeat;
  padding-left: 12px;
}
.more {
  text-align: right;
  padding-top: 7px;
  clear: both;
}
.ok-message,
.message-ok {
  color: #517B29;
  background: #e3f9db url(/images/portal/success-bg.gif) 8px 5px no-repeat;
  border: 1px solid #c5daba;
  clear: both;
  margin: 10px 0;
  padding: 8px 5px 8px 40px;
  font-weight: bold;
  font-size: 80%;
  text-align: left;
  zoom: 1;
}
.message-error,
.error-message {
  color: #d17777;
  background: #ffebed url(/images/portal/error-bg.gif) 8px 50% no-repeat;
  border: 1px solid #ebbdc3;
  clear: both;
  margin: 10px 0;
  padding: 8px 5px 8px 40px;
  font-weight: bold;
  font-size: 80%;
  text-align: left;
  zoom: 1;
}
.message-info,
.info-message {
  color: #555;
  background: #fffec5 url(/images/portal/info-bg.gif) 5px 50% no-repeat;
  border: 1px solid #e9e89b;
  margin: 10px 0;
  padding: 8px 5px 8px 40px;
  font-weight: bold;
  font-size: 80%;
  text-align: left;
  zoom: 1;
}
.special-message .message-ok {
  display: block;
  position: relative;
  background: #fefae1;
  line-height: 1.7;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #a79734;
  border: 1px solid #e5dba0;
  margin: 10px 0;
  padding: 15px 0;
  text-decoration: none;
  font-size: 80%;
  clear: both;
  -webkit-box-shadow: 0 0 3px #dedede;
  -moz-box-shadow: 0 0 3px #dedede;
  -o-box-shadow: 0 0 3px #dedede;
  -ms-box-shadow: 0 0 3px #dedede;
  box-shadow: 0 0 3px #dedede;
  text-align: center;
  font-weight: normal;
  text-shadow: 0 1px 1px #fff;
}
.special-message .message-ok strong {
  font-weight: bold;
  font-size: 130%;
  color: #b39c0b;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
:not(.ie) .timeline-pager a,
.external-service,
.emoji,
#friendtubuyaki-box .selecter,
#friendtubuyaki-box .service-selecter,
#friendtubuyaki-box.nakayoshi-box .input[name='member-name-dummy'],
#friendtubuyaki-box.all-box .border-box,
#friendtubuyaki-box.all-box .input[name='member-name-dummy'],
.comment-list-compact iframe,
.comment-list-compact.no-comments div.comment-form,
.comment-options-details label,
#ignore-container .anyzou-frame,
.memberlist-body,
.pager .pager-l,
.timeline-post-form iframe[src*="/anyzou/contacts"],
#blogparts .profile-box .header,
#blogparts .more,
.register-realname .realname-details,
#hatena-www-login-mail.only-content .window .title .switch-ssl,
#hatena-www-login.only-content .window .title .switch-ssl,
.config .suggestname iframe,
.one-notification-set_realname,
.preference-add-button {
  display: none ;
}
#header-container #sp-suggest,
.hatena-star-comment-container {
  display: none !important;
}
body {
  margin: 0;
  padding: 0;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background: #fff;
}
.windows body {
  font-family: Arial, Helvetica, Meiryo, "メイリオ", sans-serif;
}
.ie iframe {
  height: 10em;
}
.ie iframe#nav-meni {
  height: 70em;
}
.userdesc img {
  width: auto;
  height: auto;
}
#header a,
#nav a,
#aside a {
  color: #2d6bc4;
}
p.description {
  font-size: 80%;
  line-height: 1.7;
  padding: 0;
  margin: 10px 0;
}
p.description .realname,
p.description .nickname {
  font-weight: normal;
}
#section {
  zoom: 1;
  padding: 10px 20px 10px 19px;
  width: 500px;
  float: left;
  margin-left: -13px;
  margin-top: 0;
  border-left: 1px solid #ddd;
  min-height: 600px;
  text-align: left;
}
#section:after {
  content: "";
  display: block;
  clear: both;
}
#section p.description {
  margin-top: 3px;
}
#section .section {
  padding-bottom: 30px;
}
#section .section .section p.description {
  color: #999;
  margin-bottom: 0;
  margin-top: 5px;
}
#section .loading {
  text-align: center;
  padding: 10px 0;
}
#section .loading img {
  vertical-align: middle;
  margin-right: 4px;
}
#section .pager {
  font-size: 80%;
  text-align: right;
  padding: 15px 0;
  clear: both;
}
#section .pager .back,
#section .pager .pager-l {
  float: left;
}
#section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#section .header {
  position: relative;
}
#section .header h1 {
  padding: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  clear: both;
}
#section .header h1 .button-s {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: normal;
  font-size: 75%;
  padding-left: 25px;
  padding-right: 8px;
}
#section .header h1.profile-title .button-s {
  background-image: url(/images/portal/icon-edit.png);
  background-repeat: no-repeat;
  background-position: 8px 50%;
}
#section .header h2 {
  font-size: 80%;
  margin-bottom: 4px;
  position: relative;
  padding: 4px 0;
  clear: both;
}
#section .header h2 span {
  cursor: pointer;
}
#section .header h2 a {
  color: #000;
}
#section .header .edit {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 75%;
}
#section .header .menu {
  zoom: 1;
}
#section .header .menu:after {
  content: "";
  display: block;
  clear: both;
}
#section .tl-na-container .na-container {
  clear: both;
  text-align: center;
  background: #f7f7f7;
  font-size: 80%;
  margin-bottom: 10px;
  color: #2d6bc4;
  padding: 5px 0;
  overflow: hidden;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border: 0;
}
#section .timeline-right {
  margin-left: 42px;
  display: block;
}
#section .timeline-right .target {
  margin-left: 2px;
}
#section .timeline-right .header .icon {
  width: 12px;
  height: 12px;
}
#section .friend-set .profile-image {
  float: none ;
  margin-top: 0 ;
  margin-bottom: 3px ;
  width: 16px;
  height: 16px;
}
#section .timeline .list li {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}
#section #timeline li .profile-image {
  border: 0;
  margin-top: 3px;
  cursor: pointer;
}
#section table {
  border-collapse: collapse;
  font-size: 80%;
  border-bottom: 1px solid #dddddd;
  width: 100%;
  margin-bottom: 20px;
}
#section table th {
  background: #f7f7f7;
  padding: 7px;
  border-top: 1px solid #dddddd;
  width: 20%;
  white-space: nowrap;
}
#section table td {
  padding: 7px;
  border-top: 1px solid #dddddd;
}
#section table td input {
  border: 1px solid #ccc;
  padding: 4px;
}
#section table td input.short {
  width: 50%;
}
#section table td input.text {
  width: 95%;
}
#section table td input.checkbox {
  width: auto;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: 5px;
}
#section table td textarea {
  width: 100%;
  height: 100px;
  font-size: 90%;
  font-family: sans-serif;
  border: 1px solid #ccc;
  padding: 4px;
}
#section table td .suggestname input {
  width: 200px;
}
#section table td .nickname {
  font-weight: normal;
}
#section table td .realname {
  color: #333333;
}
#section table td pre {
  margin: 0;
  padding: 0;
  font-family: "arial", "helvetica", "Meiryo", sanserif;
}
#section .box-setting {
  padding: 7px;
}
#section .box-setting .setting-menu {
  margin-left: 40px;
}
#section .box-setting .setting-menu a {
  margin-left: 5px;
}
#section .box-setting .setting-icon img.profile-image {
  height: 32px;
}
#section .violation {
  font-size: 80%;
  text-align: right;
  clear: both;
  padding-top: 20px;
}
#section .violation a {
  color: #999;
}
#section .violation a:visited {
  color: #999;
}
.personalname-separator {
  padding-right: 0.2em;
}
.submit-button {
  text-align: center;
  margin: 10px 0;
  padding-bottom: 15px;
}
#hatena-www-login-mail.only-content .config-button input.submit,
#hatena-www-login.only-content .config-button input.submit,
.submit-button button,
.submit-button input,
.privacy-alert-button input {
  cursor: pointer;
  padding: 8px 18px;
  font-family: "arial", "helvetica", meiryo, sans-serif;
  line-height: 1;
  font-size: 100%;
  text-shadow: 1px 1px 0 #fff;
  /* color:#fff;*/

  color: #333;
  text-shadow: 1px 1px 0 #fff;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid #9bbbde;
  background: #edf5ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6eef7));
  background: -moz-linear-gradient(top, #ffffff 0%, #e6eef7 100%);
  margin: 0 3px;
}
#hatena-www-login-mail.only-content .config-button input.submit:hover,
#hatena-www-login.only-content .config-button input.submit:hover,
.submit-button button:hover,
.submit-button input:hover,
.privacy-alert-button input:hover {
  border: 1px solid #7fa0c4;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcebfb));
  background: -moz-linear-gradient(top, #ffffff 0%, #dcebfb 100%);
}
#hatena-www-login-mail.only-content .config-button input.submit:active,
#hatena-www-login.only-content .config-button input.submit:active,
.submit-button button:active,
.submit-button input:active,
.privacy-alert-button input:active {
  border: 1px solid #7fa0c4;
  background: -webkit-gradient(linear, left top, left bottom, from(#ecf3fa), to(#dcebfb));
  background: -moz-linear-gradient(top, #ecf3fa 0%, #dcebfb 100%);
  -webkit-box-shadow: inset 2px 2px 2px #b8c0c8;
  -moz-box-shadow: inset 2px 2px 2px #b8c0c8;
  -o-box-shadow: inset 2px 2px 2px #b8c0c8;
  -ms-box-shadow: inset 2px 2px 2px #b8c0c8;
  box-shadow: inset 2px 2px 2px #b8c0c8;
}
#hatena-www-login #header {
  border-bottom: 0;
}
#hatena-www-login #header #logo-hatena {
  margin-top: 7px;
}
#hatena-www-login #body {
  text-align: center;
}
#hatena-www-register #header {
  border-bottom: 0;
}
#hatena-www-register #header #logo {
  margin-top: 15px;
}
#hatena-www-register h1 {
  background: #fff;
  font-size: 200%;
  padding-bottom: 15px;
  margin-top: 15px;
  padding-top: 0;
}
.privacy-alert-button #privacy-alert-cancel,
.submit-button .back,
.submit-button .linkbutton {
  border: 1px solid #ccc;
  background: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  margin: 0 3px;
  vertical-align: top;
}
.privacy-alert-button #privacy-alert-cancel:hover,
.submit-button .back:hover,
.submit-button .linkbutton:hover {
  border: 1px solid #bbb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
}
.privacy-alert-button #privacy-alert-cancel:active,
.submit-button .back:active,
.submit-button .linkbutton:active {
  background: #e6e6e6;
  -webkit-box-shadow: inset 2px 2px 2px #b8c0c8;
  -moz-box-shadow: inset 2px 2px 2px #b8c0c8;
  -o-box-shadow: inset 2px 2px 2px #b8c0c8;
  -ms-box-shadow: inset 2px 2px 2px #b8c0c8;
  box-shadow: inset 2px 2px 2px #b8c0c8;
}
span.username {
  color: #777777;
  font-weight: normal !important;
}
span.username a {
  color: #777777 !important;
}
.header .profile-title span.username {
  color: #333;
  font-weight: bold !important;
}
.username label {
  display: block;
  min-height: 32px;
}
button a,
button a:visited {
  color: #000;
  text-decoration: none;
}
/* ===================== header,footer ===================== */
#header {
  border-bottom: 1px solid #ddd;
  padding-top: 0 !important;
  height: 37px;
}
#header a,
#header a:visited {
  color: #2d6bc4;
}
#header img.service-logo {
  height: 24px;
  margin-top: 7px;
  margin-bottom: 7px;
}
#header #header-feedback:hover {
  text-decoration: underline;
}
#header #feedback-window {
  height: 270px;
  width: 300px;
}
#header .header-window {
  right: 7px !important;
}
#header .header-window #feedback-form {
  padding: 7px;
  color: #333;
  text-align: center;
}
#header .header-window #feedback-form h1 {
  margin: 0;
  padding: 0 0 5px 3px;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
#header .header-window #feedback-form dl {
  margin: 5px 0 0 0;
  padding: 0;
}
#header .header-window #feedback-form dl p {
  font-size: 90%;
  text-align: left;
}
#header .header-window #feedback-form dl dt {
  margin: 0 5px 0 0 !important;
  float: left;
  font-weight: bold;
}
#header .header-window #feedback-form dl dd textarea {
  font-size: 100%;
  padding: 7px;
  margin: 0;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  width: 95%;
  margin: 3px 0;
  height: 60px;
}
#header .header-window #feedback-form dl dd textarea:focus {
  border: 1px solid #aaa;
}
#header .header-window #feedback-form button {
  cursor: pointer;
  text-align: center;
  padding: 3px 10px;
  color: #eee;
  border: 1px solid #333;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#525252), to(#000000), color-stop(0.1, #404040), color-stop(0.7, #171717));
  background: -moz-linear-gradient(top, #525252 0%, #404040 10%, #171717 70%, #000000 100%);
  text-shadow: -1px -1px 0 #000000;
  font-family: "meiryo", "helvetica", "arial", sans-serif;
  font-weight: bold;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#header .header-window #feedback-result {
  padding: 7px;
  color: #333;
  text-align: center;
}
#header .header-window #feedback-result h1 {
  margin: 0;
  padding: 0 0 5px 3px;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
#header .header-window #feedback-result dl {
  padding: 80px 0;
}
#header .header-window #feedback-result p {
  line-height: 1;
}
#header form.header-search {
  position: absolute !important;
  top: 7px !important;
  left: 136px !important;
}
#header form.header-search input {
  border: 1px solid #cbcbcb !important;
}
#header form.header-search input.search-text {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}
#header form.header-search input.search-button {
  background-color: #cbcbcb !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}
#footer {
  clear: both;
  font-size: 80%;
  border-top: 1px solid #ddd;
  padding: 20px 0;
  text-align: center;
}
#footer #footer-feedback-link {
  position: fixed;
  right: 0;
  bottom: 0;
  font-size: 12px;
  line-height: 1.0;
  padding: 2px;
}
#footer #footer-feedback-iframe {
  position: fixed;
  right: 0;
  bottom: 16px;
  width: 35em;
  height: 20em;
  border: 1px #ccc solid;
  padding: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#footer .copyright {
  font-size: 90%;
  color: #999;
}
#nav a,
#nav a:visited {
  color: #2d6bc4;
}
/* ============================ frame ============================== */
#container {
  zoom: 1;
  width: 960px;
  zoom: 1;
  margin: 0 auto;
  text-align: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: transparent;
  line-height: 1.5;
}
#container:after {
  content: "";
  display: block;
  clear: both;
}
#nav,
#aside {
  margin-top: 10px;
}
#nav {
  width: 193px;
  float: left;
  position: relative;
}
.no_aside #section {
  width: 760px;
  padding-right: 0;
}
#nav ul,
#aside ul,
#section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#friendtubuyaki-box {
  padding-bottom: 5px;
  margin-top: 5px;
}
#friendtubuyaki-box form {
  *display: inline;
}
#friendtubuyaki-box form .submit {
  background: #fff;
}
#friendtubuyaki-box form input[type='text'] {
  width: 557px;
  color: #999;
  border: 3px solid #dddddd;
  padding: 4px 0 4px 4px !important;
}
#friendtubuyaki-box form input[type='text']:focus {
  color: #333;
  border: 3px solid #e0e9fa;
}
#friendtubuyaki-box form textarea {
  width: 490px;
  padding: 4px;
  height: 51px;
  border: 1px solid #bbb;
  -moz-box-shadow: inset 1px 1px 3px #ccc;
  -webkit-box-shadow: inset 1px 1px 3px #ccc;
  -o-box-shadow: inset 1px 1px 3px #ccc;
  -ms-box-shadow: inset 1px 1px 3px #ccc;
  box-shadow: inset 1px 1px 3px #ccc;
  font-size: 90%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  margin: 0;
}
#friendtubuyaki-box form textarea:focus {
  border: 1px solid #999;
}
#friendtubuyaki-box form input.members {
  padding-bottom: 0;
  margin-bottom: 3px;
  margin-top: 3px;
}
#friendtubuyaki-box form .submit {
  text-align: right;
  padding: 3px 0 10px 0;
  float: right;
  margin-bottom: 5px;
}
#friendtubuyaki-box form .submit input {
  cursor: pointer;
  padding: 0 8px;
  height: 30px;
  font-family: "arial", "helvetica", meiryo, sans-serif;
  line-height: 28px;
  font-size: 75%;
  color: #333;
  text-shadow: 0 1px 1px #fff;
  font-weight: bold;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border: 1px solid #9bbbde;
  background: #edf5ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6eef7));
  background: -moz-linear-gradient(top, #ffffff 0%, #e6eef7 100%);
  margin-top: 0 !important;
}
#friendtubuyaki-box form .submit input:hover {
  border: 1px solid #7fa0c4;
  background: #edf5ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcebfb));
  background: -moz-linear-gradient(top, #ffffff 0%, #dcebfb 100%);
}
#friendtubuyaki-box form .submit input:active {
  border: 1px solid #7fa0c4;
  background: #edf5ff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ecf3fa), to(#dcebfb));
  background: -moz-linear-gradient(top, #ecf3fa 0%, #dcebfb 100%);
  box-shadow: 2px 2px 2px #b8c0c8;
  -moz-box-shadow: 2px 2px 2px #b8c0c8;
  -webkit-box-shadow: 2px 2px 2px #b8c0c8;
  -o-box-shadow: 2px 2px 2px #b8c0c8;
  -ms-box-shadow: 2px 2px 2px #b8c0c8;
}
#friendtubuyaki-box .selecter span {
  cursor: pointer;
  margin-right: 10px;
  font-size: 80%;
  margin-top: 12px;
  color: #666666;
  display: inline-block;
}
#friendtubuyaki-box .selecter span:hover {
  text-decoration: underline;
}
#friendtubuyaki-box .selecter .selected {
  color: #333;
  padding: 15px 0 10px 0;
  margin-top: 0;
}
#friendtubuyaki-box .service-selecter {
  padding: 12px 10px 5px 4px;
  font-size: 80%;
  float: right;
}
#friendtubuyaki-box .service-selecter img {
  margin-right: 3px;
}
#friendtubuyaki-box .service-selecter input {
  vertical-align: middle;
  margin-right: 3px;
  margin-left: 5px;
}
#friendtubuyaki-box .submit input.disabled,
#friendtubuyaki-box .submit input.disabled:active,
#friendtubuyaki-box .submit input.disabled:hover {
  border: 1px solid #ddd;
  color: #999;
  background: #dedede;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dedede));
  background: -moz-linear-gradient(top, #f3f3f3 0%, #dedede 100%);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: 0;
}
.remove-member {
  display: inline-block;
  padding: 3px;
  color: #fff;
  background: #aaa;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin-left: 3px;
  line-height: 0.7;
}
.remove-member:hover {
  opacity: 0.8;
}
.remove-member:focus {
  opacity: 0.8;
}
.list {
  font-size: 80%;
  clear: both;
}
.list .list {
  font-size: 100%;
}
.list li img.profile-img,
.list li img.happie-img {
  width: 32px;
  height: 32px;
  float: left;
}
.list li .summary {
  display: block;
  line-height: 1.5;
  padding-bottom: 7px;
}
.list li .summary img {
  max-width: 400px;
  max-height: 400px;
  margin: 5px 0;
}
.list li .summary .more-url {
  display: inline;
  margin-left: 5px;
}
.list li .username {
  margin-right: 7px;
}
.list li .username a {
  color: #777777;
}
.list li .realname {
  color: #333333;
  margin-right: 7px;
}
.list li .nickname {
  margin-right: 7px;
}
.list li .nickname a {
  color: #777777;
  font-weight: normal;
}
.list li .timestamp a {
  color: #999;
}
#timeline + .tl-entries-container,
.tl-entries-container + .tl-entries-container {
  border-top: 0 !important;
}
.tl-entries-container,
#timeline {
  border-top: 1px solid #dddddd;
  font-size: 80%;
}
.tl-entries-container li,
#timeline li {
  padding: 10px 55px 10px 0;
  border-bottom: 1px solid #dddddd;
}
.tl-entries-container li .header,
#timeline li .header {
  padding-bottom: 3px;
  padding-top: 3px;
  display: block;
}
.tl-entries-container li .header .service img,
#timeline li .header .service img {
  margin-right: 3px;
  margin-bottom: 2px;
}
.tl-entries-container li .header .icon,
#timeline li .header .icon {
  display: none;
}
.tl-entries-container li .photos img,
#timeline li .photos img,
.tl-entries-container li .photo img,
#timeline li .photo img {
  max-width: 400px;
  max-height: 400px;
  margin: 5px 0;
}
.tl-entries-container li .border-box,
#timeline li .border-box {
  zoom: 1;
  line-height: 1.5;
  padding: 7px;
  background: #f7f7f7;
  color: #999;
  zoom: 1;
}
.tl-entries-container li .border-box:after,
#timeline li .border-box:after {
  content: "";
  display: block;
  clear: both;
}
.tl-entries-container li.diary .border-box,
#timeline li.diary .border-box,
.tl-entries-container li.ugomemo .border-box,
#timeline li.ugomemo .border-box {
  display: none;
}
.tl-entries-container li.question .more-url,
#timeline li.question .more-url {
  display: block;
  padding: 7px 0;
  margin-left: 0;
}
.tl-entries-container li.question .more-url a,
#timeline li.question .more-url a {
  display: inline-block;
  padding: 0 14px ;
  border: 1px solid #d6d6d6;
  border-bottom-color: #c0c0c0;
  background-color: #f5f5f5;
  color: #333 !important;
  line-height: 28px;
  height: 26px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 85%;
  background-repeat: no-repeat;
  background-image: url("http://q.hatena.ne.jp/images/icon-answer-s.gif");
  background-position: 8px 50%;
  font-size: 90%;
  padding-left: 28px;
}
.tl-entries-container li.question .more-url a:hover,
#timeline li.question .more-url a:hover {
  border-color: #bbb;
  background-color: #eee;
  text-decoration: none;
}
.tl-entries-container li.question .more-url a:active,
#timeline li.question .more-url a:active {
  border-color: #bbb;
  background-color: #eee;
  box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
}
.tl-entries-container li.album .border-box,
#timeline li.album .border-box {
  float: right;
  margin-top: 11px;
  width: 250px;
}
.tl-entries-container li.album .photo img,
#timeline li.album .photo img {
  width: 130px !important;
}
.tl-entries-container li .bookmark-entry-summary img,
#timeline li .bookmark-entry-summary img {
  max-width: 387px;
  background: #fff;
}
.tl-entries-container li .thumbs img,
#timeline li .thumbs img {
  max-height: 64px;
  max-width: 64px;
  margin-right: 10px;
  margin-top: 7px;
}
.tl-entries-container li .bookmark-entry-image,
#timeline li .bookmark-entry-image {
  float: right;
  max-width: 120px;
  margin-left: 10px;
}
.tl-entries-container li .timeline-option,
#timeline li .timeline-option {
  clear: both;
  display: block;
  padding-top: 7px;
}
.tl-entries-container li .timeline-option .icon-delete,
#timeline li .timeline-option .icon-delete {
  float: right;
  margin-right: -45px;
  margin-top: 5px;
  display: none;
  *margin-top: -18px;
}
.tl-entries-container li .timeline-option .private-icon img,
#timeline li .timeline-option .private-icon img {
  width: 18px;
  height: 13px;
}
.tl-entries-container li .timeline-option .star,
#timeline li .timeline-option .star {
  margin-left: 4px;
}
.tl-entries-container li .timeline-option .timestamp,
#timeline li .timeline-option .timestamp {
  margin-right: 2px;
}
.tl-entries-container li .timeline-option img,
#timeline li .timeline-option img {
  margin-bottom: 3px !important;
}
.tl-entries-container li:hover .timeline-option .icon-delete,
#timeline li:hover .timeline-option .icon-delete {
  display: inline;
}
.blog-image {
  float: right;
  max-width: 120px;
  margin-left: 7px;
}
#timeline .mono_entry .timeline-right .photo img {
  max-width: 200px;
  max-height: 200px;
}
.user-suggestion a .username,
#section .friend-set .nickname,
#section .friend-set .realname {
  margin-right: 0 !important;
  color: #2d6bc4 !important;
}
#section .friend-set .username,
#section .user-suggestion .nickname,
#section .user-suggestion .realname {
  font-weight: normal;
  color: inherit;
  margin-right: 0;
}
h1 .nickname,
h1 .realname {
  color: inherit;
}
/* widget */
#timeline-frame #timeline {
  font-size: 75%;
}
#timeline-frame #timeline li {
  padding: 7px 0 7px 4px;
}
#timeline-frame #timeline li .photo img {
  max-width: 230px;
  max-height: 230px;
}
#timeline-frame #timeline .timeline-option {
  padding-top: 0;
}
.hatena-star-add-button-image {
  background-image: url(/images/portal/add-star.gif);
}
.hatena-star-inner-count {
  font-weight: bold;
  font-size: 100%;
  margin: 0pt 2px;
  color: #f4b128;
  cursor: pointer;
}
li.entry span.comment {
  cursor: pointer;
  color: #999;
  padding-left: 14px;
  background: url(/images/portal/icon-timeline-comment.png) 0 2px no-repeat;
  margin-right: 3px;
  font-size: 95%;
}
li.entry span.comment a {
  color: #999 !important;
}
.comments {
  display: block;
  margin-top: 7px;
  background: #f7f7f7;
  margin-bottom: 7px;
  text-align: left;
  font-size: 80%;
}
.comments .comment-body {
  margin-bottom: 2px;
  padding: 2px 0;
  margin-left: 43px;
  display: block;
}
.comments .comment-body img {
  max-width: 95%;
  max-height: 200px;
}
.comments .comment-option {
  display: block;
  margin-left: 43px;
}
.comments .comment-entry {
  clear: both;
  padding: 5px;
  position: relative;
  display: block;
  border-bottom: 1px solid #ededed;
  font-size: 95%;
}
.comments .comment-entry.hover .icon-delete {
  display: inline;
}
.comments .comment-right {
  display: block;
  margin-left: 38px;
}
.comments .icon-delete {
  float: right;
  margin-right: 3px;
  *margin-top: -18px;
  display: none;
}
.comments .timestamp {
  color: #999;
  margin-right: 7px;
}
.comments .timestamp a {
  color: #999;
}
.comments .description {
  font-size: 100%;
  margin: 0 0 3px 3px;
}
.comments .myhatena-link {
  display: none;
}
.comments .not-one-user {
  padding: 5px;
  text-align: left;
}
.comments .not-one-user .button-s-container {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 3px;
}
.comments .not-one-user .button-s-container .button-s {
  height: 22px;
  line-height: 24px;
  font-size: 100%;
  padding: 0 10px;
}
.comments .profile-image,
.comments .happie-image,
.comments .icon {
  margin-top: 3px;
  margin-left: 3px;
  float: left;
}
.comment-form {
  display: block;
  clear: both;
  padding: 7px;
}
.comment-form input {
  vertical-align: middle;
}
.comment-form input.input-text {
  width: 290px !important;
  padding: 4px;
  border: 1px solid #ccc !important;
  -moz-box-shadow: inset 1px 1px 3px #ddd;
  -webkit-box-shadow: inset 1px 1px 3px #ddd;
  -o-box-shadow: inset 1px 1px 3px #ddd;
  -ms-box-shadow: inset 1px 1px 3px #ddd;
  box-shadow: inset 1px 1px 3px #ddd;
  font-size: 90%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin: 0;
}
.comment-form input.input-text:focus {
  border: 1px solid #999;
}
.comment-form input.input-submit {
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #bcbcbc;
  padding: 0 5px;
  font-family: "arial", "helvetica", meiryo, sans-serif;
  line-height: 24px;
  height: 26px;
  font-size: 90%;
  color: #333;
  font-weight: bold;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  margin-left: 7px;
  width: 70px;
}
.comment-form input.input-submit:hover {
  border: 1px solid #999;
}
.comment-form input.input-submit:active {
  box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
}
.comment-form .comment-options {
  display: inline;
}
.comment-iframe {
  width: 100%;
}
.invite-number {
  background: url(/images/portal/invite-mail-badge.png) no-repeat;
  font-size: 60%;
  color: #fff;
  text-align: center;
  position: absolute;
  margin-left: -20px;
  margin-top: -10px;
  width: 14px;
  height: 13px;
  line-height: 13px;
}
#nav .floatlist img.profile-image,
#nav .floatlist img.happie-image,
#section .comments img.icon,
#section img.profile-image,
#section img.happie-image {
  width: 32px;
  height: 32px;
  background: #fff;
  float: left;
  overflow: hidden;
  min-height: 32px !important;
}
#section .list li .summary .user .profile-image {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  float: none;
  margin-top: 0;
  margin-right: 3px;
  margin-bottom: 3px;
  min-height: 16px !important;
  min-width: 16px !important;
}
ul.stars li {
  width: 33px;
  float: left;
  text-align: center;
  font-size: 70%;
}
ul.stars li span {
  display: block;
  margin-top: 3px;
  font-weight: bold;
}
ul.stars li.star {
  color: #FCB528;
}
ul.stars li.star-green {
  color: #3DCE24;
}
ul.stars li.star-red {
  color: #F32D46;
}
ul.stars li.star-blue {
  color: #159FDC;
}
ul.stars li.star-purple {
  color: #BE00BF;
}
.twitter-icon {
  background: url(/images/portal/twitter-icon-s.gif);
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 25px;
  left: 20px;
  border: 1px solid #ccc;
}
.anyzou-frame {
  height: 0;
  width: 100%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #E8E8E8;
  margin: -1px;
  background-color: white;
}
.att-tooltip {
  position: absolute;
  color: black;
  padding: 7px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  max-width: 15em;
  text-align: left;
  font-size: 75%;
  background: #fff;
}
.att-tooltip p.more {
  margin: 0 0 0 7px;
  display: inline;
  text-align: left;
}
.upload-file-info {
  display: inline-block;
}
.upload-file-info img {
  max-width: 5em;
  max-height: 5em;
}
.upload-file-info button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-style: none;
  visibility: hidden;
}
.upload-file-info:hover button {
  visibility: visible;
}
.poke {
  text-align: center;
  padding: 6px 0;
  background: #fff;
  border: 1px solid #cdcdcd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.poke a {
  color: #333;
}
.poke:hover {
  text-decoration: underline;
  cursor: pointer;
}
/* ===================== nav ======================== */
#nav {
  margin-top: 10px;
}
#nav .header h2 {
  font-size: 80%;
  padding: 7px 4px 6px;
  clear: both;
  margin-bottom: 8px;
}
#nav .section {
  margin-bottom: 25px;
}
#nav .list {
  font-size: 75%;
}
#nav .list li {
  padding: 5px;
}
#nav .list li a {
  display: block;
}
#nav .more {
  font-size: 75%;
  cursor: pointer;
}
#nav .profile {
  padding: 0;
  zoom: 1;
  margin-right: 13px;
  margin-bottom: 15px;
  position: relative;
  zoom: 1;
}
#nav .profile:after {
  content: "";
  display: block;
  clear: both;
}
#nav .profile .profile-image {
  float: left;
  margin-right: 7px;
}
#nav .profile .nickname,
#nav .profile .realname {
  font-size: 80%;
  font-weight: bold;
  display: block;
  padding-top: 10px;
}
#nav .profile .realname a,
#nav .profile .realname a:visited {
  color: #333333;
}
#nav .profile .username {
  font-size: 80%;
}
#nav .profile .f-left {
  position: relative;
  display: block;
  width: 70px;
  text-align: right;
}
#nav .profile .f-left:hover .edit {
  display: inline;
}
#nav .profile .edit {
  position: absolute;
  top: 48px;
  left: 48px;
  vertical-align: top;
  margin-right: 6px;
  background: #fff;
  border: 1px solid #ddd;
  display: none;
}
#nav .profile .edit:hover {
  border: 1px solid #ccc;
}
.profile-popup {
  position: absolute;
  width: 300px;
  height: 420px;
  z-index: 99999;
  background-color: white;
}
#nav li.selected {
  background: #ededed url(/images/portal/menu-selected-bg.gif) right center no-repeat;
  font-weight: bold;
  border-bottom: 0 !important;
}
#nav li.selected a {
  color: #000;
}
#nav .service-list li {
  padding: 3px 4px;
}
#nav .service-list img {
  margin-right: 4px;
}
#nav #external-services {
  border-top: 1px solid #eee;
  padding-top: 7px;
  margin-top: 7px;
}
#nav .realname a:visited {
  color: #333333;
}
#nav .nickname a:visited {
  color: #777777;
  font-weight: normal;
}
/*  ===================== aside =====================  */
#aside {
  width: 240px;
  float: right;
  text-align: left;
}
#aside .realname a {
  color: #333333;
}
#aside .realname a:visited {
  color: #333333;
}
#aside .header h2 {
  font-size: 80%;
  padding: 7px 4px 6px;
  clear: both;
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}
#aside .article {
  font-size: 75%;
  margin-bottom: 20px;
}
#aside .article:after {
  content: "";
  display: block;
  clear: both;
}
.button-s,
a.button-s {
  display: inline-block;
  padding: 0 14px ;
  border: 1px solid #d6d6d6;
  border-bottom-color: #c0c0c0;
  background-color: #f5f5f5;
  color: #333 !important;
  line-height: 28px;
  height: 26px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 85%;
  font-size: 85%;
}
.button-s:hover,
a.button-s:hover {
  border-color: #bbb;
  background-color: #eee;
  text-decoration: none;
}
.button-s:active,
a.button-s:active {
  border-color: #bbb;
  background-color: #eee;
  box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
}
div.button-s {
  *display: inline;
}
.button-s:hover,
a.button-s:hover {
  border-color: #bbb;
  background-color: #eee;
  text-decoration: none;
}
.button-s:active,
a.button-s:active {
  border-color: #bbb;
  background-color: #eee;
  box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
}
#suggestlist-compact .button-s {
  padding: 0 6px 0 20px;
  margin-top: 2px;
  text-align: left;
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-add-favorite.png);
  background-position: 4px 4px;
  background-repeat: no-repeat;
  height: 20px;
  line-height: 22px;
}
#aside .center {
  text-align: center;
}
#aside .button.center a {
  margin-left: auto;
  margin-right: auto;
}
#aside li {
  background: transparent ;
  border: 0 
  display:inline;
  float: left;
}
#aside li img.profile-image {
  margin: 4px;
  width: 32px;
  height: 32px;
  background: #fff;
  cursor: pointer;
}
#aside .section {
  font-size: 75%;
}
#aside .section p {
  line-height: 1.7;
  margin: 5px 4px 10px 4px;
  padding: 0;
}
#aside .section p.more {
  margin-right: 0;
}
#aside .friend-add-message {
  margin-bottom: 30px;
}
#aside .friend-add-message .button-s {
  font-size: 100%;
  width: 200px;
  height: 30px;
  line-height: 32px;
}
#aside .section .list {
  font-size: 100%;
}
#aside .list li {
  padding: 7px 0;
  float: none;
  border-bottom: 1px solid #eee;
}
#aside .list li img.profile-image {
  margin: 0;
  float: left;
}
/*
#aside .more a {
  background:url(/images/portal/icon-arrow.png) 0 50% no-repeat;
  padding-left:12px;
}
*/
#aside .box {
  margin-bottom: 15px;
}
#aside iframe {
  width: 100%;
  margin-bottom: 10px;
}
#aside #suggestlist-compact {
  border-top: 1px solid #eee;
  margin-top: 7px;
}
#aside #suggestlist-compact li .button {
  padding-top: 3px;
}
#aside #suggestlist-compact li .list-right {
  margin-left: 38px;
}
#aside #suggestlist-compact li .list-right .realname,
#aside #suggestlist-compact li .list-right .nickname {
  margin-right: 5px;
}
#aside #suggestlist-compact li .list-right .realname .realname,
#aside #suggestlist-compact li .list-right .nickname .nickname {
  margin-right: 0;
}
#aside .box h2 {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 7px;
}
#aside .relation-box .button a {
  font-size: 70%;
}
#aside .profile-box.box {
  margin-bottom: 5px;
  line-height: 1.7;
  margin-top: 12px !important;
}
#aside .profile-box .section {
  margin-top: 7px;
}
#aside .profile-box p.more {
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 0;
  margin-top: 3px;
}
#aside .profile-box .realname,
#aside .profile-box .nickname {
  font-weight: normal;
  color: #000;
}
#nav .medals {
  padding: 2px 0 7px 5px;
}
/* ===================================== request ===================================== */
#section .requestlist {
  margin: 0;
}
#section .requestlist li:after {
  clear: both;
  content: "";
  display: block;
}
#section .requestlist .userinfo {
  float: left;
  width: 460px;
}
#section .requestlist .profile-description {
  margin-left: 40px;
  margin-top: 5px;
  font-size: 90%;
}
#section .requestlist .buttons {
  float: right;
}
#section .requestlist .buttons a {
  display: inline-block;
  padding: 0 14px 0 25px;
  border: 1px solid #d6d6d6;
  border-bottom-color: #c0c0c0;
  background-color: #f5f5f5;
  color: #333;
  line-height: 28px;
  heihgt: 26px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 90%;
}
#section .requestlist .buttons a.accept {
  background: #f5f5f5 url(http://b.hatena.ne.jp/images/user/button-icon-mini-added-favorite.png) 7px 50% no-repeat;
}
#section .requestlist .buttons form {
  display: inline;
}
#section .requestlist .buttons .ignor {
  background: #f5f5f5 url(http://b.hatena.ne.jp/images/user/button-icon-mini-remove-favorite.png) 7px 50% no-repeat;
  display: inline-block;
  padding: 0 14px 0 25px;
  border: 1px solid #d6d6d6;
  border-bottom-color: #c0c0c0;
  background-color: #f5f5f5;
  color: #333;
  line-height: 28px;
  heihgt: 26px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 90%;
}
#section .requestlist .buttons .ignor:hover,
#section .requestlist .buttons a:hover {
  border-color: #bbb;
  background-color: #eee;
  text-decoration: none;
}
#section .requestlist .buttons .ignor:active,
#section .requestlist .buttons a:active {
  border-color: #bbb;
  background-color: #eee;
  box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
}
#section .requestlist li {
  height: auto !important;
}
#section .requestlist .userinfo img {
  margin-right: 7px;
  cursor: pointer;
}
#section .requestlist .username {
  display: block;
}
/* ============================= invite ============================ */
.invite-service-list {
  margin: 0;
  padding: 0;
}
.invite-service-list:after {
  content: "";
  display: block;
  clear: both;
}
.invite-service-list li {
  display: inline-block;
  float: left;
  text-align: center;
  height: 70px;
  font-size: 80%;
  padding: 0 10px 0 0;
}
.invite-service-list li img {
  margin-bottom: 3px;
  margin-right: 4px;
}
.invite-service-list a {
  display: inline-block;
  border: 1px solid #d6d6d6;
  border-bottom-color: #c0c0c0;
  background-color: #f5f5f5;
  color: #333;
  line-height: 48px;
  height: 46px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin-top: 15px;
  width: 220px;
}
.invite-service-list a:hover {
  border-color: #bbb;
  background-color: #eee;
  text-decoration: none;
}
.invite-service-list a:active {
  border-color: #bbb;
  background-color: #eee;
  box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 3px #aaa,0 1px 0 #fff;
}
.invite-service-list .facebook a {
  padding: 0;
  color: #fff !important;
  background: #3b5998;
  border: 1px solid #133783;
  text-shadow: 0 -1px 0 #133783;
  -moz-box-shadow: inset 0 1px 0 #7a94ca;
  -webkit-box-shadow: inset 0 1px 0 #7a94ca;
  -o-box-shadow: inset 0 1px 0 #7a94ca;
  -ms-box-shadow: inset 0 1px 0 #7a94ca;
  box-shadow: inset 0 1px 0 #7a94ca;
  width: 220px;
}
.invite-service-list .facebook a:hover {
  border: 1px solid #061330;
}
.invite-service-list .facebook a:active {
  -moz-box-shadow: inset 0 1px 3px #0c2456;
  -webkit-box-shadow: inset 0 1px 3px #0c2456;
  -o-box-shadow: inset 0 1px 3px #0c2456;
  -ms-box-shadow: inset 0 1px 3px #0c2456;
  box-shadow: inset 0 1px 3px #0c2456;
  box-shadow: inset 0 1px 3px #0c2456;
}
.invite-service-list .mixi a {
  padding: 0;
  background: #f0ebda;
  border: 1px solid #c7bfa5;
  width: 220px;
}
.invite-service-list .mixi a:hover {
  border: 1px solid #b8ab83;
}
.invite-service-list .mixi a:active {
  -moz-box-shadow: inset 0 1px 3px #c3bca5;
  -webkit-box-shadow: inset 0 1px 3px #c3bca5;
  -o-shadow: inset 0 1px 3px #c3bca5;
  -ms-shadow: inset 0 1px 3px #c3bca5;
  box-shadow: inset 0 1px 3px #c3bca5;
}
.send-mail-box,
.search-form {
  padding: 10px 0;
}
.send-mail-box a {
  color: #2d6bc4;
  font-weight: bold;
}
.search-form input,
.search-form select {
  vertical-align: middle;
}
.search-form input[type='text'],
.search-form select {
  font-family: "meiryo";
  border: 1px solid #ccc;
  line-height: 1;
  padding: 1px;
}
.search-form input[type='text'] {
  width: 200px;
  padding: 2px 4px;
  border: 1px solid #ccc;
  line-height: 1;
}
.search-form input[type='submit'] {
  margin-left: 5px;
  width: 80px;
  text-align: center;
  cursor: pointer;
  padding: 3px 0;
  font-weight: bold;
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #bcbcbc;
  background: #e6eef7;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
}
.otherservicelist li {
  font-size: 80%;
  margin-right: 7px;
  padding-right: 7px;
  display: inline;
  float: left;
}
.suggestlist {
  border-top: 1px solid #eee;
}
.suggestlist li:after {
  content: "";
  display: block;
  clear: both;
}
.suggestlist li.selected {
  background: #f7f7f7;
}
.suggestlist .mixi-image {
  width: 32px;
  height: 32px;
  float: left;
}
.list-right,
.suggestlist-right {
  margin-left: 40px;
  display: block;
  *margin-top: -22px;
}
.suggestlist-right img {
  vertical-align: middle;
  margin-bottom: 2px;
}
.suggestlist .service-friend-icon img.profile-image {
  height: 32px;
}
.suggestname {
  color: #333;
  font-weight: bold;
}
.status {
  float: right;
  margin-top: 6px;
  text-align: center;
  min-width: 80px;
  _width: 80px;
  _overflow: hidden;
}
.status span {
  width: auto;
  padding: 0 6px 0 20px;
  font-size: 80%;
  margin-top: 2px;
  line-height: 22px;
  height: 20px;
  background-color: #fff;
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-added-favorite.png);
  background-position: 4px 50%;
  background-repeat: no-repeat;
  border: 1px solid #c0c0c0;
  cursor: default;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 20px;
  line-height: 22px;
  display: inline-block;
}
.status input {
  margin-top: 5px;
}
.list-selector {
  float: right;
  margin-top: 15px;
  margin-bottom: 10px;
}
.list-selector button {
  font-size: 75%;
  cursor: pointer;
  line-height: 1;
  padding-left: 6px;
  padding-right: 6px;
  height: 24px;
  background: #fff;
}
#section p.friendlist-description {
  margin-top: 20px;
}
.menu-actions {
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 70%;
  background-color: white;
}
.menu-actions li {
  display: block;
  margin: 0;
  padding: 5px 7px;
  background: #f5f5f5;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  border-bottom: 1px solid #ddd;
}
.menu-actions li a {
  display: block;
}
.menu-actions li a .username,
.menu-actions li a .realname {
  color: #2d6bc4;
  font-weight: normal;
}
.menu-actions button {
  display: block;
  border-style: none;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #2d6bc4;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-align: left;
  font-style: inherit;
  cursor: pointer;
}
.menu-actions button:hover {
  text-decoration: underline;
}
/* ===================== profile =================== */
.profileimg {
  float: left;
  margin-right: 7px;
  margin-bottom: 7px;
  max-width: 120px;
  margin-top: 3px;
}
dl.profile {
  margin: 0;
  padding: 0;
  font-size: 80%;
  line-height: 1.7;
}
dl.profile .profileimg {
  float: right;
  margin-left: 7px;
  margin-bottom: 7px;
}
dl.profile dt {
  font-weight: bold;
  width: 130px;
  text-align: right;
  float: left;
  margin-bottom: 10px;
}
dl.profile dt img {
  margin-right: 5px;
  margin-bottom: 3px;
  width: 10px;
}
dl.profile dd {
  position: relative;
  margin: 0 0 10px 140px;
  padding: 0;
}
dl.profile dd p {
  margin: 0 0 0 0;
  padding: 0;
}
dl.profile dd h4 {
  border-left: 3px solid #80aaff;
  padding: 3px 0 3px 7px;
  margin: 20px 0 10px 0;
}
dl.profile dd .hatena-asin-detail {
  margin: 10px 0;
  border: 1px solid #dddddd;
  padding: 10px;
}
dl.profile dd .hatena-asin-detail:after {
  clear: both;
  content: "";
  display: block;
}
dl.profile dd .hatena-asin-detail img {
  float: left;
  margin-right: 10px;
}
dl.profile dd table {
  font-size: 100%;
  margin: 10px 0;
}
/* =========================friends =========================== */
#section #friendlist li {
  padding: 10px 0;
  height: 38px;
  border-bottom: 1px solid #eee;
}
#section #friendlist li .realname,
#section #friendlist li .username,
#section #friendlist li .nickname {
  margin-right: 0;
}
#section #friendlist li .userinfo .profile-image {
  height: 32px;
  overflow: hidden;
}
#section #friendlist.mixi_friends li .nickname,
#section #friendlist.mixi_friends li .realname,
#section #friendlist.facebook_friends li .nickname,
#section #friendlist.facebook_friends li .realname {
  padding-right: 22px;
  background: url(http://favicon.hatena.ne.jp/?url=http://www.hatena.ne.jp/) center right no-repeat;
}
#section .floatlist li {
  font-size: 75%;
  width: 180px;
  float: left;
  margin: 4px;
  padding: 0;
  height: 85px;
  overflow: hidden;
}
#section .floatlist li:nth-child(4n) {
  margin-right: 0;
}
#section .floatlist li img {
  width: 64px;
  height: 64px;
  margin-right: 7px;
}
#section .floatlist li .nickname {
  display: block;
  overflow: hidden;
}
#section .floatlist li .nickname img {
  width: auto;
  height: auto;
  margin-right: 0;
  vertical-align: middle;
}
#section .floatlist li .username {
  display: block;
  height: 1.5em;
  overflow: hidden;
}
#section .floatlist li .friend-request {
  font-size: 90%;
  padding: 0 6px 0 20px;
  margin-top: 2px;
  line-height: 22px;
  height: 20px;
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-add-favorite.png);
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
#section .floatlist li .friend-request.requesting {
  background-color: #eee;
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-added-favorite.png);
  background-position: 4px 50%;
  background-repeat: no-repeat;
  border: 1px solid #c0c0c0;
  opacity: 0.5;
  box-shadow: none;
  cursor: default;
}
/* ========================= profile edit ================================ */
#section.profile-body .section {
  margin-bottom: 0;
  padding-bottom: 0;
}
#section table.profile th {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 13%;
}
#section table.profile td span.note {
  margin-left: 10px;
}
#section table.profile td img {
  margin: 5px;
}
#section table.profile td input {
  width: auto;
}
#section table.profile td input.txt {
  width: 200px;
}
#section table.profile td textarea {
  width: 440px;
  height: 50px;
  vertical-align: middle;
  margin-right: 10px;
}
#section table.profile td textarea.myprofile {
  height: 150px;
}
#section table.profile td .profile-image {
  vertical-align: middle;
  float: none;
}
#section table.profile td #delete-photo {
  vertical-align: middle;
  margin-right: 5px;
}
#section table.profile td select {
  border: 1px solid #ccc;
  padding: 3px;
}
#section table.profile td .note {
  color: #888;
}
#section table.profile td table.profilephoto {
  font-size: 100%;
  margin-bottom: 3px;
}
#section table.profile td table.profilephoto th {
  background: #fff;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
#section .theme-box {
  display: inline-block;
  text-align: center;
  margin: 0 10px;
  *margin-bottom: 10px;
  *display: inline;
  *float: left;
}
#section .theme-box img {
  border: 1px solid #dddddd;
  margin-bottom: 5px;
}
#section .header h1.oldtype {
  background: url(http://www.hatena.ne.jp/images/what/h2bg.gif) top left repeat-x;
  padding: 20px 0 20px 20px !important;
  border-bottom: none !important;
  color: #00378A;
}
#section .header h1 img.profile-image {
  width: 32px;
  height: 32px;
  vertical-align: middle !important;
  float: none;
  margin: 0 5px 5px 0;
}
#section .section-left {
  clear: both;
  margin-left: 5px;
}
#section .section-left,
#section .section-right {
  float: left;
  margin-bottom: 10px;
  width: 300px;
}
/* ========================== setting ================================ */
#section .section-right ul,
#section .section-left ul {
  list-style: circle;
  margin-left: 15px;
  padding-bottom: 15px;
  font-size: 80%;
}
#section .section-left ul li,
#section .section-right ul li {
  margin-bottom: 5px;
}
#widget-points,
#widget-stars,
#widget-pluses {
  margin-bottom: 10px;
}
#setting-container #section {
  border-left: 0;
  width: 670px;
}
#setting-container #aside {
  width: 260px;
  overflow: hidden;
}
#setting-container .header {
  clear: both;
}
.hatena-module .hatena-moduletitle {
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  font-size: 80%;
}
.hatena-module .hatena-modulebody {
  padding: 7px 0;
  font-size: 75%;
  text-align: left;
}
.hatena-module .hatena-modulebody .buypointlink {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  color: #666 !important;
}
.hatena-module .hatena-modulebody .more {
  text-align: right !important;
}
.hatena-module .hatena-modulebody .more a {
  background: transparent !important;
}
.hatena-module .hatena-modulebody .point-container {
  text-align: center;
}
.hatena-module .hatena-modulebody .point-container .count {
  font-weight: bold;
  font-size: 200%;
}
.hatena-module .hatena-modulebody .point-container .unit {
  font-size: 90%;
  margin-left: 3px;
}
.hatena-module .hatena-modulebody ul {
  list-style: none;
  margin: 0;
  padding: 7px;
}
.hatena-module .hatena-modulebody ul.itemlist {
  padding-top: 0;
  padding-bottom: 4px;
}
.hatena-module .hatena-modulebody ul.itemlist li {
  padding: 2px 0;
}
.hatena-module .hatena-modulebody ul.itemlist li .count {
  float: right;
}
.hatena-module .hatena-modulebody ul.itemlist li .count strong {
  font-size: 120%;
  margin-right: 1px;
}
.hatena-module .hatena-modulebody ul.itemlist li img {
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: 3px;
}
.hatena-module .hatena-modulebody ul#pluslist {
  margin-left: 8px;
}
.hatena-module .hatena-modulebody ul#pluslist li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 0 2px;
}
.support-message {
  padding: 5px 7px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #f7f7f7;
  border: 1px solid #eee;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
  color: #666;
}
.sidebar-service-list {
  margin-right: 23px;
}
.sidebar-service-list .header h2 {
  padding: 4px;
  border-bottom: 1px solid #ddd;
}
.sidebar-service-list .sidebar-service-1 {
  display: none;
}
.sidebar-service-list .ten-expanded .sidebar-service-1 {
  display: block;
}
.sidebar-service-list .ten-expanded .more {
  display: none;
}
#nav .invite-box .section {
  padding-left: 42px;
  background: url(http://cdn-ak.b.st-hatena.com/images/user/invite-mail-icon.png) 6px 4px no-repeat;
}
#nav .invite-box .button-s {
  font-size: 80%;
  color: #333;
  height: 22px;
  line-height: 24px;
}
#nav .one-notification-modified_profile .section {
  background: url(/images/nav-profile.png) 6px 4px no-repeat;
}
#user-service-list li {
  margin-left: 20px;
  text-indent: -20px;
}
#header-container #sp-suggest {
  background: url("http://www.hatena.ne.jp/images/touch/stripe.png") repeat scroll 0 0 transparent;
  -webkit-background-size: 14px 14px;
  padding: 8px 0;
  text-align: center;
}
#header-container #sp-suggest a {
  display: inline-block;
  font-size: 50px;
  margin: 30px 0;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  border: 3px solid #bbb;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3), color-stop(0.5, #f7f7f7), color-stop(0.5, #e9e9e9));
  background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e9e9e9 51%, #f3f3f3 100%);
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 30px;
  -webkit-box-sizing: border-box;
  color: #333;
  padding: 50px;
  line-height: 1em;
  text-decoration: none;
}
/* ======================= Language selector ====================== */
.localepanel {
  display: none;
}
/* ======================= only-content ====================== */
.only-content {
  background: transparent;
  overflow: hidden;
}
.only-content #nav {
  margin-top: 0;
}
.only-content #aside,
.only-content #container {
  width: auto;
  float: none;
  margin-top: 0;
}
.only-content #aside .article {
  margin-bottom: 0;
}
.only-content > *:first-child {
  margin-top: 0 !important;
}
.only-content .entries {
  padding: 0 10px;
}
.only-content .relation-body {
  text-align: left;
  padding: 7px 9px;
  border: 1px solid #ddd;
  background: #fff;
}
.only-content .relation-body .description {
  margin: 0;
  padding: 0;
  font-size: 75%;
}
.only-content .relation-body .submit-button {
  margin-bottom: 0;
  margin-top: 5px;
  padding-bottom: 0;
}
.only-content .relation-body .submit-button input {
  padding: 2px 5px;
  font-size: 80%;
}
.only-content .relation-body .note {
  font-size: 70%;
  color: #999;
  padding: 3px 0;
}
.only-content .relation-body .relation-message {
  font-size: 80%;
  font-weight: bold;
  margin-top: 10px;
}
.only-content .relation-body .relation-message textarea {
  height: 35px;
}
.only-content .relation-delete-body {
  border: 0;
  padding-top: 0;
}
/* ============================= first-page ========================== */
.first-page #section {
  border-left: 0;
}
.first-page #section .attention {
  text-align: left;
  font-size: 80%;
  list-style: circle;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #dddddd;
  line-height: 1.5;
  padding-left: 20px;
}
.first-page #section .attention li {
  padding-bottom: 5px;
  color: #666;
}
.first-page #invitation-actions-dialog {
  border: 3px solid #dddddd;
  text-align: center;
  padding: 1em 1.5em;
}
.first-page #invitation-actions-dialog .register-or-login-message {
  text-align: center;
}
.first-page #invitation-actions-dialog p {
  text-align: left;
  line-height: 1.7;
  margin-top: 0;
  margin-bottom: 10px;
}
.first-page #invitation-actions-dialog p.buttons {
  text-align: center;
}
.first-page #invitation-actions-dialog form {
  display: inline;
  background-color: transparent;
}
.first-page #invitation-actions-dialog .first-message {
  zoom: 1;
}
.first-page #invitation-actions-dialog .first-message:after {
  content: "";
  display: block;
  clear: both;
}
.first-page #invitation-actions-dialog input.start-button {
  border: 1px solid #9bbbde;
  background: #e6eef7;
  background: #e6eef7;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6eef7));
  background: -moz-linear-gradient(top, #ffffff #e6eef7);
  background-image: linear-gradient(top, #ffffff #e6eef7);
  background-image: -o-linear-gradient(top, #ffffff #e6eef7);
  background-image: -webkit-linear-gradient(top, #ffffff #e6eef7);
  background-image: -ms-linear-gradient(top, #ffffff #e6eef7);
  font-size: 100%;
  font-family: "Meiryo", sans-serif;
}
.first-page #invitation-actions-dialog .profile-image {
  width: 64px;
  height: 64px;
  margin: 7px 15px 7px 0;
}
.first-page #invitation-actions-iframe {
  border: 3px solid #dddddd;
  text-align: center;
  padding: 1em 1.5em;
  width: 100%;
  height: 20em;
}
.first-page .register-or-login .button a,
.first-page #invitation-actions-dialog input[type=submit],
.first-page #invitation-actions-dialog input[type=button],
.first-page #invitation-actions-dialog a.button {
  display: inline-block;
  margin-top: 4px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #bcbcbc;
  padding: 7px 20px;
  font-weight: bold;
  background: #ffffff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
  background: -moz-linear-gradient(top, #ffffff #eeeeee);
  background-image: linear-gradient(top, #ffffff #eeeeee);
  background-image: -o-linear-gradient(top, #ffffff #eeeeee);
  background-image: -webkit-linear-gradient(top, #ffffff #eeeeee);
  background-image: -ms-linear-gradient(top, #ffffff #eeeeee);
  text-shadow: 1px 1px 0 #fff;
  color: #333;
  border: 1px solid #bcbcbc;
}
.first-page input[readonly] {
  background-color: #C0C0C0;
}
.first-page .register-or-login .register-button a,
.first-page #invitation-actions-dialog input[type=submit] {
  border: 1px solid #9bbbde;
  background: #e6eef7;
  background: #e6eef7;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6eef7));
  background: -moz-linear-gradient(top, #ffffff #e6eef7);
  background-image: linear-gradient(top, #ffffff #e6eef7);
  background-image: -o-linear-gradient(top, #ffffff #e6eef7);
  background-image: -webkit-linear-gradient(top, #ffffff #e6eef7);
  background-image: -ms-linear-gradient(top, #ffffff #e6eef7);
}
.first-page .register-or-login .button {
  display: inline-block;
  margin: 0 5px;
}
.first-page .first-header {
  padding: 40px 0;
}
.first-page .first-header h1 {
  font-size: 150%;
}
.first-page .first-header h2 {
  font-weight: normal;
  font-size: 80%;
}
.first-page .comments {
  margin-top: 7px !important;
}
.from-service .first-header {
  padding-left: 80px;
  padding-top: 30px;
}
#from-blog .first-header {
  background: url(http://wwwone.hatena.ne.jp/images/portal/logo-blog.png) 0 50% no-repeat;
}
#from-community .first-header {
  background: url(http://wwwone.hatena.ne.jp/images/portal/logo-community.png) 0 50% no-repeat;
}
#from-album .first-header {
  background: url(http://wwwone.hatena.ne.jp/images/portal/logo-album.png) 0 50% no-repeat;
}
.from-service .first-header h1 {
  font-family: "century gothic", sans-serif;
  font-weight: normal;
  font-size: 220%;
}
/* new friend page */
#profile-header-wrapper {
  position: relative;
  height: 200px;
  background: #ffffff url(/css/theme/default/one-header.png);
}
#profile-header {
  position: absolute;
  left: 40px;
  top: 60px;
  width: 100%;
  color: #223265;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.6);
}
#profile-header .profile-image {
  margin-right: 20px;
  float: left;
  margin-top: 5px;
  height: 64px !important;
  background: #fff;
}
#profile-header h1.title {
  font-size: 200%;
  margin-top: 10px;
}
.with-realname #profile-header h1.title {
  margin-top: 0;
}
#profile-header h1.title .username a,
#profile-header h1.title .realname {
  color: #223265 !important;
}
#profile-header h1.title a {
  color: #223265;
}
#profile-header h2.description {
  font-weight: normal;
}
#profile-header h2.description a {
  color: #fff;
}
#profile-header h2.description .username {
  color: #223265;
}
#profile-header:after {
  content: "";
  display: block;
  clear: both;
}
#aside .action {
  position: relative;
}
.friend-relation-button.friend {
  border: 1px solid #c0c0c0;
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-added-favorite.png);
  background-position: 7px 50%;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 210px;
  font-size: 80%;
  height: 30px;
  line-height: 32px;
  -moz-box-shadow: 0 0 0 #fff;
  -webkit-box-shadow: 0 0 0 #fff;
  -ms-box-shadow: 0 0 0 #fff;
  -o-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  text-align: left;
  cursor: default;
  padding-left: 24px;
  width: 200px;
}
.friends-action-container {
  display: block;
  position: absolute;
  top: 13px;
  right: 10px;
  width: 160px;
  height: 60px;
  cursor: pointer;
  background: url(/images/portal/icon-dropdown.png) top right no-repeat;
}
#aside .friends-action-container ul {
  border: 1px solid #ccc;
  background: #f7f7f7;
  margin-top: 12px;
}
#aside .friends-action-container ul li {
  display: block;
  float: none !important;
  font-size: 70%;
  padding: 3px;
  border-bottom: 1px solid #ddd;
  -moz-box-shadow: 0 1px 0 #FFFFFF inset;
  -webkit-box-shadow: 0 1px 0 #FFFFFF inset;
  -ms-box-shadow: 0 1px 0 #FFFFFF inset;
  -o-box-shadow: 0 1px 0 #FFFFFF inset;
  box-shadow: 0 1px 0 #FFFFFF inset;
}
#aside .friends-action-container ul li:hover {
  background: #fff;
}
#aside .friends-action-container ul li:last-child {
  border-bottom: 0;
}
#aside .friends-action-container ul li a {
  display: block;
}
a.friend-relation-button {
  width: 210px;
  font-size: 80%;
  height: 40px;
  line-height: 42px;
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-add-favorite.png);
  background-position: 62px 14px;
  background-repeat: no-repeat;
  color: #333 !important;
}
a.friend-relation-button.remove {
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-remove-favorite.png);
  background-position: 50px 14px;
  background-repeat: no-repeat;
  font-weight: normal;
  color: #333;
}
#friendtubuyaki-box #timeline {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}
/* ------ Ten.js widgets default styles ------ */
.ten-hidden {
  display: none !important;
}
.emoji {
  display: inline;
  vertical-align: bottom;
}
.ten-framemenu-iframe {
  position: absolute;
  border: 1px solid #ccc;
  overflow: hidden;
  height: 2em;
  z-index: 9999999;
  width: 260px;
  background: #fff;
}
/* ------ timeline.js default style for theme=coco ------ */
.na-container {
  display: block;
  position: relative;
  text-align: left;
  background-color: #fff;
  line-height: 1.7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: black;
  border: 1px solid #ddd;
  margin: 10px 0;
  padding: 10px 13px;
  text-decoration: none;
  font-size: 80%;
  clear: both;
  -webkit-box-shadow: 0 0 3px #dedede;
  -moz-box-shadow: 0 0 3px #dedede;
  -o-box-shadow: 0 0 3px #dedede;
  -ms-box-shadow: 0 0 3px #dedede;
  box-shadow: 0 0 3px #dedede;
}
.na-container a {
  font-weight: bold;
  color: #2d6bc4 !important;
}
.na-container h2,
.na-container p {
  margin: 0 0 0 85px;
  padding: 0;
}
.na-container img,
.na-container input {
  float: left;
  margin-right: 10px;
}
.na-container .button-s:hover {
  border-color: #cbdff5;
  background-color: #e5f1ff;
}
.one-notification-hide-button {
  position: absolute;
  top: 10px;
  right: 0;
  cursor: pointer;
}
#nav .na-container {
  margin-right: 23px;
  padding: 7px 10px;
  border: 1px solid #ddd;
  font-size: 75%;
}
#nav .na-container .button-s {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  font-weight: normal;
  color: #333;
  font-size: 100%;
}
.tl-child-entry-list .tl-child-entry-list .tl-child-entry-list .tl-child-entry-list {
  padding-left: 0;
}
.pager center {
  display: inline;
}
.tl-indicator-prev,
.tl-indicator-next {
  display: inline;
}
.pager .tl-indicator-prev.tl-hidden,
.pager .tl-indicator-next.tl-hidden {
  display: inline;
  visibility: hidden;
}
.tl-child-entry-list {
  padding-top: 10px;
}
.tl-child-entry-list .list li {
  border-bottom: 0 !important;
  border-top: 1px solid #ddd;
  margin-right: -55px;
}
.tl-indicator {
  display: block;
  width: 100%;
  padding: 7px 0 7px 20px;
  font-size: 100%;
  margin: 10px 0 10px 200px;
  color: #999;
  text-align: left;
  background: url(/images/portal/loading.gif) 0 50% no-repeat;
  zoom: 1;
}
.expand .tl-indicator {
  margin-left: 160px;
}
.tl-hidden {
  display: none;
}
.tl-entry-beforeexpand > table .comments,
.tl-entry-beforeexpand > table .entry-reply-to-link,
.tl-entry-expanded > table .entry-reply-to-link {
  zoom: 1;
  opacity: 0.7;
}
.tl-entry-expanded > table .comments {
  display: none;
}
.tl-expand-button {
  padding: 6px 0 2px ;
  margin: -25px 0 0 3px;
  float: right;
}
.relation-body .description.message {
  padding: 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #f7f7f7;
  border: 1px solid #eee;
  margin-top: 10px;
  margin-bottom: 15pxpx;
  text-align: left;
  color: #666;
}
.relation-body .description.message:after {
  content: "";
  display: block;
  clear: both;
}
.relation-body .description.message img {
  float: left;
  margin-right: 5px;
}
#blogparts {
  padding: 10px 10px 15px 10px;
  text-align: left;
  border: 1px solid #ddd;
}
#blogparts .profile-image {
  margin-right: 7px;
  float: left;
}
#blogparts .nickname,
#blogparts .realname,
#blogparts .username {
  font-size: 80%;
  display: block;
}
#blogparts .nickname .username {
  font-weight: normal;
  margin-left: 7px;
}
#blogparts .username {
  padding: 2px 0 4px 0;
  font-size: 75%;
}
#blogparts .button-s {
  width: auto;
  padding: 0 6px 0 20px;
  font-size: 70%;
  margin-top: 2px;
  line-height: 22px;
  height: 20px;
  font-weight: normal;
}
#blogparts .action {
  margin-left: 40px;
}
#blogparts .profile-box {
  clear: both;
  padding-top: 7px;
  font-size: 75%;
}
#blogparts .friend {
  background-color: #fff;
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-added-favorite.png);
  background-position: 4px 50%;
  background-repeat: no-repeat;
  border: 1px solid #c0c0c0;
  cursor: default;
}
#blogparts .friend-relation-button {
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-add-favorite.png);
  background-position: 4px 5px;
  background-repeat: no-repeat;
}
#blogparts .reqested {
  background-color: #eee;
  background-image: url(http://b.hatena.ne.jp/images/user/button-icon-mini-added-favorite.png);
  background-position: 4px 50%;
  background-repeat: no-repeat;
  border: 1px solid #c0c0c0;
  opacity: 0.5;
  box-shadow: none;
  cursor: default;
}
.relation-message textarea {
  width: 98%;
  padding: 4px;
  border: 1px solid #bbb;
  -moz-box-shadow: inset 1px 1px 3px #ccc;
  -webkit-box-shadow: inset 1px 1px 3px #ccc;
  -ms-box-shadow: inset 1px 1px 3px #ccc;
  -o-box-shadow: inset 1px 1px 3px #ccc;
  box-shadow: inset 1px 1px 3px #ccc;
  font-size: 90%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.relation-message textarea:focus {
  border: 1px solid #999;
}
.message-request-box {
  padding: 7px;
  text-align: center;
  background: #f5f5f5;
  border-color: #D6D6D6 #D6D6D6 #C0C0C0;
  border-style: solid;
  border-width: 1px;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-top: 10px;
  clear: both;
}
#aside .message-request-box a {
  color: #333;
}
/* register */
.register {
  text-align: center;
  clear: both;
  padding-top: 1px;
  *padding-top: 15px;
}
.register-box {
  border: 1px solid #ddd;
  width: 650px;
  margin: 30px auto 100px auto;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 6px #ddd;
  -moz-box-shadow: 0 0 6px #ddd;
  -o-box-shadow: 0 0 6px #ddd;
  -ms-box-shadow: 0 0 6px #ddd;
  box-shadow: 0 0 6px #ddd;
  text-align: left;
  padding: 6px;
  clear: both;
  zoom: 1;
  zoom: 1;
}
.register-box:after {
  content: "";
  display: block;
  clear: both;
}
.register-box h2 .username {
  font-weight: bold !important;
  color: #333;
}
.register-top {
  *padding-top: 1px;
}
.register-top .register-box {
  width: 946px;
}
.register h2 {
  background: #eee;
  padding: 5px 10px;
  font-size: 80%;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.register h2 .profile-image {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}
.register h1 {
  font-size: 100%;
  margin: 0;
  padding: 0;
}
.register .body {
  padding: 15px;
  zoom: 1;
}
.register .description {
  margin-top: 0;
  padding-top: 5px;
}
.register .facebook-button,
.register .realname-button {
  text-align: center;
  padding: 10px 0;
}
.register .facebook-button .button-s {
  line-height: 38px;
  height: 36px;
  padding-left: 36px;
  color: #fff !important;
  background: #3b5998;
  border: 1px solid #133783;
  text-shadow: 0 -1px 0 #133783;
  -moz-box-shadow: inset 0 1px 0 #7a94ca;
  -webkit-box-shadow: inset 0 1px 0 #7a94ca;
  -ms-box-shadow: inset 0 1px 0 #7a94ca;
  -o-box-shadow: inset 0 1px 0 #7a94ca;
  box-shadow: inset 0 1px 0 #7a94ca;
  background: #3b5998 url(http://wwwone.hatena.ne.jp/images/portal/icon-facebook-button.gif) 10px 50% no-repeat;
}
.register .realname-button .button-s {
  line-height: 38px;
  height: 36px;
  padding-right: 30px;
  padding-left: 30px;
}
#realname-add-alternative-row td {
  text-align: right;
}
.register-realname input:disabled {
  background-color: transparent;
  color: inherit;
  border-style: none !important;
}
.register .facebook-button .button-s:hover {
  border: 1px solid #061330;
}
.register .facebook-button .button-s:active {
  -moz-box-shadow: inset 0 1px 3px #0c2456;
  -webkit-box-shadow: inset 0 1px 3px #0c2456;
  -ms-shadow: inset 0 1px 3px #0c2456;
  -o-box-shadow: inset 0 1px 3px #0c2456;
  box-shadow: inset 0 1px 3px #0c2456;
}
.register .note {
  font-size: 80%;
  text-align: center;
}
.only-content .window .config,
.register .profile-table {
  border-collapse: collapse;
  border-top: 1px solid #eee;
  margin: 10px 0;
  width: 100%;
}
#hatena-www-login-mail.only-content .window .config th,
#hatena-www-login.only-content .window .config th,
.register .profile-table th {
  font-weight: normal;
  width: 26%;
  padding: 7px;
  border-bottom: 1px solid #eee;
}
.register .profile-table th span {
  font-size: 75%;
}
#hatena-www-login-mail.only-content .window .config td,
#hatena-www-login.only-content .window .config td,
.register .profile-table td {
  font-weight: bold;
  padding: 7px;
  border-bottom: 1px solid #eee;
}
.register .profile-table td .note {
  text-align: left;
  font-weight: normal;
  padding-top: 5px;
  font-size: 75%;
}
.register .profile-table td .note input {
  vertical-align: middle;
  margin-bottom: 3px;
}
.register .submit-button {
  padding-bottom: 0px;
}
#hatena-www-login-mail.only-content .window .config td input,
#hatena-www-login.only-content .window .config td input,
.config.profile-table input.input-text,
.register .profile-table input.input-text {
  width: 150px;
  margin-right: 10px;
  padding: 4px;
  border: 1px solid #bbb;
  -moz-box-shadow: inset 1px 1px 3px #ccc;
  -webkit-box-shadow: inset 1px 1px 3px #ccc;
  -ms-box-shadow: inset 1px 1px 3px #ccc;
  -o-box-shadow: inset 1px 1px 3px #ccc;
  box-shadow: inset 1px 1px 3px #ccc;
  font-size: 90%;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 90%;
}
#hatena-www-login-mail.only-content .window .config td input:focus,
#hatena-www-login.only-content .window .config td input:focus,
.register .profile-table input.input-text:focus {
  border: 1px solid #999;
}
.register .profile-table input.realname-component {
  width: 100px;
}
.register .buttons {
  text-align: center;
}
.register .profile-table .input-text.large {
  width: 320px;
}
.register .nicknamelink {
  text-align: right;
}
.register-header {
  text-align: center;
  margin: 0 auto 0 auto ;
  background: #f7f7f7 url(/images/portal/register-top-bg.png) top left repeat-x;
  height: 220px;
  -moz-box-shadow: inset 0 1px 3px #dedede;
  -webkit-box-shadow: inset 0 1px 3px #dedede;
  -ms-box-shadow: inset 0 1px 3px #dedede;
  -o-box-shadow: inset 0 1px 3px #dedede;
  box-shadow: inset 0 1px 3px #dedede;
  padding-top: 12px;
  *margin-top: -20px;
}
.register-header-inner {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
.register-header .description {
  font-size: 90%;
  margin-right: 400px;
  line-height: 2;
  text-shadow: 0 1px 0 #fff;
}
.register-header:after {
  clear: both;
  content: "";
  display: block;
}
.register-header h1 {
  margin: 0;
  padding: 40px 0 0 0;
  font-size: 140%;
}
.message-box {
  margin-top: 10px;
  margin-bottom: 20px;
}
.message-box h1 {
  padding: 10px;
  margin-bottom: 15px;
  background: #464646;
  color: #fff;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.message-box h1 span {
  color: #fff !important;
}
.message-box h1 .username {
  font-weight: bold !important;
}
.message-box .profile-image {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.message-box .description {
  margin-top: 0;
  padding-top: 0;
}
.message-box .message {
  background: #eee;
  margin-left: 80px;
  padding: 7px 10px;
  font-size: 80%;
}
.register-footer {
  margin: 0 auto 10px auto;
}
.register-footer p {
  text-align: left;
  margin-bottom: 0;
}
.register-top .register-header .description {
  margin-right: 320px;
  font-size: 95%;
  line-height: 1.9;
}
.register-top .register-footer .description {
  padding-bottom: 10px;
}
.one-image {
  float: right;
  margin-right: 10px;
}
.guide {
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  text-shadow: 0 1px 0 #fff;
  background: #f7f7f7 url(/images/portal/register-top-bg.png) top left repeat-x;
  margin-bottom: 20px;
  -moz-box-shadow: inset 0 -3px 2px #efefef;
  -webkit-box-shadow: inset 0 -3px 3px #efefef;
  -ms-box-shadow: inset 0 -3px 3px #efefef;
  -o-box-shadow: inset 0 -3px 3px #efefef;
  box-shadow: inset 0 -3px 3px #efefef;
  text-align: center;
}
.guide .guide-inner {
  margin: 0 auto;
  text-align: left;
  width: 960px;
  zoom: 1;
}
.guide .guide-inner div {
  display: inline-block;
  text-align: left;
  *display: inline;
  *float: left;
}
.guide .guide-inner div h2 {
  font-size: 90%;
  padding: 6px 0 3px 27px;
  margin-bottom: 10px;
  background: url(/images/portal/guide-circle.png) 0 50% no-repeat;
  line-height: 1;
}
.guide .guide-inner div.guide-2 h2 {
  margin-left: 10px;
}
.guide .guide-inner div.guide-2 .one-sc2 {
  margin-right: 10px;
  margin-left: 10px;
}
#guide-container {
  padding: 10px 0 30px 0;
  text-align: center;
}
#guide-container .button-s {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #EBF2FA;
  border-color: #DBE6F2 #DBE6F2 #C8D6E6;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 #FFFFFF;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-family: "Meiryo", sans-serif;
  font-size: 110% !important;
  font-weight: bold;
  height: 46px;
  line-height: 48px !important;
  margin-bottom: 10px;
  margin-top: 0;
  padding: 0 25px;
  text-align: center;
  text-shadow: 0 1px 0 #FFFFFF;
  vertical-align: middle;
}
#guide-container .note {
  text-align: left;
}
#guide-container .note h2 {
  margin: 0 0 15px 0;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
#guide-container .note h3 {
  text-align: left;
  font-size: 80%;
}
#guide-container .note h3 img {
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 3px;
}
#guide-container .note p {
  font-size: 80%;
  margin: 0;
  padding: 5px 0 10px 0;
  text-align: left;
}
.register-top .register-footer .register-box .description {
  text-align: left;
}
.register-top .buttons {
  text-align: center;
  margin: 12px 0 0;
}
.register-attention {
  text-align: center;
  color: #999;
  margin-bottom: 70px;
  margin-top: 20px;
  margin-left: 0;
  padding-left: 20px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.register-attention li {
  margin: 0 auto;
  font-size: 80%;
  list-style: circle;
  text-align: left;
}
.register-attention li a,
.register-attention li a:visited {
  color: #999;
  text-decoration: underline;
}
p.register-intro-message {
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0 0;
}
p.login-message {
  font-size: 80%;
  text-align: center;
  padding-bottom: 15px;
}
.finish-list {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 80%;
}
.finish-list li {
  padding-bottom: 5px;
}
.facebook-realname-buttons {
  text-align: center;
  padding-bottom: 20px;
}
.facebook-realname-buttons div {
  display: inline-block;
}
.facebook-realname-buttons .buttons .button-s {
  height: 36px;
  line-height: 38px;
  color: #333 !important;
}
.register-read-guideline {
  padding-bottom: 30px;
  font-size: 80%;
}
#invitation-actions-dialog .button-s.start,
#invitation-actions-dialog input {
  display: inline-block;
  padding: 0 25px ;
  border: 1px solid #dbe6f2;
  border-bottom-color: #c8d6e6;
  background-color: #ebf2fa;
  color: #333;
  line-height: 48px;
  height: 46px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff,0 1px 0 #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 110%;
  font-weight: bold;
  font-family: "Meiryo", sans-serif;
  margin-top: 15px;
  margin-bottom: 10px;
}
#invitation-actions-dialog input:hover,
.button-s.start:hover {
  border-color: #cbdff5;
  background-color: #e5f1ff;
}
.buttons .button-s {
  font-weight: bold;
  line-height: 40px;
  height: 42px;
  padding: 0 20px;
  margin-left: 5px;
  margin-right: 5px;
}
.device-buttons .button-s {
  width: 200px;
  white-space: nowrap;
}
#invitation-actions-iframe {
  border: 1px solid #ddd;
  width: 946px;
  margin: 0 auto 0 auto;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 6px #ddd;
  -moz-box-shadow: 0 0 6px #ddd;
  -ms-box-shadow: 0 0 6px #ddd;
  -o-box-shadow: 0 0 6px #ddd;
  box-shadow: 0 0 6px #ddd;
  text-align: left;
  padding: 6px;
  clear: both;
  height: 300px;
}
#ignore-container #friendlist li {
  zoom: 1;
}
#ignore-container #friendlist li:after {
  clear: both;
  content: "";
  display: block;
}
#ignore-container .note {
  font-size: 75%;
  padding: 10px 0 20px 0;
  color: #666;
}
#ignore-container .submit-button {
  text-align: left;
}
#ignore-container .submit-button button {
  margin-left: 0;
  margin-top: 10px;
  font-size: 80%;
}
.ignore-button {
  float: right;
}
.ignore-button .button-s {
  font-family: "Meiryo", sans-serif;
}
#ignore-container menu {
  margin: 15px 0 10px 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
}
#ignore-container menu li {
  display: inline-block;
  font-size: 75%;
  margin-right: 7px;
  padding: 4px 8px;
  border: 1px solid #eee;
  border-bottom: 1px solid #ddd;
  margin-bottom: -1px;
  background: #f5f5f5;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -ms-box-shadow: inset 0 1px 0 #fff;
  -o-box-shadow: inset 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
}
#ignore-container menu li.selected {
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  position: relative;
  z-index: 999;
  background: #fff;
}
#ignore-container menu li a,
#ignore-container menu li a:visited {
  color: #333;
}
#ignore-container menu li.selected a {
  font-weight: bold;
}
#section table td.realname-details {
  text-align: right;
}
#section table td.realname-name {
  white-space: nowrap;
}
#section table td.realname-permission .note {
  padding-top: 5px;
}
#section table td.realname-permission input {
  vertical-align: middle;
}
.realname-component:read-only {
  border-width: 0;
  -webkit-box-shadow: inset 0 0 0 transparent;
  -moz-box-shadow: inset 0 0 0 transparent;
  -ms-box-shadow: inset 0 0 0 transparent;
  -o-box-shadow: inset 0 0 0 transparent;
  box-shadow: inset 0 0 0 transparent;
}
.good-friend:after {
  content: "";
  display: block;
  clear: both;
}
/* login周り */
#hatena-www-login-mail.only-content,
#hatena-www-login.only-content {
  font-family: "Meiryo", sans-serif;
}
#hatena-www-login-mail.only-content .window,
#hatena-www-login.only-content .window {
  background: transparent;
  margin-top: 0;
}
#hatena-www-login-mail.only-content .window .title,
#hatena-www-login.only-content .window .title {
  background: transparent;
  color: #333;
  font-size: 90%;
  background: #eee;
}
#hatena-www-login-mail.only-content .window .title a#hatena-www-login.only-content .window .title a {
  color: #333;
}
#hatena-www-login-mail.only-content .note,
#hatena-www-login.only-content .note {
  font-size: 75%;
}
#hatena-www-login-mail.only-content .window .config,
#hatena-www-login.only-content .window .config {
  width: 98% !important;
  margin-left: 10px;
  margin-bottom: 0;
  margin-top: 0;
}
#hatena-www-login-mail.only-content .window .config th,
#hatena-www-login.only-content .window .config th {
  font-size: 80%;
  background: #fff;
  font-weight: bold;
}
#hatena-www-login-mail.only-content .window .config td input,
#hatena-www-login.only-content .window .config td input {
  width: 200px;
}
#hatena-www-login-mail.only-content .note,
#hatena-www-login.only-content .note {
  margin-top: 0 !important;
}
#hatena-www-login-mail.only-content .config-button,
#hatena-www-login.only-content .config-button {
  font-size: 80%;
  padding-bottom: 0;
}
#hatena-www-login-mail.only-content .config-button .submit,
#hatena-www-login.only-content .config-button .submit {
  margin-top: 5px !important;
  padding: 5px 18px !important;
  font-size: 110% !important;
}
#hatena-www-login-mail.only-content .config-button p {
  margin: 0;
  padding: 0;
}
.not-one-user {
  text-align: center;
  padding: 10px 0 200px 0;
}
.not-one-user .button-s-container {
  margin-top: 20px;
  margin-bottom: 7px;
}
.not-one-user .button-s-container .button-s {
  height: 36px;
  line-height: 38px;
  padding: 0 20px;
}
.myhatena-link {
  font-size: 80%;
}
.note .list {
  color: #999;
}
.start-button-container {
  text-align: center;
}
.start-button-container form {
  display: inline;
}
.start-button {
  margin-left: auto;
  margin-right: auto;
}
#section #timeline li .friend-set .profile-image {
  width: 16px;
  margin-right: 3px;
  min-height: 16px !important;
}
.privacy-alert {
  font-size: 80%;
}
.privacy-alert-button {
  text-align: center;
}
#iframe-theme-edit {
  width: 100%;
  height: 600px;
}
.config-note {
  font-size: 80%;
  color: #999;
  margin-bottom: 20px;
}
.profile .permission-cell {
  text-align: right;
}
.invite-again a {
  color: #333 !important;
}
.profile-icon-table-cell img {
  width: 32px;
  height: 32px;
  vertical-align: middle;
  float: none !important;
  margin: 5px 5px 5px 0;
  clear: both;
}
.contact-link {
  float: right;
  margin-right: 10px;
}
#suggestionlist {
  border-top: 1px solid #eee;
}
#suggestionlist li {
  border-bottom: 1px solid #eee;
  clear: both;
  padding: 7px 7px 7px 0;
}
#suggestionlist li .profile-image {
  margin-right: 7px;
}
#suggestionlist li:after {
  content: "";
  display: block;
  clear: both;
}
#suggestionlist-pager table {
  margin-top: 10px;
}
#suggestionlist-pager table,
#suggestionlist-pager table td {
  border: 0;
}
.config td .boxlist {
  clear: both;
  zoom: 1;
  padding: 5px 0;
}
.config td .boxlist:after {
  clear: both;
  display: block;
  content: "";
}
.config .send-user-name .username {
  margin-left: 7px;
}
#section #help-body h3 {
  border-bottom: 0;
  border-left: 5px solid #bd4556;
  margin-bottom: 7px;
  padding: 6px 0 6px 7px;
  margin-top: 20px;
  line-height: 1;
  zoom: 1;
  font-size: 110%;
}
#section #help-body .section {
  line-height: 1.7;
  margin-top: 10px;
  margin-bottom: 50px;
  padding-bottom: 0;
  font-size: 90%;
  margin-left: 10px;
}
#section #help-body .section p {
  margin: 00;
  padding: 0;
}
#section #help-body .section h4 {
  border-bottom: 1px solid #eee;
  margin-bottom: 7px;
  padding-bottom: 3px;
  margin-top: 30px;
  font-size: 110%;
}
#section #help-body .section blockquote {
  margin: 10px 0 20px 0;
  padding: 10px 15px;
  background: #f7f7f7;
  color: #666;
}
.other-service-login-button {
  display: inline-block;
  *display: inline;
  padding-top: 20px;
}
.other-service-login-button * {
  vertical-align: middle;
}
.other-service-login-button img {
  margin-right: -33px;
  position: relative;
  margin-left: 15px;
  margin-top: 2px;
  width: 16px;
  height: 16px;
}
.other-service-login-button input {
  cursor: pointer;
  padding: 4px 6px 4px 28px;
  font-family: "arial", "helvetica", sans-serif;
  line-height: 1;
  font-size: 80%;
  text-shadow: 1px 1px 0 #fff;
  /* color:#fff;*/

  color: #333;
  text-shadow: 1px 1px 0 #fff;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
  margin: 0 3px;
}
.profile-description {
  font-size: 80%;
  margin: 0 6px;
}
#timeline .tl-entries-container {
  font-size: 100%;
  border-top: 0;
}
#friendtubuyaki-box .permalink-container #timeline {
  border-top: 0;
  padding-top: 0;
}
#friendtubuyaki-box .permalink-container #timeline li {
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  *padding-bottom: 10px;
}
#friendtubuyaki-box .permalink-container .permalink-comment {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  *padding-bottom: 10px;
  *zoom: 1;
  padding-left: 42px;
  padding-right: 50px;
}
#friendtubuyaki-box .submit .error-message {
  display: inline;
  background: transparent;
  font-weight: normal;
  padding: 0;
  margin-right: 10px;
  border: 0;
  color: #bc4656;
}
.other-service-login-container {
  text-align: center;
  margin-top: -10px;
}
address {
  font-style: normal;
}
#friend-timeline ul#top-timeline li {
  zoom: 1;
}
#friend-timeline ul#top-timeline li:after {
  content: "";
  display: block;
  clear: both;
}
span.member:hover span.userpermission {
  font-size: 75%;
  display: inline-block;
  padding: 3px 0 7px 0;
  vertical-align: top;
}
.userpermission .more {
  margin-left: 7px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.member .userpermission {
  display: none;
  padding-top: 6px !important;
}
.member:hover .userpermission {
  display: inline;
}
.member .userpermission .more {
  display: inline;
}
input.readonly {
  border: none !important;
  box-shadow: none !important;
  font-weight: bold;
  padding: 0 !important;
}
#header ul.service-menu li .profile-image img {
  margin-right: 3px;
}
#guideline-container #section {
  border-left: none !important;
  width: 955px;
}
#guideline-container dl {
  margin: 10px 0;
}
#guideline-container dt {
  width: 1em;
  float: left;
}
.suspended-message-inner {
  margin-right: 30px;
  margin-bottom: 5px;
}
.body-style #container #section .header {
  clear: both;
}
.tl-entries-container li .header,
#timeline li .header {
  clear: right !important;
}