@CHARSET "UTF-8";
/* iPad portrait style */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {
  body{min-height: 1200px;}
/*  .ios_vh{visibility: hidden;display:none;width:0px !important;}*/
}
/* iPhone 3G/3GS向けCSS */
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) {
  body{min-height: 1200px;-webkit-text-size-adjust:none;}
/*  .ios_vh{visibility: hidden;display:none;width:0px !important;}*/
}
/* iPhone 4向けCSS */
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) {
  body{min-height: 1300px;-webkit-text-size-adjust:none;}
/*  .ios_vh{visibility: hidden;display:none;width:0px !important;}*/
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 481px) and (orientation:landscape) {
  body{min-height: 600px;}
/*  .ios_vh{visibility: hidden;display:none;width:0px !important;}*/
}
/*---------------------------------------------------------------*/
/* 全体設定 */
/*---------------------------------------------------------------*/

html,
input,
textarea {
  font-size:12px;
  font-family:"ＭＳＰゴシック","MS PGothic","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Helvetica,sans-serif;
  color:#333333;
  text-align:left;
}
body {
  margin: 0; padding: 8px;word-break: break-all;
}
img {
  border: medium none;
}
p {
  margin: 3px 0;
}
a {
  text-decoration:none;
}
a:link, a:visited, a:active {
  color:#2788D8;
}
a:hover {
  color:#6FB0E6;
}
ul, li, ol {
  margin:0; padding:0;
}
li {
  list-style:none;
}
img.icon,
img.icon_help {
  vertical-align: middle;
  margin-right: 5px;
  margin-left: 3px;
}
.number {
  text-align: right;
}
.clear {
  clear: both;
}
.clear_left {
  clear: left;
}
.clear_right {
  clear: right;
}
.inline_block {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
.align_right {
  text-align: right;
}
.align_left {
  text-align: left;
}
.align_center {
  text-align: center;
}

/* jQuery UI Selectable */
.ui-selectable .ui-selecting,
.ui-selectable .ui-selected {
  background: #2788D8;
  color: white;
}
.ui-selectable .ui-selecting *,
.ui-selectable .ui-selected * {
  color: white;
}

/* placeholder */
::-webkit-input-placeholder {
  color:#CCC;
}
:-moz-placeholder {
  color:#CCC;
}

/* ボタン */
.btn_blue,
.btn_orange,
.btn_gray,
.btn_blue_fs,
.btn_orange_fs,
.btn_gray_fs {
  text-align:center;
  height:17px;
  width:90px;
  margin:0 5px 0 0;
  padding:3px 0 0 0px;
  font-weight:lighter;
  font-size:12px;
  color:#FFFFFF;
  display: inline-block;
  cursor: pointer;
/*  vertical-align: middle;*/
  /display: inline;
  /zoom: 1;
}
.btn_blue:hover,
.btn_orange:hover,
.btn_gray:hover,
.btn_blue:link,
.btn_orange:link,
.btn_gray:link,
.btn_blue:visited,
.btn_orange:visited,
.btn_gray:visited,
.btn_blue:active,
.btn_orange:active,
.btn_gray:active,
.btn_blue_fs:hover,
.btn_orange_fs:hover,
.btn_gray_fs:hover,
.btn_blue_fs:link,
.btn_orange_fs:link,
.btn_gray_fs:link,
.btn_blue_fs:visited,
.btn_orange_fs:visited,
.btn_gray_fs:visited,
.btn_blue_fs:active,
.btn_orange_fs:active,
.btn_gray_fs:active {
  color:#FFFFFF;
}

.btn_blue,
.btn_blue_fs {
  background:url(../images/bt/bt_blue01.gif) no-repeat;
}
.btn_orange,
.btn_orange_fs {
  background:url(../images/bt/bt_orange.gif) no-repeat;
}
.btn_gray,
.btn_gray_fs {
  background:url(../images/bt/bt_gray01.gif) no-repeat;
}
/* ボタン(小) */
.btn_blue_s,
.btn_orange_s,
.btn_gray_s,
.btn_blue_s_fs,
.btn_orange_s_fs,
.btn_gray_s_fs {
  text-align: center;
  height: 17px;
  width: 40px;
  margin: 0;
  padding: 3px 0 0 0px;
  font-weight: lighter;
  font-size: 12px;
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
/*  vertical-align: middle;*/
  /display: inline;
  /zoom: 1;
}
.btn_blue_s:hover,
.btn_orange_s:hover,
.btn_gray_s:hover,
.btn_blue_s:link,
.btn_orange_s:link,
.btn_gray_s:link,
.btn_blue_s:visited,
.btn_orange_s:visited,
.btn_gray_s:visited,
.btn_blue_s:active,
.btn_orange_s:active,
.btn_gray_s:active,
.btn_blue_s_fs:hover,
.btn_orange_s_fs:hover,
.btn_gray_s_fs:hover,
.btn_blue_s_fs:link,
.btn_orange_s_fs:link,
.btn_gray_s_fs:link,
.btn_blue_s_fs:visited,
.btn_orange_s_fs:visited,
.btn_gray_s_fs:visited,
.btn_blue_s_fs:active,
.btn_orange_s_fs:active,
.btn_gray_s_fs:active {
  color: #ffffff;
}
.btn_blue_s,
.btn_blue_s_fs {
  background: url("../images/bt/bt_blue_s.gif") no-repeat;
}
.btn_orange_s,
.btn_orange_s_fs {
  background: url("../images/bt/bt_orange_s.gif") no-repeat;
}
.btn_gray_s,
.btn_gray_s_fs {
  background: url("../images/bt/bt_gray_s.gif") no-repeat;
}
/* ボタン・ボタン(小) フォントサイズ縮小版(各ボタンクラスで文字が入りきらない場合に適用) */
.btn_blue_fs,
.btn_orange_fs,
.btn_gray_fs,
.btn_blue_s_fs,
.btn_orange_s_fs,
.btn_gray_s_fs {
  font-size: 10px;
}

/* 画像を使わないボタンスタイル */
.btn_blue_f,
.btn_orange_f,
.btn_gray_f {
  width: auto;
  height: 14px;
  position: relative;
  top: 0px; 
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.66);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.66);
  font-size: 12px;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  text-align: center;
/*  vertical-align: middle;*/
  display: inline;
  padding: 3px 10px;
  cursor: pointer;
  color: #ffffff;
}
.btn_blue_f:active,
.btn_orange_f:active,
.btn_gray_f:active {
  position: relative;
  top: 1px;
}
.btn_blue_f:hover,
.btn_orange_f:hover,
.btn_gray_f:hover,
.btn_blue_f:link,
.btn_orange_f:link,
.btn_gray_f:link,
.btn_blue_f:visited,
.btn_orange_f:visited,
.btn_gray_f:visited,
.btn_blue_f:active,
.btn_orange_f:active,
.btn_gray_f:active {
  color: #ffffff;
}
.btn_blue_f {
  background: -moz-linear-gradient(top, #94beee 0.00%, #6da6e7 49.99%, #3d8ee9 50%, #5298e8);
  background: -ms-linear-gradient(top, #94beee 0.00%, #6da6e7 49.99%, #3d8ee9 50%, #5298e8);
  background: -webkit-gradient(linear, center top, center bottom, from(#94beee), color-stop(0.4999, #6da6e7), color-stop(0.5, #3d8ee9), to(#5298e8));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94beee', endColorstr='#3d8ee9');
  border: 1px solid #3d8ee9;
  background-color: #66a4eb;
  zoom: 1;
}
.btn_blue_f:active {
  background: -moz-linear-gradient(top, #5298e8 0.00%, #3d8ee9 49.99%, #6da6e7 50%, #94beee);
  background: -ms-linear-gradient(top, #5298e8 0.00%, #3d8ee9 49.99%, #6da6e7 50%, #94beee);
  background: -webkit-gradient(linear, center top, center bottom, from(#5298e8), color-stop(0.4999, #3d8ee9), color-stop(0.5, #6da6e7), to(#94beee));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94beee', endColorstr='#3d8ee9');
  background-color: #5298e8;
  zoom: 1;
}
.btn_orange_f {
  background: -moz-linear-gradient(top, #ffbd96 0.00%, #ff9759 49.99%, #ff7c2e 50%, #ff6c13);
  background: -ms-linear-gradient(top, #ffbd96 0.00%, #ff9759 49.99%, #ff7c2e 50%, #ff6c13);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffbd96), color-stop(0.4999, #ff9759), color-stop(0.5, #ff7c2e), to(#ff6c13));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd96', endColorstr='#ff7c2e');
  border: 1px solid #ff6306;
  background-color: #ff9759;
  zoom: 1;
}
.btn_orange_f:active {
  background: -moz-linear-gradient(top, #ff6c13 0.00%, #ff7c2e 49.99%, #ff9759 50%, #ffbd96);
  background: -ms-linear-gradient(top, #ff6c13 0.00%, #ff7c2e 49.99%, #ff9759 50%, #ffbd96);
  background: -webkit-gradient(linear, center top, center bottom, from(#ff6c13), color-stop(0.4999, #ff7c2e), color-stop(0.5, #ff9759), to(#ffbd96));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c2e', endColorstr='#ffbd96');
  background-color: #ff6c13;
  zoom: 1;
}
.btn_gray_f {
  background: -moz-linear-gradient(top, #c1c1c1 0.00%, #a9a9a9 49.99%, #929292 50%, #9d9d9d);
  background: -ms-linear-gradient(top, #c1c1c1 0.00%, #a9a9a9 49.99%, #929292 50%, #9d9d9d);
  background: -webkit-gradient(linear, center top, center bottom, from(#c1c1c1), color-stop(0.4999, #a9a9a9), color-stop(0.5, #929292), to(#9d9d9d));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1c1c1', endColorstr='#929292');
  border: 1px solid #929292;
  background-color: #a9a9a9;
  zoom: 1;
}
.btn_gray_f:active {
  background: -moz-linear-gradient(top, #9d9d9d 0.00%, #929292 49.99%, #a9a9a9 50%, #c1c1c1);
  background: -ms-linear-gradient(top, #9d9d9d 0.00%, #929292 49.99%, #a9a9a9 50%, #c1c1c1);
  background: -webkit-gradient(linear, center top, center bottom, from(#9d9d9d), color-stop(0.4999, #929292), color-stop(0.5, #a9a9a9), to(#c1c1c1));
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#929292', endColorstr='#c1c1c1');
  background-color: #9d9d9d;
  zoom: 1;
}

/* 削除用リンク */
a.delete_link {
  margin-right: 2px;
  margin-left: 2px;
}
a.delete_link:hover {
  text-decoration: line-through;
}

/* フォーム */
label.cursor_pointer {
  cursor: pointer;
}
input.input_date {
  width: 6em;
}
input.input_middle {
  width: 18em;
}
input.input_long {
  width: 30em;
}
input.flat{
  border:none;
}
textarea.comment {
  width: 80%;
  height: 120px;
}
input.default_message,
textarea.default_message {
  color: gray;
}

/* 複数選択用selectbox */
select.multiple_select {
  width: 194px;
}

/* message */
.message {
  color: red;
}
.form_error {
  color: red;
}
div.form_error {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}

/* paging */
.paging_links img {
  vertical-align: middle;
}

/* メニュー内 inline-block(2カラム用・通常はこちらを利用) */
span.main_menu {
  display: inline-block;
  margin-right:1%;
  width: 58%;
  text-align: left;
  /display: inline;
  /zoom: 1;
}
span.side_menu {
  display: inline-block;
  margin-left: 1%;
  width: 38%;
  text-align: right;
  /display: inline;
  /zoom: 1;
}

/* メニュー内 inline-block(2カラム用・右側が広いパターン) */
span.main_menu_r {
  display: inline-block;
  margin-right:1%;
  width: 38%;
  text-align: left;
  /display: inline;
  /zoom: 1;
}
span.side_menu_r {
  display: inline-block;
  margin-left: 1%;
  width: 58%;
  text-align: right;
  /display: inline;
  /zoom: 1;
}

/* メニュー内 inline-block(2カラム用・右側に全振りパターン) */
span.main_menu_right_only {
  display: Inline-block;
  width: 0%;
}

span.side_menu_right_only {
  display: inline-block;
  text-align: right;
  width: 98%;
}

/* メニュー幅調整（1カラム用） */
span.one_column {
  width: 98%;
}

/* 検索窓用 */
div.search_component span.main_menu {
  width: 48%;
}
div.search_component span.side_menu {
  width: 48%;
}

/* メニュー内 inline-block(3カラム用) */
div.operation_component span.left_menu {
  display: inline-block;
  margin-right: 0.5%;
  width: 23%;
  text-align: left;
  /display: inline;
  /zoom: 1;
}
div.operation_component span.center_menu {
  display: inline-block;
  margin-left: 0.5%;
  margin-right: 0.5%;
  width: 50%;
  text-align: center;
  /display: inline;
  /zoom: 1;
}
div.operation_component span.right_menu {
  display: inline-block;
  margin-left: 0.5%;
  width: 23%;
  text-align: right;
  /display: inline;
  /zoom: 1;
}

/*---------------------------------------------------------------*/
/* header */
/*---------------------------------------------------------------*/

div#header  {
  width: 100%;
  min-width: 900px;
  margin: 2px;
  height: auto;
}
/* ユーザ情報 */
div#header div.header_personal_prof,
div#header div.header_user_navi ul li,
div#header div.header_user_navi dl dt,
div#header div.header_user_navi dl dd {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
div#header div.header_personal {
  margin-right: 500px;
}
div#header div.header_personal img {
  vertical-align: top;
}
div#header div.header_personal_prof {
  border: 1px solid #CCCCCC;
  margin-left: 10px;
  padding: 0;
  width: 60%;
}
div#header div.header_personal_prof img.personal_image {
  margin: 2px 10px 2px 2px;
  float: left;
}
div#header div.header_personal_prof ul {
  margin-top: 3px;
  overflow: hidden;
}
div#header div.header_personal_prof ul li.post {
  font-size: 11px;
}
div#header div.header_user_navi {
  float:right;
  width: 500px;
}
div#header div.header_user_navi ul li {
  border-left: 1px solid #CCCCCC;
  font-size: 10px;
  height: 20px;
  padding: 0 10px;
  vertical-align: middle;
}
div#header div.header_user_navi ul li:first-child {
  border-left: none;
}
div#header div.header_user_navi ul li:last-child {
  padding-right: 0;
}
div#header div.header_user_navi ul li img {
  vertical-align: middle;
}
div#header div.header_user_navi dl {
  border-top: 1px dotted #CCCCCC;
  margin-top: 5px;
  margin-bottom: 0;
  padding: 5px 0 0 10px;
}
div#header div.header_user_navi dl dt {
  font-weight: bold;
  padding: 0;
}
div#header div.header_user_navi dl dd {
  margin: 0;
  padding: 0 0 0 10px;
}
div#header div.header_app {
  clear: both;
}
div#header div.header_app ul.header_app_tab {
  height: 25px;
  overflow: hidden;
  margin-top: 2px;
  padding-top: 2px;
}
div#header div.header_app ul.header_app_tab li {
  float: left;
}
/* ナビヘッダ：タブ領域：タブ表示(default) */
div#header div.header_app ul.header_app_tab li a {
  display: inline-block;
  background:transparent url(/images/navigation/hnavi.gif) repeat-x scroll 0 0;
  color:#444444;
  font-weight: bold;
  /display: inline;
  /zoom: 1;
}
div#header div.header_app ul.header_app_tab li a img {
  vertical-align: middle;
}
div#header div.header_app ul.header_app_tab li a span {
  padding: 10px 10px 0;
}
div#header div.header_app ul.header_app_tab li a:hover {
  color:#333333;
}

div#header div.header_app ul.header_app_navi {
  clear: both;
  border-bottom: 1px solid #DDDDDD;
  border-top: medium none;
  height: auto;
  margin-bottom: 3px;
  padding: 3px 5px;
  width: auto;
  /min-height: 1em;
}
div#header div.header_app ul.header_app_navi li {
  float: left;
  height: 52px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 74px;
}
div#header div.header_app ul.header_app_navi li a {
  color: #333333;
  display: inline-block;
  font-size: 10px;
  line-height: 95%;
  padding: 0 5px;
  text-decoration: none;
  width: 64px;
  /display: inline;
  /zoom: 1;
}
div#header div.header_app ul.header_app_navi li a:hover {
  color:#333333;
  text-decoration:none;
}
div#header div.header_app ul.header_app_navi a.text1 {
  padding-top:36px;
  padding-bottom:6px;
}
div#header div.header_app ul.header_app_navi a.text2 {
  padding-top:30px;
  padding-bottom:4px;
}
div#header div.header_app ul.header_app_navi:after {
  content: "";
  display: block;
  clear: both;
}

/*---------------------------------------------------------------*/
/* contents_style(groupware) */
/*---------------------------------------------------------------*/

/* ナビヘッダ：タブ領域：タブ表示 */
div#header div.header_app ul.header_app_tab li.naviNum2 a       {}
div#header div.header_app ul.header_app_tab li.naviNum2 a:hover {background:url(/images/navigation/hnavi.gif) 0 -52px repeat-x;}
div#header div.header_app ul.header_app_tab li.naviNum2.hover a {background:url(/images/navigation/hnavi.gif) 0 -52px repeat-x;}

/* ナビヘッダ：アイコン領域 */
div#header div.header_app ul.header_app_navi.naviNum2 {
  background-color:#DDDDDD;
}

/*------------------*/
/* アイコン設定     */
/*------------------*/

/* マイページ */
.header_app_navi li#h_mypage a       { background:url(/images/navigation/gnavi_ver2.gif) 0px 0px;}
.header_app_navi li#h_mypage a:hover { background:url(/images/navigation/gnavi_ver2.gif) 0px -52px;}
.header_app_navi li#h_mypage.hover a { background:url(/images/navigation/gnavi_ver2.gif) 0px -52px;}

/* スケジュール */
.header_app_navi li#h_schedule a       { background:url(/images/navigation/gnavi_ver2.gif) -74px 0px;}
.header_app_navi li#h_schedule a:hover { background:url(/images/navigation/gnavi_ver2.gif) -74px -52px;}
.header_app_navi li#h_schedule.hover a { background:url(/images/navigation/gnavi_ver2.gif) -74px -52px;}

/* 設備予約 */
.header_app_navi li#h_reservation a       { background:url(/images/navigation/gnavi_ver2.gif) -74px -104px;}
.header_app_navi li#h_reservation a:hover { background:url(/images/navigation/gnavi_ver2.gif) -74px -156px;}
.header_app_navi li#h_reservation.hover a { background:url(/images/navigation/gnavi_ver2.gif) -74px -156px;}

/* 部署/グループ */
.header_app_navi li#h_project a       { background:url(/images/navigation/gnavi_ver2.gif) -444px 0px;}
.header_app_navi li#h_project a:hover { background:url(/images/navigation/gnavi_ver2.gif) -444px -52px;}
.header_app_navi li#h_project.hover a { background:url(/images/navigation/gnavi_ver2.gif) -444px -52px;}

/* プロジェクト管理 */
.header_app_navi li#h_project_task a       { background:url(/images/navigation/gnavi_ver2.gif) -740px -104px;}
.header_app_navi li#h_project_task a:hover { background:url(/images/navigation/gnavi_ver2.gif) -740px -156px;}
.header_app_navi li#h_project_task.hover a { background:url(/images/navigation/gnavi_ver2.gif) -740px -156px;}


/* 掲示板 */
.header_app_navi li#h_bulletin a       { background:url(/images/navigation/gnavi_bulletin.gif) 0px 0px;}
.header_app_navi li#h_bulletin a:hover { background:url(/images/navigation/gnavi_bulletin.gif) 0px -52px;}
.header_app_navi li#h_bulletin.hover a { background:url(/images/navigation/gnavi_bulletin.gif) 0px -52px;}

/* トピック */
.header_app_navi li#h_topic a       { background:url(/images/navigation/gnavi_ver2.gif) -370px -104px;}
.header_app_navi li#h_topic a:hover { background:url(/images/navigation/gnavi_ver2.gif) -370px -156px;}
.header_app_navi li#h_topic.hover a { background:url(/images/navigation/gnavi_ver2.gif) -370px -156px;}

/* メール */
.header_app_navi li#h_mail a       { background:url(/images/navigation/gnavi_ver2.gif) -148px 0px;}
.header_app_navi li#h_mail a:hover { background:url(/images/navigation/gnavi_ver2.gif) -148px -52px;}
.header_app_navi li#h_mail.hover a { background:url(/images/navigation/gnavi_ver2.gif) -148px -52px;}

/* アドレス帳 */
.header_app_navi li#h_address a       { background:url(/images/navigation/gnavi_ver2.gif) -222px 0px;}
.header_app_navi li#h_address a:hover { background:url(/images/navigation/gnavi_ver2.gif) -222px -52px;}
.header_app_navi li#h_address.hover a { background:url(/images/navigation/gnavi_ver2.gif) -222px -52px;}

/* 電話メモ */
.header_app_navi li#h_phonememo a       { background:url(/images/navigation/gnavi_ver2.gif) -370px 0px;}
.header_app_navi li#h_phonememo a:hover { background:url(/images/navigation/gnavi_ver2.gif) -370px -52px;}
.header_app_navi li#h_phonememo.hover a { background:url(/images/navigation/gnavi_ver2.gif) -370px -52px;}

/* メッセージ */
.header_app_navi li#h_message a       { background:url(/images/navigation/gnavi_ver2.gif) -592px -104px;}
.header_app_navi li#h_message a:hover { background:url(/images/navigation/gnavi_ver2.gif) -592px -156px;}
.header_app_navi li#h_message.hover a { background:url(/images/navigation/gnavi_ver2.gif) -592px -156px;}

/* タイムカード */
.header_app_navi li#h_timecard a       { background:url(/images/navigation/gnavi_ver2.gif) -518px 0px;}
.header_app_navi li#h_timecard a:hover { background:url(/images/navigation/gnavi_ver2.gif) -518px -52px;}
.header_app_navi li#h_timecard.hover a { background:url(/images/navigation/gnavi_ver2.gif) -518px -52px;}

/* ToDo */
.header_app_navi li#h_todo a       { background:url(/images/navigation/gnavi_ver2.gif) 0px -104px;}
.header_app_navi li#h_todo a:hover { background:url(/images/navigation/gnavi_ver2.gif) 0px -156px;}
.header_app_navi li#h_todo.hover a { background:url(/images/navigation/gnavi_ver2.gif) 0px -156px;}

/* ファイル共有 */
.header_app_navi li#h_fileshare a       { background:url(/images/navigation/gnavi_ver2.gif) -592px 0px;}
.header_app_navi li#h_fileshare a:hover { background:url(/images/navigation/gnavi_ver2.gif) -592px -52px;}
.header_app_navi li#h_fileshare.hover a { background:url(/images/navigation/gnavi_ver2.gif) -592px -52px;}

/* メモパッド */
.header_app_navi li#h_memopad a       { background:url(/images/navigation/gnavi_ver2.gif) -148px -104px;}
.header_app_navi li#h_memopad a:hover { background:url(/images/navigation/gnavi_ver2.gif) -148px -156px;}
.header_app_navi li#h_memopad.hover a { background:url(/images/navigation/gnavi_ver2.gif) -148px -156px;}

/* レポート提出 */
.header_app_navi li#h_report a       { background:url(/images/navigation/gnavi_ver2.gif) -518px -104px;}
.header_app_navi li#h_report a:hover { background:url(/images/navigation/gnavi_ver2.gif) -518px -156px;}
.header_app_navi li#h_report.hover a { background:url(/images/navigation/gnavi_ver2.gif) -518px -156px;}

/* 議事録 */
.header_app_navi li#h_minutes a       { background:url(/images/navigation/gnavi_ver2.gif) -666px -104px;}
.header_app_navi li#h_minutes a:hover { background:url(/images/navigation/gnavi_ver2.gif) -666px -156px;}
.header_app_navi li#h_minutes.hover a { background:url(/images/navigation/gnavi_ver2.gif) -666px -156px;}

/* ワークフロー */
.header_app_navi li#h_workflow a       { background:url(/images/navigation/gnavi_ver2.gif) -444px -104px;}
.header_app_navi li#h_workflow a:hover { background:url(/images/navigation/gnavi_ver2.gif) -444px -156px;}
.header_app_navi li#h_workflow.hover a { background:url(/images/navigation/gnavi_ver2.gif) -444px -156px;}

/* アラーム */
.header_app_navi li#h_alarm a       { background:url(/images/navigation/gnavi_ver2.gif) -296px -104px;}
.header_app_navi li#h_alarm a:hover { background:url(/images/navigation/gnavi_ver2.gif) -296px -156px;}
.header_app_navi li#h_alarm.hover a { background:url(/images/navigation/gnavi_ver2.gif) -296px -156px;}

/* メンバー一覧 */
.header_app_navi li#h_member a       { background:url(/images/navigation/gnavi_ver2.gif) -296px 0px;}
.header_app_navi li#h_member a:hover { background:url(/images/navigation/gnavi_ver2.gif) -296px -52px;}
.header_app_navi li#h_member.hover a { background:url(/images/navigation/gnavi_ver2.gif) -296px -52px;}

/* 資源管理 */
.header_app_navi li#h_resource a       { background:url(/images/navigation/gnavi_ver2.gif) -666px 0px;}
.header_app_navi li#h_resource a:hover { background:url(/images/navigation/gnavi_ver2.gif) -666px -52px;}
.header_app_navi li#h_resource.hover a { background:url(/images/navigation/gnavi_ver2.gif) -666px -52px;}

/* 備品管理 */
.header_app_navi li#h_supplies a       { background:url(/images/navigation/gnavi_ver2.gif) -222px -104px;}
.header_app_navi li#h_supplies a:hover { background:url(/images/navigation/gnavi_ver2.gif) -222px -156px;}
.header_app_navi li#h_supplies.hover a { background:url(/images/navigation/gnavi_ver2.gif) -222px -156px;}

/* グループマネージャー */
.header_app_navi li#h_projectmanagement a       { background:url(/images/navigation/gnavi_ver2.gif) -814px 0px;}
.header_app_navi li#h_projectmanagement a:hover { background:url(/images/navigation/gnavi_ver2.gif) -814px -52px;}
.header_app_navi li#h_projectmanagement.hover a { background:url(/images/navigation/gnavi_ver2.gif) -814px -52px;}

/* メンバー招待 */
.header_app_navi li#h_invitation a       { background:url(/images/navigation/gnavi_lovegridy_p.gif) 0px 0px;}
.header_app_navi li#h_invitation a:hover { background:url(/images/navigation/gnavi_lovegridy_p.gif) 0px -52px;}
.header_app_navi li#h_invitation.hover a { background:url(/images/navigation/gnavi_lovegridy_p.gif) 0px -52px;}

/* ナビ追加機能で利用 */
.header_app_navi li.h_any        { background:url(/images/navigation/gnavi_any.gif) 0px 0px;}
.header_app_navi li.h_any:hover { background:url(/images/navigation/gnavi_any.gif) 0px -52px;}
.header_app_navi li.h_any.hover  { background:url(/images/navigation/gnavi_any.gif) 0px -52px;}

.circle { position:absolute; min-width:10px; bottom:5px; right:3px; height:10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background:#ff0000;
 padding:2px; display:inline; font-size:12px; line-height:1; color: #ffffff;}
/*---------------------------------------------------------------*/
/* contents_style(SFA) */
/*---------------------------------------------------------------*/

/* ナビヘッダ：タブ領域：タブ表示 */
div#header div.header_app ul.header_app_tab li.naviNum3 a       {}
div#header div.header_app ul.header_app_tab li.naviNum3 a:hover {background:url(/images/navigation/hnavi.gif) 0 -156px repeat-x;}
div#header div.header_app ul.header_app_tab li.naviNum3.hover a {background:url(/images/navigation/hnavi.gif) 0 -156px repeat-x;}

/* ナビヘッダ：アイコン領域 */
div#header div.header_app ul.header_app_navi.naviNum3 {
 background-color:#6983DD;
}

/* SFAホーム */
.header_app_navi li#h_home_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -666px -312px;}
.header_app_navi li#h_home_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -666px -364px;}
.header_app_navi li#h_home_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -666px -364px;}

/* 営業報告 */
.header_app_navi li#h_dailyreport_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -74px -208px;}
.header_app_navi li#h_dailyreport_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -74px -260px;}
.header_app_navi li#h_dailyreport_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -74px -260px;}

/* 顧客 */
.header_app_navi li#h_client_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -296px -208px;}
.header_app_navi li#h_client_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -296px -260px;}
.header_app_navi li#h_client_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -296px -260px;}

/* 顧客担当者 */
.header_app_navi li#h_charge_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -370px -208px;}
.header_app_navi li#h_charge_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -370px -260px;}
.header_app_navi li#h_charge_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -370px -260px;}

/* 商品 */
.header_app_navi li#h_materials_ks a       { background:url(/images/navigation/gnavi_ver2.gif)  -370px -312px;}
.header_app_navi li#h_materials_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -370px -364px;}
.header_app_navi li#h_materials_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -370px -364px;}

/* 商談 */
.header_app_navi li#h_businesstalk_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -444px -208px;}
.header_app_navi li#h_businesstalk_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -444px -260px;}
.header_app_navi li#h_businesstalk_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -444px -260px;}

/* 契約 */
.header_app_navi li#h_contract_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -518px -208px;}
.header_app_navi li#h_contract_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -518px -260px;}
.header_app_navi li#h_contract_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -518px -260px;}

/* キャンペーン */
.header_app_navi li#h_campaign_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -74px -312px;}
.header_app_navi li#h_campaign_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -74px -364px;}
.header_app_navi li#h_campaign_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -74px -364px;}

/* 問合せ管理 */
.header_app_navi li#h_Inquirymanage_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -444px -312px;}
.header_app_navi li#h_Inquirymanage_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -444px -364px;}
.header_app_navi li#h_Inquirymanage_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -444px -364px;}

/* ソリューション */
.header_app_navi li#h_solution_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -518px -312px;}
.header_app_navi li#h_solution_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -518px -364px;}
.header_app_navi li#h_solution_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -518px -364px;}

/* 集計・分析 */
.header_app_navi li#h_report_ks a       { background:url(/images/navigation/gnavi_ver2.gif) -592px -312px;}
.header_app_navi li#h_report_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) -592px -364px;}
.header_app_navi li#h_report_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) -592px -364px;}

/* _ダッシュボード */
.header_app_navi li#h_dashboard_ks a       { background:url(/images/navigation/gnavi_ver2.gif) 0px -312px;}
.header_app_navi li#h_dashboard_ks a:hover { background:url(/images/navigation/gnavi_ver2.gif) 0px -364px;}
.header_app_navi li#h_dashboard_ks.hover a { background:url(/images/navigation/gnavi_ver2.gif) 0px -364px;}

/* 目標 */
.header_app_navi li#h_target_ks a       { background:url(/images/navigation/sfa_gnavi_target.png) 0px 0px;}
.header_app_navi li#h_target_ks a:hover { background:url(/images/navigation/sfa_gnavi_target.png) 0px -52px;}
.header_app_navi li#h_target_ks.hover a { background:url(/images/navigation/sfa_gnavi_target.png) 0px -52px;}

/* 名刺 */
.header_app_navi li#h_meishi_ks a       { background:url(/images/navigation/sfa_gnavi_meishi.gif) 0px 0px;}
.header_app_navi li#h_meishi_ks a:hover { background:url(/images/navigation/sfa_gnavi_meishi.gif) 0px -52px;}
.header_app_navi li#h_meishi_ks.hover a { background:url(/images/navigation/sfa_gnavi_meishi.gif) 0px -52px;}

/* 名刺 */
.header_app_navi li#h_cockpit_ks a       { background:url(/images/navigation/gnavicockpit.gif) 0px 0px;}
.header_app_navi li#h_cockpit_ks a:hover { background:url(/images/navigation/gnavicockpit.gif) 0px -52px;}
.header_app_navi li#h_cockpit_ks.hover a { background:url(/images/navigation/gnavicockpit.gif) 0px -52px;}




/*---------------------------------------------------------------*/
/* contents_style(リードフォーム) */
/*---------------------------------------------------------------*/

/* ナビヘッダ：タブ領域：タブ表示 */
div#header div.header_app ul.header_app_tab li.naviNum4 a       {}
div#header div.header_app ul.header_app_tab li.naviNum4 a:hover {background:url(/images/navigation/hnavi.gif) 0 -104px repeat-x;}
div#header div.header_app ul.header_app_tab li.naviNum4.hover a {background:url(/images/navigation/hnavi.gif) 0 -104px repeat-x;}

/* ナビヘッダ：アイコン領域 */
div#header div.header_app ul.header_app_navi.naviNum4 {
 background-color:#3c953a;
}

/* フォーム一覧 */
.header_app_navi li#h_crm_home a       { background:url(/images/navigation/gnavi_ver2.gif) -148px -208px;}
.header_app_navi li#h_crm_home a:hover { background:url(/images/navigation/gnavi_ver2.gif) -148px -260px;}
.header_app_navi li#h_crm_home.hover a { background:url(/images/navigation/gnavi_ver2.gif) -148px -260px;}

/* フォーム作成 */
.header_app_navi li#h_crm_form_wizard a       { background:url(/images/navigation/gnavi_ver2.gif) -222px -312px;}
.header_app_navi li#h_crm_form_wizard a:hover { background:url(/images/navigation/gnavi_ver2.gif) -222px -364px;}
.header_app_navi li#h_crm_form_wizard.hover a { background:url(/images/navigation/gnavi_ver2.gif) -222px -364px;}

/* 集計・分析 */
.header_app_navi li#h_crm_report a       { background:url(/images/navigation/gnavi_ver2.gif) -592px -312px;}
.header_app_navi li#h_crm_report a:hover { background:url(/images/navigation/gnavi_ver2.gif) -592px -364px;}
.header_app_navi li#h_crm_report.hover a { background:url(/images/navigation/gnavi_ver2.gif) -592px -364px;}

/* フォーム一覧(新) */
.header_app_navi li#h_leadform_home a       { background:url(/images/navigation/gnavi_ver2.gif) -148px -208px;}
.header_app_navi li#h_leadform_home a:hover { background:url(/images/navigation/gnavi_ver2.gif) -148px -260px;}
.header_app_navi li#h_leadform_home.hover a { background:url(/images/navigation/gnavi_ver2.gif) -148px -260px;}

/* フォーム作成(新) */
.header_app_navi li#h_leadform_new a       { background:url(/images/navigation/gnavi_ver2.gif) -222px -312px;}
.header_app_navi li#h_leadform_new a:hover { background:url(/images/navigation/gnavi_ver2.gif) -222px -364px;}
.header_app_navi li#h_leadform_new.hover a { background:url(/images/navigation/gnavi_ver2.gif) -222px -364px;}

/* 集計・分析(新) */
.header_app_navi li#h_leadform_report a       { background:url(/images/navigation/gnavi_ver2.gif) -592px -312px;}
.header_app_navi li#h_leadform_report a:hover { background:url(/images/navigation/gnavi_ver2.gif) -592px -364px;}
.header_app_navi li#h_leadform_report.hover a { background:url(/images/navigation/gnavi_ver2.gif) -592px -364px;}

/* リードフォーム設定管理(新) */
.header_app_navi li#h_leadform_setting a       { background:url(/images/navigation/gnavi_ver2.gif) -814px -104px;}
.header_app_navi li#h_leadform_setting a:hover { background:url(/images/navigation/gnavi_ver2.gif) -814px -156px;}
.header_app_navi li#h_leadform_setting.hover a { background:url(/images/navigation/gnavi_ver2.gif) -814px -156px;}

/*---------------------------------------------------------------*/
/* contents_style(CENTER) */
/*---------------------------------------------------------------*/

/* ナビヘッダ：タブ領域：タブ表示 */
div#header div.header_app ul.header_app_tab li.naviNum5 a       {}
div#header div.header_app ul.header_app_tab li.naviNum5 a:hover {background:url(/images/navigation/hnavi.gif) 0 -182px repeat-x;}
div#header div.header_app ul.header_app_tab li.naviNum5.hover a {background:url(/images/navigation/hnavi.gif) 0 -182px repeat-x;}

/* ナビヘッダ：アイコン領域 */
div#header div.header_app ul.header_app_navi.naviNum5 {
 background-color:#C6386A;
}

/* CENTERホーム */
.header_app_navi li#h_ctr_home a       { background:url(/images/navigation/gnavi_ver2.gif) -666px -208px;}
.header_app_navi li#h_ctr_home a:hover { background:url(/images/navigation/gnavi_ver2.gif) -666px -260px;}
.header_app_navi li#h_ctr_home.hover a { background:url(/images/navigation/gnavi_ver2.gif) -666px -260px;}

/* 問い合わせ */
.header_app_navi li#h_ctr_form_wizard a       { background:url(/images/navigation/gnavi_ver2.gif) -296px -312px;}
.header_app_navi li#h_ctr_form_wizard a:hover { background:url(/images/navigation/gnavi_ver2.gif) -296px -364px;}
.header_app_navi li#h_ctr_form_wizard.hover a { background:url(/images/navigation/gnavi_ver2.gif) -296px -364px;}

/* CENTER設定管理 */
.header_app_navi li#h_ctr_form_setting a       { background:url(/images/navigation/gnavi_ver2.gif) -814px -104px;}
.header_app_navi li#h_ctr_form_setting a:hover { background:url(/images/navigation/gnavi_ver2.gif) -814px -156px;}
.header_app_navi li#h_ctr_form_setting.hover a { background:url(/images/navigation/gnavi_ver2.gif) -814px -156px;}


/*---------------------------------------------------------------*/
/* contents_style(MAIL_BEACON) */
/*---------------------------------------------------------------*/

/* ナビヘッダ：タブ領域：タブ表示 */
div#header div.header_app ul.header_app_tab li.naviNum6 a       {}
div#header div.header_app ul.header_app_tab li.naviNum6 a:hover {background:url(/images/navigation/hnavi.gif) 0 -130px repeat-x;}
div#header div.header_app ul.header_app_tab li.naviNum6.hover a {background:url(/images/navigation/hnavi.gif) 0 -130px repeat-x;}

/* ナビヘッダ：アイコン領域 */
div#header div.header_app ul.header_app_navi.naviNum6 {
 background-color:#a1a5af;
}

/* メールビーコン */
.header_app_navi li#h_mb_mail a       { background:url(/images/navigation/mb_gnavi_mailbeacon.png);}
.header_app_navi li#h_mb_mail a:hover { background:url(/images/navigation/mb_gnavi_mailbeacon.png) 0 -52px;}
.header_app_navi li#h_mb_mail.hover a { background:url(/images/navigation/mb_gnavi_mailbeacon.png) 0 -52px;}

/* Myリスト */
.header_app_navi li#h_mb_list a       { background:url(/images/navigation/mb_gnavi_mylist.png);}
.header_app_navi li#h_mb_list a:hover { background:url(/images/navigation/mb_gnavi_mylist.png) 0 -52px;}
.header_app_navi li#h_mb_list.hover a { background:url(/images/navigation/mb_gnavi_mylist.png) 0 -52px;}

/* メールテンプレート */
.header_app_navi li#h_mb_mailtemplate a       { background:url(/images/navigation/mb_gnavi_template.png);}
.header_app_navi li#h_mb_mailtemplate a:hover { background:url(/images/navigation/mb_gnavi_template.png) 0 -52px;}
.header_app_navi li#h_mb_mailtemplate.hover a { background:url(/images/navigation/mb_gnavi_template.png) 0 -52px;}

/* メールビーコン設定管理 */
.header_app_navi li#h_mb_setting a       { background:url(/images/navigation/gnavi_ver2.gif) -814px -104px;}
.header_app_navi li#h_mb_setting a:hover { background:url(/images/navigation/gnavi_ver2.gif) -814px -156px;}
.header_app_navi li#h_mb_setting.hover a { background:url(/images/navigation/gnavi_ver2.gif) -814px -156px;}


/*---------------------------------------------------------------*/
/* contents */
/*---------------------------------------------------------------*/

div#contents {
  clear: both;
  width: 100%;
  min-width: 900px;
  margin-left: 2px;
  margin-right: 2px;
}


/*---------------------------------------------------------------*/
/* side contents */
/*---------------------------------------------------------------*/

div#side_contents {
  width: 202px;
  float: left;
  margin-right: 3px;
}
div#side_contents div.menu_component {
  width: 100%;
  margin-bottom: 5px;
}
div#side_contents div.menu_component h2 {
  background: url("/images/ctr/common/bg_tit.gif") repeat-x scroll 0 0 transparent;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 12px;
}
div#side_contents div.menu_component h2 img.icon {
  vertical-align: top;
}
div#side_contents div.menu_component h3 {
  margin: 0;
  padding: 3px;
  width: 98%;
  font-size: 12px;
}
div#side_contents div.menu_component .menu_component_body {
  width: 100%;
  border: 1px solid #CCCCCC;
  margin: 0;
  padding: 2px;
}
div#side_contents div.menu_component .operation_component {
  padding: 6px 3px 6px 3px;
}
div#side_contents div.menu_component div.menu_component_body,
div#side_contents div.menu_component ul.menu_component_body {
  width: 196px;
}
div#side_contents div.menu_component ul.menu_component_body {
  list-style-type: none;
}
/* menu_component stripe(even) */
div#side_contents div.menu_component ul.menu_component_body li.even {
  background-color: #F0F0F0;
}
/* menu_component alert */
div#side_contents ul#info_menu li.alert {
  font-weight: bold;
}


div#side_contents div.menu_component li.alert a:ACTIVE,
div#side_contents div.menu_component li.alert a:HOVER,
div#side_contents div.menu_component li.alert a:VISITED,
div#side_contents div.menu_component li.alert a:LINK {
  color: red;
}

/* お知らせ用icon */
div#side_contents img.sfa_icon {
  margin-left:8px;
  margin-right: 10px;
}

/* 設定画面メニュー */
div#side_contents ul.admin_menu_ul {
  padding: 4px;
}
div#side_contents ul.admin_menu_ul li {
  padding: 2px;
}
/* セレクトボックスの幅(side_contents用) */
div#side_contents div.menu_component select.side_select {
  width: 180px;
}

/* leftbar カレンダー */
#wrap_calender {
  margin: 0 0 10px;
  width: 200px;
  border: 1px solid #cccccc;
}
#wrap_calender .calendar_head {
  background-color: #f5f7f8;
  background-image: url("../images/css_images/bg_titlebar.png");
  background-repeat: repeat-x;
  height: 24px;
  width: 100%;
}
#wrap_calender .calendar_head th.back_bt {
  text-align: right;
  width: 25%;
}
#wrap_calender .calendar_head td.main_area {
  text-align: center;
  width: 50%;
  font-weight: bold;
}
#wrap_calender .calendar_head th.next_bt {
  text-align: left;
  width: 25%;
}
#wrap_calender div.inner {
  width: 95%;
  background-image: url("../images/css_images/bg_calender.png");
  background-position: center bottom;
  background-repeat: repeat-x;
  margin: 0 auto;
}
#wrap_calender div.inner table {
  border-collapse: separate;
  border-spacing: 2px;
  margin: 7px auto;
  padding: 0;
  text-align: center;
  line-height: 130%;
  width: 100%;
  height: 100px;
  font-family: Arial;
  border-spacing: 0;
  border: medium none;
}
#wrap_calender div.inner table td {
  background-color: #eaeaea;
  height: 15px;
  width: 14.28%;
  margin: 0;
  padding: 0;
}
#wrap_calender div.inner table td span {
  cursor: pointer;
  display: block;
  text-align: center;
  font-family: Arial;
  font-size: 10px;
}
#wrap_calender div.inner table .sat {
  background-color: #e6f7ff;
}
#wrap_calender div.inner table .sun,
#wrap_calender div.inner table .holiday {
  background-color: #ffe1e1;
}
#wrap_calender div.inner span.nowdate {
  font-size: 12px;
  font-weight: bold;
}
#wrap_calender div.inner .c_bg_od {
  background-color: #eaeaea;
  color: #666666;
  display: block;
}

/*---------------------------------------------------------------*/
/* main contents */
/*---------------------------------------------------------------*/

div#main_contents {
  margin-left: 207px;
  min-width: 697px;
  /min-width: 693px;
}

/* h1 */
div#main_contents h1 {
  background-image: url("../images/css_images/bg_titlebar.gif");
  background-repeat: repeat-x;
  height: 24px;
  overflow: hidden;
  font-size: 12px;
  margin: 5px 0 0 0;
}
div#main_contents h1 small {
  font-weight: normal;
  font-size: 10px;
  margin: 0 5px;
}

/* h2 */
div#main_contents h2 {
  background-color: #F0F0F0;
  border-bottom: 1px solid #CDCDCD;
  border-collapse: collapse;
 *height: 18px;
  min-height:18px;
  overflow: hidden;
  margin: 0;
  font-size: 12px;
  vertical-align: bottom;
  padding: 6px 3px;
}

div#main_contents div.component {
  margin-bottom: 5px;
  border: 1px solid #EBEBEB;
}
div#main_contents div.detail_component {
  margin-bottom: 5px;
}


/*---------------------------------------------------------------*/
/* footer */
/*---------------------------------------------------------------*/

div#footer {
  clear: both;
  text-align: right;
  height: 17px;
  margin-top: 4px;
  min-width: 900px;
}
div#footer small {
  font-size: 10px;
}
/*---------------------------------------------------------------*/
/* コンポーネント・ダイアログ */
/*---------------------------------------------------------------*/

/* テーブル共通 */
table.list_table,
table.detail_table,
table.form_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #EBEBEB;
}

table.list_table th,
table.detail_table th,
table.form_table th {
  background: url("../images/css_images/bg_titlebarline.gif") repeat-x scroll left top #F6F8F8;
  border: 1px solid #EBEBEB;
  margin-top: 1px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px;
  height: 30px;
}
table.detail_table th > small,
table.form_table th > small {
  font-weight: normal;
}
table.list_table td,
table.detail_table td,
table.form_table td {
  border-left: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  padding: 3px;
  height: 30px;
}

th.cell_checkbox,
td.cell_checkbox {
  width: 30px !important;
}
th.cell_flag_icon {
  width: 30px !important;
}
th.cell_clip_icon {
  width: 30px !important;
}

/* 一覧用テーブル */
div.list_table_div {
  overflow: auto;
  -ms-touch-action:pan-y pinch-zoom double-tap-zoom;
}
table.list_table th {
  font-weight: normal;
}
table.list_table th.selectedOrder {
  font-weight: bold;
}
table.list_table > tbody > tr.even {
  background-color: #F5F7F8;
}

/* 一覧テーブル （少量件数時の空きテーブル） */
table.empty_table tr, table.empty_table th, table.empty_table td {
  border-style: none;
  border-width: 0px;
}

/* 一覧テーブル：カスタム項目用 */
table.list_table.custom_table th,
table.list_table.custom_table td {
  white-space: nowrap;
}

/* 詳細用テーブル */
table.detail_table {
  width: 100%;
}
table.detail_table th {
  width: 150px;
  min-width: 150px;
  padding: 5px;
}
table.detail_table td.inner_header {
  width: 100px;
  min-width: 100px;
}
/* 登録用テーブル */
table.form_table {
  width: 100%;
}
table.form_table th {
  width: 20%;
  padding: 5px;
}
table.form_table p {
  width: 100%;
}
table.form_table label.header_label {
  display: inline-block;
  width: 10%;
  /display: inline;
  /zoom: 1;
}
#main_contents table.form_table td {
  padding: 7px;
}
/* 分割テーブル */
table.split_table th {
  width: 10%;
  white-space: normal;
}
table.split_table td {
  width: 15%;
}
table.split_table td.blank {
  width: 25%;
}

/* メンバー選択・設備選択コンポーネント */ 
table.par_select td {
  border: none;
}
tr.par_select td {
  border: none;
}

/* 項目選択用テーブル */
table.item_select_table {
  width: 100%;
}
table.item_select_table td {
  vertical-align: middle;
}
table.item_select_table td.item_select_td {
  vertical-align: top;
}
table.item_select_table  input {
  width: 235px;
}
table.item_select_table select.item_select_box {
  height: 360px;
  line-height: 18px;
  padding: 5px;
  width: 230px;
}

/* 入れ子用テーブル定義 */
table.list_table th {
  width: auto;
  min-width: 0;
}

/* 操作項目（ボタン等 ） */
div.operation_component {
  width: 100%;
  height: auto;
  padding: 6px 3px 6px 3px;
}
div.operation_component div.par,
div.operation_component div.par div {
  display: inline;
}

/* メッセージ欄 */
p.message_component {
  padding: 5px;
  line-height: 1.2em;
}
/* メッセージ欄（メッセージ強調ページ用) */
p.strong_message_component {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  margin: 0;
  border: 1px solid #CCCCCC;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 15px;
  font-family: Tahoma,Verdana,Arial,sans-serif;
}

/* 選択メニュー用リスト */
ul.menu_list_ul {
  border: 1px solid #CCCCCC;
}
h2 + ul.menu_list_ul {
  border-top: 0 none;
}
ul.menu_list_ul li {
  background: url("/images/ctr/common/arrow_gray.gif") no-repeat scroll 10px 7px transparent;
  color: #008CFF;
  line-height: 23px;
  padding-left: 25px;
  border-top: 1px dashed #CCCCCC;
}
ul.menu_list_ul li:first-child {
  border-top: 0 none;
}
ul.menu_list_ul li:hover,
ul.menu_list_ul li.current {
  background: url("/images/ctr/common/arrow_blue.gif") no-repeat scroll 10px 7px #CADCE1;
}
ul.menu_list_ul li.parent_li:hover,
ul.menu_list_ul li.parent_li.current {
  background: transparent;
}

ul.menu_list_ul li a {
  display: inline-block;
  width: 100%;
  /display: inline;
  /zoom: 1;
}

/* 項目・順番選択用コンポーネント */
div.item_select_div {
  width: 200px;
  margin-right: 20px;
  margin-left: 20px;
}
div.item_select_div_right {
  float: right;
  margin-right: 30%;
}
div.item_select_div ul.item_select_ul {
  border: 2px solid #CDCDCD;
  background-color: white;
  min-height: 10em;
}
div.item_select_div p {
  font-weight: bold;
}

/* 入力フォーム */
div.form_component ul.form_component_ul {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  /display: inline;
  /zoom: 1;
}
div.form_component ul.form_component_ul li {
  margin: 5px
}
div.form_component li,
div.form_component label,
div.form_component input {
  margin: 2px 2px
}
div.form_component label.header_label {
  display: inline-block;
  width: 90px;
  /display: inline;
  /zoom: 1;
} 

/* グループ情報表示 */
div.form_component div.par,
div.form_component div.par div {
  display: inline;
}

/* 一覧検索フォーム */
div#filter_form,
div#view_item_form {
  display: none;
  padding: 5px;
  border-bottom: 0.5px solid #CDCDCD;
  background-color: #F6F8F8;
}
/* 検索フォーム（汎用） */
div.filter_form_component {
  padding: 5px;
  border-bottom: 0.5px solid #CDCDCD;
  background-color: #F6F8F8;
}

/* 左メニュー・月スケジュールカレンダー */
table.schedule_calendar_table {
  width: 100%;
  border-collapse: collapse;
}
table.schedule_calendar_table th,
table.schedule_calendar_table td {
  border: 1px solid #CDCDCD;
  vertical-align: top;
}
table.schedule_calendar_table th {
  background-color: #F0F0F0;
  padding: 5px;
  text-align: center;
  font-style: normal;
}
table.schedule_calendar_table td.days {
  background-color: #F5F7F8;
  height: 10px;
  padding: 5px;
  text-align: center;
}
table.schedule_calendar_table td.sch_box2 {
  height: 85px;
  max-width: 14%;
  width: 14%;
  padding: 5px 2px;
}
/* メイン・週スケジュールコンポーネント */
div#schedule_result div.operation_component span.schedule_menu {
  display: inline-block;
  text-align: left;
  width: 33%;
/display: inline;
/zoom: 1;
}
div#schedule_result div.operation_component span.date_menu {
  display: inline-block;
  text-align: center;
  width: 33%;
/display: inline;
/zoom: 1;
}
div#schedule_result div.operation_component span.date_menu span.s_day {
  font-weight: bold;
}
table#my_schedule.schedule_calendar_table tbody tr td div.sch_box {
  width: auto;
  padding: 1px;
}
table#my_schedule.schedule_calendar_table tbody tr td div.sch_box div span {
  display: block;
}
/* 週/月表示スケジュールの表示間隔 */
table.quick_calendar_for_group_table div.sch_box div,
table.schedule_calendar_table div.sch_box div {
  padding-bottom: 12px; 
}

/* スケジュール event_dateコンポーネント */
div.event_date_component input.event_start_date,
div.event_date_component input.event_end_date {
  width: 80px;
}
div.event_date_component input.event_start_time,
div.event_date_component input.event_end_time {
  width: 60px;
}

/* ダイアログ */
.dialog_popup,
.dialog_popup input,
.dialog_popup textarea {
  font-size:12px;
  font-family:"ＭＳＰゴシック","MS PGothic","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Helvetica,sans-serif;
  color:#333333;
  text-align:left;
}  
.dialog_popup {
  display: none;
}
/* h2 */
.dialog_popup h2 {
  background-color: #F0F0F0;
  border-bottom: 1px solid #CDCDCD;
  border-collapse: collapse;
  height: 18px;
  overflow: hidden;
  margin: 0;
  font-size: 12px;
  vertical-align: bottom;
  padding: 6px 3px;
}

/* 解除ボタン */
.dialog_unset_btn {
  display: none;
}
.dialog_popup div.operation_component {
  width: 98.5%;
}

/* 部署・ユーザー選択メニュー */
.dialog_popup table.groupSearchMenu {
  border-collapse: collapse;
  list-style-type: none;
  margin: 0 12px;
}
.dialog_popup table.groupSearchMenu td {
  float:left;
  margin: 0;
  padding: 4px 12px;
  border: 1px solid #cccccc;
  border-right : none;
}
.dialog_popup table.groupSearchMenu td.selected {
  background-color: #efefef;
}
.dialog_popup table.groupSearchMenu td.lastChild {
  border-right : 1px solid #cccccc;
}
.dialog_popup table.groupSearchMenu td.selected {
  background-color: #efefef;
}
.dialog_popup table.groupSearchMenu tbody tr td.selected a {
  color: gray;
}
.dialog_popup div#groupSelectHeader,
.dialog_popup div#groupSelectInner {
  padding: 0 5px;
}
.dialog_popup div#groupSelectInner {
  width: 385px;
  height: 220px;
}
.dialog_popup div#groupSelectInner ul {
  margin: 12px 12px 0px 12px;
}
.dialog_popup div#groupSelectInner ul li {
  margin-bottom: 2px;
}

/* 掲示板フォルダー */
.dialog_popup div#bulletinFolderSelectInner {
  width: 385px;
  height: 220px;
}

/* ファイル選択ボタン */
div.file_search_btn_div a {
  vertical-align: top;
}
div.local_file_btn_div,
div.local_file_btn_div div {
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
/* ファイル選択ダイアログ */
.dialog_popup .dialog_folders_div {
  float: left;
  width: 35%;
  height: 92%;
  overflow: auto;
}
.dialog_popup .dialog_files,
.dialog_popup .dialog_selected_files {
  float: right;
  width: 62%;
}
.dialog_popup .dialog_files_table_div {
  height: 291px;
  border: 1px solid #EBEBEB;
  overflow: auto;
}
.dialog_popup .file_detail_td {
  white-space: nowrap;
  text-align: center;
}
/* 選択したファイル一覧 */
ul.attached_file_list li {
  margin-left: 5px;
}
.dialog_popup .dialog_selected_files {
  margin-top: 7px;
}
.dialog_popup .dialog_selected_files h3 {
  font-size: 1em;
  margin-top: 3px;
  margin-bottom: 3px;
}
.dialog_popup .dialog_files table.list_table th,
.dialog_popup .dialog_files table.list_table td,
table.selected_file_table th,
table.selected_file_table td {
  height: 15px;
}

/* スケジュール詳細表示ダイアログ */
table.popup_detail_table th,
table.popup_detail_table td,
table.popup_form_table th,
table.popup_form_table td {
  height: auto;
}

/* personal/profile コンポーネント用スタイル ここから */
table.profile_table {
  border-spacing: 0;
  width: 100%;
  border: medium none;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}
table.profile_table td.profile_left {
  width: 109px;
  margin: 0;
  padding: 0;
  text-align: right;
  vertical-align: top;
}
table.profile_table td.profile_left div.profCommentL {
  margin: 10px 0 10px 10px;
  padding: 0;
  width: 109px;
}
table.profile_table td.profile_left div.profCommentL img {
  vertical-align: top;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
}
table.profile_table td.profile_left div.profCommentL img.photoImg {
    margin-right: 7px;
}
table.profile_table td.profile_left div.profCommentL ul {
  margin-top: 6px;
}
table.profile_table td.profile_left div.profCommentL ul li {
  float: left;
  margin-right: 3px;
}
table.profile_table td.profile_right {
  width: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
}
table.profile_table td.profile_right div.profCommentR {
  /* 定義なし */
}
table.profile_table td.profile_right div.profCommentR .com_in_text {
  background: none repeat scroll 0 0 #E6F9FB;
  margin: 10px 10px 10px 0;
  padding: 0;
}
table.profile_table td.profile_right div.profCommentR div.com_in_head {
  background: url("../images/css_images/prof_com_headl.gif") no-repeat scroll 0 0 #E6F9FB;
  height: 5px;
  margin: 0;
  padding: 0;
}
table.profile_table td.profile_right div.profCommentR .com_in_text p.txt {
  line-height: 150%;
  padding: 5px 15px;
  margin: 0;
}
table.profile_table td.profile_right div.profCommentR div.com_in_foot {
  background: url("../images/css_images/prof_com_footl.gif") no-repeat scroll 0 0 #E6F9FB;
  height: 5px;
}
/* personal/profile コンポーネント用スタイル ここまで */

/* メモ転記用ダイアログ（フッター埋め込み）ここから */
#boxes .memopaddialog {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:440px;
  display:none;
  z-index:9999;
  padding:20px;
  border: 1px solid #CDCDCD;
  text-align: left;
}
#boxes #popup_memo_dialog {
/*  background:url(images/notice.png) no-repeat 0 0 transparent; */
  background-color:#ffffff;
  width:382px; 
  height:auto;
  padding:0 0 10px;
}
#boxes .title_bar {
  background-image: url("/images/css_images/bg_titlebar.gif");
  background-repeat: repeat-x;
  height: 24px;
  overflow: hidden;
}
#boxes .memopad_title {
    border: 1px solid #CDCDCD;
    width:90%;
    margin:0 10px;
}

#boxes .memopad_flag {
    border: 1px solid #CDCDCD;
    margin:0 10px;
}

#boxes .memopad_category {
    border: 1px solid #CDCDCD;
    width:90%;
    margin:0 10px;
}

#boxes .memopad_body {
    background-color: #F5F7F8;
    border: 1px solid #CDCDCD;
    margin:0px;
    font-size: 12px;
    width:90%; 
    height: 150px;
    margin:0 10px;
}
/* h1 */
#boxes h1 {
  padding-top:5px;
  padding-left:10px;
  font-size: 12px;
  margin: 5px 0 0 0;
}

#boxes li {
float: right;
}
#boxes .memobtn {
margin: 10px 10px 0 !important;
}

#boxes label {
  font-weight: bold;
  color: #6F6F6F;
  margin-left:10px;
}
/* メモ転記用ダイアログ（フッター埋め込み）ここまで */

/* ユーザ選択ダイアログ */
.dialog_user_select .project_div {
  float: left;
  width: 35%;
  height: 95%;
}
.dialog_user_select .project_div .ui-tabs-panel {
  height: 80%;
  overflow: auto;
}
.dialog_user_select .project_members_div,
.dialog_user_select div.project_member_search_div {
  float: right;
  width: 60%;
}
.dialog_user_select .detail_table th {
  padding: 2px;
}
/* 検索ボックス */
.dialog_user_select .project_member_search_div .input_middle {
  width: 95%;
}

/* ユーザ選択コンポーネント */
div#main_contents div.user_search_component,
div.user_search_component {
  border-color: transparent;
}
div#main_contents div.user_search_component4,
div.user_search_component4 {
}
div.user_search_component_small {
  height: auto;
}
.user_search_component .side_component {
  float: left;
  width: 49%;
}
.user_search_component .ui-tabs-panel {
  height: 140px;
  overflow: auto;
  border: 1px solid #EBEBEB;
}
.user_search_component .ui-tabs-panel ul {
  /zoom: 1;
}
.user_search_component_small .ui-tabs-panel {
  height: 60px;
}
.user_search_component .result_component {
  float: right;
  width: 49%;
}
.user_search_component .list_table_div {
  border: 1px solid #EBEBEB;
  overflow: auto;
  overflow-x: hidden;
  
}
.user_search_component .project_members_div .list_table_div {
  height: 180px;
}
.user_search_component4 .project_members_div .list_table_div {
  height: 120px;
}
.user_search_component_small .project_members_div .list_table_div {
  height: 110px;
}
/* 検索ボックス */
.user_search_component .project_member_search_div .input_middle {
  width: 95%;
}
.user_search_component .result_component .list_table_div {
  height: 420px;
}
.user_search_component4 .result_component .list_table_div {
  height: 120px;
}
.user_search_component_small .result_component .list_table_div {
  height: 250px;
}
.user_search_component .project_div {
  border-color: transparent;
}
#main_contents .user_search_component .list_table td,
.user_search_component .list_table td {
  padding: 2px;
  height: 20px;
}
.user_search_component .detail_table th {
  padding: 2px;
  width: 50%;
  min-width: 40%;
}
.user_search_component4 .detail_table th,
.user_search_component_small .detail_table th {
  padding: 1px;
  height: 20px;
}

/* ユーザ検索コンポーネント用jQuery UI Tabs修正 */
.user_search_component .ui-tabs-nav {
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}
.user_search_component .ui-tabs-nav > li > a {
  padding: 7px 3px;
  font-size: 12px;
}
.user_search_component_small .ui-tabs-nav > li > a {
  padding: 2px 1px;
  font-size: 11px;
}

#progress {
 background-image: url(/images/icon/loading.gif); 
 top:50%;
 left:50%;
 width:48px;
 height:48px;
 opacity: 1.00;
}


#mordalLayer{
    position:fixed;
    top:0;
    display:none;
    z-index: 100;
    left:0;
    height:100%;
    width:100%;
    background:#225B7F;
    opacity: 0.30;
    filter:alpha(opacity=60);
}

#overLayer{
    position: fixed;
    display:none;
    z-index: 200;
    width:40%; 
    top:40%;
    left:50%;
}

/* 部署・ユーザー選択メニュー */
.searchProjectComponent table.groupSearchMenu {
  border-collapse: collapse;
  list-style-type: none;
  margin: 0 4px;
}
.searchProjectComponent table.groupSearchMenu td {
  float:left;
  margin: 0;
  padding: 4px;
  border: 1px solid #cccccc;
  border-right : none;
}
.searchProjectComponent table.groupSearchMenu td.selected {
  background-color: #efefef;
}
.searchProjectComponent table.groupSearchMenu td.lastChild {
  border-right : 1px solid #cccccc;
}
.searchProjectComponent table.groupSearchMenu td.selected {
  background-color: #efefef;
}
.searchProjectComponent table.groupSearchMenu tbody tr td.selected a {
  color: gray;
}
.group_list_component {
/*  margin: 12px 12px 0px 12px;
  */
}
.group_list_component ul{
  margin: 12px 12px 0px 12px;
  overflow:auto;
  
}
.group_list_component li {
  margin-bottom: 4px;
  display: block;
}
.group_list_component span {
  padding: 2px 3px;
}

.projectcomponent a.header  {
  background:url(/images/ctr/common/blt_03.gif) no-repeat scroll 4px center #EEE;
  /*background-color: #F0F0F0;
*/
  border-bottom: 1px solid #CDCDCD;
  display: block; 
  height: 30px; 
  line-height: 30px; 
  color:#333333;
}
ul.projectcomponent li.open a.header {
  background:url(/images/ctr/common/blt_03_on.gif) no-repeat scroll 4px center #EEE!important;
}
font#pcolor{
  height:10px;
  width:10px;
}

/* Ajax送信中イメージ */
div.ajax_data_loading {
  background-image:url(../images/icon/preloader.gif);
  background-repeat: no-repeat;
  overflow:auto;
  height:32px;
  width:32px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-16px;
  margin-left:-16px;
}

/* タイトル等を幅に合わせて切り詰める */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
/* インポート、エクスポート画面 */
.import-export_component{
  float: left;
  width: 100%;
}
.ListHover {
  background-color: #DDDDDD;
}