/* ----------------------------------------- */
/* 全般の書式設定                            */
/* ----------------------------------------- */
/* コンテンツ用（一時） */

body { }

#contents { }

/* リンク */
A { color: #0083B7; text-decoration:underline; }
A:hover { color:#ff3333; text-decoration:none; }

.clear { clear:both; } /* 書式クリア */

/* ----------------------------------------- */
/* 管理ページの書式設定                      */
/* ----------------------------------------- */

body#edit { /* 管理ページ用Body */
  font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  color:#666; font-size:13px;
  background-color:#fff;
}
/* リンク */
#edit A { color: #006699; text-decoration:underline; }
#edit A:hover { color:#ff3333; text-decoration:none; }

/* コピーライト */
#edit address { font-size:11px; color:#eee; }

/* コピーライト */
.copyright{ font-size:9px;font-family:Verdana; color:#999; text-align:center; }

h1.edit-title { /* タイトル */
  font-size:26px;
  margin:20px 0 8px 0;
}

h2.edit-title2 { /* 編集画面タイトル */
  font-size:18px;
  color:#2C5C72; letter-spacing:2px;
  padding:2px 2px 2px 48px; margin:0px 0px 0px 24px;
  background: url(material/edit-icon-editor.gif) no-repeat 0% 2%;
  text-align:left;
}

/* 管理画面用ナビゲーション ////// */
#edit-navi { width:600px; height:45px; text-align:center; margin:16px auto 0px auto; }
#edit-navi ul { margin:0px; padding:0px; }
#edit-navi li {
  list-style-type:none;
  float:left; margin:0px 0px 0px 16px; padding-left:48px; height:30px;
}
#edit-navi .editor { background: url(material/edit-icon-editor.gif) no-repeat 4% 0%; }
#edit-navi .admin  { background: url(material/edit-icon-admin.gif) no-repeat 4% 0%; }
#edit-navi .pages  { background: url(material/edit-icon-page.gif) no-repeat 4% 0%; }

/* ログイン画面 /////// */
.login {  
  width:300px; height:185px;
  margin-top:15px;
  color:#fff;
  text-align:left;
  background: #1b71aa url(material/login-pop.gif) no-repeat top left;
/*  padding:35px 35px 20px 35px; */
}
#admin { background: #1b71aa url(material/login-pop-admin.gif) no-repeat top left; }

.login h2 { font-size: 20px; padding:35px 0px 0px 35px; } /* タイトル */
.login-pass { font-weight:bold; margin-left:45px; }
.login-btn { margin:30px 0px 0px 155px; } /* 認証ボタン */


/* 新規作成用ボタン /////// */
#new-entry { 
  font-size:16px;
  font-weight:bold;
  letter-spacing:3px;
}
#new-entry A { background-color:#ffeeee; border:1px solid #ff0000;
               color:#0083B7; text-decoration:none; padding: 4px 30px 4px 30px; }
#new-entry A:hover { background-color:#ff4500; color:#fff; }


/* その他 */
.cont{ font-size:9pt; margin-left:6px; } 


/* タグ作成用フォーム /////// */
.tag-form { 
  margin:0px; padding:0px;
}
.spc { } /* WYSIWYG用スペース（ダミー） */

/* ----------------------------------------- */
/* テーブル装飾                              */
/* ----------------------------------------- */

table.cont1 { /* ライン付きテーブルコンテンツ(table) */
  margin:0px;
  border: 1px solid #777; 
  border-collapse: collapse; 
}

td.cont1 { /* ライン付きテーブルコンテンツ (１) */
  font-size: 13px;
  border: 1px solid #AEBEC9; 
  padding:5px;
  background-color:#f0faff;
  line-height:135%;
  vertical-align:top;
}

td.cont2 { /* ライン付きテーブルコンテンツ (２) */
  font-size: 13px;
  border: 1px solid #AEBEC9; 
  padding:5px;
  background-color:#f9fdff;
  line-height:135%;
}

.cal { /* カレンダー(table) */
  padding:0px; margin:0px;
  background-color: #FFEECC;
  border-top:1px solid #FCF7EB;
  border-bottom:1px solid #DACFBD;
}

div.cal { /* カレンダータイトル */
  padding:2px;
  font-size:13px;
  letter-spacing:4px;
  text-align:center;
  color: #663300;
}

.calt1 { /* カレンダーテキスト */
  font-size:13px;
  text-align:center;
}

/* ----------------------------------- */
/* 管理ページ用の書式設定              */
/* ----------------------------------- */

/* ボタン設定【ミディアムポップ ver】 */
input.sty1 { /* ブルー */
  font-size:14px; font-weight:bold; color:#eeffef; letter-spacing:1px;
  height:24px; margin-top:1px; padding:2px 4px 2px 4px;
  background:#6297A4; border:1px solid #cddee2;
  border-right:1px solid #426871; border-bottom:1px solid #426871;
}
input.fst1 { /* オレンジ */
  font-size:14px; font-weight:bold; color:#ffc3b2; letter-spacing:1px;
  height:24px; margin-top:1px; padding:2px 4px 2px 4px;
  background:#C15D3E; border:1px solid #ffc3b2;
  border-right:1px solid #9c441e; border-bottom:1px solid #9c441e;
}

input.sty1g { /* グリーン */
  font-size:14px; font-weight:bold; color:#eeffef; letter-spacing:1px;
  height:24px; margin-top:1px; padding:2px 4px 2px 4px;
  background:#66A95A; border:1px solid #cddee2;
  border-right:1px solid #426871; border-bottom:1px solid #426871;
}

/* 入力フィールド１ */
input.sty2{
  font-size:14px; margin-top:1px; padding-left:3px;
  border-top: none; border-right: none; border-left: none;
  border-bottom: 1px solid #666666; background-color: #D9EDF7;
}
input.fst2{
  font-size:14px; margin-top:1px; padding-left:3px;
  border-top: none; border-right: none; border-left: none;
  border-bottom: 1px solid #666666; background-color: #fde4dd;
}

/* 入力フィールド２(右寄せ半角用) */
input.sty3{
  font-size:14px; margin-top:1px;
  border-top: none; border-right: none; border-left: none;
  border-bottom: 1px solid #666666; background-color: #D9EDF7;
  text-align: right; ime-mode: inactive;
}
input.fst3{
  font-size:14px; margin-top:1px;
  border-top: none; border-right: none; border-left: none;
  border-bottom: 1px solid #666666; background-color: #fde4dd;
  text-align: right; ime-mode: inactive;
}

/* テキストエリア入力フィールド */
textarea.sty4{ border: 1px solid #666666; }

/* マスタ管理システム用 */
td.sys1{font-size: 11pt; background-color: #666666; color: #ffffff;}
td.sys2{font-size: 11pt; background-color: #ffffff;}

/* 枠装飾システム用 */
.box1{
  border: solid 1px #666666;
}
.box2{
  font-weight: bold; font-size: 12pt;
  border: solid 1px;
  border-color: #ffffff #999999 #999999 #ffffff;
  padding: 2px 1px 1px 1px; background-color: #dddddd;
}
.box3{
  border: solid 1px;
  border-color: #999999 #ffffff #ffffff #999999;
  margin-top: 2px;
}
.box4{
  font-weight: normal; font-size: 11pt;
  border: solid 1px #666666;
  padding: 4px; background-color: #ffffff;
}


/* ページ  */
.pg A {
  padding-left:3px; padding-right:2px;
}
.pg A:hover {
  color:#ffc3b2; background-color:#C15D3E;
}
.pg_sel { /* 選択時 */
  padding-left:3px; padding-right:2px;
  background-color:#365E74;
  color:#fff;
}


/* ----------------------------------------- */
/* リスト（ul）の書式設定                    */
/* ----------------------------------------- */

/* ▼ リスト全般 */
#topic_area ul { 
  margin:8px 5px 8px 5px;
  padding:3px;
}

#topic_area li {
  font-size:14px;
  margin:8px 3px 8px 14px;
  padding:3px 0px 3px 0px;
  letter-spacing:1px;
  line-height:1.2;
}

/* ----------------------------------------- */
/* ページコンテンツ装飾（トピックス）        */
/* ----------------------------------------- */

.red { color:red; } /* 赤文字 */

#topic_area {  /* トピックエリア全体 /////  */
  float:left;
  width:560px;
  text-align:left;
  font-size:13px;
}

/* ナビゲーション ///////////////// */

#topic_side { /* トピック・ナビゲーション用サイドカラム /////  */
  float:left;
  width:150px;
  margin:8px 6px 5px 10px;
  padding-bottom:15px;
  display:none;
}
#topic_side h5 { /* 項目タイトル H5 */
  font-size:13px; letter-spacing:0px;
  margin:0px; padding:0px 0px 3px 0px; border:none;
}

.topic_navi { width:260px; margin:0px 10px 5px 20px; line-height:1.5; float:left; }
.topic_page { width:200px; margin:0px 20px 5px 10px; line-height:1.35; float:right; }

 /* カテゴリ・ナビゲーション（横ならび用） */
#category { clear:both; width:520px; float:left; padding-left:40px; }
#category ul {  margin:0px; padding:0px; }
#category li { font-size:12px; float:left; padding:0px; margin:0px; }
#category li A { color: #ff8c00; padding:0px 6px 0px 5px; margin:0px; }
#category li A:hover { color:#ff3333; text-decoration:none; }

/* 改ページ */
.nextpg { padding-left:20px; }

/* トピック・フッター */
.topic_footer {
  clear:both;
  text-align:right;
  margin:9px 15px 10px 15px;
}

/* トピック最近の記事一覧 JavaScript用 //////////// */
.topic_new { 
  width:148px;
  padding:6px;
  margin-bottom:10px;  
  border:1px solid #FF8C00;  /*枠色 LavenderBlush*/
  background-color:#FFF7E1;  /*背景色 misty rose*/
  border-top:8px solid #FF8C00;
}
#topic_side .topic_new ul { padding:0px; margin:0px 0px 0px 6px; }
#topic_side .topic_new li { padding:0px; margin:0px 8px 0px 12px; font-size:12px; line-height:1.4; }
#topic_side .topic_new_date { font-size:9px; color:red; text-align:right; }


/* トピック個別一覧表示用 ////////////// */
#topic_main { /* トピック・メイン  */
  /*float:left;*/
  width:530px;
  margin:8px 4px 5px 30px;
}

#topic_main h4 { /* タイトル用（項目の区切り） */
  font-weight: bold;
  font-size: 16px;
  color:#381A00;
  padding:3px 0px 3px 14px;
  margin:8px 0px 10px 0px;
  line-height:1.6;
  letter-spacing:2px;
  background: #ffffd5 url(material/title-back.gif) repeat top left;
  border-bottom:1px solid #ff8c00;
  border-left: 8px solid #ff8c00;
}

.topic_waku { /* トピック外枠 */
  clear:left;
  width:510px;
  /*border:1px solid #555;*/
  text-align:left;  
  margin:0px 0px 10px 0px;
  padding:6px 10px 10px 10px;
}

.topic_class { /* トピック・カテゴリ */
  display:block;
  text-align:right;
  margin-top:-28px;
  margin-right:6px;
  /*color:#2e8b57; green */
  color:#ff8c00;
}
/* リンク (topic_class)  */
.topic_class A { color: #ff8c00; text-decoration:underline; }
.topic_class A:hover { color:#ff3333; text-decoration:none; }

.topic_class em { /* トピック・カテゴリ <em> */
  font-size:13px;
  font-style:normal;
}

/* トピック内・装飾  */
.topic_txt { font-size:13px; color:#5C3C28; padding:0; margin:5px 18px 5px 32px; line-height:1.7; }
.topic_date { font-Size:12px; color:#ff3333; padding:2px 2px 0px 0px; letter-spacing:0px; }
.topic_img { padding:0px 10px 8px 0px; margin-left:20px; } /* 画像 通常 */
.topic_img_l { padding:0px 12px 18px 8px; float:left; } /* 画像Left */
.topic_img_r { padding:0px 0px 18px 12px; float:right; } /* 画像right */
.topic_info { font-size:11px; margin:10px 8px 5px 8px; padding-top:5px;
              text-align:right; border-top:1px dotted #999; } /* 個別リンク等のフッター情報 */

/* トピック・インデックスリスト表示用 ////////////// */

#list_main { /* リスト用・メイン */
  margin:8px 15px 8px 20px;
  line-height:1.7;
}

.list_ul { /* リスト用 <ul> */
  margin:3px;
  padding:3px;
  line-height:1.5;
  list-style:none;
  text-align:left;   
  /* border:1px solid #555;
  background:#fffffe; */
}

.list_id { /* リスト用・ID <em> */
  font-size:11px;
  font-style:normal;
  font-weight:normal;
}
.list_class { /* リスト用・カテゴリ <em> */
  font-size:13px;
  font-style:normal;
  font-weight:normal;
}
.list_title { /* リスト用・タイトル <em> */
  padding-left:8px;
  font-size:15px;
  font-style:normal;
  font-weight:bold;
}
.list_date { /* リスト用・日付 */
  padding-left:16px;
  font-size:12px;
  color:red;
}
.list_read { /* リスト用・[詠む] */
  padding-left:20px;
  vertical-align:middle;
}
/* ----------------------------------------- */
/* ナビゲーション装飾                */
/* ----------------------------------------- */
.topic_img { /* トピックス用（写真） */
  border:none;
  margin-top:5px;
}
/* リンク(IE6以下のみに適用) */
* html .topic_img A { border-right:1px solid #555; border-bottom:1px solid #555; }
* html .topic_img A:hover { position:relative; top:1px; left:1px;; }

IMG.gg { border:1px solid #555; }
A:hover IMG.gg{ border:1px solid red; }
A:link IMG.gg , A:visited IMG.gg{
  border:1px solid #555;
  z-index: 10;
  margin: 1px; padding: 0px;
  left:  0px;
}

/* ----------------------------------------- */
/* 文字装飾（トピックス）                    */
/* ----------------------------------------- */
b { /* 太字 */
  font-size:1.06em;
}

u { /* 下線 */
  text-decoration: none;
  border-bottom:1px solid red;
  padding-bottom:1px;
  line-height:1.7;
}
i { /* 小文字 */
  /*font-style: normal;*/
  font-size:0.72em;
  line-height:1.4;
}

blockquote { /* 引用 */
  color:#777;
  border-left:5px solid #ddd;
  padding-left:10px;
  margin-left:15px;
}

pre { margin:0px; }