@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ページレイアウト
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

html { /*overflow-x: hidden;*/ overflow-y: hidden; }
body { margin: 0; padding: 0; /*min-width: 1000px;*/ overflow-x: hidden; /*overflow-y: hidden;*/ background: #C0CAED; }
#wrapper { width: 100%; }


/*-------------------------------------------------------------
ヘッダーエリア
-------------------------------------------------------------*/

#headerArea { width: 100%; height: 74px; background: #0028B5 url(../skin-img/h_navi_area_bg.gif) repeat-x left bottom; }
/*ロゴ*/
#headerArea h1 { width: 253px; height: 74px; float: left; font-size: 0.1em; line-height: 0.1em; overflow: hidden; }
#headerAreaInner { margin: 0 0 0 253px; height: 74px; text-align: left; }


/*-------------------------------------------------------------
サブナビゲーション
-------------------------------------------------------------*/

#subNaviArea { height: 28px; text-align: right; padding-right:20px;}
#subNaviArea ul { margin: 0; padding: 7px 10px 0 0; list-style: none; }
#subNaviArea ul li { margin: 0 0 0 10px; display: inline; }
#subNaviArea ul li.sNaviName { font-weight: bold; color: #FFF; }	/*ログインユーザ名*/
#subNaviArea ul li a { padding: 0 0 0 18px; display: inline-block; background-position: 0 0; background-repeat: no-repeat; color: #FFF; }
#subNaviArea ul li.sNaviHelp a { background-image: url(../skin-img/h_ico_help.gif); }			/*ヘルプ*/
#subNaviArea ul li.sNaviSystem a { background-image: url(../skin-img/h_ico_system.gif); }		/*システム設定*/
#subNaviArea ul li.sNaviLogout a { background-image: url(../skin-img/h_ico_logout.gif); }		/*ログアウト*/

#subNaviArea ul li a:hover { color: #FFF; text-decoration: underline; }


/*-------------------------------------------------------------
グローバルナビゲーション
-------------------------------------------------------------*/

#globalNaviArea { width: 100%; height: 46px; }
#globalNaviArea ul { margin: 0; padding: 0; list-style: none; }
/* #globalNaviArea ul li { float: left; width: 6.0em; height: 46px; display: block; text-align: center; } */
#globalNaviArea ul li { float: left; width: 80px; height: 46px; display: block; text-align: center; }
#globalNaviArea ul li a { padding: 0 0 0 4px; height: 46px; display: block; line-height: 46px; font-weight: normal; color: #333; background: url(../skin-img/h_navi_bg.gif) no-repeat right top; }
#globalNaviArea ul li a span { padding: 0 4px 0 0; display: block; }
#globalNaviArea ul li a:hover span { background: url(../skin-img/h_navi_bg_on.gif) no-repeat right top; }

/*メニューアクティブ*/
#globalNaviArea ul li.gNaviActive a span { background: url(../skin-img/h_navi_bg_on.gif) no-repeat right top; }


/*-------------------------------------------------------------
グローバルハイドナビゲーション
-------------------------------------------------------------*/

#globalHideNaviArea { width: 80px;}
#globalHideNaviArea ul { margin: 0px 0px 0px -55px; padding: 0; list-style: none; width: 80px;}
/* #globalHideNaviArea ul li { float: left; width: 6.0em; height: 46px; display: block; text-align: center; } */
#globalHideNaviArea ul li { width: 80px; height: 40px; display: block; text-align: center; }
#globalHideNaviArea ul li a { padding: 0 0 0 4px; height: 40px; display: block; line-height: 46px; font-weight: normal; color: #333; background: url(../skin-img/h_navi_bg.gif) no-repeat right top; }
#globalHideNaviArea ul li a span { padding: 0 4px 0 0; display: block; }
#globalHideNaviArea ul li a:hover span { height: 40px; background: url(../skin-img/h_navi_bg_on.gif) no-repeat right top; }

/*メニューアクティブ*/
#globalNaviArea ul li.gNaviActive a span {height: 40px;  background: url(../skin-img/h_navi_bg_on.gif) no-repeat right top; }

/*-------------------------------------------------------------
タブナビゲーション
-------------------------------------------------------------*/

#tabNaviArea { width: 100%; }
#tabNaviArea ul { margin: 0; padding: 8px 0 0 0; list-style: none; }
#tabNaviArea ul li { float: left; width: 8em; height: 30px; display: block; text-align: center; }
#tabNaviArea ul li a span { width: 100%; height: 30px; display: block; line-height: 30px; font-weight: bold; color: #666; cursor: pointer; background: url(../common-img/t_navi_bg.gif) no-repeat left top; }
/*左側メニュー*/
#tabNaviArea ul li a.tabNaviLeft span { background: url(../common-img/t_navi_bg_left.gif) no-repeat left top; }
/*右側メニュー*/
#tabNaviArea ul li a.tabNaviRight { height: 30px; display: block; background: url(../common-img/t_navi_bg.gif) no-repeat left top; }
#tabNaviArea ul li a.tabNaviRight span { padding: 0 2px 0 0; background: url(../common-img/t_navi_bg_right.gif) no-repeat right top; }

/*ホバー*/
#tabNaviArea ul li a:hover span { color: #FFF; background: url(../skin-img/t_navi_bg_on.gif) no-repeat left top; }
/*左側メニューホバー*/
#tabNaviArea ul li a.tabNaviLeft:hover span { background: url(../skin-img/t_navi_bg_left_on.gif) no-repeat left top; }
/*左側メニューホバー*/
#tabNaviArea ul li a.tabNaviRight:hover { background: url(../skin-img/t_navi_bg_on.gif) no-repeat left top; }
#tabNaviArea ul li a.tabNaviRight:hover span {  background: url(../skin-img/t_navi_bg_right_on.gif) no-repeat right top; }

/*メニューアクティブ*/
#tabNaviArea ul li.tNaviActive a span { color: #FFF; background: url(../skin-img/t_navi_bg_on.gif) no-repeat left top; }
/*左側メニューホバー*/
#tabNaviArea ul li.tNaviActive a.tabNaviLeft span { background: url(../skin-img/t_navi_bg_left_on.gif) no-repeat left top; }
/*左側メニューホバー*/
#tabNaviArea ul li.tNaviActive a.tabNaviRight { background: url(../skin-img/t_navi_bg_on.gif) no-repeat left top; }
#tabNaviArea ul li.tNaviActive a.tabNaviRight span {  background: url(../skin-img/t_navi_bg_right_on.gif) no-repeat right top; }



/*-------------------------------------------------------------
ローカルナビゲーション
-------------------------------------------------------------*/

#localNaviArea { width: 100%; }
#localNaviArea ul { margin: 0; padding: 0 0 32px 0; list-style: none; }
#localNaviArea ul li { width: 140px; display: block; text-align: left; }
#localNaviArea ul li a { padding: 8px 10px 6px 16px; width: 114px; display: block; font-weight: bold; color: #666; border-bottom: 1px solid #EEF2F4; }
#localNaviArea ul li a:hover { background: #7D92D3; color: #FFF; }

/*メニューアクティブ*/
#localNaviArea ul li.lNaviActive a { background: #7D92D3; color: #FFF; }

/*一覧に戻るボタン*/
#localNaviArea p.lNaviBack { margin: 0; width: 140px; display: block; text-align: left; } 
#localNaviArea p.lNaviBack a { padding: 8px 10px 6px 16px; width: 113px; background: #FFF; display: block; font-weight: bold; color: #7D92D3; border-bottom: 1px solid #EEF2F4; border-right: 1px solid #E1E1E1; }
#localNaviArea p.lNaviBack a:hover { width: 114px; background: #7D92D3; color: #FFF; border-right: none; }


/*-------------------------------------------------------------
フッターエリア
-------------------------------------------------------------*/

#footerArea { width: 100%; height: 27px; background: url(../skin-img/f_bg.gif) repeat left bottom; }
#footerArea p { height: 27px; line-height: 27px; text-indent: 12px; font-size: 9px; background: url(../skin-img/f_bg_left.gif) no-repeat left top; }
#footerArea p a { width: 100%; height: 27px; display: block; color: #FFF; background: url(../skin-img/f_bg_right.gif) no-repeat right top; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ポップアップウインドウ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body#pagePopup { min-width: 500px !important; }
.scrollBox { height: 476px; overflow: auto; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
コンテンツカラム
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#contentsArea { width: 100%; overflow-y: auto; overflow-x: hidden; }
#contentsAreaInner { padding: 10px; }

/*コンテンツタイトル*/
h4.contentsTtl { padding: 5px 10px; background: #F4F4F4; }


/*-------------------------------------------------------------
1カラム
-------------------------------------------------------------*/

.col1 { width: 100%; }


/*-------------------------------------------------------------
2-1カラム（50%｜50%）
-------------------------------------------------------------*/

.col2-1 { width: 100%; }
.col2-1 .box1 { float: left; width: 50%; }
.col2-1 .box1 .innerBox { margin: 0 5px 0 0; }
.col2-1 .box2 { float: right; width: 50%; margin-left: -1px; }
.col2-1 .box2 .innerBox { margin: 0 0 0 5px; }


/*-------------------------------------------------------------
2-2カラム（33%｜67%）
-------------------------------------------------------------*/

.col2-2 { width: 100%; }
.col2-2 .box1 { float: left; width: 33%; }
.col2-2 .box1 .innerBox { margin: 0 5px 0 0; }
.col2-2 .box2 { float: right; width: 67%; margin-left: -1px; }
.col2-2 .box2 .innerBox { margin: 0 0 0 5px; }


/*-------------------------------------------------------------
2-3カラム（67%｜33%）
-------------------------------------------------------------*/

.col2-3 { width: 100%; }
.col2-3 .box1 { float: left; width: 67%; }
.col2-3 .box1 .innerBox { margin: 0 5px 0 0; }
.col2-3 .box2 { float: right; width: 33%; margin-left: -1px; }
.col2-3 .box2 .innerBox { margin: 0 0 0 5px; }


/*-------------------------------------------------------------
3カラム（33%｜34%｜33%）
-------------------------------------------------------------*/

.col3 { width: 100%; }
.col3 .box1 { float: left; width: 33%; }
.col3 .box1 .innerBox { margin: 0 5px 0 0; }
.col3 .box2 { float: left; width: 34%; }
.col3 .box2 .innerBox { margin: 0 5px; }
.col3 .box3 { float: right; width: 33%; margin-left: -1px; }
.col3 .box3 .innerBox { margin: 0 0 0 5px; }


/*-------------------------------------------------------------
4カラム（25%｜25%｜25%｜25%）
-------------------------------------------------------------*/
.col4 { width: 100%; }
.col4 .box1 { float: left; width: 25%; }
.col4 .box1 .innerBox { margin: 0 7px 0 0; }
.col4 .box2 { float: left; width: 25%; }
.col4 .box2 .innerBox { margin: 0 5px 0 3px; }
.col4 .box3 { float: left; width: 25%; }
.col4 .box3 .innerBox { margin: 0 3px 0 5px; }
.col4 .box4 { float: right; width: 25%; margin-left: -1px; }
.col4 .box4 .innerBox { margin: 0 0 0 7px; }








/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通ボックス
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*ボックスフレーム*/
.flameBox { margin: 0 0 10px 0; width: 100%; background: #FFF url(../skin-img/box_bg_lt.gif) no-repeat left top; }	/*左上*/
.boxLb { background: url(../skin-img/box_bg_lb.gif) no-repeat left bottom; } 						/*左下*/
.boxRt { background: url(../skin-img/box_bg_rt.gif) no-repeat right top; }						/*右上*/
.boxRb { background: url(../skin-img/box_bg_rb.gif) no-repeat right bottom; }						/*右下*/

/*ボックスヘッド*/
.flameHead { width: 100%; height: 40px; background: url(../common-img/box_ttl_bg.gif) repeat-x left top; }
/*ボックスタイトル*/
.flameHead h3 { padding: 0 0 0 12px; font-size: 14px; line-height: 40px; }

/*ボックスヘッド左エリア*/
.fhLeft { float: left; width: 39%; }
.fhLeft table { margin: 7px 0 0 0; }
.fhLeft td { padding: 0 0 0 10px; }

/*ボックスヘッド右エリア*/
.fhCenter { float: left; width: 40%; }
.fhCenter table { margin: 7px 0 0 0; }
.fhCenter td { padding: 0 10px 0 0; }

/*ボックスヘッド右エリア*/
.fhRight { float: right; width: 60%; }
.fhRight table { margin: 7px 0 0 0; float: right; }
.fhRight td { padding: 0 10px 0 0; }

/*ボックスボディ*/
.flameBoxInner { position:relative;padding: 10px 10px 12px 10px; }

/*ボックスボトム（ボタンエリア）*/
.bottomBtnArea { padding: 7px 0 9px 0; width: 100%; background: url(../common-img/box_bottom_bg.gif) repeat-x top; }




/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ファイル・写真管理ボックス
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.contentsAreaSp { background: url(../skin-img/box_bg_sp_flame.gif) repeat-y left;  } 	/*左下*/

.flameSp .fhLeft { float: left; width: 210px; }
.flameSp h3 { padding: 0 0 0 12px; font-size: 14px; line-height: 40px; }

.flameSp .fhRight { float: right; width: 30%; }
.flameSp .fhRight table { margin: 7px 0 0 0; float: right; }
.flameSp .fhRight td { padding: 0 10px 0 0; }

/*-------------------------------------------------------------
ファイル・写真管理（左幅固定カラム）
-------------------------------------------------------------*/

.colLfixed { width: 100%; background: url(../skin-img/box_bg_sp_lb.gif) no-repeat left bottom; display:flex; }

/*右側*/
.colLfixed .rightBox { float: left; width: 100%; }
.colLfixed .rightBox .innerBox { margin: 0 0 0 200px; }
/*左側*/
.colLfixed .leftBox { float: left; width: 200px; margin-left: -100%; }
.colLfixed .leftBox .innerBox { margin: 0; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
台帳・カレンダー管理ボックス
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.contentsAreaLocal { background: url(../skin-img/box_bg_local_flame.gif) repeat-y left;  } 	/*左下*/

.flameLocal .fhLeft { float: left; width: 139px; }
.flameLocal h3 { padding: 0 0 0 12px; font-size: 14px; line-height: 40px; }
.flameLocal .fhCenter { float: left; width: 35em; }

.flameLocal .fhCenter table { margin: 7px 0 0 0; }
.flameLocal .fhCenter td { padding: 0 10px 0 0; }

.flameLocal .fhRight { float: right; width: 45%; }
.flameLocal .fhRight table { margin: 7px 0 0 0; float: right; }
.flameLocal .fhRight td { padding: 0 10px 0 0; }

/*-------------------------------------------------------------
台帳・カレンダー管理（左幅固定カラム）
-------------------------------------------------------------*/

/*右側*/
.contentsAreaLocal .colLfixed .rightBox { float: left; width: 100%; }
.contentsAreaLocal .colLfixed .rightBox .innerBox { margin: 0 0 0 140px; }
/*左側*/
.contentsAreaLocal .colLfixed .leftBox { float: left; width: 140px; margin-left: -100%; }
.contentsAreaLocal .colLfixed .leftBox .innerBox { margin: 0; }




/*-------------------------------------------------------------

-------------------------------------------------------------*/
#shimada .col2-1 .box1 {overflow:hidden;}
#shimada .col2-1 .box1 table{float:left;padding:5px 8px 5px 0;width:auto;}
#shimada .col2-1 .box1 table img{height:74px;}

/*クリックで出したいボックス*/
#shimada .col2-1 .box2{position:absolute;top:10px;left:1000px;background-color:#fff;}

#shimada .flameLocal #tabNaviArea ul {
list-style:none outside none;
margin:0;
padding:0 !important;
}
#shimada #tabNaviArea ul li {
display:block;
background:url("../image/flow_bg.jpg") repeat-x scroll left 0 transparent;
height:38px;
width:427px;
}
#shimada #tabNaviArea ul li strong{display:none;}
#shimada #tabNaviArea ul .li02 {background-position:0px -38px;}
#shimada #tabNaviArea ul .li03 {background-position:0px -76px;}
#shimada #tabNaviArea ul .li04 {background-position:0px -114px;}

#shimada h4 {
padding-left:12px;
margin-bottom:10px;
background:url("../common-img/table_ttl_bg2.gif") repeat-x scroll center bottom #FCFCFC;
font-weight:normal;
height:25px;
line-height:25px;
font-size:1.2em;
color:#0000CC;
}

/* 自動改行無効化 */
.nwrap{white-space: nowrap;}