@charset "UTF-8";
/* CSS Document */

.tbl_noline{
	width:100%;
	margin :2px;
	border-collapse: collapse;
}
.tbl_noline >tbody >tr > td{
	vertical-align:middle;
	border:none;
	padding: 0;
}

.aggtbl >tbody >tr > td 
,.aggtbl >tbody >tr > th{
	padding:2px;
}

.b_trb_tr >td{
	font-weight:bold;
	color:#5164EE;
}


/*タブ風*/
.tabrow {
	padding: 0 5px 0 5px;
    text-align: center;
    list-style: none;
    padding: 0;
    line-height: 24px;
    /*height: 26px;*/
    /*overflow: hidden;*/
    font-size: 15px;
    font-family: verdana;
    position: relative;
}
.tabrow li {
    border: 1px solid #AAA;
    background: #D1D1D1;
    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
    /*display: inline-block;*/
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;*/
    text-shadow: 0 1px #FFF;
    margin: 0 -5px;
    padding: 2px 15px;
    float:left;
}
.tabrow a {
	  color: #555;
	  text-decoration: none;
}
.tabrow li.selected {
    background: #FFF;
    color: #333;
    z-index: 2;
    border-bottom-color: #FFF;
}
.tabrow:before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    /*border-bottom: 1px solid #AAA;*/
    z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
    border: 1px solid #AAA;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
}
.tabrow li:before {
    left: -6px;
    border-bottom-right-radius: 6px;
    border-width: 0 1px 1px 0;
    /*box-shadow: 2px 2px 0 #D1D1D1;*/
}
.tabrow li:after {
    right: -6px;
    border-bottom-left-radius: 6px;
    border-width: 0 0 1px 1px;
    /*box-shadow: -2px 2px 0 #D1D1D1;*/
}
.tabrow li.selected:before {
    /*box-shadow: 2px 2px 0 #FFF;*/
}
.tabrow li.selected:after {
    /*box-shadow: -2px 2px 0 #FFF;*/
}



#modal {
	visibility:hidden;
	width:360px;
	height:189px;
	padding:8px;

	background:rgba(0,0,0,.3);

	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

	position:absolute;
	top:20%;
	left:50%;
	margin-top:100px;
	margin-left:-180px;
	z-index:101;
}


#heading {
	width:360px;
	height:44px;

	background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');

	border-bottom:1px solid #bababa;

	-webkit-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	-moz-box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);
	box-shadow:
		inset 0px -1px 0px #fff,
		0px 1px 3px rgba(0,0,0,.08);

	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;

	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:44px;

	color:#444444;
	text-shadow:0px 1px 0px #fff;
}

#content {
	width:360px;
	height:144px;

	background:#fcfcfc;

	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.25);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,.25);
	box-shadow:0px 1px 3px rgba(0,0,0,.25);

	-webkit-border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
}

#content p {
	font-size:13px;
	font-weight:normal;
	text-align:center;
	line-height:22px;
	color:#555555;

	width:100%;
	float: left;

	margin:19px 0;
}


.button {
	width:138px;
	height:33px;

	font-size:13px;
	font-weight:bold;
	line-height:33px;

	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,.2);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);

	float:left;
}
.button img { 
	float:left;
	width:33px;
	height:33px;
}



.button.green {
	background: -webkit-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -moz-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -o-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: -ms-linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	background: linear-gradient(top,  rgba(170,212,79,1) 0%,rgba(116,185,49,1) 90%,rgba(106,173,45,1) 95%,rgba(96,157,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad44f', endColorstr='#609d29',GradientType=0 );

	border:1px solid #5b8821;

	margin:0 5px 0 35px;
}
.button.red {
	background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );

	border:1px solid #b0333e;

	margin:0 35px 0 5px;
}

.submit_button {
	margin:5px 20px 5px 20px;
}
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.4);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}


@media only screen and (max-width: 767px) {
        
	#modal {
		width:284px;
		height:156px;
		padding:8px;

		margin-left:-150px !important;
		margin-top:-78px;
	}
	#heading {
		width:284px;
		height:28px;

		line-height:28px;
		font-size:0.688em;
	}
	#content {
		width:284px;
		height:128px;
   	}
   	#content p {
   		width:284px;
   		font-size:0.688em;
   	}
   	.button img { 
		width:23px;
		height:23px;
	}
	.button {
		width:108px;
		height:23px;

		line-height:23px;
		font-size:0.688em;
	}
	.button.green {
		margin:0 4px 0 28px !important;
	}
	.button.red {
		margin:0 28px 0 4px !important;
	}
}

.mainImage{
    border: 2px solid #333;
}
 
.thumb{
    border: 2px solid #333;
}

/**************************************
 Container
**************************************/
.ac_container{
	margin : 0;
	padding : 0;
	width : auto;
	background : white;
	border : none;
	position: relative;
}
.ac_input {
	border: 1px solid #79b;
	border-right: none;
	background-color: white;
	display: block !important;
	font-size: 16px;
	padding: 4px;
	margin: 0;
	width: 320px;
	float: left;
	border-radius: 4px 0px 0px 4px;
	box-shadow:         1px 1px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
}
.ac_container_open .ac_input{
	border-radius : 4px 0px 0px 0px !important;
}
/**************************************
 "Get all" button
**************************************/
.ac_button{
	border : 1px solid #79b;
	width : 20px;
	text-align : center;
	position : relative;
	cursor : pointer;
	float : left !important;
	clear: none !important;
	padding:0px !important;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ac_container_open .ac_button{
	border-bottom-right-radius : 0 !important;
}
.ac_button img{
	position : absolute;
	height : 16px;
	width : 16px;
}
.ac_btn_out{
	background : #bde;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eeffff', endColorstr='#99aabb');
	background-image: linear-gradient(to bottom, #eeffff, #99aabb);
}
.ac_btn_on{
	background : #dee;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#bbbbcc');
	background-image: linear-gradient(to bottom, #ffffff, #bbbbcc);
}
/**************************************
 Results
**************************************/
.ac_result_area {
	background-color : transparent;
	margin : 0;
	padding : 0;
	list-style : none;
	position : absolute;
	z-index : 100;
	display : none;
	border : 1px solid #79b;
	border-top : 0;
	box-shadow :         2px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow :    2px 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
}
.ac_results {
	background-color : white;
	margin : 0;
	padding : 0;
	list-style : none;
}
.ac_results li{
	margin : 0;
	height : auto !important;
	padding : 3px 5px;
	white-space : nowrap;
	color : #000;
	text-align : left;
	overflow : hidden;
	font-size : 14px;
	line-height : 1;
	position : relative;
}
.ac_selected {
	background-color:#def;
	font-weight:bold;
}
.ac_over{
	cursor : pointer;
	background-color : #36c;
	color : #fff !important;
}
/*-------------------------------------
 選択してないほうの表示を暗くする
-------------------------------------*/
.ac_results_off {
	background:rgba(255, 255, 255, 0.8);
}
.ac_input_off {
	background: #eee;
	color:#555;
}
.ac_hide {
	display:none;
}
/**************************************
 Navi
**************************************/
.ac_navi{
	background : #eee;
	border-bottom : 1px solid #79b;
	margin : 0;
	padding : 4px;
	text-align : right;
	font-size : 13px;
	font-weight : normal;
	line-height : 1;
}
.ac_navi a : link,
.ac_navi a : visited,
.ac_navi a : hover,
.ac_navi a : active{
	color : blue;
	text-decoration : underline;
	margin : 0px 4px;
	font-weight : normal;
}
.ac_navi p{
	font-size : 15px;
	text-align : center;
	color : black;
	padding-top : 4px;
	margin : 0;
}
.ac_navi .current{
	font-weight : bold;
	font-size : 16px;
	color : #00c;
}
.ac_navi .page_end{
	color : gray;
	margin : 0px 4px;
	font-weight : normal;
}
.navi_page,
.navi_first,
.navi_prev,
.navi_next,
.navi_last{
	margin:auto 4px !important;
}
.ac_navi .info {
	margin:0px !important;
	padding:0px !important;
}
/**************************************
 Sub-info
**************************************/
.ac_subinfo {
	margin:0px !important;
	padding:0px !important;
}
.ac_subinfo dl {
	display: none;
	z-index: 200;
	border: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow:         2px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow:    2px 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	width: 260px;
	margin: 0;
	position: absolute;
	background: #eee;
	color: #000;
}
.ac_subinfo dt{
	width : 92px;
	word-wrap:break-word;
	float : left;
	margin : 0;
	padding : 2px 4px;
	font-size : 13px;
	text-align : left;
	font-weight : normal;
	background : #CEDFF7;
	color : #37486A;
}
.ac_subinfo dt.hide {
	display:none !important;
}
.ac_subinfo dd{
	width : 152px;
	float : left;
	word-wrap:break-word;
	margin : 0;
	padding : 2px 4px;
	font-size : 13px;
}
/**************************************
 Select only
**************************************/
.ac_container .ac_select_ng{
	background : #fcc;
}
/**************************************
 Simple
**************************************/
.ac_s_input {
	border: 1px solid #79b;
	background-color: white;
	display: block !important;
	font-size: 16px;
	padding: 4px;
	margin: 0;
	width: 320px;
	float: left;
	border-radius: 4px;
	box-shadow:         1px 1px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
}
.ac_container_open .ac_s_input{
	border-radius: 4px 4px 0px 0px !important;
}
/**************************************
 Text Area
**************************************/
.ac_textarea {
	border: 1px solid #79b;
	background-color: white;
	font-size: 16px;
	padding: 4px;
	margin: 0;
	border-radius: 4px;
	box-shadow:         1px 1px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
}


/* インクリメンタルサーチ用 */
.ac01_01{
	width:90px;
}

.ac01_01_wide{
	width:200px;
}

.ac01_02{
	width:200px;
}

.ac01_02_wide {
	width:350px;
}

.page_turn {
	text-align:right;
	margin-right:50px;
}


/* フォーム幅など */
.var150 {
	width:150px;
}

.var200 {
	width:200px;
}

.var300 {
	width:350px;
}

/* フォーム幅など */
.var400 {
	width:400px;
}

li.tab_focus {
    border: 1px solid #AAA;
    background: #FFFF99;
    background: -o-linear-gradient(top, #FFFF99 50%, #D1D1D1 100%);
    background: -ms-linear-gradient(top, #FFFF99 50%, #D1D1D1 100%);
    background: -moz-linear-gradient(top, #FFFF99 50%, #D1D1D1 100%);
    background: -webkit-linear-gradient(top, #FFFF99 50%, #D1D1D1 100%);
    background: linear-gradient(top, #FFFF99 50%, #D1D1D1 100%);
}


.center{ text-align: center; }

/* キャパ管理 */
table.type2  >tbody >tr.capacity_white >th, .capacity_white > td {
	background-color: white;
}

table.type2  >tbody >tr.capacity_color >th, .capacity_color > td {
	background-color: #B0E0E6;
}

table.double_th > th {
	width : 80px;
}

table.type2 > tbody > tr > .th1 {
	text-align:center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:white;
}

table.type2 > tbody > tr > .th2 {
	text-align:center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:white;
}

table.type2 > tbody > tr > .td_base {
	text-align:center;
}

table.type2 > tbody > tr > .td_blue {
	background-color:#00BFFF;
}

table.type2 > tbody > tr > .td_yello {
	background-color:#FFFF00;
}

table.type2 > tbody > tr > .td_red {
	background-color:#FF0000;
}

table.type2 > tbody > tr > .td_orange {
	background-color:#FFA500;
}

table.type2 > tbody > tr > .td_gray {
	background-color:#778899;
}

table.type2 > tbody > tr > .td_green {
	background-color:#90EE90;
}

/* 点滅アニメーション */
div.tenmetu{
	background-color: #FED8D8;
}

@-webkit-keyframes blink1 {
	from {
		background-color: #FFA500;
	}
	to {
		background-color: rgba(255, 255, 255, 0);
	}
}

@keyframes blink2 {
	from {
		background-color: #FFA500;
	}
	to {
		background-color: rgba(255, 255, 255, 0);
	}
}

.tenmetu {
	-webkit-animation-name: blink1;/* keyframe名 */
	-webkit-animation-duration: 0.8s;/* アニメーションにかける時間 */
	-webkit-animation-iteration-count:infinite;/*infiniteで無限ループ */
	-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
	-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-webkit-animation-delay: 0s; /* 実行までの待ち時間 */

	animation-name: blink2;/* keyframe名 */
	animation-duration: 0.8s;/* アニメーションにかける時間 */
	animation-iteration-count:infinite;/*infiniteで無限ループ */
	animation-timing-function:ease-in-out;/* イーズインアウト */
	animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	animation-delay: 0s; /* 実行までの待ち時間 */
}

/* 編集画面 */
table.type2 > tbody > tr > .edit_th1 {
	text-align:center;
	border-bottom:1px;
}

table.type2 > tbody > tr > .edit_th2 {
	text-align:center;
}

table.type2 > tbody > tr > td > .edit_form {
	text-align:center;
}

table.type2 > tbody > tr > .td_mass {
	border-top: 1px solid #79b;
}

/* 生地DB在庫管理 */
.red {
    color: red;
    padding-left: 10px;
}
.blue {
    color: blue;
}
h3#chaku_zaiko {
    margin-top: 50px;
}
div#zaiko {
    text-align: right;
    padding-right: 50px;
}

table#zaiko_list {
	width: 100%;
	margin-top: 0px;
	}
	table td.txtC.kari {
	    opacity: 0.5;
	}
	table tr#tbl_total {
	    background-color: #D0D0D0;
	    font-weight: 900;
	}
div#txt_caution {
    text-align: right;
    padding-right: 65px;
    font-weight: bold;
    font-size: 0.9em;
}
dl#texture_search + hr {
    margin-bottom: 50px;
}
dl#texture_search dt{
    float: left;
    padding: 5px 0px 0px 20px;
    font-size: 1.1em;
}
dl#texture_search dd{
    float: left;
    margin-left: 15px;
}
dl#texture_search dd:last-child {
    float: right;
    padding-right: 25px;
}
th.txtC.nowrap.kari {
    background-color: #ECEAF0;
}
table#zaiko_add {
    width: 100%;
	}
	table#zaiko_add td {
	    padding-left: 50px;
	}
table#zaiko_edit {
    width: 100%;
	}
	table#zaiko_edit input[type='radio'] {
		margin-left: 30px;
	}
	table#zaiko_edit td.zaiko_cnfirm_td {
	  padding-left: 50px;
	}
table#zaiko_edit2 {
    width: 100%;
	}
	table#zaiko_edit2 input[type='text'] {
		width: 70%;
	}
span#order_date {
    margin-left: 50px;
}
table#zaiko_edit2 input[type='text'].w95 {
    width: 95%;
}
#globalNavi {
    position: relative;
}
a#mainte_img {
    position: absolute;
    right: 0px;
    top: 40px;
	}
	a#mainte_img img {
	    height: 32px;
	}
input#inventories_csv {
    float: right;
    margin: 20px 20px 0px 0px;
}
dl#inventories_search {
    width: 40%;
    display: flex;
}