/* <system section="theme" selected="6435922169449645261"> */
.clearfix:after {
display : block;
visibility : hidden;
font-size : 0;
height : 0;
clear : both;
content : ".";
}
.ellipsis {
white-space : nowrap;
text-overflow : ellipsis;
overflow : hidden;
}
.font-default {
font-family : 'Helvetica Neue', 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.border-box {
box-sizing : border-box;
}
.center {
text-align : center;
margin : 0 auto;
}
.left {
float : left;
}
.right {
float : right;
}
.nofloat {
float : none;
}
.clear {
clear : both;
}
.block {
display : block;
}
.inline {
display : inline;
}
.nodisplay {
display : none;
}
.relative {
position : relative;
}
.absolute {
position : absolute;
}
.static {
position : static;
}
.fixed {
position : fixed;
}
.margin0 {
margin : 0 !important ;
}
.padding0 {
padding : 0 !important ;
}
.bold {
font-weight : bold;
}
.normal {
font-weight : normal;
font-style : normal;
}
.thin {
font-weight : 300;
}
.italic {
font-style : italic;
}
.nodeco {
text-decoration : none;
}
.underline {
text-decoration : underline;
}
.nolist {
list-style-type : none;
}
.disc {
list-style-type : disc;
}
.circle {
list-style-type : circle;
}
.textleft {
text-align : left;
}
.textright {
text-align : right;
}
.icon-edit {
background-position : 0 -40px;
}
.icon-entries {
background-position : -20px -40px;
}
.icon-config {
background-position : -40px -40px;
}
.icon-accesslog {
background-position : -60px -40px;
}
.icon-design {
background-position : -80px -40px;
}
.icon-dashboard {
background-position : -100px -40px;
}
.icon-mail {
background-position : -120px -40px;
}
.icon-website {
background-position : -140px -40px;
}
.icon-add {
background-position : -160px -40px;
}
.icon-folder {
background-position : -180px -40px;
}
.icon-help {
background-position : -200px -40px;
}
.icon-private {
background-position : -222px -40px;
width : 8px;
}
.icon-pen {
background-position : -240px -40px;
}
.icon-close {
background-position : -260px -40px;
}
.icon-trash {
background-position : -280px -40px;
}
.icon-subscribe {
background-position : -300px -40px;
}
.icon-import {
background-position : -320px -40px;
}
.icon-bookmark {
background-position : -340px -40px;
}
.icon-redirect {
background-position : -360px -40px;
}
.icon-check {
background-position : -380px -40px;
}
.icon-grid {
background-position : -400px -40px;
}
.icon-list {
background-position : -420px -40px;
}
.icon-crop {
background-position : -440px -40px;
}
.icon-open {
background-position : -40px -100px;
}
.icon-amazon {
background-position : -60px -100px;
}
.icon-twitter {
background-position : -260px -100px;
}
.icon-big-edit {
background-position : -20px -60px;
}
.icon-big-entries {
background-position : -40px -60px;
}
.icon-big-config {
background-position : -60px -60px;
}
.icon-big-accesslog {
background-position : -80px -60px;
}
.icon-big-hotentry {
background-position : -100px -60px;
}
.icon-big-myblog {
background-position : -120px -60px;
}
.icon-big-subscribing {
background-position : -140px -60px;
}
.icon-big-pro {
background-position : -160px -60px;
}
.icon-big-help {
background-position : -180px -60px;
}
.icon-big-recent {
background-position : -200px -60px;
}
.icon-customize-background-color {
background-position : -20px -140px;
}
.icon-customize-title {
background-position : -40px -140px;
}
.icon-customize-article {
background-position : -60px -140px;
}
.icon-customize-sidebar {
background-position : -80px -140px;
}
.icon-customize-footer {
background-position : -100px -140px;
}
.icon-customize-css {
background-position : -120px -140px;
}
.icon-big-import {
background-position : -220px -60px;
}
.icon-big-diary {
background-position : -240px -60px;
}
.icon-big-redirect {
background-position : -260px -60px;
}
.icon-big-design {
background-position : -280px -60px;
}
.icon-big-info {
background-position : -300px -60px;
}
.icon-pro {
width : 25px;
height : 11px;
line-height : 11px;
margin : 0 3px;
padding : 0;
vertical-align : middle;
background : url("https://cdn.blog.st-hatena.com/images/admin/admin-sprite.png?version=5e24f5f5f313590c3d7bc20073e149") -40px -80px no-repeat;
}
.icon-npo {
width : 25px;
height : 11px;
line-height : 11px;
margin : 0 3px;
padding : 0;
vertical-align : middle;
background : url("https://cdn.blog.st-hatena.com/images/admin/admin-sprite.png?version=5e24f5f5f313590c3d7bc20073e149") -320px -80px no-repeat;
}
.icon-sponsored {
width : 58px;
height : 11px;
line-height : 11px;
margin : 0 3px;
padding : 0;
vertical-align : middle;
background : url("https://cdn.blog.st-hatena.com/images/admin/admin-sprite.png?version=5e24f5f5f313590c3d7bc20073e149") -260px -80px no-repeat;
}
.favicon {
margin-right : 3px;
vertical-align : text-top;
}
[class^="icon-import-"], [class*=" icon-import-"] {
background-position : 0 -80px;
width : 38px;
height : 32px;
margin : 0;
vertical-align : middle;
margin-left : 20px;
}
.icon-import-entries {
background-position : -80px -80px;
}
.icon-import-bookmark {
background-position : -120px -80px;
}
.icon-import-redirect {
background-position : -160px -80px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
html, body {
margin : 0;
padding : 0;
}
img {
border : none;
}
.leave-comment-title {
cursor : pointer;
}
#footer address {
font-style : normal;
}
#globalheader {
width : 100%;
height : 37px;
border : none;
}
#globalheader-container {
position : relative;
z-index : 9999;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-footer {
clear : both;
}
span a.keyword {
color : inherit;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
}
.entry-content a {
overflow-wrap : break-word;
}
#box2 {
overflow-wrap : break-word;
}
#box2 img {
max-width : 100%;
height : auto;
}
img.photo {
float : right;
margin : 0.8em 0 1em 1em;
}
div.footnote {
font-size : 90%;
margin-top : 3em;
}
p.footnote {
margin : 0.5em 0;
line-height : 1.5;
}
.icon-mail:hover {
opacity : 1;
}
.icon-mail {
background-position : -120px -40px;
}
.icon-website {
background-position : -140px -40px;
}
.read-more-comments {
text-align : center;
list-style-type : none;
}
.read-more-comments a {
cursor : pointer;
}
.entry-comment {
position : relative;
}
.entry-comment .comment-delete-button img {
display : none;
position : absolute;
top : 8px;
right : 8px;
text-align : right;
}
.entry-comment:hover .comment-delete-button img {
display : block;
}
.quote-stars {
margin-top : 8px;
}
.quote-stars .quote-description {
margin-bottom : 13px;
}
.quote-stars .quote-star {
margin-bottom : 9px;
}
.quote-stars .quote-text {
color : #aaa;
font-style : italic;
display : inline;
}
.quote-star-show .quote-star-show-text {
font-size : 10px;
}
.star-delete-button {
cursor : pointer;
position : absolute;
width : 11px;
height : 11px;
z-index : 120;
}
img.hatena-fotolife {
cursor : pointer;
}
.hatena-image-right {
float : right;
margin : 0 0 1em 1em;
}
.hatena-image-left {
float : left;
margin : 0 1em 1em 0;
}
pre {
overflow : auto;
overflow-y : hidden;
}
pre.code {
font-family : 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}
.gist {
line-height : 1.4;
}
.gist .line-numbers, .gist .line-pre {
line-height : 1.4;
}
.gist .line-data {
border : 0;
}
.gist .line-number, .gist .line {
height : 1.4em;
}
.gist pre {
box-shadow : none;
font-size : 100%;
box-shadow : none !important ;
}
.footnote-delimiter {
padding-right : 0.5em;
}
.synSpecial {
color : #c000c0;
}
.synType {
color : #3EC63E;
}
.synComment {
color : #4F80E5;
}
.synPreProc {
color : #9355E6;
}
.synIdentifier {
color : #51CFCF;
}
.synConstant {
color : #FF6666;
}
.synStatement {
color : #D88A17;
}
pre.lang-aa {
font-family : "Mona", "IPA MONAPGOTHIC", "MS PGothic", "ＭＳ Ｐゴシック", "MS Pｺﾞｼｯｸ", "MS Pゴシック", sans-serif;
font-size : 12pt;
line-height : 18px;
padding : 0;
background : transparent;
box-shadow : none;
}
.entry-content .hatena-asin-detail {
margin : 1em 0;
padding : 0.8em 0.6em;
border : #ddd solid 1px;
border-image : initial;
font-size : 90%;
}
.entry-content .hatena-asin-detail .hatena-asin-detail-image {
float : left;
margin-right : 15px;
}
.entry-content .hatena-asin-detail .hatena-asin-detail-title {
margin-top : 0;
font-weight : bold;
}
.entry-content .hatena-asin-detail p {
text-indent : 0;
}
.entry-content .hatena-asin-detail ul {
list-style : none;
margin : 0;
padding : 0;
}
.entry-content .hatena-asin-detail .hatena-asin-detail-foot {
clear : left;
}
div.twitter-tweet {
text-align : left;
margin : 0;
border-bottom : 1px solid #ddd;
}
p.twitter-tweet-info {
font-size : 0.85em;
}
div.twitter-tweet p.twitter-tweet-text, div.twitter-tweet p.twitter-tweet-info {
margin-top : 0;
margin-bottom : 0;
padding-top : 0;
padding-bottom : 0;
}
div.twitter-detail {
overflow : hidden;
text-align : left;
margin : 0;
border-bottom : 1px solid #ddd;
}
div.twitter-detail:after {
content : ".";
font-size : 0.1em;
line-height : 0;
display : block;
height : 0.1px;
visibility : hidden;
clear : both;
}
div.twitter-detail-user {
margin : auto;
width : 58px;
}
div.twitter-detail-left div.twitter-detail-user {
text-align : left;
}
div.twitter-detail-right div.twitter-detail-user {
text-align : right;
}
div.twitter-detail div.twitter-detail-user, div.twitter-detail-left div.twitter-detail-user {
float : left;
}
div.twitter-detail-right div.twitter-detail-user {
float : right;
}
div.twitter-detail-tweet {
margin-left : 60px;
margin-right : 60px;
}
div.twitter-detail-tweet p.twitter-detail-text, div.twitter-detail-tweet p.twitter-detail-info {
clear : none;
line-height : 1.4;
}
div.twitter-detail-tweet p.twitter-detail-text {
margin-top : 0;
margin-bottom : 0;
padding-top : 0;
padding-bottom : 0;
}
p.twitter-detail-info {
font-size : 0.85em;
margin-top : 0.3em;
margin-bottom : 0;
padding-top : 0;
padding-bottom : 6px;
}
div.twitter-tweet-wrapper {
overflow : hidden;
}
div.twitter-tweet-wrapper div.twitter-tweet span.twitter-tweet-text-user {
display : none;
}
div.twitter-tweet-wrapper div.twitter-tweet span.twitter-tweet-info-date {
display : none;
}
div.tweet-images {
width : 95%;
margin-left : auto;
margin-right : auto;
}
a.twitter-header-icon img, a.twitter-entry-icon img {
border : none;
}
.recent-comments {
overflow-wrap : break-word;
word-break : break-all;
}
.recent-comments .user-id img {
vertical-align : text-bottom;
margin-right : 3px;
overflow-wrap : break-word;
word-break : break-all;
}
.recent-comments .recent-comment-time {
opacity : 0.699999988079071044921875;
font-style : italic;
font-size : 90%;
}
.hatena-module .hatena-follow-button-box {
display : block;
clear : both;
font-size : 10px !important ;
height : 20px;
margin : 0.7em 0;
}
.hatena-follow-button.unsubscribing {
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-follow-button.png?version=5e24f5f5f313590c3d7bc20073e149') 0 0 no-repeat #f5f5f5;
}
.hatena-follow-button.unsubscribing:hover {
border : #888 solid 1px;
color : #222 !important ;
}
.hatena-follow-button.subscribing {
color : #2F81D5 !important ;
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-follow-button.png?version=5e24f5f5f313590c3d7bc20073e149') 0 -18px no-repeat #f5f5f5;
}
.hatena-follow-button.subscribing:hover {
width : 65px;
color : #fff !important ;
border : #666 solid 1px;
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-follow-button.png?version=5e24f5f5f313590c3d7bc20073e149') 0 -36px no-repeat #666666;
}
.hatena-follow-button-box .subscription-count-box {
display : none;
float : left;
margin : 0 !important ;
}
.hatena-follow-button-box .subscription-balloon {
display : block;
width : 4px;
height : 20px;
float : left;
margin-left : 2px;
background : url('https://cdn.blog.st-hatena.com/images/theme/follow_balloon.gif?version=5e24f5f5f313590c3d7bc20073e149') 0 6px no-repeat;
position : relative;
z-index : 100;
}
.hatena-follow-button-box .subscription-count {
float : left;
border : #bbb solid 1px;
height : 18px;
line-height : 18px;
padding : 0 5px;
display : block;
min-width : 8px;
font-size : 12px;
color : #454545 !important ;
background : #fff;
border-radius : 3px;
margin-left : -1px;
position : relative;
z-index : 90;
font-family : 'Helvetica', 'Ariel', sans-serif;
}
.hatena-module .hatena-follow-button .background {
display : none;
}
.hatena-module .hatena-follow-button:hover .foreground {
display : none;
}
.hatena-module .hatena-follow-button:hover .background {
display : inline;
}
.hatena-module .hatena-follow-button .subscribing, .hatena-module .hatena-follow-button .unsubscribing, .hatena-module .hatena-follow-button .friend, .hatena-module .hatena-follow-button .non-friend {
display : none;
}
.hatena-module .hatena-follow-button.subscribing .subscribing, .hatena-module .hatena-follow-button.unsubscribing .unsubscribing, .hatena-module .hatena-follow-button.friend .friend, .hatena-module .hatena-follow-button.non-friend .non-friend {
display : inline;
}
.facebook-follow-button {
display : inline-block;
padding-left : 20px;
padding-right : 5px;
border : #cad4e7 solid 1px;
border-radius : 4px;
height : 20px;
line-height : 20px;
background : url('https://cdn.blog.st-hatena.com/images/admin/curation/services/facebook.png?version=5e24f5f5f313590c3d7bc20073e149') 2px center no-repeat #eceef5;
text-decoration : none;
color : #3c5995 !important ;
font-weight : bold;
}
.facebook-follow-button:hover {
border : #9dacce solid 1px;
text-decoration : none;
}
.cannot-facebook-follow {
display : none;
}
.cannot-facebook-subscribe {
display : none;
}
.cannot-twitter-button {
display : none;
}
.cannot-facebook-follow-display {
display : inline;
}
.cannot-facebook-subscribe-display {
display : inline;
}
.cannot-twitter-button-display {
display : inline;
}
body.preview {
padding : 10px;
background : #fff !important ;
color : #000 !important ;
line-height : 1.7;
font-family : 'Helvetica Neue', 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body.preview img {
max-width : 100%;
}
body.preview p {
line-height : 1.5;
margin : 0.5em 0;
padding : 0;
}
div#google_afc_user, div#google_afc_user_container, div.google_afc_image {
display : block !important ;
visibility : visible !important ;
width : auto !important ;
height : auto !important ;
opacity : 1 !important ;
}
div#google_afc_user, div#google_afc_user * {
opacity : 1 !important ;
}
#google_afc_user {
font-size : 16px;
margin : 1em 0;
}
#google_afc_user div#google_afc_user_container {
min-height : 12em !important ;
margin-left : 1em;
margin-right : 1em;
}
#google_afc_user div.google_ads_by {
font-size : 0.8em;
margin : 0 0 0.8em 0;
}
#google_afc_user ul {
font-size : 100%;
list-style : none outside none;
margin : 0 0 5px;
padding : 0;
}
#google_afc_user li {
background : none 0 0 repeat scroll transparent;
list-style-image : none;
list-style-type : none;
margin : 0 0 2em !important ;
padding : 0;
}
#google_afc_user .google_ads_by a {
display : inline !important ;
text-decoration : none;
border : none medium;
opacity : 0.60000002384185791015625;
}
#google_afc_user ul .title {
font-size : 100%;
font-weight : bold;
margin : 0;
line-height : 1.2em;
display : block !important ;
margin-bottom : 0.5em;
}
#google_afc_user ul .title a {
letter-spacing : 0.3em;
font-size : 17px !important ;
text-decoration : underline;
}
#google_afc_user ul .summary {
display : inline !important ;
font-size : 13px !important ;
line-height : 1em;
margin : 0.2em 0.5em 0 0;
opacity : 0.60000002384185791015625;
letter-spacing : 0;
}
#google_afc_user ul .visible_url {
font-size : 0.8em;
margin-left : 0;
}
#google_afc_user ul .visible_url a {
font-size : 13px !important ;
border : none medium;
font-weight : normal;
text-decoration : none;
letter-spacing : 2px;
}
#google_afc_user .visible_url a:hover {
text-decoration : underline;
}
div#google_afc_user p.google_afc_inactive_notice {
font-size : 0.9em;
margin-top : 0;
margin-right : 1em;
margin-left : 1em;
padding-top : 0;
text-align : right;
}
div#google_afc_user p.google_afc_inactive_notice a {
text-decoration : underline;
}
div#google_afc_user .google_afc_image {
width : 300px;
min-height : 270px;
clear : both;
}
div#google_afc_user .google_afc_image div.google_ads_by {
display : none !important ;
}
div#google_afc_user .google_afc_image table {
margin : 0;
font-size : 0.75em;
}
div#google_afc_user .google_afc_image table td {
border : none;
width : 140px;
opacity : 0.60000002384185791015625;
padding : 5px;
float : left;
}
div#google_afc_user .google_afc_image table td .google_ads_by {
text-align : left;
}
div#google_afc_user .google_afc_image .google_afc_image_item a {
width : 100%;
}
#colorbox, #cboxOverlay, #cboxWrapper {
position : absolute;
top : 0;
left : 0;
z-index : 9999;
overflow : hidden;
}
#cboxOverlay {
position : fixed;
width : 100%;
height : 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear : left;
}
#cboxContent {
position : relative;
}
#cboxLoadedContent {
overflow : auto;
}
#cboxTitle {
margin : 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor : pointer;
}
.cboxPhoto {
float : left;
margin : auto;
border : 0;
display : block;
max-width : none;
}
.cboxIframe {
width : 100%;
height : 100%;
display : block;
border : 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing : content-box;
}
#cboxOverlay {
background : #fff;
}
#colorbox {
outline : 0;
}
#colorbox #cboxContent {
margin-top : 32px;
overflow : visible;
background : #000;
}
#colorbox #cboxContent .cboxIframe {
background : #fff;
}
#colorbox #cboxContent #cboxError {
padding : 50px;
border : #ccc solid 1px;
}
#colorbox #cboxContent #cboxLoadedContent {
background : #000;
padding : 1px;
}
#colorbox #cboxContent #cboxLoadingGraphic {
background : url(images/loading.gif) center center no-repeat;
}
#colorbox #cboxContent #cboxLoadingOverlay {
background : #000;
}
#colorbox #cboxContent #cboxTitle {
position : absolute;
top : -22px;
left : 0;
color : #000;
}
#colorbox #cboxContent #cboxCurrent {
position : absolute;
top : -22px;
right : 205px;
text-indent : -9999px;
}
#colorbox #cboxContent #cboxPrevious, #colorbox #cboxContent #cboxNext, #colorbox #cboxContent #cboxSlideshow, #colorbox #cboxContent #cboxClose {
border : 0;
padding : 0;
margin : 0;
overflow : visible;
text-indent : -9999px;
width : 20px;
height : 20px;
position : absolute;
top : -20px;
background : url(https://cdn.blog.st-hatena.com/images/controls.png?version=5e24f5f5f313590c3d7bc20073e149) 0 0 no-repeat;
}
#colorbox #cboxContent #cboxPrevious:active, #colorbox #cboxContent #cboxNext:active, #colorbox #cboxContent #cboxSlideshow:active, #colorbox #cboxContent #cboxClose:active {
outline : 0;
}
#colorbox #cboxContent #cboxPrevious {
background-position : 0 0;
right : 44px;
}
#colorbox #cboxContent #cboxPrevious:hover {
background-position : 0 -25px;
}
#colorbox #cboxContent #cboxNext {
background-position : -25px 0;
right : 22px;
}
#colorbox #cboxContent #cboxNext:hover {
background-position : -25px -25px;
}
#colorbox #cboxContent #cboxClose {
background-position : -50px 0;
right : 0;
}
#colorbox #cboxContent #cboxClose:hover {
background-position : -50px -25px;
}
#colorbox #cboxContent .cboxSlideshow_on #cboxPrevious, #colorbox #cboxContent .cboxSlideshow_off #cboxPrevious {
right : 66px;
}
#colorbox #cboxContent .cboxSlideshow_on #cboxSlideshow {
background-position : -75px -25px;
right : 44px;
}
#colorbox #cboxContent .cboxSlideshow_on #cboxSlideshow:hover {
background-position : -100px -25px;
}
#colorbox #cboxContent .cboxSlideshow_off #cboxSlideshow {
background-position : -100px 0;
right : 44px;
}
#colorbox #cboxContent .cboxSlideshow_off #cboxSlideshow:hover {
background-position : -75px -25px;
}
.page-about .entry-content img.profile-icon {
height : 16px;
width : 16px;
}
.page-archive .bookmark-widget-counter {
text-decoration : none;
}
.page-archive .bookmark-widget-counter img {
vertical-align : middle;
}
.header-image-enable #blog-title {
background : transparent;
}
.header-image-enable #blog-title #title, .header-image-enable #blog-title #blog-description {
background : transparent;
}
.header-image-enable #blog-title #blog-title-inner {
background-repeat : no-repeat;
position : relative;
height : 200px;
}
.header-image-enable #blog-title #title a {
color : #fff;
text-shadow : 0 0 20px #000;
}
.header-image-enable #blog-title #blog-description {
font-weight : bold;
color : #fff;
text-shadow : 0 0 10px #000;
}
.header-image-only #blog-title {
background : transparent;
}
.header-image-only #blog-title #title, .header-image-only #blog-title #blog-description {
background : transparent;
}
.header-image-only #blog-title #blog-title-inner {
background-repeat : no-repeat;
position : relative;
height : 200px;
}
.header-image-only #blog-title #title a {
opacity : 0;
position : absolute;
width : 100%;
height : 100%;
top : 0;
left : 0;
}
.header-image-only #blog-title #blog-description {
visibility : hidden;
}
.welcome-tooltip-newentry {
position : absolute;
width : 180px;
height : 60px;
top : 40px;
right : 230px;
background : #3f8ad6;
text-shadow : 0 -1px 0 #164a5a;
padding : 10px;
font-size : 80%;
line-height : 1.5em;
color : #fff;
text-align : left;
border-radius : 5px;
border : #2e69a4 solid 1px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.5);
cursor : pointer;
}
.welcome-tooltip-newentry p {
margin : 0 0 5px 0;
}
.tipsy-arrow.blue {
position : absolute;
background : url('https://cdn.blog.st-hatena.com/images/admin/tipsy-blue.gif?version=5e24f5f5f313590c3d7bc20073e149') top left no-repeat;
width : 9px;
height : 5px;
}
.tipsy-n .tipsy-arrow {
top : -5px;
left : 50%;
margin-left : -4px;
}
body.big-star .hatena-star-container {
margin-top : 10px;
min-height : 24px;
}
body.big-star .hatena-star-add-button {
margin : 1px !important ;
}
body.big-star .hatena-big-star-star-container {
display : inline-block;
position : relative;
width : 20px;
height : 20px;
margin : 2px;
vertical-align : middle;
border-radius : 2px;
overflow : hidden;
}
body.big-star .hatena-star-user {
width : 20px;
height : 20px;
position : absolute;
top : 0;
left : 0;
margin : 0;
padding : 0;
margin-bottom : 0 !important ;
z-index : 100;
border-radius : 3px;
}
body.big-star .hatena-big-star-star-container > .hatena-star-star {
position : absolute;
bottom : 0;
left : 0;
margin : 0;
padding : 0;
margin-bottom : 0 !important ;
z-index : 110;
background : rgba(255, 255, 255, 0.8);
border-top-right-radius : 2px;
border-bottom-left-radius : 2px;
}
.star-navigation-tooltip {
width : 180px;
height : 47px;
background : #3f8ad6;
text-shadow : 0 -1px 0 #164a5a;
padding : 10px;
margin : 10px 2px 2px;
line-height : 1.4em;
color : #fff;
text-align : left;
border-radius : 5px;
border : #2e69a4 solid 1px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.5);
cursor : pointer;
position : relative;
}
.star-navigation-tooltip p {
font-size : 12px !important ;
line-height : 1.4 !important ;
margin : 0 !important ;
}
.select_star_button_container {
position : absolute;
width : 32px;
height : 32px;
opacity : 0.60000002384185791015625;
display : none;
z-index : 3000;
}
.select_star_button_container .select_star_star {
position : absolute;
left : 0;
top : 0;
}
.message-box {
position : absolute;
display : none;
margin : 0;
padding : 5px 10px 5px 35px;
background : url('https://cdn.blog.st-hatena.com/images/admin/check.png?version=5e24f5f5f313590c3d7bc20073e149') 7px center no-repeat #eff3ff;
border : #C6C3FF solid 1px;
font-size : 12px;
font-weight : bold;
line-height : 19px;
color : #454545;
z-index : 2000;
}
.message-box a {
font-weight : normal;
}
.title-star-container {
display : inline-block;
margin-left : 4px;
}
.title-star-container .title-star-count {
height : 14px;
}
.title-star-container .title-star-add-button {
font-size : 26px;
display : inline;
cursor : pointer;
}
div.modal-window-background {
position : fixed;
left : 0;
top : 0;
width : 100%;
height : 100%;
background-color : #000000;
z-index : 100;
opacity : 0.75;
}
a.open-pro-modal {
visibility : hidden;
}
div.pro-modal-container {
position : fixed;
width : 500px;
height : 250px;
z-index : 110;
background-color : #ffffff;
}
pre.code .comment {
color : #51cfcf;
}
pre.code .lparen, pre.code .rparen {
color : #f333d1;
}
pre.code .keyword, pre.code .keyword, pre.code .keyword\.operator {
color : #ff4545;
}
pre.code .support\.function {
color : #ff4545;
}
pre.code .identifier {
color : #578cf9;
}
pre.code .string {
color : #d88a17;
}
pre.code .string\.regexp {
color : #d88a17;
}
pre.code .constant, pre.code .constant\.numeric, pre.code .constant\.language\.boolean {
color : #ff4545;
}
pre.code .variable {
color : #3ec63e;
}
pre.code .variable\.language {
color : #b680ff;
}
.clearfix:after {
display : block;
visibility : hidden;
font-size : 0;
height : 0;
clear : both;
content : ".";
}
.ellipsis {
white-space : nowrap;
text-overflow : ellipsis;
overflow : hidden;
}
.font-default {
font-family : 'Helvetica Neue', 'Helvetica', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.border-box {
box-sizing : border-box;
}
.center {
text-align : center;
margin : 0 auto;
}
.left {
float : left;
}
.right {
float : right;
}
.nofloat {
float : none;
}
.clear {
clear : both;
}
.block {
display : block;
}
.inline {
display : inline;
}
.nodisplay {
display : none;
}
.relative {
position : relative;
}
.absolute {
position : absolute;
}
.static {
position : static;
}
.fixed {
position : fixed;
}
.margin0 {
margin : 0 !important ;
}
.padding0 {
padding : 0 !important ;
}
.bold {
font-weight : bold;
}
.normal {
font-weight : normal;
font-style : normal;
}
.thin {
font-weight : 300;
}
.italic {
font-style : italic;
}
.nodeco {
text-decoration : none;
}
.underline {
text-decoration : underline;
}
.nolist {
list-style-type : none;
}
.disc {
list-style-type : disc;
}
.circle {
list-style-type : circle;
}
.textleft {
text-align : left;
}
.textright {
text-align : right;
}
.btn-blue, .btn-primary {
color : #fff !important ;
background : #14afd6;
border : transparent solid 1px;
}
.btn-blue:hover, .btn-primary:hover {
border-color : #129fc2;
background : #129fc2;
}
.btn-register {
color : #fff !important ;
background : #1aba56;
border : transparent solid 1px;
}
.btn-register:hover {
background : #15a24a;
border-color : #15a24a;
}
.btn-small {
padding : 2px 10px !important ;
font-size : 11px !important ;
}
.btn-large {
padding : 13px 19px;
font-size : 17px;
line-height : normal;
font-weight : bold;
}
.btn[disabled="disabled"], .btn[disabled="disabled"]:hover, input#submit[disabled="disabled"], input#submit[disabled="disabled"]:hover {
opacity : 0.4000000059604644775390625;
cursor : default;
white-space : nowrap;
}
.btn.disabled, .btn.disabled:hover {
cursor : default;
background : #f5f5f5;
border-color : #ccc;
text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.btn-group .btn {
position : relative;
float : left;
margin-left : -1px;
border-radius : 0;
}
.btn-group .btn:first-child {
margin-left : 0;
border-top-left-radius : 4px;
border-bottom-left-radius : 4px;
}
.btn-group .btn:last-child, .btn-group .dropdown-toggle {
border-top-right-radius : 4px;
border-bottom-right-radius : 4px;
}
.btn-group .btn.large:first-child {
margin-left : 0;
border-top-left-radius : 6px;
border-bottom-left-radius : 6px;
}
.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
border-top-right-radius : 6px;
border-bottom-right-radius : 6px;
}
.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active {
z-index : 2;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline : 0;
}
.dropdown-toggle {
background : url('https://cdn.blog.st-hatena.com/images/header/dropdown-gray.gif?version=5e24f5f5f313590c3d7bc20073e149') center right no-repeat #f5f5f5;
cursor : pointer;
display : block;
padding-right : 16px;
}
.page-globalheader-color-background {
margin : 0;
padding : 0;
height : 37px;
overflow : hidden;
}
#header #header-body {
width : auto;
margin : 0 10px;
}
#header {
width : 100%;
text-align : center;
font-size : 75%;
position : relative;
z-index : 9999;
background : transparent;
height : 37px;
}
#header img {
border : 0;
}
#header a {
text-decoration : none;
}
#header a:hover {
text-decoration : underline;
}
#header .service-logo {
vertical-align : middle;
height : 37px;
}
#header ul.service-menu {
position : absolute;
top : 0;
right : 0;
margin : 0;
padding : 0;
}
#header-body {
width : 960px;
margin : 0 auto;
position : relative;
text-align : left;
}
#header .global-logo {
position : relative;
padding : 0 !important ;
}
#header .header-notify, #header .header-username {
margin-right : 2px;
position : relative;
padding : 0 1px !important ;
}
#header .global-logo a {
display : block;
padding : 0 0 0 6px;
}
#header span.header-dropdown, #header span.header-dropdown-custom {
padding-left : 3px;
cursor : pointer;
display : block;
padding-right : 12px;
}
#header .header-username span.header-dropdown {
padding-right : 12px;
}
#header .header-notify span.header-dropdown {
padding-right : 9px;
}
#header .header-notify img {
opacity : 1 !important ;
}
#header .header-profile-icon, #header .profile-icon, #header .profile-image {
vertical-align : middle;
margin-right : 4px;
margin-bottom : 2px;
background : #fff;
}
#header-body-mobile {
display : none;
}
@media screen and (max-width:680px) {
#header-body {
display : none;
}
#header-body-mobile {
display : block;
width : 320px;
}
left top, left bottom {
background : #1b1d20;
text-decoration : none;
}
#pageslide {
display : none;
position : fixed;
top : 0;
height : 100%;
z-index : 999999;
width : 260px;
border-right : 1px solid #111;
background : #454545;
font-size : 12px;
overflow-x : hidden;
}
}
.page-side_menu li a {
color : #ddd;
text-shadow : 0 1px 0 rgba(0, 0, 0, 0.5);
padding : 10px;
border-bottom : 1px solid #333;
border-top : 1px solid #565656;
display : block;
text-decoration : none;
}
#header, #globalheader {
position : relative;
z-index : 99999;
width : 100%;
border : none;
}
#globalheader-container {
height : 37px;
}
#header a {
font-family : sans-serif;
}
.global-page #header a:link, .global-page #header a:visited {
color : #333 !important ;
}
#header a:hover {
text-decoration : underline;
}
#header.admin {
background : url('https://cdn.blog.st-hatena.com/images/stripe_gray.gif?version=5e24f5f5f313590c3d7bc20073e149') #000000 !important ;
color : #fff;
}
#header.admin a:link, #header.admin a:visited {
color : #fff !important ;
text-decoration : none;
}
#header.admin a:hover {
text-decoration : underline;
}
#header.admin #userinfo {
background : url('https://cdn.blog.st-hatena.com/images/stripe_gray.gif?version=5e24f5f5f313590c3d7bc20073e149') #000000;
color : #fff;
border : #333 solid 1px;
line-height : 2;
padding : 10px;
}
#header.admin #userinfo table {
border-collapse : collapse;
margin : 0;
padding : 0;
width : 100%;
}
#header.admin #userinfo tr, #header.admin #userinfo th {
text-align : left;
margin : 0;
padding : 0 1em;
overflow : hidden;
}
#header span.header-dropdown-custom {
background : url('http://cdn.www.st-hatena.com/css/hatena/dropdown.gif') center right no-repeat;
padding-left : 3px;
cursor : pointer;
display : block;
padding-right : 12px;
}
#hatena-diary-feedback {
position : fixed;
padding : 0;
margin : 0;
top : 37px;
right : 150px;
border : #ccc solid 1px;
overflow : hidden;
background : #fff;
z-index : 9999;
}
#hatena-diary-edit-in-place {
max-width : 982px !important ;
left : 10%;
top : 37px;
border : #ccc solid 1px;
overflow : hidden;
background : #fff;
}
#hatena-diary-dropdown-notify {
width : 250px;
height : 300px;
}
.hatena-iframe-container {
position : fixed;
top : 37px;
padding : 0;
margin : 0;
border : #ccc solid 1px;
overflow : hidden;
background : #fff;
z-index : 9999;
}
.hatena-iframe-container .loading {
display : block;
position : absolute;
margin : 0;
padding : 10% 0;
width : 100%;
height : 100%;
line-height : 100%;
text-align : center;
background : #fff;
opacity : 0.800000011920928955078125;
}
.hatena-iframe-container .loading img {
vertical-align : middle;
margin : 2px;
}
.hatena-iframe-container iframe {
width : 100%;
height : 100%;
}
.hatena-iframe-container.popup {
box-shadow : 0 3px 5px #333;
}
.hatena-globalheader-window {
position : fixed;
top : 37px;
right : 100px;
width : 150px;
height : 300px;
overflow : hidden;
margin : 0;
padding : 0;
border : #ccc solid 1px;
background : #fff;
font-size : 75%;
z-index : 9999;
}
.hatena-globalheader-window iframe {
width : 100%;
height : 100%;
}
.hatena-globalheader-window.message {
font-weight : bold;
font-size : 100%;
font-size : 13px;
line-height : 30px;
margin : 0 0 20px 0;
padding : 5px 10px 5px 35px;
border : #C6C3FF solid 1px;
background : url('https://cdn.blog.st-hatena.com/images/admin/check.png?version=5e24f5f5f313590c3d7bc20073e149') 7px 7px no-repeat #eff3ff;
color : #454545;
}
.globalheader-config-dropdown-window {
padding : 10px;
font-size : 12px;
}
.globalheader-config-dropdown-window h1 {
border-bottom : 1px solid #ccc;
margin-bottom : 8px;
padding : 5px 0;
}
.globalheader-config-dropdown-window h1 a {
display : block;
color : #313a3b;
}
.globalheader-config-dropdown-window ul a {
display : block;
padding : 8px 0;
color : #313a3b;
white-space : nowrap;
text-overflow : ellipsis;
overflow : hidden;
}
.globalheader-config-dropdown-window ul a:hover {
text-decoration : underline;
}
.globalheader-config-dropdown-window ul .goto-dashboard a {
border-top : 1px solid #ccc;
margin-top : 5px;
padding-top : 13px;
}
.page-feedback-iframe {
padding : 20px 10px 10px 10px;
width : 480px;
overflow : hidden;
}
.page-feedback-iframe #plDebug a#plShowToolBarButton {
display : none !important ;
}
.page-feedback-iframe h1 {
border-bottom : none !important ;
}
.page-feedback-iframe ul {
margin-left : 2em;
margin-bottom : 10px;
}
.page-feedback-iframe ul li {
list-style : circle;
padding : 0.3em 0;
}
.page-feedback-iframe section {
margin-bottom : 20px;
}
#username-window {
right : 0;
width : 150px;
overflow : hidden;
}
#username-window li a {
display : block;
color : #333;
}
#username-window li img {
vertical-align : middle;
margin-bottom : 2px;
margin-left : 3px;
border : 0;
background : #fff;
}
#username-window img {
border : 0;
}
#username-window a {
text-decoration : none;
}
#username-window a:hover {
text-decoration : underline;
}
#username-window dt.label span, #username-window li.label span {
display : block;
font-weight : bold;
margin-top : 3px;
padding : 3px 0 5px 3px;
border-bottom : 1px solid #ddd;
background : #fff;
color : #000;
}
#username-window dt, #username-window dd, #username-window li {
display : block !important ;
line-height : 1.5;
margin : 0 !important ;
padding : 3px 5px;
text-align : left;
}
#username-window dd img {
margin-right : 4px;
margin-left : 3px;
}
#username-window a {
color : #333 !important ;
}
#username-window li:last-child {
border-bottom : 0;
}
#username-window img {
vertical-align : middle;
margin-top : -2px;
}
#notify-window {
width : 250px;
}
#header-container #sp-suggest {
background : url("http://www.hatena.ne.jp/images/touch/stripe.png") 0 0 repeat scroll transparent;
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 : #bbb solid 3px;
color : #333;
padding : 50px;
line-height : 1em;
text-decoration : none;
}
body.hide-global-header #globalheader-container {
display : none;
}
@import "/css/theme/alpha2/alpha2.css";
body {
margin : 0;
padding : 0;
color : #454545;
background-color : #f3f3f3;
font-family : 'Trebuchet MS', 'Arial', 'Helvetica', 'ãã©ã®ãè§ã´ Pro W3', 'Hiragino Kaku Gothic Pro', 'ã¡ã¤ãªãª', Meiryo, 'ï¼­ï¼³ ï¼°ã´ã·ãã¯', 'MS PGothic', sans-serif;
}
a {
color : #256fba;
text-decoration : none;
transition : 0.3s ease;
transition-property : opacity, border, color, background;
}
a:hover {
text-decoration : underline;
}
a:visited {
color : #7d9ab7;
}
pre {
padding : 10px;
background : #fafafa;
border-radius : 3px;
box-shadow : 0 0 5px rgba(0, 0, 0, 0.2) inset;
}
#container {
text-align : center;
margin : 20px auto;
width : 960px;
padding : 0;
background : #fff;
padding-bottom : 30px;
}
#blog-title {
text-align : center;
margin : 0 0 50px 0;
}
#blog-title h1 {
color : #454545;
text-shadow : 0 1px 0 white;
font-size : 34px;
padding : 50px 30px 5px 30px;
font-weight : bold;
}
#blog-title h1 a {
color : #454545;
}
#blog-title h1 a:hover {
color : #256fba;
text-decoration : none;
}
header h2 {
color : #454545;
text-shadow : 0 1px 0 white;
font-size : 13px;
font-weight : bold;
margin : 0;
}
#top-box, #top-editarea, #bottom-editarea {
text-align : left;
font-size : 13px;
}
#top-editarea, #bottom-editarea {
margin : 0 30px;
}
#navigation {
width : 1000px;
margin : 0 auto;
}
#navigation ul {
list-style : none;
padding : 0 0;
margin : 0;
}
#navigation ul li {
font-size : 90%;
float : left;
line-height : 2;
}
#navigation ul li a {
color : #454545;
text-decoration : none;
padding : 8px 15px;
border-right : 1px solid #ddd;
}
#navigation ul li a:hover {
color : #fff;
font-weight : bold;
}
#navigation ul:after {
content : ".";
display : block;
clear : both;
height : 0;
visibility : hidden;
}
.breadcrumb {
margin : 20px 130px;
}
#content {
padding : 0 30px 30px 30px;
}
#content-inner {
text-align : left;
}
#wrapper {
width : 720px;
float : left;
}
#main {
float : right;
width : 560px;
padding : 0 30px;
min-height : 100px;
}
#main:after {
content : ".";
display : block;
height : 0;
font-size : 0;
clear : both;
visibility : hidden;
}
#box1 {
float : right;
width : 100px;
}
#box2 {
width : 180px;
float : left;
text-align : left;
}
#bottom-box {
clear : both;
}
#content:after {
content : " ";
display : block;
height : 0;
visibility : hidden;
clear : both;
}
section.day {
margin-bottom : 40px;
}
.entry {
margin : 0 0 48px 0;
position : relative;
width : 100%;
}
.entry-header {
padding : 0;
margin : 0;
position : relative;
}
.date {
width : 100px;
border-right : 1px solid #DDD;
margin : 0 0 0 0;
font-size : 16px;
position : absolute;
left : -130px;
top : 0;
font-weight : normal;
height : 35px;
line-height : 35px;
}
.date a {
color : #454545;
}
.entry-title {
text-align : left;
margin : 0;
font-size : 120%;
line-height : 35px;
}
.entry-title a {
position : relative;
}
.categories a {
color : #666;
font-size : 11px;
background : #f5f5f5;
padding : 3px 10px;
white-space : nowrap;
}
.categories a:hover {
text-decoration : none;
background : #ebebeb;
color : #454545;
}
.entry-header p {
padding : 0;
margin : 0;
}
.entry-header-menu a {
display : block;
font-size : 12px;
font-weight : bold;
padding : 5px 25px;
background : #454545;
font-size : 13px;
position : absolute;
left : -110px;
top : 50px;
color : #f5f5f5;
}
.entry-header-menu a:hover {
background : #4486c9;
text-decoration : none;
}
.entry .entry-category-area {
padding : 5px 0;
margin : 0;
color : #aaa;
font-size : 70%;
}
.entry .entry-category a {
color : #454545;
margin-left : 5px;
background : #fff;
padding : 3px 6px;
border : #ddd solid 1px;
border-radius : 3px;
}
.entry .entry-category :hover {
color : #fff;
text-decoration : none;
border : #256fba solid 1px;
}
.entry-footer {
display : block;
margin-top : 30px;
color : #454545;
font-size : 12px;
}
.entry-footer .social-buttons {
margin : 10px 0 15px 0;
}
.entry-footer-section {
color : #aaa;
padding-bottom : 8px;
margin : 0;
}
.pager {
display : inline;
margin-right : 10px;
}
.pager a {
font-size : 12px;
font-weight : bold;
padding : 5px 25px;
background : #bbb;
font-size : 13px;
color : #f5f5f5;
}
.pager a:hover {
background : #4486c9;
text-decoration : none;
}
.entry-content {
font-size : 14px;
line-height : 1.9;
margin : 0.5em 0;
}
.entry-content img {
max-width : 560px;
}
.entry-content p {
margin : 0.8em 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin : 1em 0 0.5em 0;
}
.entry-content h1 {
font-size : 160%;
}
.entry-content h2 {
font-size : 150%;
}
.entry-content h3 {
font-size : 140%;
}
.entry-content h4 {
font-size : 120%;
}
.entry-content h5 {
font-size : 110%;
}
.entry-content h6 {
font-size : 100%;
}
.entry-content h1, .entry-content h2, .entry-content h3 {
border-bottom : 1px dotted #999;
}
.entry-content ul, .entry-content ol {
margin : 0 0 0 1.5em;
padding : 0;
}
.entry blockquote {
padding : 10px;
margin : 1em 0;
border : #ddd solid 1px;
border-radius : 3px;
}
.entry blockquote p {
margin-top : 0;
margin-bottom : 0;
}
.entry-content table {
border-collapse : collapse;
border-spacing : 0;
}
.entry-content table th, .entry-content table td {
border : #ddd solid 1px;
padding : 5px 10px;
}
.entry-content table th {
background : #fafafa;
}
a.keyword {
color : #454545;
text-decoration : none;
border-bottom : 1px solid #DEDEDE;
}
pre.lang-aa {
font-size : 14px;
line-height : 15px;
}
.entry-comment {
border-bottom : 1px solid #ddd;
}
.entry-comment:nth-child(1) {
border-top : 1px solid #ddd;
}
.comment {
margin : 0 0 15px 0;
padding : 0;
font-size : 13px;
}
.comment li {
list-style : none;
padding : 8px 0;
}
.comment-user-name {
font-weight : bold;
margin : 0;
}
.comment-content p {
margin : 0.5em 0;
overflow-wrap : break-word;
line-height : 1.4;
}
.comment-metadata {
display : inline;
}
.comment-metadata, .comment-metadata a {
color : #aaa;
}
.leave-comment-title:hover {
text-decoration : none;
border : #7D9AB7 solid 1px;
}
.hatena-module {
margin-bottom : 40px;
font-size : 13px;
}
.hatena-module-title, .hatena-module-title a, .hatena-module-title a:hover, .hatena-module-title a:visited {
text-align : left;
font-size : 16px;
font-weight : normal;
margin-bottom : 5px;
padding-bottom : 3px;
color : #454545;
}
.hatena-module-body ul {
margin : 0;
padding : 0;
list-style : none;
line-height : 1.5;
}
.hatena-module-body ul li {
padding : 0.7em 0;
border-bottom : 1px solid #ddd;
}
.hatena-module-body ul li.archive {
border : none;
}
.hatena-module-profile .id {
display : block;
line-height : 2;
}
.profile-icon {
border : #ccc solid 1px;
}
.hatena-module-profile .profile-description {
margin : 0 0 5px 0;
line-height : 1.5;
}
form.search-form {
margin-top : 10px;
}
form.search-form input {
border : #ccc solid 1px;
vertical-align : middle;
}
.search-form .search-module-input {
width : 130px;
padding : 3px 8px;
margin : 0;
font-size : 12px;
border-radius : 12px;
}
#footer-area1, #footer-area2, #footer-area3, #footer-area4 {
width : 220px;
float : left;
}
#footer-area1, #footer-area2, #footer-area3 {
margin-right : 40px;
}
#footer-area4:after {
content : "";
display : block;
height : 0;
visibility : hidden;
clear : both;
}
#footer {
clear : both;
text-align : center;
padding : 10px 0 10px 0;
font-size : small;
}
#footer a {
color : #454545;
}
#footer a:hover {
color : #256fba;
text-decoration : none;
}
.hatena-embed.hatena-fotolife, .hatena-embed.twitpic {
padding : 10px 10px 30px 10px;
margin : 1em 0;
background : transparent;
display : inline-block;
border : #dfdfdf solid 1px;
box-shadow : 0 1px 5px rgba(0, 0, 0, 0.16);
background : #fff;
text-align : center;
}
.hatena-embed.hatena-fotolife {
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-fotolife.png?version=5e24f5f5f313590c3d7bc20073e149') right bottom no-repeat #ffffff;
}
.hatena-embed.twitpic {
padding : 10px 10px 10px 10px;
}
.hatena-embed.hatena-fotolife .hatena-embed-image, .hatena-embed.twitpic .hatena-embed-image {
display : inline-block;
max-width : 600px;
}
.hatena-embed.hatena-fotolife .hatena-embed-body, .hatena-embed.hatena-fotolife .hatena-embed-body a, .hatena-embed.twitpic .hatena-embed-body, .hatena-embed.twitpic .hatena-embed-body a {
text-align : center;
font-family : 'Homemade Apple', cursive;
color : #454545;
font-size : 16px;
margin-top : 10px;
}
.hatena-embed.hatena-coco, .hatena-embed.foursquare {
margin : 1em 0;
box-shadow : 0 1px 5px rgba(0, 0, 0, 0.16);
}
.hatena-embed.hatena-coco {
border : #e2d279 solid 1px;
padding : 20px 30px;
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-coco.png?version=5e24f5f5f313590c3d7bc20073e149') right bottom no-repeat #faf9e6;
}
.hatena-embed.hatena-coco .hatena-embed-image, .hatena-embed.foursquare .hatena-embed-image {
width : 100px;
height : 100px;
}
.hatena-embed.foursquare {
border : #C1D5DB solid 1px;
padding : 20px 30px;
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-4sq.png?version=5e24f5f5f313590c3d7bc20073e149') right bottom no-repeat #e6eff2;
}
.hatena-embed.hatena-bookmark {
padding : 15px 15px 15px 70px;
margin : 1em 0;
background : transparent;
border : #dfdfdf solid 1px;
box-shadow : 0 1px 5px rgba(0, 0, 0, 0.16);
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-bookmark.png?version=5e24f5f5f313590c3d7bc20073e149') 10px top no-repeat #ffffff;
position : relative;
}
.hatena-embed.hatena-bookmark a {
text-decoration : underline;
}
.hatena-embed.hatena-bookmark .hatena-embed-image {
max-height : 50px;
}
.hatena-embed.hatena-haiku {
padding : 15px 15px 15px 70px;
margin : 1em 0;
background : transparent;
border : #dfdfdf solid 1px;
box-shadow : 0 1px 5px rgba(0, 0, 0, 0.16);
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-haiku.png?version=5e24f5f5f313590c3d7bc20073e149') 5px 5px no-repeat #ffffff;
}
.hatena-embed.hatena-monolith {
width : 580px;
padding : 15px;
margin : 1em 0;
background : transparent;
border : #dfdfdf solid 1px;
box-shadow : 0 1px 5px rgba(0, 0, 0, 0.16);
background : url('https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-monolith.png?version=5e24f5f5f313590c3d7bc20073e149') right bottom no-repeat #ffffff;
}
.hatena-embed.hatena-monolith .hatena-embed-image {
display : block;
float : left;
max-width : 98px;
border : #dfdfdf solid 1px;
}
.hatena-embed.hatena-monolith .hatena-embed-body {
float : left;
width : 470px;
margin-left : 10px;
}
.hatena-embed.hatena-monolith:after {
content : "";
display : block;
height : 0;
visibility : hidden;
clear : both;
}
.hatena-embed.twitter {
padding : 10px 0;
margin : 1em 0;
border-bottom : 1px dotted #757575;
border-top : 1px dotted #757575;
}
.hatena-embed.atnd {
padding : 10px 0;
margin : 1em 0;
border-bottom : 1px dotted #757575;
border-top : 1px dotted #757575;
font-family : 'PT Sans Caption', Helvetica, 'ãã©ã®ãè§ã´ Pro W3', 'HiraKakuProN-W3', 'Hiragino Kaku Gothic Pro', 'ã¡ã¤ãªãª', Meiryo, 'ï¼­ï¼³ ï¼°ã´ã·ãã¯', sans-serif;
}
.hatena-embed-detail.atnd-detail {
font-size : 20px;
font-weight : bold;
color : #262626;
}
.hatena-embed-detail.atnd-detail:hover {
color : #EA1F00;
text-decoration : none;
}
.hatena-embed.atnd .content-body {
font-size : 12px;
color : #222;
}
.page-about dt {
font-size : 16px;
font-weight : bold;
}
.page-about dd {
margin-left : 0;
margin-bottom : 30px;
}
.page-about .etnry-content img.profile-icon {
height : 16px;
width : 16px;
}
.page-archive #main-inner h1 {
font-size : 18px;
margin : 0 0 0.3em 0;
}
.page-archive #main-inner h1 a {
color : #454545;
}
.page-archive #main-inner section {
margin-bottom : 30px;
}
.page-archive #main-inner .entry-title {
font-size : 14px;
line-height : 2;
}
.page-archive #main-inner ul {
list-style : none;
margin : 0;
padding : 0;
}
.page-archive #main-inner li {
margin : 0;
padding : 0 0 10px 0;
}
body {
background : #5f9ea0;
}
#globalheader-container {
color : #333;
background : #ffcc00;
}
#blog-title {
background-image : url(https://cdn-ak.f.st-hatena.com/images/fotolife/m/mimionm/20130303/20130305184709.gif);
background-position : 0 0;
height : 270px;
}
#blog-title-inner {
top : 30px;
left : 0;
}

/* </system> */