@charset "utf-8";
/* Reset CSS */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{text-decoration:none}
ins,mark{background-color:#ff9;color:#000}
mark{font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
/* END Reset */
/* base */body{font-family:Helvetica Neue,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;background:transparent;color:#222}
a{color:#456898}
a:hover{color:#073472}
.clearfix{display:block;*zoom:1}
.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}
#globalheader-container{background:#fff;background:hsla(0,0%,100%,.2);border-bottom:1px solid #ccc}
#container{width:810px;text-align:center;margin:0 auto;background:#fff;padding:0 30px}
#container-inner{text-align:left}
#blog-title{padding:40px 0}
#title{display:inline-block;*display:inline;*zoom:1;font-size:24px}
#title a{text-decoration:none;color:#222}
#blog-description{display:inline-block;*display:inline;*zoom:1;font-size:12px;margin-left:1em}
/* @Custom Header-image */.header-image-enable #blog-title #title{padding:20px 0 0 20px}
.header-image-enable #blog-title,.header-image-only #blog-title{padding:30px 0}
#content-inner:after{content:".";display:block;clear:both;height:0;visibility:hidden}
#wrapper{width:560px;float:left}
.entry{margin-bottom:80px}
.entry-header{margin-bottom:20px;position:relative}
.date{font-size:13px;font-weight:700;padding-bottom:5px;border-bottom:1px solid #ccc;margin-bottom:15px}
.date a{color:#000;text-decoration:none}
.entry-title{margin-bottom:15px;line-height:1.3}
.entry-title a{font-size:20px;color:#222;text-decoration:none}
.categories{font-size:12px}
.categories a{margin-right:.5em}
.entry-header-menu{position:absolute;top:0;right:0;font-size:13px}
.entry-footer{margin-top:20px;font-size:13px}
.entry-footer-section,.social-buttons{margin-bottom:15px}
.pager{font-size:14px;margin:15px 0;text-align:left;display:block;*zoom:1}
.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}
.pager-next,.pager-prev{display:inline-block;max-width:250px;line-height:1.5}
.pager-next{float:right}
.pager-prev{float:left}
#footer{width:830px;margin:0 auto;text-align:center;padding:10px 20px;background:#fff;line-height:1.3;font-size:13px}
#footer img{vertical-align:middle}
/* Comment */.entry-comment{border-bottom:1px solid #dfdfdf;list-style:none;padding-bottom:15px;margin-bottom:15px}
.comment-user-name .hatena-id-icon{vertical-align:middle;margin-right:.2em}
.comment-user-name{margin-bottom:7px}
.comment-user-name a{color:#222;font-weight:700}
.comment-content{line-height:1.5em;margin-bottom:7px;word-wrap:break-word}
.comment-content,.comment-user-name{font-size:14px}
.comment-metadata,.comment-metadata a{color:#aaa}
.leave-comment-title{font-size:13px;font-weight:700;margin:10px 0}
.leave-comment-title:hover{text-decoration:underline}
/* Entry-Content */.entry-content{font-size:15px;line-height:1.7}
.entry-content p{margin:.7em 0 1em}
.entry-content img{max-width:100%}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em;line-height:1.7}
.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 dd,.entry-content ol,.entry-content ul{margin:0 0 0 1.5em;padding:0}
.entry blockquote{padding:10px;margin:1em 0;border:1px solid #ccc}
.entry blockquote p{margin-top:0;margin-bottom:0}
.entry-content table{border-collapse:collapse;border-spacing:0}
.entry-content table td,.entry-content table th{border:1px solid #ddd;padding:5px 10px}
.entry-content table th{background:#fafafa}
pre{font-size:12px;padding:10px;border:1px solid #ccc}
.entry-content a:visited{color:#aaa}
a.keyword{text-decoration:none;border-bottom:1px solid #dedede;color:#222}
pre.lang-aa{font-size:14px;line-height:15px}
.hatena-asin-detail li{line-height:1.4}
/* Sidebar */#box2{width:220px;float:right;font-size:14px;word-wrap:break-word}
.hatena-module{margin-bottom:30px}
.hatena-module-title{font-size:15px;font-weight:700;margin-bottom:20px}
.hatena-module-title a{color:#222;text-decoration:none}
.hatena-module-title a:hover{text-decoration:underline}
.hatena-module .profile-icon{margin-bottom:5px}
.hatena-module .id{display:block;margin-bottom:5px}
.profile-description{font-size:12px;margin-bottom:5px}
.hatena-module-body li{list-style:none;margin-bottom:.7em}
.hatena-module-body{line-height:1.5}
.urllist-item{padding-bottom:10px;border-bottom:1px solid #ddd}
/* @Module::Search */form.search-form input{border:1px solid #ccc;vertical-align:middle}
.search-form .search-module-input{width:180px;padding:3px;margin:0;font-size:12px}
.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;cursor:pointer;background:url(https://cdn.blog.st-hatena.com/images/theme/search_g.png?version=e0e0a3993d8aff6a6344f19dd784d5) 50% 50% no-repeat}
/* @About */.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #ccc;margin-bottom:5px;padding-bottom:2px}
.page-about dd{margin-left:0;margin-bottom:30px}
.page-about .entry-content img.profile-icon{height:16px;width:16px}
/* @Archive */.page-archive #main{padding:0;margin:0 auto;text-align:center}
.page-archive #main-inner{font-size:14px;text-align:left}
.page-archive .date{border:none;margin-bottom:10px;padding-bottom:0}
.page-archive .categories{margin-bottom:10px}
.page-archive .entry-title{font-size:18px;border-bottom:1px solid #ccc;padding-bottom:2px;margin-bottom:10px}
.page-archive .entry-title a{color:#000;text-decoration:none}
.page-archive .entry-title a:hover{text-decoration:underline}
.page-archive p{line-height:1.5;margin-bottom:1em}
.page-archive #main-inner section{margin-bottom:30px}
.page-archive #main-inner .entry-title{font-size:14px;line-height:1.5;color:#000;text-decoration:none}
.page-archive #main-inner .entry-title:hover{text-decoration:underline}
.page-archive #main-inner ul{list-style:none;margin:0;padding:0}
.page-archive #main-inner li{margin:0;padding:0 0 10px}
.page-archive #main-inner li .categories{margin-top:10px}
/* Catengory */.breadcrumb{margin-bottom:20px;font-size:14px}
/* */
/* */
/* */
@charset "euc-jp";
/*
Title: S-BLUE
Revision: $Revision: 1.10 $
Author: Nana
Access:
Comment: support major plugin
Copyright by (C) Nana
validated by W3C
*/
div.section img.hatena-fotolife, div.main div.section img.hatena-fotolife{
max-width: none;
}
a:link {
text-decoration: none;
color: #0080C0;
}
a:visited {
text-decoration: none;
color: #0080C0;
}
a:hover,a:active {
color: #35BDFF;
}
body {
background-color: #DDEEFF;
color: #000;
margin-right: 2%;
margin-left: 3%;
}
strong {
font-weight: bold;
font-size: larger;
}
div.adminmenu {
text-align: right;
font-size: 90%;
float: right;
}
p.message {
text-align: center;
font-size: medium;
background-color: #fff;
width: 66%;
color: #888;
padding: 8px;
}
span.adminmenu {
border: solid 1px #000;
padding: 3px;
}
h1 {
text-align: center;
}
div.calendar {
color: #000;
background-color: transparent;
padding-top: 0.5em;
}
div.day {
border-top: solid 1px #000;
text-align: left;
padding: 0.5em;
padding-bottom: 0em;
padding-top: 30px;
margin: 0em;
}
h2 {
margin-top: 0.1em;
margin-bottom: 0.1em;
margin-right: 12px;
padding: 0em;
text-align: right;
font-size: medium;
}
h2 span.date {
font-size: 90%;
margin-left: 0.5em;
margin-top: 3em;
}
div.body {
padding: 0.1em;
margin-left: auto;
margin-right: auto;
}
div.body p {
padding-left: 16px;
line-height: 1.5em;
margin-bottom: 0.5em;
margin-top: 0.3em;
}
div.section p {
margin-bottom: 0.5em;
margin-top: 0.3em;
line-height: 1.4;
}
h3 {
margin: 0em;
padding: 0em;
font-weight: bold;
font-size: medium;
}
pre {
background-color: #0080C0;
color: #000080;
margin-left: 1em;
margin-right: 1em;
padding: 8px;
}
div.comment {
font-size: 90%;
text-align: left;
color: #000;
background-color: transparent;
padding: 2px;
padding-bottom: 20px;
margin: 0em;
margin-right: auto;
margin-left: 6px;
}
div.comment p {
padding-left: 1em;
}
div.comment div.caption {
text-align: right;
}
div.refererlist div.caption {
border-bottom: solid 1px #aaa;
}
div.referer {
text-align: right;
font-size: 90%;
padding: 2px;
padding-bottom: 1px;
margin-right: 12px;
}
div.refererlist {
font-size: 90%;
text-align: left;
color: #000;
background-color: transparent;
padding: 2px;
padding-bottom: 1px;
width: 80%;
clear: both;
}
div.refererlist ul {
margin-top: 0em;
line-height: 120%;
}
hr {
border-style: solid;
border-width: 2px 0px 0px 0px;
border-color: #ddd;
}
hr.sep {
display: none;
}
div.footer {
font-size: 90%;
text-align: right;
height: 32px;
}
div.form {
color: #000;
background-color: transparent;
padding: 0.5em 1em 0.5em 1em;
margin-bottom: 0.5em;
}
input.field {
color: black;
background-color: white;
}
input {
clear: left;
}
textarea {
color: black;
background-color: white;
margin-left: 1em;
}
div.body dl {
margin-left: 2em;
}
div.body dt {
margin-bottom: 0.2em;
font-weight: bold;
}
div.body dd {
margin-left: 1em;
margin-bottom: 0.5em;
}
p.strong {
font-size: 200%;
font-weight: bold;
text-align: center;
color: red;
}
/*
・ト・テ・ウ・゜セハホャネヌヒワハク
*/
div.commentshort {
margin-left: 0.5em;
}
span.commentator {
}
div.commentshort p {
margin-top: 0.2em;
margin-bottom: 0.2em;
line-height: 1.2em;
}
/*
・ト・テ・ウ・゜ヒワツホ
*/
div.commentbody {
margin: 0.5em;
line-height: 1.2em;
}
/*
・ト・テ・ウ・゜、キ、ソソヘ、ホセ霾・
*/
div.commentator {
line-height: 1.5em;
}
/*
・ト・テ・ウ・゜ヒワハク
*/
div.commentbody p {
margin: 0.5em;
}
/*
・ユ・ゥ。シ・爨ホタ゜ト・
*/
div.form form {
margin: 0em;
}
div.form div.caption {
margin: 0.5em;
}
div.form form.comment {
}
div.field {
display: inline;
margin-right: 2em;
}
form.comment input {
background-color: white;
color: black;
margin-left: 1em;
}
div.textarea {
display: block;
vertical-align: top;
}
form.comment textarea {
display: block;
background-color: white;
color: black;
width: 30em;
height: 5em;
}
div.button {
display: block;
}
/*
ケケソキ・ユ・ゥ。シ・・
*/
div.day.update {
text-align: left;
}
form.update {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
form.update input, form.update textarea, form.commentstat input {
background-color: white;
color: black;
}
form.update span.field {
display: inline;
margin-left: 0em;
margin-right: 0.5em;
}
form.update div.field.title {
display: block;
margin-top: 1em;
}
form.update div.field.title input {
margin-left: 0.5em;
}
form.update div.textarea {
display: block;
margin-top: 1em;
}
form.update textarea {
display: block;
margin-bottom: 1em;
width: 35em;
height: 15em;
}
form.update span.checkbox.hidediary {
margin-left: 1em;
}
/*
・ト・テ・ウ・゜セ・ヨハムケケ・ユ・ゥ。シ・・
*/
div.comment form {
margin-top: 0em;
}
/*
ー?ム(blockquote・ソ・ー)、ホタ゜ト・
*/
div.body blockquote {
border: 5px ridge #1E90FF;
font-style:normal;
margin-left: 2em;
padding: 7px;
color: #000022 ;
}
/*
、、、ッ、ト、ォ、ホ・皈ク・罍シ、ハ・ラ・鬣ー・、・鸞ミア・ */
/* calendar2 */
table.calendar {
font-size: 90%;
line-height: 1.1em;
text-align: center;
border: 1px solid #000;
}
table.calendar td {
margin: 0px;
text-align: right;
padding: 0px;
}
table.calendar td.calendar-prev-month, table.calendar td.calendar-current-month, table.calendar td.calendar-next-month {
text-align: center;
}
/* recent_list */
p.recentitem {
font-size: 90%;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}
div.recentsubtitles {
font-size: 90%;
margin-top: 0px;
margin-bottom: 1em;
margin-left: 1em;
text-align: left;
}
/* footnote */
div.body span.footnote {
vertical-align: super;
font-size: 70%;
}
div.footnote {
font-size: 90%;
background-color: #F0F8FF;
color: #000;
padding: 0em;
margin-left: 6em;
}
p.footnote {
margin: 0.5em;
padding: 0em;
}
div.main {
margin-left: 0%;
width:90%;
}
div.sidebar {
position: absolute;
top: 350px;
left: 0px;
width: 18%;
margin-left: 85%;
}
div.sidebar p {
line-height: 120%;
text-align: center;
margin: 2px 4px 2px 4px;
}
div.sidebar hr{
margin: 12px 0px 12px 0px;
}
/*
ー?ム・ス。シ・ケ、ホノスシィ
*/
p.source{
margin-right: 1.5em;
margin-top: 0px;
text-align: right;
font-size: 90%;
line-height: 24px;
font-style: italic;
}
/* calendar3 */
.calendar-popup {
display: none;
position: absolute;
padding: 0 1ex 0 1ex;
text-align: center;
}
.calendar-day a{
font-weight: normal;
}
.calendar-sunday {
color: #FF8080;
background-color: transparent;
}
.calendar-saturday {
color: #0080FF;
background-color: transparent;
}
.calendar-weekday {
color: #555555;
background-color: transparent;
}
.calendar-todo {
border-style: solid;
border-color: #fff;
border-width: 1px;
}
.entry-inner {
background-color: #DDEEFF;
color: #000;
margin-right: 2%;
margin-left: 2%;
}
section {
background-color:#DDEEFF;
padding:10px;
}
/*サイドバーのカスタマイズ*/
#box2-inner {
background-color:#DDEEFF;
}
section-table {
background-color:#DDEEFF;
}
top-editarea {
background-color:#DDEEFF;
}
div#container {
background-color:#DDEEFF;
padding:0px;
}
#container{width:95%;text-align:center;margin:0 auto;background:#fff;padding:0 10px}
#wrapper{width:79%;float:left}
#box2{width:20%;float:right;font-size:14px;word-wrap:break-word}