@charset "UTF-8";

.paginate {
   text-align: center;
}

.red {
    color: #e50003;
}
.blue {
    color: blue;
}

.center {
    text-align: center;
}

.center img{
 margin-right:auto;
 margin-left:auto;
}


/* favicon */
.favicon {
    vertical-align:middle;
}

.small {
  font-size: 85%;
}

.scode {
    vertical-align: top;
}

#scode {
    margin-left: 5px;
}

.box24{
  width: 450px;/*全体の幅*/
  font-size: 90%; /*文字サイズ*/
  }
.box24 dt{/*タイトル部分の設定*/
  color: #FFFFFF;/*文字色*/
  background-color: #6A6A6C;/*背景色*/
  font-family: Arial,sans-serif,sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  width: 230px;/*タイトルの幅*/
  padding: 2px 1em 2px 1.5em;
  background-image: url("http://hakuro.info/img/024_gray.gif");
  background-repeat: no-repeat;
  }
.box24 dd{/*内容部分*/
  color: #313132;/*文字色*/
  margin: 0;
  padding: 0;
  border: solid 1px #6A6A6E;/*枠色*/
  }
.box24 dd .textb24{
  padding: 1.2em 0.9em;/*テキスト部分の余白*/
  border-top: solid 4px #DADADC;
  border-bottom: solid 4px #DADADC;
  }

.mid{/*右上のヤツ*/
  position : absolute;
  top : 10px;
  left : 300px;
  width : 280px;
  height : 40px;
  text-align : center;
  font-size : 80%; 
  font-family : Arial,sans-serif;
}
.link1{
  font-family : Arial,sans-serif;
  line-height : 120%;
  border-left : 3px solid #964343;/*リンク左側の縦線*/
  padding : 5px 10px 5px 4px;
  list-style-type: none;
}

.link1 li {
  margin : 2px ;
  padding : 2px;
  list-style-type: none;
  list-style-position: inside
}

.line1{
  font-size : 80%; 
  width : 100px;
  height : 3px;
  background-color : #964343;/*横棒*/
}
.link2{
  font-family : Arial,sans-serif;
  line-height : 120%;
  border-left : 3px solid #434396;
  padding : 5px 10px 5px 4px;
  list-style-type: none;
}
.line2{
  font-size : 80%;
  width : 30px;
  height : 3px;
  background-color : #434396;
}
.link3{
  font-family : Arial,sans-serif;
  line-height : 120%;
  border-left : 3px solid #439643;
  padding : 5px 10px 5px 4px;
  list-style-type: none;
}
.line3{
  font-size : 80%;
  width : 140px;
  height : 3px;
  background-color : #439643;
}

.link2 li {
  margin : 2px;
  padding : 2px;
  list-style-type: none;
}

.link3 li {
  margin : 2px;
  padding : 2px;
  list-style-type: none;
}

p.letter:first-letter {
   font-size: 200%;
   color: white;
   background-color: #cc0000;
   padding: 1px;
}
.ctable {
      text-align: center;     /* IEでtableをセンタリングさせる設定 */
}

.ctable table { 
      margin:auto;           /* tableをセンタリングさせる設定 */
      text-align: left;      /* IE用方法のtableセンタリング時の弊害対策用設定 */
}

.ctable caption { 
      margin:auto;           /* captionをセンタリングさせる設定 */
      text-align: center;
}

.fl p{
	margin:12px;
	}

.fl img{
	float:left;
	margin:12px
	}



.r {
  text-align: right;
}

.r p {
  text-align: right;
}

h4 {
  font-weight: bold;
}

h5 {
  font-weight: bold;
  font-size : 120%;
}

.list-alpha {
  list-style-type: upper-alpha;
}

.list-alpha li {
  display: inline;
  padding:0px 10px;  /* リストの左右の間の間隔 */
  list-style-type: upper-alpha;
}

tr.oddline {
  background-color:#efefef;
}

div.comment img,
div.trackback img {
  border :  none ;
  float :  left ;  /* <q cite="http://www.w3.org/TR/REC-CSS2/visuren.html#floats" title="Visual formatting model - 9.5 Floats">A floated box must have an explicit width (assigned via the 'width' property, or its intrinsic width in the case of replaced elements).</q>なので、 img 要素に float プロパティを指定する場合は width プロパティの指定は不要 */
  margin-bottom :  1.5em ;  /* img 要素の方にも margin-bottom で余裕を持っておかないと、コメントやトラックバックの概要が短いときに、その下のコメントやトラックバックとの隙間が無くなる */
  }
div.comment dt,
div.trackback-body dt {
  clear :  left ;
  margin-top :  1.5em ;
  }

.no-float { clear: both; }

.right { text-align: right; }

.right p { text-align: right; }

.webclap dt {
  font-weight: normal;
  border-width: 0 0 1px 0;
  border-bottom-style: none;
  text-align: center;
}

.webclap dl dd {
  text-align: center;
}

.mailform_result dt {
  font-weight: normal;
  border-width: 0 0 1px 0;
  border-bottom-style: none;
}



.copyright {
	padding: 10px 0 0 0;
}




.copyright p {
	text-align:center;
                font-style: italic;
	border-top: 3px dotted silver;
	border-bottom: 3px dotted silver;
	border-left: 3px dotted silver;
	border-right: 3px dotted silver;
}

.entry-more-text {
    display : none;
}

.counter dl {
  margin: 0 0 0 1em;
}

.counter dt {
  font-weight: normal;
  border-width: 0 0 1px 0;
  border-bottom-style: dotted;
}

.counter dd {
  margin-left: 1em;
  font-size: 95%;
  margin-bottom: 0em;
}

.roundrobin_eve {
    background-color: #efefef;
}
.roundrobin_odd {
    background-color: #fafafa;
}

.moretrackback {
  list-style-type: none;
}

.moretrackback-list {
  list-style-type: none;
}

input#Atom {
   width : 20em; 
   max-width : 100%; 
   display : block; 
} 

input#RSS1 {
   width : 20em; 
   max-width : 100%; 
   display : block; 
} 

input#RSS2 {
   width : 20em; 
   max-width : 100%; 
   display : block; 
} 

.comment-trackback-nav {
  text-align:right;
  font-size: 90%;
  list-style:none;
  padding: 0 0 10px 0;
}

ul.comment-trackback-nav {
  display: inline;
  text-align:right!important;
}

/* TypeKey image */
.typekey {
 background: url(http://hakuro.info/img/typekey-logo_mini2.gif) no-repeat;
 padding: 15px 5px 10px 90px;
}

.topentrylist{
 font-size: 85%;
  padding: 0 0 10px 0;
}

.contents a{
  text-decoration: underline;
}

.feedburner{
display: none;
}

.home img {
  margin: 0 0 0.3em 0;
}

ul.bookmarkinfo {
  text-align: right;
  font-size: 90%;
}

ul.bookmarkinfo li {
  padding: 0.2em 0 0 0;
  margin: 0 0.2em;
}

.bookmark dt {
  font-weight: bold;
  border-width: 0 0 1px 0;
  border-style: dotted;
  margin: 2em 0 0 0;
}

.bookmark dt a {
  text-decoration: none;
}

.bookmark dt a:hover {
  text-decoration: underline;
}

.bookmark dd {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1em;
  font-size: 95%;
}