a:link {
color:#0645AD;
text-decoration:none
}

a:visited {
color:#663366;
text-decoration:none
}

a:hover,a:active {
text-decoration:underline
}

body {
font-family:'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
text-align:left;
width:900px;
margin:0 auto
}

img {
max-width: 100%;
border:none
}

blockquote{
    padding:5px;
    position: relative;
    margin:5px;
    box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    -webkit-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    -moz-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
}
blockquote:before{
    content: "“";
    font-size: 200%;
    line-height: 1em;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    color: #999;
    position: absolute;
    left: 0;
    top: 0;
}
 
blockquote:after{
    content: "”";
    font-size: 200%;
    line-height: 0em;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    color: #999;
    position: absolute;
    right: 0;
    bottom: 0;
}
blockquote cite {
display:block;
text-align:right;
margin-top:10px;
color:#0645ad
}

p cite {
text-align:right;
font-size:16px
}

p {
margin:0 10px 10px
}

em {
color:#ff0000;
font-style:normal
}

.contentarea .clearfix ul li {
display:inline;
font-size:16px
}


.widget {
margin:0 0 10px 20px
}

.contentarea .narrow2 {
font-size:13px;
color:#545454;
width:200px;
float:right;
margin:5px 0 0
}
.contentarea2 {
float:left;
margin:0 0px 0px 0px
}
.contentarea .narrow {
font-size:13px;
color:#545454;
width:200px;
float:right;
margin:5px 0 0
}

.contentarea .narrow2 ol {
font-size:13px;
list-style:none;
margin:0;
padding:0 0 0 0px
}
.contentarea .narrow ol {
font-size:13px;
list-style:none;
margin:0;
padding:0 0 0 0px
}

.contentarea .narrow2 ul li {
font-size:13px;
list-style:none;
margin:0!important;
padding:0 0 0 5px
}
.contentarea .narrow ul li {
font-size:13px;
list-style:none;
margin:0!important;
padding:0 0 0 5px
}

.contentarea .wide {
font-size:16px;
width:500px;
color:#333;
float:right;
margin:5px 0px 0 0px
}
.contentarea .wide2 {
font-size:12px;
width:900px;
color:#333;
float:right;
margin:5px 0px 0 0px
}


.contentarea .wide tr td {
padding:2px 2px 2px 4px
}

.contentarea .wide ul.link {
padding:0;
margin:0 5px 5px;
overflow: hidden
}


.contentarea .wide ul.link li {
list-style:none;
font-size:16px;
margin:0 0 0 0px;
padding:0 0 0 0px
}


.contentarea .wide ul.li {
list-style:none;
font-size:16px;
color:#545454;
margin:0;
padding:0
}


.contentarea .wide ul.children {
list-style:none;
font-size:16px;
color:#545454;
padding:0 0 0 10px
}


.contentarea .wide h1 {
font-size:24px;
border-left:1px solid #aaa;
border-top:1px solid #aaa;
border-right:1px solid #aaa;
margin:5px 5px 0;
padding:10px 0 10px 10px
}


.contentarea .wide h1 a:link,.contentarea .wide h1 a:visited {
text-decoration:none;
color:#545454
}

.contentarea .wide h2 {
font-size:20px;
border-top:2px solid #545454;
border-bottom:2px solid #545454;
margin:20px 5px 10px 0px;
padding:10px 5px 10px 7px
}
.contentarea .wide2 h2 {
font-size:20px;
border-top:2px solid #545454;
border-bottom:2px solid #545454;
margin:20px 5px 10px 0px;
padding:10px 5px 10px 7px
}

.contentarea .wide h3 {
font-size:18px;
border-bottom:1px solid #545454;
margin:5px 5px 10px;
padding:10px 10px 0 7px
}

.contentarea .wide h4 {
font-size:16px;
padding:0 10px;
margin:0
}

.contentarea .wide h5 {
font-size:16px;
padding:0 10px
}

.contentarea .wide h9 {
color:#545454;
padding:5px;
margin:5px;
width:auto;
font-size:14px;
display:inline-block
}

.contentarea .wide h9:before {
content:" "
}

.contentarea .wide p.postinfo {
color:#006621;
border-left:1px solid #aaa;
border-bottom:1px solid #aaa;
border-right:1px solid #aaa;
font-size:12px;
margin:0 5px 5px;
padding:0 5px 10px 10px
}


#branding {
color:#666;
border-top:5px solid #1A237E;
text-align:left;
font-size:12px;
margin:0;
padding:10px
}

#header {
font-size:20px;
}

#header a:link,#header a:visited {
text-decoration:none;
color:#545454
}


#branding p {
text-align:right;
}

#branding h1 {
margin:0;
padding:0px
}

#footer {
border-bottom:5px solid #1A237E;
font-size:14px;
clear:both;
color:#666;
text-align:center;
padding:0 0 10px;
}

#comment {
width:100%
}

.contentarea .wide .commentlist .children {
font-size:16px;
padding:0 10px 0 0
}

.commentlist li {
list-style:none;
font-size:16px;
margin:10px 10px 0 0;
padding:0
}

.commentlist li p.commenter {
color:#666;
padding-top:0;
margin-bottom:5px;
text-align:right;
font-size:14px
}

.commentlist li p {
margin-bottom:0
}

.commentlist li p.reply a {
padding:0
}

#comments {
margin:0 0 20px;
padding:0
}

#comments .navlinks {
overflow:hidden
}

#comments .navlinks .next {
float:right
}

#respond {
margin:30px 0 0
}

.entry-content {
line-height:1.6;
word-wrap:break-word
}

.entry-content p {
padding:5px 0 5px 5px;
clear:both
}

ol,ul,.commentlist li li {
list-style:none
}

.addbar img,.contentarea .narrow p.addspace img,.contentarea .wide p.postimage img {
display:block
}



.excerpt {
font-size:12px;
margin:0 5px;
border-bottom:1px dashed #aaa;
color:#545454
}

.wp-pagenavi {
font-size:14px
}

.wp-pagenavi a,.wp-pagenavi span {
margin:5px!important;
padding:5px!important
}

#toc_container {
margin-left:5px!important;
margin-right:5px!important;
display:block!important;
color:#545454
}

#toc_container ul.toc_list {
margin-left:5px!important;
counter-reset:section!important
}

#toc_container ul.toc_list li {
text-indent:-1.2em!important;
margin-left:1.2em!important;
padding-top:.3em!important
}

#toc_container ul.toc_list li ul {
counter-reset:subsection!important
}

#toc_container ul.toc_list li ul li {
text-indent:-1.8em!important;
margin-left:1em!important
}

#toc_container ul.toc_list li ul li ul {
counter-reset:sub2section!important
}

#toc_container ul.toc_list li ul li ul li {
text-indent:-2.5em!important;
margin-left:1em!important
}

#toc_container ul.toc_list li:before {
content:""!important
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.google p {
font-size:12px;
}
.google2 p {
font-size:12px;
}
.google3 p {
font-size:12px;
}

.rank {
counter-reset:rank;
margin:10px 0px 10px 0px
}


.rank li:before {
counter-increment:rank;
content:counter(rank)"位.";
color:#666
}
#comments .navlinks .previous {
float:left
}

.entry-content ul li,.yarpp ul li,.rank li {
margin:0
}

.google {
margin:10px 0px 10px 0px;
text-align:center
}
.google2 {
margin:10px 0px 10px 0px;
text-align:center
}
.google3 {
margin:10px 0px 10px 0px;
text-align:center
}
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #aaa;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}


.contentarea .wide p.title,.contentarea .wide2 p.title,.contentarea .narrow2 p.title,.contentarea .narrow p.title {
font-size:16px;
color:#000;
border-bottom:2px dashed #aaa;
margin:0 5px 10px;
padding:0 5px 0px;
}
.contentarea .wide ul,.contentarea .wide .commentlist,.contentarea .narrow2 ul,.contentarea .narrow ul {
margin:0;
padding:0 0 0 5px
}

@media screen and (max-width:480px) {
body, .contentarea .wide, .contentarea .wide2,.contentarea .narrow2 {
width:100%
}
.contentarea.narrow2,.contentarea .narrow2 ol,.contentarea .narrow,.contentarea .narrow ol {
font-size:14px;
line-height:1.8;
}
.wp-pagenavi a,.wp-pagenavi span {
margin:5px!important;
padding:5px!important
}
body {
-webkit-text-size-adjust:100%
}
.rank {
margin:0 5px 10px
}
.rank2 {
line-height:1.8;
}
}