@charset "utf-8";

header, footer, article, aside, nav {
  display: block;
  margin: 0;
  padding: 0;
}

body {
  font-family:"Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  color: #222222;
  background-color: #ffffff;
  margin: 10px;
  padding: 0;
}

a {
  color: #025d8c;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #7f2222;
  height: 1px;
  clear: both;
  margin: 7px 0;
}

div#page {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 700px;
}

/*------------------------------
header#head
------------------------------*/

header#head {
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
  width: 700px;
}

header#head div.copy {
  color: #ffffff;
  background-color: #7f2222;
  padding: 10px;
  height: 60px;
  clear: both;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

header#head div.copy a {
  color: #ffffff;
}

header#head div.copy div.logo {
  font-size: 18pt;
  font-weight: bold;
}

header#head div.copy div.sub {
  font-size: 8pt;
}

/*------------------------------
div#main
------------------------------*/

div#main {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  width: 500px;
}

div#main nav.breadcrumb {
  margin: 0 0 10px 0;
  font-size: 8pt;
}

div#main nav.breadcrumb a.now {
  color: #222222;
  font-weight: bold;
}

div#main header.title,
div#main header.title h1 {
  font-size: 16pt;
  font-weight: bold;
  line-height: 19pt;
  margin: 0;
  padding: 0;
}

div#main header.title a,
div#main header.title h1 a {
  color: #222222;
}

div#main header.title div {
  font-size: 10pt;
  line-height: 13pt;
}

div#main div.content {
  font-size: 10pt;
  line-height: 13pt;
}

div#main div.content a:visited {
  color: #ad234b;
}

div#main div.content p.left {
  float: left;
  margin: 0 10px 10px 0;
}

div#main div.content p.right {
  float: right;
  margin: 0 0 10px 10px;
}

div#main div.content p.clear {
  clear: both;
}

div#main div.entrybody img {
  padding: 10px 10px;
  background-color: #000;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div#main div.content div.related {
  margin: 0 0 13px 0;
}

div#main div.content div.related div {
  margin: 4px 0 0 0;
}

div#main iframe {
  padding: 0 20px 0 0;
  float: left;
}

div#main div.keywords {
  font-size: 8pt;
}

div#main footer.link,
div#main nav.nextprev {
  font-size: 8pt;
}

div#main aside.trackback {
  font-size: 8pt;
}

div#main aside.comment {
  font-size: 8pt;
}

div#main aside.comment header {
  color: #ffffff;
  background-color: #7f2222;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div#main aside.comment div.commentHeader {
  font-size: 6pt;
}

div#main aside.comment div.commentBody {
  font-size: 8pt;
}

div#main aside.share {
  /* ZenBackWidget */
}

div#main aside.ad iframe {
  /* amazon ad */
}

div#main aside.ad div {
  /* google ad */
}

div#main.pagetype_home article.entry {
  margin-bottom: 30px;
}

/*------------------------------
aside#side
------------------------------*/

aside#side {
  float: left;
  margin: 0 0 10px 0;
  padding: 0;
  width: 190px;
  font-size: 8pt;
}

aside#side div.section_name {
  color: #ffffff;
  background-color: #7f2222;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

aside#side div.calendar,
aside#side div.twitter,
aside#side div.webpage_list,
aside#side div.link_list,
aside#side div.recent_list,
aside#side div.ranking_list {
  margin: 0 0 15px 0;
}

aside#side div.category_list {
  margin: 0 0 0px 0;
}

aside#side div.calendar div,
aside#side div.webpage_list div,
aside#side div.link_list div,
aside#side div.recent_list div,
aside#side div.ranking_list div {
  line-height: 11pt;
  margin: 0 0 8px 0;
}

aside#side div.category_list div {
  margin: 0 0 12px 0;
}

aside#side div.category_list ul,
aside#side div.category_list li {
  margin: 0 0 0 -10px;
}

/*------------------------------
footer#foot
------------------------------*/

footer#foot {
  float: left;
  margin: 0;
  padding: 0;
  width: 700px;
}

footer#foot div.copy {
  color: #ffffff;
  background-color: #7f2222;
  font-size: 8pt;
  margin-bottom: 10px;
  padding: 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

footer#foot div.copy a {
  color: #ffffff;
}

@media screen and (max-width: 500px) {
  div#page,
  header#head,
  div#main,
  aside#side,
  footer#foot {
    float: none;
    width: auto;
  }

  header#head div.copy {
    height: auto;
  }
}