@charset "utf-8";
/* 各種インフォメーションのウェブページのCSS */

/* ==========================
    メインビジュアル
========================== */
a {
  color: #00AFE7;
  text-decoration: underline;
}
#visual {
  position: relative;
  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/top/header-info.jpg)  0 0 no-repeat;
  text-indent:-9999px;
}

#visual p {
  position: absolute;
  top:60px;
  left:1px;
  width:300px;
  padding:10px 20px;
  color:#fff;
  font-size:24px;
}

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

/* ==========================
    メインエリア
========================== */
/* ---------- 見出し */
#main h2.sh {
  margin:10px 0 20px 0;
  font-size:152%;
  padding-left: 15px;
  border-left:5px solid #00AFE7;
  color:#333;
}

#main h2 {
  margin:30px 0 10px 0;
  font-size:122%;
  color:#00AFE7;
}

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

/* ==========================
    個別記事
========================== */
#main .entry-content {
  margin:0 20px;
}

/* ==========================
    サイド
========================== */
p.banner {
  margin-left:20px;
}
#side ul {
  margin:20px 0;
  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 {
  padding-bottom:20px;
}