/* style.css */



#contents {
}



#contents h2 {
  position:relative;
  width:auto;
  height:85px;
  font-size:15px;
  text-indent:-999em;
  background:#06c url(img/head.jpg) no-repeat left top;
}
#contents h2 a {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
/*\*/
#contents h2 a {
  overflow:hidden;
}
/**/



/* article field */
#blog-article {
  position:relative;
  float:left;
  width:440px;
  margin:5px 0 0 0;
}

#blog-article h3 {
  height:60px;
  margin:5px 0 0 0;
  padding:30px 10px 0 70px;
  line-height:1.2;
  font-size:15px;
  color:#039;
  background:url(img/title.gif) no-repeat left top;
}
html>body #blog-article h3 {
  height:auto;
  min-height:30px;
}
#blog-article h3 a {
  color:#039;
}

#blog-article .article {
  display:inline-block;
}
#blog-article .article {
  position:relative;
  display:block;
  margin-bottom:5px;
  padding:0 10px 20px 20px;
  color:#666;
  background:url(img/border-article.gif) repeat-y left top;
  border-bottom:solid 1px #ccc;
}
#blog-article .article:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body #blog-article .article {
  display:inline-block;
}


#blog-article p.nodata {   /* no data */
  padding:20px 0;
  text-align:center;
}


#blog-article .article p.date {   /* date */
  margin:0 10px 15px 0;
  text-align:right;
  font-family:monospace;
  font-size:12px;
  color:#333;
}
#blog-article .article p.date a {
  margin-right:10px;
  font-family:Osaka,'MS UI Gothic','MS Gothic',monospace;
}

#blog-article .article p {
  margin:0 0 15px 0;
}
#blog-article .article p.image {   /* img */
  margin-bottom:10px;
  text-align:left;
}
#blog-article .article p.image img {
  border:solid 1px #999;
}


#blog-article .article ul#cateList {
  list-style-type:decimal;
  padding-left:20px;
}
#blog-article .article ul#cateList li {
}
#blog-article .article ul#cateList li a {
}
#blog-article .article ul#cateList li code {
  color:#333;
}


#blog-article .top {   /* back top */
  position:relative;
  width:100%;
  height:15px;
  margin-bottom:20px;
  line-height:15px;
  text-align:right;
  font-size:13px;
}
#blog-article .top a {
  padding:0 0 0 14px;
  background:url(img/icon-arrow.gif) no-repeat left center;
  color:#999;
}
/*\*/
#blog-article .top a {
  overflow:hidden;
}
/**/

#blog-article .time {
  text-align:right;
  color:#ccc;
}



/* blog side menu */
#blog-menu {
  position:relative;
  float:right;
  width:180px;
  margin:15px 0 0 0;
}

#blog-menu ul {
  list-style-type:none;
}
#blog-menu ul li {
  margin:0 0 15px 0;
}
#blog-menu ul li em {
  display:block;
  width:180px;
  height:26px;
  margin:0 0 10px 0;
  line-height:26px;
  text-indent:-999em;
  background:url(img/menu.gif) no-repeat left top;
}
#blog-menu ul li.category em {
  background-position:0 0;
}
#blog-menu ul li.entry em {
  background-position:0 -26px;
}
#blog-menu ul li.archive em {
  background-position:0 -52px;
}
#blog-menu ul li em a {
}
#blog-menu ul li ul {
  width:175px;
  margin:0 0 0 5px;
  line-height:1.2em;
}
#blog-menu ul li ul li {
  width:170px;
  margin:0 0 5px 0;
  padding:0 0 0 10px;
  background:url(/img/format/icon-arrow.gif) no-repeat 0 3px;
}
html>body #blog-menu ul li ul li {
  width:154px;
}
#blog-menu ul li ul li a {
  display:block;
  width:154px;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  white-space:pre-wrap;
  word-wrap:break-word;
}
#blog-menu ul li ul li a code {
  font-family:monospace;
  font-size:12px;
  color:#000;
}

#blog-menu .time {
  text-align:right;
  color:#ccc;
}



/* blog bottom navi */
#navi {
  position:relative;
  float:left;
  width:440px;
  height:15px;
  line-height:15px;
}
#navi a {
  position:absolute;
  top:0;
}
#navi a.prev {
  left:0;
}
#navi a.next {
  right:0;
}