#afi{
border-top:1px solid black;
}

* {
box-sizing:border-box ;
-moz-box-sizing:border-box ;
}

.nanbulog-headline{
vertical-align: top; 
width:100%;
margin:0em auto 0em auto;
padding:0em;
background-color:#000000;
color:#BBB;
font-size:0.1em;
text-align:center;
}
body{
background-color:#EEFFE3;
text-align : center ;
padding : 0 2.5%;

}
.nanbulog-titlestack{
vertical-align: top; 
width:85%;
margin:-2em auto 2em auto;
padding:0em;
background-color:#8C9;
color:#FFF;
text-align:left;
border-bottom: solid 0.2em #CDC;
 -moz-box-sizing:border-box; box-sizing:border-box;
}
.nanbulog-titlestackbox{
}
.nanbulog-origbox{
}

h1{
text-align : left ;
font-size:1.5em;
color:#FFE;
font-weight: bold;
margin-top:0em;
  width:100%;
  background-image: url(green2.jpg);
  background-position: bottom;
  background-color: #8D8;
  background-repeat: no-repeat;
  padding:0.7em 1em 1em 10%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0em;
  border: solid 0.1em #CFD;
 -moz-box-sizing:border-box; box-sizing:border-box;
}
h1 a{
color:#FEE;
font-weight: bold;
}
.hatena-body{
  font-size:80%;
  border: solid 0.1em #449127;
  margin-left:auto;
  margin-right:auto;
  background-color: #FFFFFF ;
  -moz-box-sizing:border-box; box-sizing:border-box;
  color:#ddd;
  width:100%;
} 
.hatena-body::after { content:"."; visibility: hidden; display:block; clear:both; }

.main{
width:70%;
text-align : left;
  float:left;
font-size:0.85em;
  margin-left:auto;
  margin-right:auto;
  padding:0.5em;
  -moz-box-sizing:border-box; box-sizing:border-box; 
  color: #644;
}
.day{
  background-color:#FFF;
  margin-bottom:3em;
}

p .article_string{
  padding:2em;
}

h3{
  border-left: solid 1em #C3D20C;
  margin:0.5em;
  padding-left:0.5em;
  color:#2f7;
  font-weight:bold;
  font-size:1.25em;
  font-color:#000000;
  text-align: left;
  padding-right:0.7em;
  border-bottom:1px;
}


.section{
  margin-left:1em;
  border-bottom: solid 1px #C3D20C;
}

.comment{
  padding:0.5em;
  margin-left:1em;
  border-left: solid 1em #C3D20C;
}

.commentshort{
margin-left:2em;
margin-right:0.5em;
}

.refererlist{
  padding:0.5em;
  margin-left:1em;
  border-left: solid 1em #C3D20C;
}

.refererlist ul{
margin-left:2em;
margin-right:0.5em;
}

.sidebar{
  width:25%;
  margin-bottom:3em;
  float:right;
  font-size:80%;
  margin-right:1em;
  padding:0.5em;
  text-align: center;
}


.hatena-module{
  border: solid 0.1em #449127;
  margin-left:1em;
  margin-bottom:3em;
  width:100%;
  font-size:80%;
  background-color: #FFF;
  text-align: center;
}

.hatena-moduletitle{
  border: solid 0em #FDA;
  border-right: groove 2em #C3D20C;
  border-left: ridge 2em #C3D20C;
  background-color: #4A3;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:1em;
  margin-top:0em;
  color:#fff;
  font-weight:bold;
  text-align: center;
  padding-right:0.7em;
}

.hatena-modulebody{
  text-align:left;
  padding-left:1em;
}

div.footnote{
 clear:left;
}
address{
background-color:#efefef;
}
a {text-decoration:none;
color:green;}
a:hover{
color:orange;
border-bottom:1px
}
h1.a:hover{
color:#ffffff;
}

pre {
  padding: 1em;
  border: 1px solid #000;
  width: auto;
  _width: 90%;
  overflow: auto;
  _overflow: scroll;
  color: #000;
  background-color: #f6f6f6;
  font-family: 'MS Gothic', monospace;
}