<!--

/* ボディ
----------------------------------------------------------- */
body {
        margin: 0px;
}

.logintable {
        background-color: #2D197C;
        background-image: url(http://www.j-grip.com/grip/img/head02.gif);
        background-repeat: no-repeat;
        text-align: right;
        height: 26px;
        padding-right: 10px;
        vertical-align: 50%;
}

.mainmenu {
        background-image: url(http://www.j-grip.com/grip/img/m_bg.gif);
        background-repeat: repeat-x;
}

.loginnow {
        font-weight: bold;
        color: #FFFF00;
}

.loginpanel {
        font-size: 13px;
        color: #FFFFFF;
        white-space: nowrap;
        margin-left: 200px;
}
.login {
        font-size: 13px;
        color: #FFFFFF;
}
.login a:link, .login a:visited{
        font-size: 13px;
        color: #FFFFFF;
}

.contents {
        background-image: url(http://www.j-grip.com/grip/img/main_bg.gif);
        background-repeat: repeat-x;
        padding-left: 1%;
        padding-top: 18px;
}

.foot {
        background-image: url(http://www.j-grip.com/grip/img/foot_bg.gif);
        background-repeat: repeat-x;
}
.copyright {
        font-size: 82%;
        color: #666666;
        text-align: right;
        padding: 8px;
        white-space: nowrap;
}

.app_back {
   background-image: url(http://www.j-grip.com/grip/img/main_bg.gif);
   background-repeat: repeat-x;
}
/* 全セル内デフォルト
----------------------------------------------------------- */
td {  font-size: small; color: #333333; line-height: 120%;}

/* サブメニュー  */
.submenu {
        margin-left: 0px;
        background-image: url(http://www.j-grip.com/grip/img/menu_bg.gif);
        background-repeat: repeat-y;
}
.smtopf{
        font-size: 87%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_top_f.gif);
        background-repeat: no-repeat;
        height: 38px;
        padding-left: 18px;
        color: #FF9000;
        vertical-align: middle;
        padding-bottom: 13px;
        white-space: nowrap;
}
.smtop a:link, .smtop a:visited{
        font-size: 87%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_top.gif);
        background-repeat: no-repeat;
        height: 38px;
        color: #4A416E;
        width: 161px;
        display: block;
        padding-left: 18px;
        text-decoration: none;
        padding-top:7px;
        white-space: nowrap;
}

.ssmtitle {
        font-size: 87%;
        color: #4E4088;
        padding-left: 8px;
        padding-top: 2px;
        padding-bottom: 7px;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/ssmhr.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
}
.smtitle {
        background-image: url(http://www.j-grip.com/grip/img/sm_title.gif);
        background-repeat: no-repeat;
        height: 32px;
        display: block;
        padding-left: 5px;
        font-size: 83%;
        font-weight: bold;
        color: #FFFFFF;
}

.smsp {
        height: 9px;
        font-size: 0px;
}

.ssmbg {
        background-image: url(http://www.j-grip.com/grip/img/ssm_bg.gif);
        background-repeat: repeat-y;
}
.smbg {
        background-image: url(http://www.j-grip.com/grip/img/smsp.gif);
        background-repeat: repeat-y;
}

.smtop a:hover {
        font-size: 78%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_top_o.gif);
        background-repeat: no-repeat;
        height: 53px;
        padding-left: 18px;
        color: #6F5F94;
        padding-top: 7px;
        text-decoration: none;
        white-space: nowrap;
}
/*  左メニュー（メイン処理）
----------------------------------------------------------- */
.menu a:link, .menu a:visited{
        font-size: 87%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_base.gif);
        background-repeat: no-repeat;
        height: 53px;
        width: 161px;
        color: #4A416E;
        padding: 13px 0px 0px 18px;
        text-decoration: none;
        margin: 0px;
        display: block;
}

.menu a:hover {
        font-size: 87%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_base_o.gif);
        background-repeat: no-repeat;
        height: 53px;
        padding-left: 18px;
        color: #6F5F94;
        padding-top: 13px;
        text-decoration: none;
        display: block;
}

.menu3 a:link, .menu3 a:visited{
        font-size: 87%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_base_bot.gif);
        background-repeat: no-repeat;
        height: 53px;
        color: #4A416E;
        width: 161px;
        display: block;
        padding-left: 18px;
        padding-top: 13px;
        text-decoration: none;
}

.menu3 a:hover {
        font-size: 87%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_base_bot_o.gif);
        background-repeat: no-repeat;
        height: 53px;
        padding-left: 18px;
        color: #6F5F94;
        padding-top: 13px;
        text-decoration: none;
}
.menu_active a:link, .menu_active a:visited{
        font-size: 87%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_base_f.gif);
        background-repeat: no-repeat;
        height: 53px;
        width: 161px;
        color: #FF9000;
        display: block;
        padding-left: 18px;
        padding-top: 13px;
        text-decoration: none;
}
.menu_active a:hover{
         text-decoration:none;
         color: #ff9900;
}
.menu3_active a:link, .menu3_active a:visited{
        font-size: 87%;
        font-weight: bold;
        background-image: url(http://www.j-grip.com/grip/img/sm_base_bot_f.gif);
        background-repeat: no-repeat;
        height: 53px;
        width: 161px;
        color: #FF9000;
        padding-left: 18px;
        padding-top: 13px;
        display: block;
        text-decoration: none;
}
.menu3_active a:hover {
        text-decoration:none;
        color: #ff9900;
}
.navi2 a:link, .navi2 a:visited {
        display: block;
        font-size: 78%;
        color: #666666;
        text-decoration: none;
        background-image: url(http://www.j-grip.com/grip/img/ssm_base.gif);
        height: 35px;
        padding-bottom: 5px;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 9px;
        padding-left: 28px;
        font-weight: bold;
}

.navi2 a:hover {
        display: block;
        font-size: 78%;
        color: #FF9900;
        text-decoration: none;
        background-image: url(http://www.j-grip.com/grip/img/ssm_base_o.gif);
        height: 35px;
        padding-bottom: 5px;
        background-repeat: no-repeat;
        background-position: center center;
}

.navi_title {  font-size: 12px; font-weight: bold; color: #0C3F8A; margin-top: 10px; margin-left: 7px; white-space: nowrap;} /* メニューカテゴリー */

.icon_header {
  background: url("http://www.j-grip.com/grip/img/header_parts2.gif") repeat-x;
}

/* データテーブル
----------------------------------------------------------- */
.table1 {  border-color: #999999;
           border-style: outset;
           border-top-width: 1px;
           border-right-width: 1px;
           border-bottom-width: 1px;
           border-left-width: 1px;
           background-color: #FFFFFF;
           width: 95%;
           }
           
.table2 {  border: #CCCCCC; border-style: solid;
           border-top-width: 1px;
           border-right-width: 1px;
           border-bottom-width: 1px;
           border-left-width: 1px;
           background-color: #CCCCCC;
           width: 95%;
}

.table-btn {
           width: 95%;
}


/* デフォルトのリンク
----------------------------------------------------------- */
a:link {  color: #0033FF; text-decoration: underline;}
a:visited {  color: #0033FF; text-decoration: underline;}
a:hover {  color: #6699FF; text-decoration: underline;}
a:active {  color: #333333; text-decoration: underline;}

/* ログイン名・ヘッダユーティリティ
----------------------------------------------------------- */
.loginname,.utility {  font-size: 12px; color: #FFFFFF;}

/* プロセスナビ
----------------------------------------------------------- */
.pnavi {  font-size: 12px; color: #7F7F7F; white-space: nowrap;} /* 通常 */
.pnavi-current {  font-size: 12px; color: #FFFFFF; white-space: nowrap;} /* 現在位置 */

/* ヘッダユーティリティ・プロセスナビのリンク
----------------------------------------------------------- */
.utility a:link,.pnavi-current a:link {  color: #FFFFFF; text-decoration: none;}
.utility a:visited,.pnavi-current a:visited {  color: #FFFFFF; text-decoration: none;}
.utility a:hover,.pnavi-current a:hover {  color: #FFFFCC; text-decoration: none;}
.utility a:active,.pnavi-current a:active {  color: #FFFFFF; text-decoration: none;}

/* ページタイトル
----------------------------------------------------------- */
.page-title {
  font-size: large;
  color: #0C3F8A;
  padding: 5px;
  border-bottom-color: #0C3F8A;
  border-bottom-style: solid;
  border-bottom-width: 2px;

}
.cell-title{
  font-size: x-small;
  padding: 5px;
  background-color: #cccccc;
}
.list-title{
  color: #000000;
  padding: 5px;
  background-color: #cccccc;
  font-size: x-small;
}
.list-search{
  color: #000000;
  padding: 5px;
  font-size: x-small;
  background-color: #EFEFEF;
}
.desc {
  padding-top: 0px;
  margin-top: 0px;
}

.process_navi{
  padding-top: 0px;
  padding-bottom: 10px;
}


/* データテーブル名
----------------------------------------------------------- */
.table-name {  font-size: 14px; font-weight: bold; color: #FFFFFF; padding-top: 4px;}

/* 項目、日付、機能
----------------------------------------------------------- */
.title{
  background-color :#CCCCFF;
  font-size: x-small; white-space: nowrap;
}
.item{
  background-color :#EFEFEF;
  font-size: x-small; white-space: nowrap;
}
.subitem{
  background-color :#cccccc;
  font-size: x-small; white-space: nowrap;
}
.value{
  background-color :#ffffff;
  font-size: x-small;
}
.action {
  background-color: #C9C9C9;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  text-align: center;
  padding-left:  2px;
  padding-right: 2px;
  width: 1%;
}
.act_btn{
  font-family: "ＭＳ ゴシック", "Osaka-等幅";
  font-size: 10pt;
  border-width: 0px;
  margin: 0px;
  height: 10px;
  padding-left: 8px;
  text-decoration: none;
  color: #ffffff;
  text-decoration: none;
  background-image: url(http://www.j-grip.com/grip/img/btn_bg.png);
  background-repeat: x-repeat;
}

.act_btn2{
  font-family: "ＭＳ ゴシック", "Osaka-等幅";
  font-size: 10pt;
  border-width: 0px;
  margin: 0px;
  height: 10px;
  margin-top: 2px;
  padding-left: 8px;
  text-decoration: none;
  color: #ffffff;
  text-decoration: none;
  background-image: url(http://www.j-grip.com/grip/img/btn_bg2.png);
  background-repeat: x-repeat;
}
.act_btn a:link, .act_btn a:visited, .act_btn a:hover{
  font-family: "ＭＳ ゴシック", "Osaka-等幅";
  font-size: 10pt;
  color: #666666;
  text-decoration: none;
  display: block;
}
.act_btn img{
  vertical-align: middle;
  padding-right: 0px;
}
.act_btn2 img{
  vertical-align: middle;
  padding-right: 0px;
}

.act_subbtn{
  font-family: "ＭＳ ゴシック", "Osaka-等幅";
  font-size: 10pt;
  border: ridge;
  border-width: 1px;
  border-color: #999999;
  margin: 0px;
  height: 10px;
  text-indent: 8px;
  text-decoration: none;
  color: #ffffff;
  text-decoration: none;
  background-image: url(http://www.j-grip.com/grip/img/btn_bg.png);
  background-repeat: x-repeat;
}
.act_subbtn a:link, .act_subbtn a:visited, .act_subbtn a:hover{
  font-family: "ＭＳ ゴシック", "Osaka-等幅";
  font-size: 10pt;
  color: #666666;
  text-decoration: none;
  display: block;
}
.act_subbtn img{
  vertical-align: middle;
  padding-right: 0px;
}

.error{
  font-size: x-small;
  color: #cc0000;
}
.msg{
  font-size: 12px;
  padding: 5pt;
  color: #cc0000;
}
.date {  font-size: x-small; white-space: nowrap;}
.function {
  font-size: x-small; white-space: nowrap;
  margin-top: 7px;
  margin-bottom: 7px;
  width: 95%;
  border: solit 1px;
}

.alert {
  font-size: x-small; white-space: nowrap;
  width:95%;

}
.parts{
  font-size: x-small;
  padding-left: 10px;
  padding-right: 10px;
}
.enq_checkin{
  color: #ffffff;
  background-color :#0c3f8a;
  font-size: x-small; white-space: nowrap;
  border-style: none;
  text-align: center;
}
.enq_checkout{
  background-color :#d3dff3;
}

/* ステータス
----------------------------------------------------------- */
.status-run, .status-end, .status-start, .status-stop, .status-check, {  
   font-size: 11px;
   width: 55px;   
   margin-left: 3px;
   margin-right: 3px;
   border-style: solid;
   border-width:1px;
   text-align: center;
}
.status-run{
   color: #FFFFFF;
   background-color:#71D94D;
   border-color: #666666;
   padding: 1px;
}
.status-end{
   color: #FFFFFF;
   background-color: #999999;
   border-color: #666666;
   padding: 1px;
}
.status-start{
   color: #444444;
   background-color: #FEE362;
   border-color: #666666;
   padding: 1px;
}
.status-stop{
   color: #444444;
   background-color: #99CCCC;
   border-color: #666666;
   padding: 1px;
}
.status-check{
   color: #444444;
   background-color: #FFCCCC;
   border-color: #666666;
   padding: 1px;
}

/* フォームアイテム
----------------------------------------------------------- */
.bt-util {  font-size: x-small;}
.btn  {
  background-image: url(http://www.j-grip.com/grip/img/bt_ok.gif);
  width: 106px;
  height: 35px;
  border: 0px;
  font: bold;
  color: #606EA2;
  margin-top: 10px;
  padding-bottom: 8px;
  cursor: hand;
  }
.next  {
  background-image: url(http://www.j-grip.com/grip/img/next.gif);
  width: 128px;
  height: 32px;
  border: 0px;
  margin-top: 10px;
  font: bold;
  color: #666666;
  margin-bottom: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: hand;
  }
.prev  {
  background-image: url(http://www.j-grip.com/grip/img/prev.gif);
  width: 128px;
  height: 32px;
  border: 0px;
  margin-top: 10px;
  font: bold;
  color: #666666;
  margin-bottom: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: hand;
  }
.btn2 {  font-size: x-small; color: #333333; background-color: #CCCCCC; margin: 15px 5px 15px 5px;}

/* フッタ
----------------------------------------------------------- */
.footer {  font-size: 10px; color: #333333;
           text-align: right;
           border-top-color: #0C3F8A;
           border-top-style: solid;
           border-top-width: 2px;
}

/* ナビ用
---------------------------------------------------------- */
.navi_img_f{
  background-image: url(http://www.j-grip.com/grip/img/step_f.gif);
  background-repeat: no-repeat;
  height: 51;
  width: 106;
  margin: 0px;
}
.navi_img_g{
  background-image: url(http://www.j-grip.com/grip/img/step_g.gif);
  background-repeat: no-repeat;
  height: 51;
  width: 106;
  margin: 0px;
}
.navi_img_o{
  background-image: url(http://www.j-grip.com/grip/img/step.gif);
  background-repeat: no-repeat;
  height: 51;
  width: 106;
  margin: 0px;
}
.navi_img_eg{
  background-image: url(http://www.j-grip.com/grip/img/step_end_g.gif);
  background-repeat: no-repeat;
  height: 51;
  width: 106;
  margin: 0px;
}
.navi_img_og{
  background-image: url({app_id}/img/step_end.gif);
  background-repeat: no-repeat;
  height: 51;
  width: 106;
  margin: 0px;
}
.navi_img_fg{
  background-image: url(http://www.j-grip.com/grip/img/step_end_f.gif);
  background-repeat: no-repeat;
  height: 51;
  width: 106;
  margin: 0px;
}

.navi_step{
  color: #ffffff;
  font: bold;
  margin-top: 3px;
  margin-bottom: 5px;
  font-size: 10px;
}
.navi_num{
  color: #ffffff;
  font: bold;
  margin-left: 3px;
  font-size: 17px;
  margin-top: 3px;
}
.navi_f{
  line-height: 2;
  font: bold;
  font-size: 12px;
  margin-top: 3px;
  color: #DB7C00;
}
.navi_g{
  line-height: 2;
  font: bold;
  font-size: 12px;
  margin-top: 3px;
  color: #DDDDDD;
}
.navi_o{
  line-height: 2;
  font: bold;
  font-size: 12px;
  margin-top: 3px;
  color: #606EA2;
}
.notes{
  color: #0000FF;
}
-->