/*	--------------------------------------------------
  パーツ
  -------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#wrap {
	min-height: -webkit-calc(100% - 42px);
	height: auto !important;
	height: -webkit-calc(100% - 42px);
	height: calc(100% - 42px);
	/* Negative indent footer by it's height */
	margin: 0 auto 0px;
}

html, body, input, button {
	font-family: 'メイリオ','Lucida Grande','Hiragino Kaku Gothic ProN','sans-serif';
	font-size: 20px;
}

/*  frontpage card */
.box-part {
  background: #FFF;
  border-radius: 10px;
/*  padding: 60px 10px;
  margin: 30px 0px;*/
}



/*	--------------------------------------------------
  ヘッダ
  -------------------------------------------------- */
.header {
	background-image: url(../image/header_background.png);
	background-repeat: repeat-x;
	height: 3.2em;
	padding-top: 15px;
	padding-left: 20px;
}

.header h1 {
	letter-spacing: .08em;
}


/*	--------------------------------------------------
  メニュー
  -------------------------------------------------- */
div.menu {
/*	height: 31px;*/
	background-color: #ACA795;
	margin-bottom: .5em;
	padding: 0 1em;
	display: flex;
}

div.menu ul {
	position: static;
	line-height: 1.5em;
	list-style-type: none;
	margin-bottom: .2em;
}

div.menu li {
/*	height: 29px;*/
	border: 1px solid #78AE26;
	border-radius: 5px;
/*	margin-right: 5px;*/
	margin: 0.2em 0.1em 0 .1em;
	padding: .05em;
	font-weight: bold;
	letter-spacing: 1px;
	background: linear-gradient(#93D233, #78ae26);
	box-shadow: 1px 1px 1px 0 #ffffcc inset, -1px -1px 3px 0 #78ae26 inset;
}

div.menu a {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
}

div.menu li:hover {
	background: linear-gradient(#78ae26, #93D233);
}



div.menu button#button {
	line-height: 27px;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 1px;
	background: linear-gradient(#93D233, #78ae26);
	box-shadow: 1px 1px 1px 0 #ffffcc inset, -1px -1px 3px 0 #78ae26 inset;
	height: 31px;
	border: 1px solid #78AE26;
	border-radius: 5px;
	margin-right: 5px;
}



/*	--------------------------------------------------
  メイン
  -------------------------------------------------- */
div.main {
/*	width: 98%;
	margin: auto;
	display: block;

	top: 150px;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: auto;
	border: 1px solid #039;	*/
}

div.main h1 {
	font-size: 1.8em;
	letter-spacing: 2px;
	background-color: #699;
	padding-left: 15px;
	margin-bottom: 5px;
}


/*	--------------------------------------------------
 	フッター
  -------------------------------------------------- */
div.footer {
	height: 21px;
	font-size: 0.7em;
	display: block;
	clear:both;
	text-align:right;
}

/*	--------------------------------------------------
  共通設定
  -------------------------------------------------- */
span#fieldtitle {
	width: 135px;
	display: inline-block;
	text-align: right;
}

span#login {
/*	position: absolute;*/
}

.ui-icon {
	zoom: 1.5;
	line-height: 22px;
/*	position: absolute;*/
	margin-top: 2px;
}

input {
	font-family: 'メイリオ','Lucida Grande','Hiragino Kaku Gothic ProN','sans-serif';
}


input[type="text"],input[type="password"],input[type="number"] {
/*	height: 23px;*/
/*	font-size: 1em;
	margin: 3px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
*/
}

input[type="number"] {
/*	text-align: right;*/
}


/*　送信ボタン */
button[type="submit"],input[type="submit"] {
/*	display: block;
	font-size: 18px;
	width: 80%;
	border: 1px solid #090;
	font-weight: bold;
	letter-spacing: 0.3em; /* 文字間隔（10px追加） */
/*	padding: 0.5em; /* 右パディングをletter-spacing分差し引く */
/*	background: linear-gradient(#62FF62, #090); /* グラデーション */
/*	border-radius: 5px; /* 右上と右下に半径5pxの角丸 */
/*	box-shadow: 1px 1px 1px 0 #62FF62 inset, -1px -1px 3px 0 #090 inset; /* ボックスの内側にハイライトとシャドウ */
/*	text-shadow: 0 -1px 0 #39283C;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
*/
}
button[type="submit"]:hover {
/*
  background: linear-gradient(#090, #62FF62); /* グラデーション */
/*  box-shadow: -1px -1px 1px 0 #090 inset, 1px 1px 3px 0 #62FF62 inset; /* ボックスの内側にハイライトとシャドウ */

}


a {
	text-decoration: none;
/*	color: #9C1310;*/
}

table {
  border-collapse: collapse;  
}





/*	--------------------------------------------------
  検索テキストボックス・ボタン
  -------------------------------------------------- */

form.search {
	position: relative;
	
}

form.search input[type="search"] {
	width: 200px;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #cc9900;
	border-right: 0; /* 右ボーダーなし */
	box-sizing: content-box;
	position: relative;
	top: 0;
	left: 0;
	border-radius: 5px 0 0 5px; /* 左上と左下に半径5pxの角丸 */
	box-shadow: 0 0 5px #cc9966 inset; /* ボックスの内側にシャドウ */
	display: inline-block;
}

form.search input[type="submit"] {
	width: 79px;
	margin-top: 0px;
	font-size: 14px;
	padding: 10px 20px;
	border: 1px solid #cc9900;
	position: relative;
	top: 0;
	left: -10px;
	font-weight: bold;
	letter-spacing: 10px; /* 文字間隔（10px追加） */
	padding: 10px 10px 10px 20px; /* 右パディングをletter-spacing分差し引く */
	background: linear-gradient(#ffcc99, #ff9900); /* グラデーション */
	color: #ffffff;
	border-radius: 0 5px 5px 0; /* 右上と右下に半径5pxの角丸 */
	box-shadow: 1px 1px 1px 0 #ffffcc inset, -1px -1px 3px 0 #ff9900 inset; /* ボックスの内側にハイライトとシャドウ */
	cursor: pointer; /* リンクカーソル */
	text-shadow: 0 -1px 0 #cc9900; /* テキストの上方向に1pxの影を付ける */
	border-left-width: 0px;
	margin-left: 0px;
	display: inline-block;
}

form.search input[type="search"]:focus {
  background-color: #ffffe0;
}
form.search input[type="submit"]:hover {
  background: linear-gradient(#ff9900, #ffcc99); /* グラデーション */
  box-shadow: -1px -1px 1px 0 #ffffcc inset, 1px 1px 3px 0 #ff9900 inset; /* ボックスの内側にハイライトとシャドウ */
}
form.search input {
  outline: none; /* アウトラインをリセット */
}



button#reset {
	font-size: 14px;
	border: 1px solid #EB1010;
	font-weight: bold;
	letter-spacing: 2px; /* 文字間隔（10px追加） */
	padding: 0px; /* 右パディングをletter-spacing分差し引く */
	background: linear-gradient(#F89494, #EB1010); /* グラデーション */
	border-radius: 5px; /* 右上と右下に半径5pxの角丸 */
	box-shadow: 1px 1px 1px 0 #F89494 inset, -1px -1px 3px 0 #EB1010 inset; /* ボックスの内側にハイライトとシャドウ */
	text-shadow: 0 -1px 0 #39283C; /* テキストの上方向に1pxの影を付ける */
	display: inline-block;
}

button#reset a {
	color: #FFF;
	padding: 12px;
	display: block;
}


ul.menubar {
  float: left;
}

ul.menubar li {
  float:left;
}


.menu ul.uparam {
  float: right;
}



div.frontmain {
  text-align: center;
}


ul.frontmain {
  position: static;
  margin: 0px;
  list-style-type: none;
  text-align: center;
  height: 200px;
  /*	width: 850px;*/
  margin: 0px auto;
}

ul.frontmain li {
  float:left;
  border-radius: 5px;
  margin: 10px;
  height: 200px;
  width: 200px;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
  border: 1px solid #999999;

}

ul.frontmain li a {
  display: block;
  height: 200px;
  width: 200px;
  line-height: 200px;
  transition: 0.3s linear;
  background-image: url(../image/production_status.png);
}

ul.frontmain li a:hover {
  background-color: #999999;
  background-image: url(../image/production_status.png);
  background-size: contain;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
  border-radius: 5px;
  transition: 0.3s linear;
}
/*
input {
  border-radius: 5px;
}*/


/*	--------------------------------------------------
  Reveal Modals
  -------------------------------------------------- */

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

.reveal-modal {
  visibility: hidden;
  top: 100px; 
  left: 50%;
  margin-left: -300px;
  width: 520px;
  background: #eee url(/image/modal-gloss.png) no-repeat -200px -80px;
  position: absolute;
  z-index: 101;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  font-weight: bold;
  cursor: pointer;
} 


.main {  
  width: 100%;
}  

.main table {
  width: 95%;
  padding: 0px;
  border: 0px;
  margin-left: auto;  
  margin-right: auto;
}

.main th,td {
/*  border: 1px solid #ccc;*/
  padding: 4px;
}


#dialog-link {
  /*display:block;*/
  padding: .4em 1em .4em 20px;
  text-decoration: none;
  position: relative;
  float: left;
}

.textcenter {
  text-align: center;
}




/* multiselect styles */
.multiselect {
  width: 460px;
  height: 200px;
}

#switcher {
  margin-top: 20px;
}



.centering {
  margin-left: auto;  
  margin-right: auto;
  display: table;
}


.contentsmid {
  width: 66%;


}


.contentssma {
  width: 33%;
}




/* メッセージボックス(アラートなど) */
.msgbox {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}



.success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}

.alert[id="jQueryBox"] {
	background-color: #FDDBE3;
	border: solid 1px #cd0a0a;
}

div.msgbox button#jQueryClose {
	width: 15px;
	height: 15px;
	font-size: 11px;

}

div.alert[role="dialog"] {
  background-color: #FDDBE3 !important;
  border-color: #cd0a0a !important;
/*  color: #E23666 !important;*/
  background: none !important;
}

.alert div.ui-widget-header {
	border: 1px solid #DF090E;
	background: #cc5c5c url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}

.alert span.ui-icon {
	background-image: url(/libraries/css/redmond/images/ui-icons_cd0a0a_256x240.png);
	zoom: 1.5;
}

.alert div.ui-dialog-buttonpane {
	border-top: 1px solid #cd0a0a;
	background: none !important;
}


div#dialog {
	padding: 20px 5px 15px 5px;
	
}




/* リスト並び替えアイコン */
a.order img {
  vertical-align: bottom;
  -webkit-filter: grayscale(100%); /* webkit用 */
  filter: gray; /* IE用 */
}

a.order img:hover {
  -webkit-filter: grayscale(0%); /* webkit用 */
  filter: none; /* IE用 */
}

a#view {
  filter: sepia(100%);
  -webkit-filter: sepia(100%);

}







#dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
#icons {
	margin: 0;
	padding: 0;
}
#icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}
#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
	position: absolute;
}


/*	保管場所セレクト */
div.location-select {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.location-select select {
	display: inline;
	font-family: メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', sans-serif;
	height: 3em;
	padding: 10px;
	
}

/*	--------------------------------------------------
 	マルチセレクト multiselect
  -------------------------------------------------- */
div.header_item a {
	color: #9C1310;
	float: right;
	font-size: 0.6em;
	border: solid 1px rgb(156,19,16);
	padding: 2px 4px;
	border-radius: 3px;
}

div.header_item a:hover {
	color: #fff;
	background: #9c1310;
}

/* 半反アイコン*/
#ico_hantan {
	font-size: 0.6em;
	background: #F93;
	color: #999;
}


/*	--------------------------------------------------
 	テーブル詳細 detailtable[sortable]
  -------------------------------------------------- */
.ui-sortable-helper {

}




/*#########################################*/
/**/
/* コンポーネント別設定 */
/**/
/*#########################################*/


/*	--------------------------------------------------
 	ログイン libraries/authentication.php
  -------------------------------------------------- */
span#login {
/*	width: 19px;*/
/*	height: 19px;*/
}
span[id="login"] {
/*	background-position: -142px -94px;*/
/*	top: initial !important;
	margin-top:3px;
	padding: 8px;
	color: #a6c9e2;
*/
}
span.ui-icon-locked[id="login"] {
/*	background-position: -190px -95px;*/
}
/*	ログイン ここまで */



/* 織り上がり数入力(weave-count) */

/* 数値カウントボックス */
div.quantity input.minus {
/*	font-size: 16px;
	border: 1px solid #EA5757;
	font-weight: bold;
	padding: 3px 20px 3px 20px;
	background: linear-gradient(#F39E9E, #EA5757);
	color: #ffffff;
	border-radius: 5px 0 0 5px;
	box-shadow: 1px 1px 1px 0 #ffffcc inset, -1px -1px 3px 0 #EA5757 inset;
	cursor: pointer;
	text-shadow: 0 -1px 0 #EA5757;
	margin-right: -7px;
	height: 31px;
*/}

div.quantity input.plus:minus {
/*  background: linear-gradient(#EA5757, #229B34); /* グラデーション */
/*  box-shadow: -1px -1px 1px 0 #EA5757 inset, 1px 1px 3px 0 #A01414 inset; /* ボックスの内側にハイライトとシャドウ */
}


div.quantity input[type=number]{
/*	margin: 0px;
	width: 50px;
	text-align: center;
	border-radius: 0px;
	height: 23px;
*/}

div.quantity input.plus {
/*	font-size: 16px;
	border: 1px solid #4DD863;
/*	position: absolute;*/
/*	font-weight: bold;
/*	letter-spacing: 10px;*/
/*	padding: 3px 20px 3px 20px;
	background: linear-gradient(#92DA9D, #4DD863);
	color: #ffffff;
	border-radius: 0 5px 5px 0;
	box-shadow: 1px 1px 1px 0 #ffffcc inset, -1px -1px 3px 0 #4DD863 inset;
	cursor: pointer;
	text-shadow: 0 -1px 0 #4DD863;
	border-left-width: 0px;
	margin-left: -7px;
	height: 31px;
*/}

div.quantity input.plus:hover {
/*
  background: linear-gradient(#4DD863, #229B34); /* グラデーション */
/*  box-shadow: -1px -1px 1px 0 #4DD863 inset, 1px 1px 3px 0 #229B34 inset; /* ボックスの内側にハイライトとシャドウ */
}



/*	--------------------------------------------------
 	梱包(開梱) compornents/packed.php
  -------------------------------------------------- */

button#unpack {
	float:right;
	display: block;
	font-size: 0.8em;
	border: 1px solid #EB1010;
	letter-spacing: 2px; /* 文字間隔（10px追加） */
	background: linear-gradient(#F89494, #EB1010); /* グラデーション */
	border-radius: 5px; /* 右上と右下に半径5pxの角丸 */
	box-shadow: 1px 1px 1px 0 #F89494 inset, -1px -1px 3px 0 #EB1010 inset; /* ボックスの内側にハイライトとシャドウ */
	text-shadow: 0 -1px 0 #39283C; /* テキストの上方向に1pxの影を付ける */
}

button#unpack a {
	color: #FFF;
	padding: 3px 6px;
	display: block;
}

.ui-accordion .ui-accordion-content {
	padding: 0.3em 2.2em !important;
}