/*=================================================================================================
 *  グローバルクラス定義（外部参照可）
 *  ※サイト内で共有
 *  ※異なるCSSと共存可能
 *
 *  2010-04-27 ファイル修正（山田）
 *
 *=================================================================================================*/

*{
  line-height:120%;
}

.karatsu-base{
  width: 850px;
  text-align: center;
  font-size: small;
  border-left:1px solid #999999;
  border-right:1px solid #999999;

  margin-left:auto;   /*  2010/2/5 追加*/
  margin-right:auto   /*  2010/2/5 追加*/;

}

.karatsu-base td,th{
  font-size: small;
}

.karatsu-base .yellow-marker{
  padding-left: 16px;
  background-image: url(images/pt_yellow.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

.karatsu-base .blue-marker{
  padding-left: 18px;
  background-image: url(images/pt_main_blue.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

.karatsu-base .print-marker{
  padding-left: 25px;
  background-image: url(images/pt_print.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

.karatsu-base .important{
  color: #CC0000;
  font-weight: bold;
  font-size: medium;
}

.karatsu-base .remove{
  display: none;
}

/*
 *  メニューリスト
 */
.karatsu-base ul.menu{
/*  margin: 5px 0px 0px 18px; 20100205 org */
/*  list-style-image: url(images/pt_yellow.gif); */

  margin: 5px 0px 0px 0px;
  padding:0px;

}

.karatsu-base ul.menu li{
  margin: 0px 0px 6px 0px;
  padding-left:15px;
  list-style-type:none;
  background: url(images/pt_yellow.gif) no-repeat 0px 2px;;

}

/*
 *  メニュー項目
 */
.karatsu-base span.menu-item{
  display: list-item;
  list-style-image: url(images/pt_yellow.gif);
  list-style-position: outside;
  padding:0px;
  margin: 0px 0px 0px 20px;
}

/*
 *  記事インデックス
 */
.karatsu-base ul.index{
  margin: 5px 0px 0px 18px;
  list-style-image: url(images/pt_main_blue.gif);
}

.karatsu-base ul.index li{
  margin: 0px 0px 5px 0px;
}

.karatsu-base span.index-item{
  display: list-item;
  list-style-image: url(images/pt_main_blue.gif);
  list-style-position: outside;
  padding:0px;
  margin: 0px 0px 0px 20px;
}

/*
 *  セパレータ
 */
.karatsu-base div.separator{
  height: 10px;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;

  background-color: #5A7BC9;
}

.karatsu-base div.separator span{
  height: 100%;
}

/*
 *  本文領域レイアウト
 *  ※左右メニューの高さ調整が必要なのでテーブルを使用する
 */
.karatsu-base table.body-layout{
  padding: 0px;
  margin: 0px;
  width: 100%;

  background-color: #ffffff;
}

.karatsu-base table.body-layout td{
  padding: 0px;
  margin: 0px;
/*
  vertical-align: top;
  text-align: left;
*/
}

.karatsu-base table.body-layout .side-menu{
}

.karatsu-base table.body-layout .side-menu .section{
  /*
   *  セクションタイトル
   */
  height: 24px;
  line-height: 24px;
  padding: 2px;
  background-color: #999999;
  color: #FFFFFF;
  font-weight: bold;
}

.karatsu-base table.body-layout .side-menu .items{
  padding: 2px 2px 5px 2px;
}

.karatsu-base table.body-layout .side-menu .list{
  text-align: right;
  margin: 3px 2px 0px 0px;
}

/*
 *  ページタイトル
 */
.karatsu-base .page-title{
  /*
   *  ページタイトル（外枠）
   */
  margin-bottom: 3px;
  border-top:1px dotted #CCCCCC;
  border-bottom:1px dotted #CCCCCC;
  position: relative;
  text-align: left;
}

.karatsu-base .page-title div.inner{
  /*
   *  ページタイトル（内容）
   */
  padding: 10px;
//  height: 1em;
  height: auto;
  font-size: x-large;
  font-weight: bold;

  background-color: #D2DFF7;
}


/* 分類別記事一覧リスト */
ul.article_list{
  padding:0px;
  margin:0px;
  margin-left:6px;
  list-style-type: none;
}


ul.article_list li{
  padding:0px;
  margin-top:4px;
  padding-left:12px;
  background:url('images/ico_li.gif') no-repeat left 0.4em;
}

/*
 * 2010-04-27 バナー広告関連追加（山田）
 */

.xad-banner {
}

.xad-banner img {
  width: 150px;
  height: 60px;
  border-style: none;
  margin-left: auto;
  margin-right: auto;
}

.xad-banner table {
  width: 100%;
  border-collapse: collapse;
}

.xad-banner td {
  text-align: center;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
