@charset "utf-8";
/* ==========================
    メインビジュアル
========================== */
a {
  color: #00AFE7;
  text-decoration: underline;
}
#visual {
  height:200px;
  padding-bottom:1px;
  padding-left:1px;
  background:url(../img/common/dot-h.gif)  bottom repeat-x;
}
#visual a {
  display:block;
  width:940px;
  height:200px;
  background:url(../img/reuteri/header-reuteri.jpg)  0 0 no-repeat;
  text-indent:-9999px;
}

/* ==========================
     上部カテゴリーナビ
========================== */
#cat-navi {
  margin:0 1px;
  padding:0 9px 1px 9px;
  background:url(../img/common/dot-h.gif)  bottom repeat-x ;
}
#cat-navi li a{
  float:left;
  width:210px;
  height:60px;
  margin: 20px 10px;
  text-indent:-9999px;
}
#cat-navi li.cn-update a {
  background:url(../img/reuteri/cat-btn.gif)  0 0 no-repeat ;
}
#cat-navi li.cn-update a:hover {
  background:url(../img/reuteri/cat-btn.gif)  0 -60px no-repeat ;
}
#cat-navi li.cn-introduction a {
  background:url(../img/reuteri/cat-btn.gif)  -210px 0 no-repeat ;
}
#cat-navi li.cn-introduction a:hover {
  background:url(../img/reuteri/cat-btn.gif)  -210px -60px no-repeat ;
}
#cat-navi li.cn-learnprobiotics a {
  background:url(../img/reuteri/cat-btn.gif)  -420px 0 no-repeat;
}
#cat-navi li.cn-learnprobiotics a:hover {
  background:url(../img/reuteri/cat-btn.gif)  -420px -60px no-repeat;
}
#cat-navi li.cn-academy a {
  margin-right: 0;
  background:url(../img/reuteri/cat-btn.gif)  -630px 0 no-repeat ;
}
#cat-navi li.cn-academy a:hover {
  margin-right: 0;
  background:url(../img/reuteri/cat-btn.gif)  -630px -60px no-repeat ;
}


/* ==========================
    コンテンツ
========================== */
#contents {
  background:url(../img/common/dot-2col-b.gif)  1px 0 repeat-y;
}
#main {
  float: right;
  width:700px;
}
#side {
  float: left;
  width:240px;
}

/* ---------- 見出し */
body.main-index h2,
body.archive h2 {
  margin:10px 0 20px 0;
  font-size:152%;
  padding-left: 15px;
  border-left:5px solid #00AFE7;
}

/* ---------- セクション */
#contents .section {
  padding:20px 30px;
}
#contents .section.description {
  padding-top:0px;
}

/* ==========================
    記事のリスト
========================== */
#listing dl{
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #E5E5E5;
}
#listing dt .list-title a{
  font-family: "GothicMBM";
  font-size:107%;
  text-decoration: none;
}
#listing dt .list-date a{
  text-decoration: none;
}
#listing dt .list-date {
  margin-bottom:10px;
}

/* ==========================
    個別記事
========================== */
/* ---------- タイトル */
.headding {
  padding-left: 15px;
  margin-bottom:30px;
  border-left:5px solid #00AFE7;
}
h2.title {
  margin:10px 0;
  font-size:122%;
}
p.date {
  padding-top: 5px;
  border-top:1px solid #E5E5E5;
}

/* ---------- 記事 */
.entry-contents {
  padding: 0 20px;
}

#main table {
  width:640px;
  margin:10px 30px;
}
#main table td,
#main table th {
  padding:0.3em;
}
#main table th{
  white-space: nowrap;
  font-weight: normal;
  background:#999;
  border:1px solid #E5E5E5;
  color:#fff;
}
#main table td {
  border:1px solid #E5E5E5;
}
#main table tr.even td {
  background:#eee;
}
#main table a {
  text-decoration:none;
}
#main p.none {
  margin:10px 30px;
}

#graphic_area{text-align: center; margin: 0 auto;}



/* ---------- 関連記事等 */
#main .low-section {
  margin:30px;
}
#main .low-section.bunya,
#main .low-section .label {
  padding-left: 15px;
  border-left:5px solid #00AFE7;
}
#main .low-section .label {
  margin-bottom:10px;
}


#main .r-keywords li {
  display: inline;
  margin-right: 1em;
}

#section.NextEntryButton{}

#section.NextEntryButton a{text-decoration: none; bottom: 10px; float: right; font-family: GothicMBM; text-align: center; width: 150px; position: relative; right: 0px; color: black; text-shadow: 0px 0px 1px #7f7f7f; background-color: #cecece; margin: 20px; padding: 8px; border: solid 1px #8688aa; display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(silver));
	font-size: 11px; font-weight: bold;
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
	-webkit-box-shadow: 2px 2px 5px #000;}

/* ==========================
    サイドバー
========================== */
#side #side-inner {
  margin-top:20px;
}
/* ---------- 見出し */
#side h3 {
  margin-top:20px;
  margin-bottom:10px;
  padding:0 20px;
  font-size:107%;
}

/* 親 */
#side ul {
  margin-bottom:20px;
  padding:0 20px 20px 20px;
  background:url(../img/common/dot-h.gif)  bottom repeat-x;
}
#side ul li {
  margin:5px 0;
}
#side ul li a {
  padding-left:20px;
  background:url(../img/common/arrow_a.gif)  center left no-repeat;
  color:#333;
  text-decoration: none;
}
#side ul li a:hover {
  padding-left:20px;
  background:url(../img/common/arrow_a-hover.gif)  center left no-repeat;
  color:#00AFE7;
}

/* 子 */
#side ul ul {
  margin-bottom:20px;
  background:none;
  padding:0;
}
#side ul ul li a{
  background:url(../img/common/arrow_b.gif)  center left no-repeat;
}
#side ul ul li a:hover {
  background:url(../img/common/arrow_b.gif)  center left no-repeat;
}

/* 孫 */
#side ul ul ul {
  padding-left:20px;
  font-size:12px;
}

p.banner {
  margin-left:20px;
}