@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/topics/header-topics.jpg)  0 0 no-repeat;
  text-indent:-9999px;
}

/* ==========================
    コンテンツ
========================== */
#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;
}

/* ==========================
    記事のリスト
========================== */
#listing dl {
  width:640px;
  border-bottom:1px solid #E5E5E5;
  padding-bottom:10px;
  margin-bottom:10px;
}
#listing dl dt {
  float:left;
  width:140px;
  clear:both;
  padding:5px;
  line-height:12px;
}
#listing dl dd {
  float:right;
  width:480px;
  padding:5px;
 /float:none;
 /margin-left:150px;
 /width:auto;
}
#listing dl dd img {
  float:left;
  width:70px;
  height:70px;
  margin-right:0.5em;
  margin-bottom:0.5em;
}
#listing dl dd p {
  color:#40C3ED;
}
#listing dl dt img {
  text-indent:-9999px;
  margin-right:5px;
}

#listing span.continue {
  font-size:11px;
}

/* ==========================
    個別記事
========================== */
/* ---------- タイトル */
.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 {
  font-family: "Arial", "Helvetica";
  font-size:12px;
  width:100%;
  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 {
  vertical-align:text-top;
  padding: 3px 8px;
  border:1px solid #E5E5E5;
}
#main table tr.even td {
  background:#eee;
}
#main table a {
  text-decoration:none;
}
#main p.none {
  margin:10px 30px;
}

/* ---------- 関連記事等 */
#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 .low-section.r-entry ul li{
	list-style-type: square;
	list-style-position: inside;
}

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

/* ==========================
    サイドバー
========================== */
/*  見出し */
#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;
}



h2 {font-weight: bold;}
h3 {font-size: 16px; margin: 1em 0 1em 0; font-weight: bold;}
h4 {font-size: 14px; margin: 1em 0 1em 0; font-weight: bold;}