@charset "utf-8";
/* 会社情報のCSS */
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/corporate/header-corporate.jpg)  0 0 no-repeat;
  text-indent:-9999px;
}
/* ==========================
		トップページ
========================== */
#catch  {
  margin:30px 30px 0 30px;
}
#catch h2 {
  margin-bottom:20px;
}
#catch img {
  float: right;
  vertical-align: baseline;
}
#catch .text{
  float: left;
  margin-top:10px;
  width: 350px;
}
#catch p{
  margin-bottom:1em;
}

/* ---------- ボックス */
#main #contents-box {
  width:660px;
  margin:0 20px 30px 20px;
}
#main #contents-box .box {
  float: left;
  width:200px;
  margin:0 10px 20px 10px;
  background:#eee;
}
#main #contents-box a {
  color: #333;
  text-decoration:none;
}
#main #contents-box a:hover {
  color: #00AFE7;
}
#main #contents-box h3 {
  font-size:16px;
  margin:8px;
}
#main #contents-box a:hover h3{
  color: #00AFE7;
}
#main #contents-box img {
  float: left;
  width:70px;
  height:70px;
  margin:0 5px 5px 8px;
}
#main #contents-box p{
  font-size:11px;
  margin:0 px 8px 0;
}


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

/* ---------- 見出し */
#contents .section h2 {
  margin:10px 0 0 0;
  font-size:152%;
  padding-left: 15px;
  border-left:5px solid #00AFE7;
}

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

/* ==========================
    個別記事
========================== */
/* ---------- セクション */
#contents .entry-body {
  padding:0 30px;
}
/* ---------- 見出し */
#contents .entry-body h3 {
  margin:40px 0 20px 0;
  padding-bottom: 5px;
  border-bottom:1px solid #ddd;
  color:#00AFE7;
  font-family: "GothicMBM";
  font-size:152%;
}

#contents .entry-body h4 {
  margin:20px 0 10px 0;
  color:#333;
  font-family: "GothicMBM";
  font-size:122%;
  padding-left:20px;
  background:url(../img/common/arrow_a.gif)  center left no-repeat;
}

#contents .section p,
#contents .entry-body p {
  margin-bottom:1em;
}

#contents table {
  width: 640px;
}
#contents table th,
#contents table td {
  padding:0.3em;
  border: solid 1px #eee;
}
#contents table th {
  white-space: nowrap;
  vertical-align: top;
  font-weight:normal;
}

ul.square2 li{
  padding-left:20px;
  margin-bottom:1em;
  background:url(../img/common/arrow_b.gif)  center left no-repeat;
}

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