@import url("/css/base.css");

/* 基本構造
---------------------------------------------------------------------*/


/* ----  ヘッダー  ----*/
header{
	width: 100%;
}

#header{
	margin: 0px 0px 10px 0px;
	width: 100%;
}

#logo{
	float:left;
	padding: 10px 50px 0px 10px;
}
#user_name{
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 0px 20px;
	height: 24px;
	background: url("/img/user_mark.png") no-repeat top left;
	font-size: 16px;
	letter-spacing: 0.3em;
}

#gengo{
	float:left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 260px;
	height: 24px;
	font-size: 14px;
}

#header_btn{
	float:right;
	padding: 14px 20px 0px 0px;
	height: 36px;
	text-align: right;
}

/* ----グローバルナビ----*/
nav{
	width: 100%;
	height: 40px;
	background: url("/img/navi_back.jpg") repeat-x top left;
}

nav ul li{
	float:left;
}

nav ul li a{
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	width: 130px;
	text-align: center;
	color: #FFFFFF !important;
	font-size: 14px;
	border-right: 1px solid #FFFFFF;
	text-shadow:0 0 6px rgb(0,0,0);
}
nav ul li a:hover{
	color: #FFF9DD;
	text-decoration: underline;
}

.tree_menu{
	font-size: smaller;
}

/* ----  フッター  ----*/
footer{
	float:left;
	margin: 10px 0px 0px 0px;
	width: 100%;
	border-top: 1px solid #E36D16;
}
#copyright{
	padding: 10px 0px 15px 10px;
	text-align: left;
}

/* ----  メイン  ----*/
#wrapper{
	float:left;
	width: 100%;
}

.current_display {
	background: #FDB5D0;
}

/* ---- ツリー ----*/
.tree_menu li{
	margin-left:10px;
}

.select_dir{
	background: #5296C9 !important;
}
span.select_dir a ,.select_dir a:hover{
	color: white !important;
}

.select_file_style{
	background-color: #FFE8C7;
	border-radius: 10px;/* CSS3草案 */
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;/* Firefox用 */
}
.select_file a {
	color: blue;
}

.main_tree{
	overflow: hidden;
}
.main_tree a{
	white-space: nowrap;
}


.address{
	cursor:pointer;cursor:hand;
}
.adchoice{
	background-color: #FFE8C7;
}


/* ---- レフトサイド ----*/

#left-side{
	float:left;
	padding: 0px 10px 0px 0px;
	margin-right: -302px;
	max-width: 292px;
}

#left_area{
	margin: 10px;
	padding: 10px;
	border: 1px solid #747474;
	width: 240px;
	border-radius: 10px;/* CSS3草案 */
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;/* Firefox用 */
    box-shadow:1px 1px 3px rgba(0,0,0,0.4), inset 0px 0px 0px 1px rgba(255,255,255,0.2);
}

.treeview a{
	color: darkblue !important;
}

.sortarea{
	font-size: 12px;
}

/* ----  コンテンツ  ----*/
#main{
	float:right;
	width: 100%;
	margin-left: -302px;
}

#contents{
	margin-left: 282px;
	min-width: 800px;
}

#contents-body{
	padding: 10px 20px 10px 10px;
}

h1{
	margin: 0px 0px 10px 0px;
	width: 100%;
	font-size: 20px;
	border-bottom: 1px solid #444444;
}

#file_area{
	margin: 10px 0px 20px 0px;
}

.del_grp , .fileupload-buttonbar{
	display:none;
}

.folder_files{
	float:left;
	margin: 0px 10px 10px 0px;
	padding: 10px;
	width: 150px;
	height: 150px;
	text-align: center;
	border: 1px solid #0C3777;
	border-radius: 10px;/* CSS3草案 */
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;/* Firefox用 */
	box-shadow:1px 1px 3px rgba(0,0,0,0.4), inset 0px 0px 0px 1px rgba(255,255,255,0.2);
}

.folder_files a{
	display: block;
	padding: 90px 0px 0px 0px;
	width: 150px;
	height: 20px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition:1s;
}
/*
.folder_files a:hover{
	background-color: #FFE8C7;
	border-radius: 10px;/* CSS3草案 * /
    -webkit-border-radius: 10px;/* Safari,Google Chrome用 * /
    -moz-border-radius: 10px;/* Firefox用 * /
}
*/

.fl_1 { background: url("/img/file_icon.png") no-repeat    0px    0px; }
.fl_2 { background: url("/img/file_icon.png") no-repeat -150px    0px; }
.fl_3 { background: url("/img/file_icon.png") no-repeat -300px    0px; }
.fl_4 { background: url("/img/file_icon.png") no-repeat -450px    0px; }
.fl_5 { background: url("/img/file_icon.png") no-repeat    0px -150px; }
.fl_6 { background: url("/img/file_icon.png") no-repeat -150px -150px; }
.fl_7 { background: url("/img/file_icon.png") no-repeat -300px -150px; }
.fl_8 { background: url("/img/file_icon.png") no-repeat -450px -150px; }
.fl_9 { background: url("/img/file_icon.png") no-repeat    0px -300px; }
.fl_10{ background: url("/img/file_icon.png") no-repeat -150px -300px; }
.fl_11{ background: url("/img/file_icon.png") no-repeat -300px -300px; }
.fl_12{ background: url("/img/file_icon.png") no-repeat -450px -300px; }

.file_img_title{
	padding : 0 !important;
	margin-top: 10px;
	cursor: pointer;
	cursor: hand;
}

/* ----  コンテンツ2  ----*/

#dialog_contents p{
	margin: 0; 
	padding: 0;
}

/*-- ポップアップ(ダイアログ) --*/
.dialog_header{
	float: left;
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	width: 130px;
	text-align: center;
	color: balck;
	font-size: 14px;
	font-weight:bold;
}

.box_caption{
	/*border:1px solid #d4dee1; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #f2f5f6;*/
	border: 1px solid #aaa;
	padding: 3px;
	 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f5f6), color-stop(100%, #c8d7dc));
	 background-image: -webkit-linear-gradient(top, #f2f5f6, #c8d7dc);
	 background-image: -moz-linear-gradient(top, #f2f5f6, #c8d7dc);
	 background-image: -ms-linear-gradient(top, #f2f5f6, #c8d7dc);
	 background-image: -o-linear-gradient(top, #f2f5f6, #c8d7dc);
	 background-image: linear-gradient(top, #f2f5f6, #c8d7dc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f5f6, endColorstr=#c8d7dc);
 }

.box_body{
	border: 1px solid #aaa;
	border-top: 0;
	padding: 3px;
	line-height:1.5;
}

.publish_table{
	border: 1px solid #aaa;
}
.publish_table th{
	width: 200px;
	padding: 10px 5px 10px 5px;
	margin-right: 20px;
	vertical-align: top;
}
.publish_table td{
	padding: 10px 0px 10px 0px;
	vertical-align: top;
}

.detail_table th,.detail_table td{
	padding: 5px
}

.publish_mail_table th, .publish_mail_table td{
	padding: 10px;
}

/*-- パスワード変更 --*/
.table_change_pass th{
	width: 45% !important;
}
/*-- ファイルアップロード --*/
.file_up_table td ,.file_up_table th{
	padding-bottom: 15px;
}
.file_add{
	height:auto !important;
}


#fileupload{
	background:#ddd;
	min-height: 60px;
	padding-top: 5px;
	padding-bottom: 10px;
}
.table-striped{
	margin-bottom: 0 !important;
}
.preview img{
	width: 50px;
}

.template-download{
	height: 50px !important;
}


/*-- フォルダ作成 --*/
.select_dir_type p{
	margin-right: 30px !important;
}


.tree_cont{
	height: 300px;
	overflow: auto;
}

/*-- ログイン --*/
#login_wrapper{
	margin: 200px 0px 0px 0px;
}
#login{
	margin: 0px auto;
	padding: 30px 20px 30px 20px;
	width: 600px;
	border: 1px solid #828282;
	background-color: #FFFFFF;
	border-radius: 10px;/* CSS3草案 */ 
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
	box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}
#login_title{
	margin: 20px 0px 20px 0px;
	padding:  5px 5px 5px 20px;
	color: #FFFFFF;
	background-color: #646464;
	border-radius: 10px;/* CSS3草案 */ 
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;/* Firefox用 */
}
table.table_login{
	margin: 0px auto;
	margin: 20px 0px 30px 0px;
	width: 100%;
	border-collapse:collapse;
}
table.table_login th{
	padding: 5px;
	width: 20%;
	text-align: right;
}
table.table_login td{
	padding: 5px;
	width: 80%;
}
table.table_login td.btn{
	padding: 20px 0px 20px 10px;
}

.master_select_table th{
	background: #ccc;
}

.master_select_table ,.master_select_table td{
	border: 2px solid #ccc;
}

.master_select_table td{
	padding: 3px;
}

/*ページャー*/

ul.phf_pager {
      margin: 10px;
      padding: 0;
}
ul.phf_pager li {
      float: left;
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px #999999 solid;
      font-style: normal;
      list-style: none;
      font: 85% Arial, Helvetica, sans-serif;
}
ul.phf_pager li.next {
      border-right: none;
}
ul.phf_pager li a:link,
ul.phf_pager li a:visited {
      color: #3366FF;
      text-decoration: none;
}
ul.phf_pager li a:hover,
ul.phf_pager li a:active {
      color: #FF6633;
      text-decoration: none;
}
ul.phf_pager li em {
      font-weight: bold;
}



ul.row_phf_pager {
      margin: 10px;
      padding: 0;
}
ul.row_phf_pager li {
      float: left;
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px #999999 solid;
      font-style: normal;
      list-style: none;
      font: 85% Arial, Helvetica, sans-serif;
}
ul.row_phf_pager li.next {
      border-right: none;
}
ul.row_phf_pager li a:link,
ul.row_phf_pager li a:visited {
      color: #3366FF;
      text-decoration: none;
}
ul.row_phf_pager li a:hover,
ul.row_phf_pager li a:active {
      color: #FF6633;
      text-decoration: none;
}
ul.row_phf_pager li em {
      font-weight: bold;
}

/*ページャー2 新生産進捗用*/

ul.phf_pager2 {
      margin: 10px;
      padding: 0;
}
ul.phf_pager2 li {
      float: left;
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px #999999 solid;
      font-style: normal;
      list-style: none;
      font: 85% Arial, Helvetica, sans-serif;
}
ul.phf_pager2 li.next {
      border-right: none;
}
ul.phf_pager2 li a:link,
ul.phf_pager2 li a:visited {
      color: #3366FF;
      text-decoration: none;
}
ul.phf_pager2 li a:hover,
ul.phf_pager2 li a:active {
      color: #FF6633;
      text-decoration: none;
}
ul.phf_pager2 li em {
      font-weight: bold;
}



ul.row_phf_pager2 {
      margin: 10px;
      padding: 0;
}
ul.row_phf_pager2 li {
      float: left;
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px #999999 solid;
      font-style: normal;
      list-style: none;
      font: 85% Arial, Helvetica, sans-serif;
}
ul.row_phf_pager2 li.next {
      border-right: none;
}
ul.row_phf_pager2 li a:link,
ul.row_phf_pager2 li a:visited {
      color: #3366FF;
      text-decoration: none;
}
ul.row_phf_pager2 li a:hover,
ul.row_phf_pager2 li a:active {
      color: #FF6633;
      text-decoration: none;
}
ul.row_phf_pager2 li em {
      font-weight: bold;
}


.midasi1{
    background:#eecccc;  
    border-left:7px solid #ccc;  
    padding: 5px 5px;  
}


.hanten{
	background: #6c85b5;
	color:white;
}

.table-striped td{
	border: 0 !important; 
}


/*アップロード済の画像プレビュー*/
.img_preview_box{
	width:100px; 
	height:100px;
	text-align:center;
}
.imgname_preview{
	text-align:center;
}

.img_preview{
	margin: 0 auto;
	max-width:90px; 
	max-height:90px;
}

.seleted_row td{
	background: orange;
}
.seleted_row td span{ color:white !important; }


.strong_row td{
	background: pink;
}


.kaizen_table th{
	width: 95px;
}

.concat_tbl td,.concat_tbl th{
	border-bottom:0px !important;
}

.t_concat_tbl td,.t_concat_tbl th{
	border-top:0px !important;
}

/*入力可能な欄に色付け*/
.inputable{
	padding: 2px 6px 6px 2px;
}
.inputable textarea, .inputable input ,.inputable_box{
	background:#FFE6EA;
}
.inputable textarea{
	border: 2px thistle solid !important;
}

/* tdのマージンをなくす */
.inp_table td{
	padding: 0px !important;
}

/*商品進捗行*/
.sc_tbl td{
	height: 26px;
}

/*商品進捗完了行*/
.is_konai_comp td{
	background:#D5F0F0;
}
.is_shori_type1 td{
	background:#FFFF00;
}
.is_furyo_shori td{
	background:#FFC0CB;
}
.is_furyo_shorix td{
//	background:#a71cea;
	background:	#B384FF;
}
.sc_comp2 td{
	background:#98FB98;
}
.sc_comp td{
//	background:#C9DFD6;
	background:#98FB98;
}
.is_shori_type11 td{
	background:#FFFF00;
}
/* 2020.12 K.Oyama >> */
.wait_haki_ringi td{
	background:#FFA500;
}
.wait_akaden td{
	background:#C0C0C0;
}
/* 2020.12 K.Oyama << */

.tab_current{
	background:#C9DFD6;
}

/*保留進捗テーブル*/
.hrtbl th{
	background:#ddd;
	font-weight:bold;
}
.hrtbl td{
	border-bottom: 1px solid #666;
	padding-left:10px;
	margin-left:10px;
}
.hrtbl .blank{
	background:none;
}

.hrtbl2{
	border-spacing: 0;
	border-collapse: collapse;
}
.hrtbl2 th{
	border:1px solid #666; 
	background:#ddd;
	font-weight:bold;
}
.hrtbl2 td{
	border:1px solid #666; 
}
.hrtbl2 .blank{
	background:none;
}

.editcell{
	min-height:1px ;
	 width:100%;
	 font-size:12px;
	 padding:14px 0 0 0;
}