body {
  background: #e7e7e7;
  color: #333333;
  font-size: 100%;
}

a:link {
  color: #0000ff;
  text-decoration: underline;
}
a:visited {
  color: #0000ff;
  text-decoration: underline;
}
a:hover {
  color: #287df1;
  text-decoration: underline;
}

#wrapper {
  background: #f8f8f8;
  width: 850px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  background: #ffffff;
  min-height: 80px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-bottom: solid 5px #107bed;
}

#footer {
  clear: both;
  background: #ffffff;
  height: 25px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-top: solid 5px #107bed;
  text-align: right;
}

.copyright {
  float: right;
}

#header a:hover {
  text-decoration: none;
}
#header a:link {
  text-decoration: none;
}
#header a:visited {
  text-decoration: none;
}

#main {
  margin-top: 10px;
  width: 850px;
  background: #f8f8f8;
}
#contents {
  float: left;
  width: 480px;
  padding-right: 10px;
  background: #ffffff;
  border-right: 2px solid #dddddd;
}
#menu {
  float: right;
  width: 340px;
  background: #f8f8f8;
  min-height: 500px;
  padding-top: 2px;
  margin-right: 4px;
}

h3.article-list-title {
  font-weight: bold;
}
h3.related-columns {
  font-weight: bold;
}
h3.category-list {
  font-weight: bold;
}

h1 {
  color: #117aee;
  font-size: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.description {
  font-size: 85%;
}

h2 {
  border-bottom:1px solid #CCCCCC;
  border-left:5px solid #117AEE;
  padding-bottom: 2px;
  margin-top: 13px;
  margin-bottom: 10px;
  padding:0 0 0 10px;
  font-weight: bold;
  font-size: 110%;
}

h3.topic {
  border-bottom:1px solid #CCCCCC;
  border-left:5px solid #a8a8a8;
  padding-bottom: 2px;
  margin-left: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding:0 0 0 10px;
  font-weight: bold;
  font-size: 105%;
}

.article {
  padding-left: 10px;
}

.article-body {
  font-weight: normal;
  color: #333333;
  line-height: 1.5em;
  font-size: 95%;
}

.feed {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 75%;
}

.link_unit {
  text-align: center;
  width: 490px;
  background: #dddddd;
}

.idt {
  font-size: 90%;
  color: black;
  color: #686868;
}

.menu .ads_rectangle336x280 {
  padding: 0px;
  background: #f8f8f8;
}
.article-body .ads_rectangle336x280 {
  padding-left: 30px;
  background: #ffffff;
  text-align: left;
}
.ads_rectangle336x280_top {
  padding-left: 15px;
  background: #ffffff;
  text-align: left;
}

.ads_rectangle160x600 {
  padding: 0px;
  background: #f8f8f8;
}

div.menu-box {
  margin-bottom: 10px;
  margin-right: 15px;
  border: 1px solid #b9b9b9;
  background: #f8f8f8;
}
div.menu-box .head {
  color: #ffffff;
  background: #777777;
  padding: 3px;
  padding-left: 10px;
  text-align: left;
}
div.menu-box .main {
  padding: 3px;
  background: #ffffff;
}
div.menu-box span.description {
  padding-left: 3px;
  font-size: 90%;
}

.category-list li.current {
  font-weight: bold;
  font-size: 110%;
}
.category-list .description {
  font-weight: normal;
  font-size: 100%;
}

.main li {
  padding-left: 20px;
  background: url(/images/simple_white/list_mark_green.png) no-repeat 0 1px;
}
.main li.current {
  font-weight: bold;
  padding-left: 20px;
  background: url(/images/simple_white/list_mark_red.png) no-repeat 0 1px;
}

/**
 * Googleカスタム検索
 */
.search-box {
  width: 220px;
  font-size: 14px;
}
.search-box input[type=submit] {
  font-size: 14px;
  width: 50px;
  height: 28px;
  padding: 2px;
}
.search-box input.query {
  width: 150px;
  height: 20px;
  font-size: 16px;
}
/* amazon */
.amazon-affiliate-left {
  text-align: left;
}
.amazon-affiliate-center {
  text-align: center;
}
.amazon-affiliate-right {
  text-align: right;
}
.amazon-side {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

/* 記事の関連ワード */
#contents .article-keywords {
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 100%;
  border: 1px dashed #999999;
  padding: 3px;
}

#contents .article-keywords h3 {
  font-weight: bold;
  background: #ffffff;
  border: 0px;
  padding: 3px;
  margin: 0px;
}
#contents .article-keywords li {
  display: inline;
  padding: 3px;
}

#contents .related_links {
  padding-left: 10px;
  text-align: left;
}
#contents .related_links li {
  padding: 3px;
}

.clear {
  clear: both;
}
/* 記事中の共有ボタン */
.article .share_area {
  display: block;
  padding-bottom: 2px;  
}
.article .share_button {
  float: right;
  padding: 0px;
}
/* メニュー(サイドバー)の共有ボタン */
#menu .share_area {
  margin-top: 5px;
}

#menu .share_button {
  display: block;
  padding-bottom: 2px;  
}

/* 著者プロフィール */
#menu .profile {
  display: block;
  padding-bottom: 3px;
}
#menu .contents_policy {
  display: block;
  padding-bottom: 3px;
}


.article-body div.paginate {
  padding: 10px 3px 10px 3px;
  margin-top; 5px;  
  margin-bottom; 10px;  
}