/**
 * 島根県広聴広報課
 * Web県民だより
 * 
 * 公開画面スタイルシート
 * 
 * Author:: Akira Mishima <mishima@wacom-it.co.jp>
 * Date:: 2007/12/08
 */

body {
  margin: 0px;
  background-color: #f0f0f0;
}


/* タイトル */
#title {
  background-color: #6666ff;
  padding: 7px;
}

/* ナビゲーション */
#navigation {
  margin: 10px;
  font-size: 90%;
}


/* カレンダー */
#calendar_container {
  margin: 10px;
/*
  position: absolute;
  top: 50px;
  left: 550px;
*/
}


/* メニュー */
#menu_frame {
  position: absolute;
  top: 50px;
  left: 400px;
  background-color: #ffffdd;
  border: 1px solid #999999;
  margin-top: 3px;
  width: 525px;
}

#menu {
  margin-top: 5px;
  margin-left: 5px;
}

#menu table {
  background-color: #bbbbbb;
}

#menu td.menu_news {
  width: 100px;
  background-color: #cccccc;
}

#menu td.menu_event {
  width: 100px;
  background-color: #c8fadc;
}

#menu td.menu_campaign {
  width: 100px;
  background-color: #ffd2ff;
}

#menu td.menu_invitation {
  width: 100px;
  background-color: #ffd2d2;
}

#menu td.menu_examination {
  width: 100px;
  background-color: #c8e6ff;
}

#menu td.menu_system {
  width: 100px;
  background-color: #ffffbe;
}

#menu td.outline {
  width: 400px;
  background-color: #ffffff;
}


/* 検索キーワード欄 */
#search {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}


/* 日別イベントリスト */
#daily_events {
  clear: both;
  margin-top: 20px;
  margin-left: 10px;
}

#daily_events div.subject {
  padding-top: 0.2em;
  text-align: center;
  vertical-align: middle;
  font-size: 140%;
  font-weight: bold;
  width: 20em;
  height: 1.5em;
  color: #ee6633;
  background-color: #ffffcc;
  border: solid 1px #888888;
}

#daily_events span.date {
  color: #dd3333;
  font-weight: bold;
  font-size: 105%;
}

#daily_events div.category {
  margin-top: 20px;
  margin-left: 5px;
  font-size: 120%;
  font-weight: bold;
  color: #333333;
}

#daily_events div.list {
  margin-top: 5px;
  margin-left: 5px;
  font-size: 110%;
  width: 90%;
}

#daily_events div.info {
  font-size: 100%;
  margin-top: 3px;
  width: 90%;
  text-align: center;
}

#daily_events span.mark {
  color: #6666ff;
}

#daily_events table {
  background-color: #777777;
}

#daily_events th {
  background-color: #c8e6ff;
}

#daily_events td {
  background-color: #ffffff;
}

#daily_events th.subject {
  width: 40em;
}

#daily_events th.term {
  width: 14em;
}

#daily_events td.term {
  text-align: center;
}

#daily_events div.message {
  margin: 5px;
  color: #44cc44;
  font-weight: bold;
}


/* 市町村イベントリスト */
#town_events {
  margin-top: 30px;
  margin-left: 10px;
}

#town_events div.subject {
  padding-top: 0.2em;
  text-align: center;
  font-size: 140%;
  font-weight: bold;
  width: 20em;
  height: 1.5em;
  color: #ee6633;
  background-color: #ffffcc;
  border: solid 1px #888888;
}

#town_events div.map {
  margin: 10px;
  float: left;
  width: 400px;
  height: 260px;
  text-align: center;
}

#town_events div.town_list {
  margin-top: 20px;
  margin-left: 450px;
}

#town_events th.category {
  text-align: left;
}

#town_events td.town_name {
  width: 6em;
}


/* フッタ */
#footer {
  clear: both;
  margin-top: 80px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}


/* ライン */
hr {
  color: #6666ff;
  background-color: #6666ff;
  height: 2px;
  border: 0px;
  width: 100%;
}


/* 一覧 */
#list {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#list table {
  background-color: #333333;
  width: 850px;
}

#list th {
  background-color: #c8e6ff;
}

#list td {
  background-color: #ffffff;
}

#list th.date {
  width: 7em;
}

#list th.kind {
  width: 6em;
}

#list th.subject {
  width: 24em;  
}

#list th.inquiry {
  
}


/* 詳細 */
#detail {
  margin: 10px;
}

#detail div.subject {
  font-size: 150%;
  font-weight: bold;
  margin: 10px;
  color: #000055;
}

#hp_icon {
  margin-left: 20px;
}

#detail div.contents {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#detail div.inquiry {
  margin-top: 20px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#detail table {
  background-color: #333333;
  width: 850px;
}

#detail th {
  background-color: #c8e6ff;
}

#detail td {
  background-color: #ffffff;
}

#detail th.item {
  width: 10em;
  vertical-align: top;
}

#detail div.inquiry_subject {
  font-weight: bold;
}