@charset "UTF-8";

/*                                                             */
/*         豊橋観光コンベンション協会    WEBシステム           */
/*                                                             */
/*                    サイト管理ページ                         */
/*                 共通スタイルシート定義                      */
/*                                                             */
/*         2010 (c) e-pokke Inc.  All rights reserved.         */
/*                                                             */

body {
  margin: 0px;
  padding: 0px;
  color: #333333;
  font-size: 14px;
  font-family: "Osaka-等幅", "MS UI GOTHIC";
  line-height: 140%;
  background-color: #DEE7EB;
}

a:link, a:visited, a:hover {
  color: #333333;
}

p {
  margin: 10px 10px 10px 0px;
  padding: 0;
}

div {
  margin: 0;
  padding: 0;
}

form {
  margin: 0px;
}

img {
  border-width: 0px;
}

textarea {
  font-family: 'ＭＳ ゴシック','Osaka-等幅';
  font-size: 90%;
}


table {
  empty-cells: hide;
  border-collapse : collapse;
}

th {
  vertical-align: middle;
  padding: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  background-color: #EAEAEA;
  line-height: 110%;
}

td {
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
}


h1 {
  margin: 0px 0px 10px 0px;
  padding: 3px 0px 0px 14px;
  height: 23px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  border-color: #1367B3;
  background-image: url(../img/bg_submenu_button2.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

h1:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

h1 > p {
  margin: 0;
  width: 78%;
  float: left;
}

h1 > div {
  margin-right: 4px;
  width: 20%;
  float: right;
  color: #000;
  text-align: center;
  background-color: #FFF;
  border-radius: 4px;
}


/***** IDセレクタの定義 *****/

div#container {
  margin: 0 10px;
  padding: 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px #666;
/*
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 1000px;
  background-image: url(../img/bg_body.jpg);
  background-repeat: repeat-y;
  background-position: center;
*/
}

div#container_w {
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 100%;
  background-color: #FFFFFF;
}


/*--- ヘッダー部分 ---*/
div#header {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 130px;
}

div#header:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}


/*--- ヘッダー部分(シンプルタイプ) ---*/
div#header_simple {
  margin: 0;
/*
  margin: 0px 0px 0px 24px;
*/
  padding: 0px;
  width: 100%;
/*
  width: 952px;
*/
  height: 109px;
  background-image: url(../img/bg_header_simple.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

div#header_simple:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

div#header_simple .title {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: bold;
  float: left;
}

div#header_simple .btn {
  margin: 0px 10px 0px 0px;
  padding: 10px 0px 0px 0px;
  width: 91px;
  float: right;
}

div#header_simple .btn2 {
  margin: 0px 40px 0px 0px;
  padding: 4px 0px 4px 0px;
  width: 90px;
  float: right;
}


/*--- フッター部分 ---*/
div#footor {
  margin: 20px 0 0 0;
/*
  margin: 20px 24px 0px 24px;
*/
  padding: 14px 0px 0px 0px;
  height: 53px;
  font-size: 80%;
  text-align: center;
  background-image: url(../img/bg_footor.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

div#footor_w {
  margin: 20px 0 0px 0;
  padding: 14px 0px 0px 0px;
  height: 53px;
  font-size: 80%;
  text-align: center;
  background-image: url(../img/bg_footor.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

/*--- メニュー部分 ---*/
div#menu {
  margin: 0;
/*
  margin: 0px 24px 0px 24px;
*/
  padding: 0;
  width: 100%;
  min-width: 940px;
/*
  width: 952px;
*/
  height: 96px;
  background-image: url(../img/bg_header.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

div#menu:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

div#menu_left {
  margin: 0;
  padding: 0;
  width: 350px;
  float: left;
}

div#menu_right {
  margin: 0;
  padding: 0;
  width: 750px;
  float: right;
}

/* ログイン情報 */
div#menu_info {
  margin: 0;
  padding: 6px 0 0 0;
  width: 750px;
  height: 57px;
}

div#menu_info:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

div#menu_info .info {
  margin: 0px;
  padding: 0px;
  width: 220px;
  height: 30px;
  float: left;
  color: #333333;
  font-size: 14px;
  font-weight: normal;
  line-height: 110%;
}

div#menu_info .info .timestamp {
  font-size: 10px;
}

div.menu_button {
  margin: 0;
  padding: 0;
  float: right;
}

div#menu_info .logout {
  margin: 0px 4px 0px 0px;
  padding: 5px 0px 0px 0px;
  width: 114px;
  height: 30px;
  float: right;
  color: #333333;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  list-style-type: none;
  background-image: url(../img/bg_button.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

div#menu_info .logout a {
  margin: 0;
  padding: 2px 0px 2px 0px;
  display: block;
  text-decoration: none;
  color: #555555;
}

div#menu_info .logout a:hover {
  color: #777777;
  text-decoration: underline;
}

/* サイト切替え */
div#menu_info .site {
  margin: 0px 4px 0px 0px;
  padding: 5px 0px 0px 10px;
  width: 191px;
  height: 30px;
  float: right;
  color: #333333;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  list-style-type: none;
  background-image: url(../img/bg_button2.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

div#menu_info .site a {
  margin: 0;
  padding: 2px 0px 2px 0px;
  display: block;
  text-decoration: none;
  color: #555555;
}

div#menu_info .site a:hover {
  color: #777777;
  text-decoration: underline;
}



div#menu ul {
  margin: 0;
  padding: 0;
  width: 750px;
  height: 33px;
}

div#menu ul:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

div#menu li {
  margin: 0px 4px 0px 0px;
  padding: 5px 0px 0px 0px;
  width: 114px;
  height: 28px;
  float: right;
  color: #333333;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  list-style-type: none;
  background-image: url(../img/bg_menu_tab.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

div#menu li a {
  margin: 0;
  padding: 2px 0px 2px 0px;
  display: block;
  text-decoration: none;
  color: #555555;
}

div#menu li a:hover {
  color: #777777;
  text-decoration: underline;
}

/* 選択中メニュー */
div#menu li.selected {
  color: #FFFFFF;
  background-image: url(../img/bg_menu_tab_selected.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

div#menu li.selected a {
  margin: 0;
  padding: 2px 0px 2px 0px;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
}

div#menu li.selected a:hover {
  color: #FFFFFF;
}

/*--- サブメニュー部分 ---*/
div#submenu {
  margin: 0;
/*
  margin: 0px 24px 0px 24px;
*/
  padding: 0px;
  min-width: 940px;
  height: 32px;
  background-image: url(../img/bg_submenu.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

div#submenu ul {
  margin: 0px 0px 0px 2px;
  padding: 2px 0px 0px 0px;
}

div#submenu ul:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

div#submenu li {
  margin: 0;
  padding: 0;
  width: 130px;
  height: 24px;
  float: left;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  list-style-type: none;
  border-style: solid;
  border-width: 1px;
  border-color: #527A7A;
  background-image: url(../img/bg_submenu_button1.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

div#submenu li a {
  margin: 0;
  padding: 2px 0px 2px 0px;
  width: 130px;
  height: 24px;
  display: block;
  text-decoration: none;
  color: #333333;
}

div#submenu li a:hover {
  margin: 0;
  padding: 2px 0px 2px 0px;
  width: 130px;
  height: 24px;
  color: #FFFFFF;
  text-decoration: underline;
}

/* 選択中メニュー */
div#submenu li.selected {
  color: #FFFFFF;
  background-image: url(../img/bg_submenu_button2.jpg);
  background-repeat: repeat-x;
  background-position: left top;
}

div#submenu li.selected a {
  margin: 0;
  padding: 2px 0px 2px 0px;
  display: block;
  text-decoration: none;
  color: #FFFFFF;
}

div#submenu li.selected a:hover {
  color: #FFFFFF;
}

/* narrow menu */
div#submenu.narrow li {
  display: inline-block;
  width: auto;
}

div#submenu.narrow li a,
div#submenu.narrow li a:hover {
  padding: 2px 15px;
  width: auto;
  min-width: 70px;
}




/****** メインコンテンツ部分 ******/

div#contents {
  margin: 10px;
/*
  margin: 10px 40px 10px 40px;
*/
  padding: 0;
}

div#contents_w {
  margin: 0;
  padding: 10px;
}

div#main {
  margin: 0px;
  padding: 0px;
}

/*--- 関連リンク ---*/
div#link_list {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

div#link_list:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

div#link_list ul {
  margin: 0px;
  padding: 0px;
  float: right;
  text-align: center;
  list-style-type: none;
}

div#link_list ul:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

div#link_list ul li {
  margin: 0px 1px 0px 0px;
  padding: 4px 10px 4px 10px;
  float: left;
  background-color: #CDE4FA;
}


/* --- 表のスタイル --- */
.table_style {
  margin: 0px 0px 4px 0px;
  empty-cells: hide;
  border-collapse : collapse;
}

.table_style th {
  vertical-align: middle;
  padding: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  background-color: #EAEAEA;
}

.table_style td {
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;

}

/* --- 表のスタイル(枠なし) --- */
.table_style_nf {
  margin: 0px 0px 4px 0px;
  empty-cells: hide;
  border-collapse : collapse;
}

.table_style_nf th {
  vertical-align: middle;
  padding: 4px;
  text-align: left;
  white-space: nowrap;
  border-style: none;
}

.table_style_nf td {
  padding: 2px;
  vertical-align: top;
  border-style: none;
}

/* --- 切り替えタブ --- */
.tab_header {
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.tab_header:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

.tab_header a {
  display: block;
}

.tab_name {
  margin: 1px 4px 0px 0px;
  padding: 4px;
  width: 139px;
  height: 20px;
  float: left;
  text-align: center;
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  border-color: #527A7A;
  border-bottom-style: none;
  background-color: #BAD1D1;
}

.tab_name_off {
  margin: 1px 4px 0px 0px;
  padding: 4px;
  width: 139px;
  height: 20px;
  float: left;
  text-align: center;
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  border-color: #BBBBBB;
  border-bottom-style: none;
  background-color: #EAEAEA;
}

.tab_name.wide,
.tab_name_off.wide {
  width: 190px;
}

.tab_link {
  margin: 0px 0px 0px 4px;
  padding: 4px;
  width: 110px;
  height: 16px;
  float: right;
  text-align: center;
  font-weight: bold;
  border-style: solid;
  border-width: 1px;
  border-color: #527A7A;
  background-color: #BAD1D1;
}

.tab_form {
  margin: 0px 0px 0px 4px;
  padding: 0px;
  width: 200px;
  height: 16px;
  float: right;
  text-align: right;
}

.tab_body {
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 5px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #527A7A;
}

/* --- ポップアップ --- */
.popup_area {
  margin: 0px;
  padding: 10px;
  position: absolute;
  visibility: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #BBBBBB;
  background-color: #FFFFFF;
}

.popup_area:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

.popup_area img {
  margin: 0 10px 10px 0;
  float: left;
}

/* --- ページリンク --- */
.page_link {
  margin: 4px 0px 4px 0px;
  padding: 0px;
  text-align: center;
}

.search_area {
  margin: 6px 0px 6px 0px;
  padding: 6px 6px 6px 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA;
  background-color: #EAEAEA;
}

/* --- チップ表示 --- */
.tips_area {
  padding: 6px;
  position: absolute;
  visibility: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #BBBBBB;
  background-color: #FFFFFF;
  text-align: left;
  font-size: 90%;
  font-weight: normal;
}


/* --- 編集コンテキストメニュー --- */
.context_menu {
  display: none;
  position: absolute;
  margin-left: -55px;
  padding: 4px;
  overflow: hidden;
  border: solid 1px #AAA;
  background-color: #FCFBD6;
  border-radius: 5px;
  box-shadow: 2px 2px 4px 2px #AAA;
}
.context_menu_close {
  text-align: right;
  width: 18px;
  float: right;
}
.context_menu_body {
  padding: 14px;
  width: 110px;
  float: left;
}

.lang_name {
  display: inline-block;
  padding: 5px;
  margin: 0 1px 0 0;
  line-height: 100%;
}

.lang_name.recommend {
  display: inline-block;
  padding: 5px;
  border: solid 1px #CC7777;
  border-radius: 15px;
}

/* --- 文字色など --- */

/* 注意事項 */
.caution { color: #CC0000; }

/* 変更箇所 */
.change { color: #FFD9E6; }

/* 無効 */
.color_invalid { color: #AAAAAA; }
.bgcolor_invalid { background-color: #DDDDDD; }

/* ○○中など */
.color_on   { color: #FFE28C; }
.bgcolor_on { background-color: #FFE28C; }

/* 成功/失敗 */
.bgcolor_success{ background-color: #F0FBDD; }
.bgcolor_fail{ background-color: #FFD9E6; }


/* 数字表示 */
.num { font-family: Arial; }

/* 注釈 */
.note {
  font-size: 80%;
  line-height: 120%;
}

/* ふりがな */
.cap {
  font-size: 70%;
  line-height: 100%;
}

/* 平日用・休日用 */
.bgcolor_weekday {
  padding: 2px;
  color: #000000;
  font-size: 80%;
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA;
  background-color: #FFD9E6;
  background-color: #FDFDFD;
}
.bgcolor_holiday {
  padding: 2px;
  color: #CC0000;
  font-size: 80%;
  border-style: solid;
  border-width: 1px;
  border-color: #CC0000;
  background-color: #FFD9E6;
}




/* --- 配置 --- */
.img_fl {
  margin: 0px 10px 10px 0px;
  padding: 0;
  float: left;
}

.img_fr {
  margin: 0px 0px 10px 10px;
  padding: 0;
  float: right;
}

.img_fm {
  vertical-align: middle;
}

/* 左揃え */
.obj_left {
  text-align: left;
}

/* 中央揃え */
.obj_center {
  text-align: center;
}

/*----- 入力欄 -----*/
.input_num {
  text-align: right;
  ime-mode: disabled;
}

.input_alpha {
  ime-mode: disabled;
}

.input_jp {
  ime-mode: active;
}

.input_date {
  width: 80px;
  ime-mode: disabled;
  text-align: center;
}


/*--- 完了メッセージ ---*/
.done_msg {
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 10px 10px;
  line-height: 140%;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: #9DCD83;
  background-color: #F0FBDD;
}
.quote_msg {
  margin: 0px 0px 10px 0px;
  padding: 10px 10px 10px 10px;
  line-height: 140%;
  text-align: left;
  border-style: solid;
  border-width: 1px;
  border-color: #9DCD83;
  background-color: #F0FBDD;
  border-radius: 4px;
}

/* 登録レコードの強調表示 */
.update_row_left {
  border-top-width: 3px !important;
  border-top-color: #FF9900 !important;
  border-left-width: 3px !important;
  border-left-color: #FF9900 !important;
  border-bottom-width: 3px !important;
  border-bottom-color: #FF9900 !important;
}

.update_row_center {
  border-top-width: 3px !important;
  border-top-color: #FF9900 !important;
  border-bottom-width: 3px !important;
  border-bottom-color: #FF9900 !important;
}

.update_row_center_top {
  border-top-width: 3px !important;
  border-top-color: #FF9900 !important;
}

.update_row_center_bottom {
  border-bottom-width: 3px !important;
  border-bottom-color: #FF9900 !important;
}

.update_row_right {
  border-top-width: 3px !important;
  border-top-color: #FF9900 !important;
  border-right-width: 3px !important;
  border-right-color: #FF9900 !important;
  border-bottom-width: 3px !important;
  border-bottom-color: #FF9900 !important;
}

/*--- エラーメッセージ部分 ---*/
.error_msg {
  margin: 10px 0px 10px 0px;
  padding: 10px 10px 10px 10px;
  line-height: 140%;
  text-align: left;
  font-weight: normal;
  border-color: #CC7777;
  border-style: solid;
  border-width: 1px;
  background-color: #FEFBE0;
}

.error_msg_title {
  color: #CC0000;
  font-weight: bold;
}

.error_msg ul {
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 0px 30px;
}

.error_item { /* エラー箇所 */
  background-color: #FED18F;
}




/*--- カレンダー ---*/

.calendar {
  margin: -2px 0px 0px 0px;
  padding: 6px 0px 6px 8px;
  width: 190px;
  position: absolute;
  visibility: hidden;
  z-index: 1000;
  text-align: center;
  font-size: 80%;
  font-family: Arial;
  line-height: 110%;
  border-style: solid;
  border-width: 1px;
  border-color: #BBBBBB;
  background-color: #FFFFFF;
}

.calendar a,
.calendar a:link,
.calendar a:active,
.calendar a:visited,
.calendar a:hover {
  text-decoration: none;
}

.calendar .ym {
  font-size: 130%;
  font-weight: bold;
}

.calendar ul {
  margin: 4px 0px 10px 0px;
  padding: 0px;
  list-style:none;
  text-align: center;
  font-size: small;
}

.calendar ul:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}

.calendar li {
  margin: 0px 1px 0px 0px;
  padding: 3px 0px 3px 0px;
  width: 13%;
  float: left;
  line-height: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #FFFFFF;
  background-color: #FFFFFF;
}

.calendar li a {
  display: block;
}

.callink {
  font-size: small;
}

/* 見出し用 */
li.sunday_h   { color: #990000; }
li.saturday_h { color: #000099; }

/* 日付用背景色 */
li.weekday  { background-color: #FFFFFF; }
li.sunday  { background-color: #FFDFDF; }
li.saturday { background-color: #CEE9FF; }
li.holiday  { background-color: #FFDFDF; }
li.overday  { background-color: #EDEDED; }
li.today    { background-color: #FFE28C; }

/* 日付用文字色 */
span.weekday  { color: #000000; }
span.sunday   { color: #990000; }
span.sunday   { color: #990000; }
span.saturday { color: #000099; }
span.holiday  { color: #990000; }
span.overday  { color: #000000; }
span.invalid  { color: #AAAAAA; }

/* ---------- End of Css ---------- */