@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,900,400italic);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400);
/*
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,900);
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,800);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300);
 */

html {font-size: 100%;}
body {margin:0px; padding:0px; font-weight: 400; font: 16px/28px "Source Sans Pro", HelveticaNeue, "Open Sans", "Lucida Grande", "Exo 2","Lato","Merriweather","Verdana",Arial,sans-serif,"MS UI Gothic",serif; color:#001010; /*#002222;*/}
code,pre {font-family:Menlo,Monaco,Consolas,"Courier New","Liberation Mono","Andale Mono","Lucida Console",monospace;}
p {margin:0em 0em .5em 0em;}
hr {border-width:1px 0px 0px 0px; border-style:solid; border-color:#d0d0d0;}
hr.spt {clear:both; border-width:30px 0px; border-style:solid; margin-top:15px; border-color:#eeeeee;}
blockquote {margin-left:1em; margin-right:1em; border-left: 2px solid #dddddd; color: #777777; padding: 0 15px;}
img {border:0px;}
img.align-left {margin:1em;}
img.align-right {margin:1em; float:right;}
img.face {box-shadow: rgba(0,0,0,0.35) 0 1px 5px; border:#ffffff 0.3em solid; border-radius: 0.3em; margin:0em 0em 0.5em 0.5em;}
a.image-reference:visited {color:#ffffff;}
/*a {color:#000000;}
a:visited {color:#000000;}
a:hover {color: #000000; background-color:#f0f0f0;}*/
a {color:#455566; text-decoration: underline; transition: all 0.4s ease;}
a:visited {color:#455566; text-decoration: none; transition: all 0.4s ease;}
a:hover {color: #ffffff; background-color: #455566; text-decoration: none; /*background-color:#6098e0;*/} 
.bookmark img {margin:0px;}
.bookmark a {color:#000000;}
.bookmark a:hover {background-color:#ffffff;}
ul {padding-left:24px; margin: 0.25em 12px;}
dl {margin: 0.1em 12px;}
.bbb { width: 100%; }
.archive-entry {margin: 1em 0;}
.archive-date {float: left; width: 100px; color: #330099;}
.archive-detail {margin-left: 100px;}
#adsense {text-align: center; width:100%; margin:1em 0 1em 0;}
#blog {}
#top a:link {color:#000000;}
#top a:visited {color:#000000;}
#top img {border:15px black solid;}
#footer-mobile {background-color:#f6f6f6; border-top: 1px solid #c0c0c0; clear:both; text-align:center; font-size: 90%; padding:20px 0 0; height:80px; margin:30px 0 0;}
#footer {background-color:#f6f6f6; border-top: 1px solid #c0c0c0; clear:both; text-align:center; font-size: 90%; padding:10px 0px 0px 0px; height:260px; margin:60px 0 0;}
#footer a {color:#777777; text-decoration:none; font-weight:800;}
#footer a:hover {color:#002222; background-color:#f6f6f6; text-decoration:none; font-weight:800;}
#footer img {padding:1px; margin-bottom:-5px;}
#footer ul {padding:0px 10px 0px 10px;}
#footer li {list-style:none outside none;}
#footer ul a {display:block; padding:2px 5px 2px 5px; text-decoration:none;}
.footernavi {text-align:left;}
.searchbox {margin:10px 10px 10px 10px;}
input.googlebutton {-moz-border-radius:0.3em 0.3em 0.3em 0.3em; background:-moz-linear-gradient(center top,#f7f7f7,#e6e6e6) repeat scroll 0 0 transparent; border:0.1em solid #666666; height:1.7em; padding:0 0.2em;}
input.googlebox {height:1.7em; border:0.1em solid #666666; -moz-border-radius:0.3em 0.3em 0.3em 0.3em;}
#header-mobile { background-color:#000000; text-align: center; font-family:"Dancing Script", Arial, Helvetica,Meiryo;}
#header-mobile a:link {color:#ffffff; text-decoration:none; background-color:transparent;}
#header-mobile a:hover {color:#ffffff; text-decoration:none; background-color:transparent;}
#header-mobile a:visited {color:#ffffff; text-decoration:none; background-color:transparent;}
#header {border-top: 3px solid #2f4f4f; font-family: "Dancing Script", cursive; font-size: 150%;}
#header a:link {color:#002222; text-decoration:none; background-color:transparent;}
#header a:hover {color:#002222; text-decoration:none; background-color:transparent;}
#header a:visited {color:#002222; text-decoration:none; background-color:transparent;}
#header img {position:relative; left:-180px;}
.page_navigation {font-size:90%; font-weight:bold; text-align:right; margin:-0.3em 0.1em 0.5em 0em;}
.page_navigation a {text-decoration:none; color:#909090;}
.footer_page_navigation {font-size:90%; font-weight:bold; text-align:right; margin:0em 0.1em -0.5em 0em;}
.footer_page_navigation a {text-decoration:none; color:#909090;}
.footer_page_navigation a:hover {text-decoration:none; color:#ffffff;}
table {border:1px solid; border-collapse:collapse; border-spacing:0px;}
th {background-color:#f0f0f0; text-align:center; padding:0.3em 1em;}
td {text-align:center; padding:0.3em 1em;}
#footnote table {border:0px solid; border-collapse:collapse; border-spacing:0px;}
h1.blog-title {margin:0; padding: 1.2em 0 1em 0;}
.article {margin-left: 0.2em; margin-top:1.5em;}
.article-date {font-size:90%; font-style:italic; margin-top:-0.2em; color:#909090;}
.article-footer {font-size:small; text-align:right; margin:0; padding:0; margin-left:2em;}
h2.article-title {font-family: "Open Sans"; font-size:180%; line-height: 36px; margin-left:0em; margin-bottom:12px; color:#002222; text-decoration:none; font-weight:900;}
h3 {margin:24px 0px 12px 0px; font-family: "Open Sans"; font-size:140%;}
h4 {margin:24px 0px 12px 0px; font-family: "Open Sans"; font-size:120%;}
.article-title a {color:#002222; text-decoration:none;}
.article-title a:hover {color:#ffffff; background-color:#002222; text-decoration:none;}
.comment-tag {font-size:75%; padding:0px; margin-bottom:-2em;}
#article-comments {margin:1em 0em; text-align:left; max-width:100%;}
.comment-text {margin-left:1.5em;}
.amazonads {text-align:center; margin: 50px 0 30px 0; font-size: 110%;}
span.comment-postdate {font-size:small; margin-left:2em; color:#999999;}

#content { margin: 0; /* 0 20px 0 20px*/ text-align: left; /*width: 645px;*/}
#content-mobile { margin: 0 0.5em 0 0.5em; text-align: left; /*width: 645px;*/}
#inner-content { margin: 0 auto; width: 820px; text-align: center;}
#inner-content-mobile { margin: 0 auto; width: 100%; text-align: center;}
#footer-inner-content { margin: 0 auto; width: 820px; text-align:center; padding: 20px 0 0;}
.footer-bottom { font-size: 90%; margin: 1em 0 0;}

tt.docutils.literal {padding: 0 2px; margin: 0px 2px 0px 2px; font-size:80%; line-height:1.25; border-style:solid; border-width:1px 1px 1px 1px; border-radius: 3px; border-color:#cccccc; background:#f9f9ff;}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
  float: left;
  display: inline;
  margin-left: 20px;
}
.grid1 {width: 8%;}
.grid2 {width: 15%;}
.grid3 {width: 23%;}
.grid4 {width: 30%;}
.grid6 {width: 48%;}
.first {margin-left: 0;clear: left;}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
dd { margin-left: .5em; }
.entry-content {padding-bottom:72px;text-align:justify;}
.article img {margin:0}
.operation {text-align:right; font-size:small; margin-right:1em; margin-left:1em;}
pre {padding:10px; margin:1px 1px 0px; overflow:auto;border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0;}
.highlight {font-size:80%; line-height:1.25; border-style:solid; border-width:1px 1px 1px 1px; border-radius: 3px; border-color:#cccccc; background:#f9f9ff; margin-bottom:1em; margin-right:0em;}
.highlight .hll {background-color:#ffffcc}
.highlight .c {color:#60a0b0; font-style:italic}
.highlight .err {border:1px solid #FF0000}
.highlight .k {color:#007020; font-weight:bold}
.highlight .o {color:#666666}
.highlight .cm {color:#60a0b0; font-style:italic}
.highlight .cp {color:#007020}
.highlight .c1 {color:#60a0b0; font-style:italic}
.highlight .cs {color:#60a0b0; background-color:#fff0f0}
.highlight .gd {color:#A00000}
.highlight .ge {font-style:italic}
.highlight .gr {color:#FF0000}
.highlight .gh {color:#000080; font-weight:bold}
.highlight .gi {color:#00A000}
.highlight .go {color:#808080}
.highlight .gp {color:#c65d09; font-weight:bold}
.highlight .gs {font-weight:bold }
.highlight .gu {color:#800080; font-weight:bold}
.highlight .gt {color:#0040D0}
.highlight .kc {color:#007020; font-weight:bold}
.highlight .kd {color:#007020; font-weight:bold}
.highlight .kn {color:#007020; font-weight:bold}
.highlight .kp {color:#007020}
.highlight .kr {color:#007020; font-weight:bold}
.highlight .kt {color:#902000}
.highlight .m {color:#40a070}
.highlight .s {color:#4070a0}
.highlight .na {color:#4070a0}
.highlight .nb {color:#007020}
.highlight .nc {color:#0e84b5; font-weight:bold}
.highlight .no {color:#60add5}
.highlight .nd {color:#555555; font-weight:bold}
.highlight .ni {color:#d55537; font-weight:bold}
.highlight .ne {color:#007020}
.highlight .nf {color:#06287e}
.highlight .nl {color:#002070; font-weight:bold}
.highlight .nn {color:#0e84b5; font-weight:bold}
.highlight .nt {color:#062873; font-weight:bold}
.highlight .nv {color:#bb60d5}
.highlight .ow {color:#007020; font-weight:bold}
.highlight .w {color:#bbbbbb}
.highlight .mf {color:#40a070}
.highlight .mh {color:#40a070}
.highlight .mi {color:#40a070}
.highlight .mo {color:#40a070}
.highlight .sb {color:#4070a0}
.highlight .sc {color:#4070a0}
.highlight .sd {color:#4070a0; font-style:italic}
.highlight .s2 {color:#4070a0}
.highlight .se {color:#4070a0; font-weight:bold}
.highlight .sh {color:#4070a0}
.highlight .si {color:#70a0d0; font-style:italic}
.highlight .sx {color:#c65d09}
.highlight .sr {color:#235388}
.highlight .s1 {color:#4070a0}
.highlight .ss {color:#517918}
.highlight .bp {color:#007020}
.highlight .vc {color:#bb60d5}
.highlight .vg {color:#bb60d5}
.highlight .vi {color:#bb60d5}
.highlight .il {color:#40a070}