@charset "utf-8"; 
/* TOPICS */

/* サブナビ無し用コンテンツエリア背景 */
#contents.nonsub {
  background: url(../images/nonsub_back.png) no-repeat left 29px;
}

/* コンテナ */
#container.topics {
  margin: 30px 0 0 40px;
  width: 694px;
}

/* イメージ写真用エリア */
#container.topics .left-area {
  float: left;
  width: 148px;
  text-align: center;
}

/* イメージ写真 */
#container.topics .left-area img {
  margin-left: 20px;
}

/* コンテンツ用エリア IE用 */
#container.topics .right-area-ie {
  float: right;
  width: 511px;
  /*padding: 0 20px 0 0;*/
}

/* コンテンツ用エリア */
#container.topics .right-area {
  padding: 0 20px 0 0;
}

/* コンテンツタイトル色 */
#container.topics .right-area h3 {
  color: #005dcf;
}

/* コンテンツ文章 */
#container.topics .right-area p {
  font-size: 93%;
  margin: 10px 0 20px 0;
}

/*  詳しくはこちらボタン用エリア  */
#container.topics .btn-area {
  float: left;
  width: 108px;
  height: 30px;
  background: url(../images/btn_syosai_on.png) no-repeat;
  margin-right: 30px;
}

/*  詳しくはこちらボタン：ロールオーバー用  */
#container.topics .btn-area a {
  display: block;
  width: 108px;
  height: 30px;
  background: url(../images/btn_syosai.png) no-repeat;
}

/*  詳しくはこちらボタン：ロールオーバー用  */
#container.topics .btn-area a:hover {
  background: none;
}

/*  詳しくはこちらボタン：ロールオーバー用  */
#container.topics .btn-area strong {
  display: none;
}

/*  PDF用エリア  */
#container.topics .pdf-area {
  font-size: 93%;
  /*float: left;
  width: 394px;*/
}

/*  PDFアイコン  */
#container.topics .pdf-area img {
  margin: 0 10px 0 0;
}

/*  PDFリンクテキスト  */  
#container.topics .pdf-area a {
  vertical-align: 0.5em;
}

/*  区切り線  */
#container.topics .line-694 {
  clear: both;
  padding: 20px 0;
}


/* ----------------------------------------
 * トピック単独記事用 topicYYYYMMDD.html
 * ---------------------------------------- */
/* 全てを囲むボックス #doc */
#doc-solo {
  margin: 0 auto;
  position: relative;
  width: 624px;
  line-height: 1.5;
  background: url(./images/topic_solo_bg.png) repeat-y;
}

/* ヘッダ #header */
#header-solo {
  padding: 32px 4px 0 4px;
  position: relative;
  /*height: 78px;
  _height: 110px;  /* for Win IE6 */
  overflow: hidden;
  background: url(./images/topic_solo_header_bg.png) no-repeat left top;
  text-align: left;
}

/* コンテンツエリア #contents */
#contents-solo {
  margin: 0 0 0 4px;
  text-align: left;
  background: url(./images/topic_solo_back.png) no-repeat left top;
}

/* フッタ #footer */
#footer-solo {
  padding: 9px 4px 0 4px;
  background: #e9ecf2 url(./images/topic_solo_footer_bg.png) no-repeat left top;
}
#footer-solo ul {
  margin-top: 5px;
  border-left: 1px solid #babdc2;
  float: left;
  line-height: 1;
  text-align: left;
}
#footer-solo ul li {
  padding: 0 5px;
  *padding: 0 5px 0 10px;  /* for Win IE */
  border-right: 1px solid #babdc2;
  display: inline;
  font-size: 85%;
  *font-size: 70%;
}
#footer-solo ul li a {
  color: #000;
  text-decoration: none;
}
#footer-solo address {
  padding: 4px 0 15px 0;
  float: right;
  display: block;
  font-size: 85%;
  font-weight: bold;
  text-align: right;
}

/* 記事 #comment */
.solo-comment {
  margin: 30px 50px 30px 50px;
}
.solo-comment h3 {
  color: #005dcf;
}
.solo-comment p {
  margin: 10px 0 10px 0;
}
.solo-comment table {
  font-size: 93%;
  margin: 10px 0 10px 30px;
}

/* 記事赤文字 #comment-red */
.solo-comment-red {
  color: #f63400;
  margin: 30px 50px 20px 50px;
}
.solo-comment-red p {
  font-size: 93%;
}

/* 閉じるボタン #close */
div.solo-close {
  margin: 20px 0 20px 280px;
  width: 60px;
  text-align: center;
}
div.solo-close ul.close li.close {
  width: 55px;
  height: 21px;
  background: url(../images/btn_close_on.png) no-repeat;
}
div.solo-close ul.close li.close a {
  width: 55px;
  height: 21px;
  display: block;
  background: url(../images/btn_close.png) no-repeat;
}
div.solo-close li a:hover {
  background-image: none!important;
}
div.solo-close li a strong {
  display: none;
}