/*=================================================================================================
 *  グローバルオブジェクト定義（外部参照不可）
 *  ※ページ内でユニークな要素のスタイル
 *  ※サイト内で共有
 *=================================================================================================*/

/*
 *  割付オブジェクト
 */
#base{
  /*
   *  ページの下地
   */
}
body > #base{
  height: auto;
}

#header-pane{
  /*
   *  ヘッダ領域
   */
}

#separator-pane{
  /*
   *  セパレータ
   */
}

#body-pane{
  /*
   *  本文領域
   */
  padding-top: 5px;

  vertical-align: top;
  text-align: left;
}

#menu-pane{
  /*
   *  メニュー領域
   */
  border-right:1px solid #cccccc !important;
  width: 150px !important;

  vertical-align: top;
  text-align: left;
}

#menu-contents{
  /*
   *  メニュー領域の内容
   */
  width: 150px !important;
}

/*
 *  2011-06-06 市民レポート（山田@cylinks）
 */

#menu-contents .report {
}

#menu-contents .report .report-photo {
  text-align: center;
}

#menu-contents .report .report-comment {
}

#menu-contents .report .report-link {
  text-align: right;
}

#menu-contents .report .report-link a {
  padding-left: 16px;
  background-image: url(images/pt_yellow.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

/*
 */

#contents-frame{
  vertical-align: top;
  text-align: left;
}

#title-pane{
  /*
   *  ページタイトル領域
   */
  vertical-align: top;
  text-align: left;
}

#topic-list{
  /*
   *  パンくずメニュー領域
   */
  padding: 5px;
  text-align: left;
  height: 20px;
}

#page-info{
  /*
   *  コンテンツ情報
   */
  height: 15px;
  line-height: 15px;
  text-align: right;
}

#print-link{
  /*
   *  印刷用ページへのリンク
   */
}

#contents-pane{
  /*
   *  コンテンツ領域
   */
  padding: 0px 5px 0px 5px;
  width: 100%;

  vertical-align: top;
  text-align: left;
}

#printable-pane{
  /*
   *  印刷可能領域
   */
  width: 100%;
}

#submenu-frame{
  /*
   *  サブメニュー領域
   */
  vertical-align: top;
  text-align: left;
}

#submenu-pane{
  /*
   *  サブメニュー領域
   */

/*  margin: 5px 5px 5px 0px; */
  margin:0px;
  border:1px solid #CCCCCC !important;
  width: 154px !important;
}

#submenu-contents{
  /*
   *  サブメニュー領域の内容
   */
  width: 154px !important;
}

#footer-pane{
  /*
   *  フッタ領域
   */
  clear: both;
  background-color: #ffffff;
}

/*
 *  共通ヘッダ
 */
#com-header{
  /*
   *  共通ヘッダの下地
   */
  position: relative;
  border-bottom:1px solid #CCCCCC;
  text-align: right;
  padding: 0px;
  margin: 0px;

  background-color: #ffffff;
  background-image: url(images/logo.gif);
  background-repeat: no-repeat;
  background-position: 5px center;
}

#com-header-logo-link{
  /*
   *  共通ヘッダ内のロゴ部分のリンク領域
   */
  margin-top:1px;
  float:left;
  backgruond-color:red;
  display:block;
  height:52px;
  width:170px;
}

#com-header-link{
  /*
   *  共通ヘッダ内のリンク領域
   */
  padding: 5px;
  text-align: right;
}

#com-header-search{
  /*
   *  共通ヘッダ内のキーワード検索フォーム
   */
  padding: 5px;
  text-align: right;
}

/*
 *  携帯サイト案内
 */
#mobile{
  /*
   *  携帯サイト案内の下地
   */
  text-align: center;
}

#mobile-desc{
  /*
   *  携帯サイト案内の説明文
   */
  padding: 3px 0px;
  color: #ffffff;
  background-color: #628DDF;
}

/*
 *  署名欄
 */
#signature{
  /*
   *  署名欄の下地
   */
  padding: 3px;
  text-align: center;
}

#signature-logo{
  /*
   *  ロゴマーク
   */
  height:45px;
  line-height:45px;
  font-weight: bold;

  padding-right: 35px;
  margin-right: 10px;
  background-image: url(images/mark.gif);
  background-repeat: no-repeat;
  background-position: right center;
}

#signature-location{
  /*
   *  所在地
   */
  text-align: left;
}

/*
 *  共通フッタ
 */
#footer-link{
  padding: 3px;
  height: 20px;
  line-height: 20px;

  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;

  background-color: #BFD1F2;
}

#footer-copyright{
  padding: 3px;
  height: 1em;
  line-height: 1em;
}