@charset "utf-8";
* {
	box-sizing: border-box;
}
body {
	background: radial-gradient(circle 400px at 80% 50px,#a7d4ee,#72bbe4);	/*ロゴ背後の光を含めた背景色*/
}
body.login {
	background: #72bbe4;
}

input {
	padding: 4px;
}

#sub {
	width: 225px;
}
@media (max-width : 480px){
	#sub {
		width: auto;
	}
}

span.font-big {
	font-size: 175%;
}
.font-meiryo {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.login #contents {
	margin: 0 auto;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

#flash_message {
	width: 100%;
	margin: 0 auto;
}

/* 画面上部、ログイン情報 */
header {
	padding-bottom: 10px;
}

header .current-user-info {
	padding-top: 45px;
    text-align: left;
}

header .current-company {
	font-size: 1.8em;
	line-height: 1em;
}

header .current-user {
	font-size: 1.8em;
}

header .lastlogin {
	font-size: 1em;
}

div#font-size-changer {
	width: 345px;
	float: right;
	position: relative;
	overflow: hidden;
}

div#font-size-changer ul {
	position: relative;
	left: 50%;
	float: left;
}

div#font-size-changer ul li {
	position: relative;
	left: -50%;
	float: left;
	list-style: none;
	margin: 0px 5px 10px 5px;
	cursor: pointer;
	border: 1px solid #ccc;
	padding: 2px 2px 2px 5px;
	text-align: center;
	background-color: #fff;
	color: #333;
}

address .tel {
	font-size: 14px !important;
}

@media screen and (max-width: 760px) {
	header .lastlogin {
		font-size: 0.9em;
	}
	address .tel {
		font-size: 12px !important;
	}
	div#font-size-changer {
		float: none;
	    width: 90%;
	    margin: 0px auto;
	}
}

/*ロゴ画像*/
header #logo {
	padding-top: 0px;
	padding-bottom: 10px;
	float: right;
	width: 345px;
	max-width: 100%;
}

header #font-size-changer {
	padding-top: 10px;
}

/* お知らせ、業界ニュース */
.news {
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 1em;
}

/* サマリ */
.order-summary {
	margin-left: 1em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 1em;
}

.order-summary .important {
	font-size: 175%;
}

.order-summary td {
	padding-right: 1em;
}

/* 二段組の設定 */
.two-side-row {
	display: block;
	float: left;
	width: 100%;
}

.two-side-row .box {
	float: left;
	width: 49%;
	margin-left: 2%;
}

.two-side-row .box:first-child{
	margin-left: 0px;
}

/* 発注入力 */
#order {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#order img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
}

#order table {
	width: 100%;
}

#order thead {
	/* 元テンプレートh3 より */
	clear: both;
	font-size: 100%;
	background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#dcdcdc));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #dcdcdc);	/*同上*/
	background: linear-gradient(#FFF, #dcdcdc);			/*同上*/
	padding: 4px 15px;	/*上下、左右への余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/

	/* 独自追加 */
	font-size: 118%;
	text-align: left;
}

#order th {
	height: 2em;
	padding: 0.4em;
	line-height: 1.2em;
	font-size: 80%;
}

#order td {
	padding-left: 0.4em;
	padding-right: 0.4em;
}

input.order-number {
	width: 10em;
	ime-mode: inactive;
}

#order .order-checkbox {
	padding-right: 0;
}

#order .order-index {
	padding-left: 0;
	width: 1.5em;
	text-align: right;
	padding-right: 0.5em;
}

#order .order-product-image {
	width: 70px;
}

#order .order-jan-code {
	width: 20%;
}
#order .order-jancode input {
	width: 9em;
}

#order .order-product-name {
	width: 50%;
	min-width: 100px;
}
#order .order-product-name input {
	width: 100%;
}

#order .order-code-name {
	width: 18em;
}
#order .order-code-name input {
	width: 18em;
}

#order .order-count {
	text-align: right;
}
#order .order-count input {
	width: 5.5em;
	text-align: right;
}
#order .order-count:after {
	content: 'ケース'
}

#order section.order-unit {
	background: white;
	margin: 5px;
}

.order-notice {
	font-size: 80%;
	color: red;
	margin-left: 1em;
}

.order-unit-header {
	width: 100%;
	background: #44baf5;
	padding: 0 10px !important;
	position: relative;
	height: 30px;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .order-unit-header {
		height: 32px;
	}
}
.order-unit-title {
	color: white;
	padding: 0 !important;
}
.order-unit-removebutton {
	position: absolute;
	top: 2px;
	right: 2px;
}

/* 注文のタブ */
#order-tab {
	position: relative;
	height: 3em;
	margin-top: -3.0em;
	z-index: 3;
	clear: auto;
	padding-bottom: 0.2em;
}

#order-tab ul li a {
	display: block;
	border-radius: 8px 8px 0px 0px;
	float: left;
	width: 130px;
	margin-right: 6px;
	text-align: center;
	line-height: 1.5em;
	background-color: #a6a6a6;

	padding: 0 0;
	color: white;
	text-decoration: none;
}

#order-tab ul li.active a {
	background-color: #0070c0;
}

#order-tab ul li a:link {
	color: white;
}

#order-tab ul li a:hover {
	background-color: #0070c0;
	color: white;
}
#order .form-group label {
    display: inline-block;
    width: 4em;
}

#order .form-group input[class=summary] {
    width: 30em;
}

/* 2カラムのアクション */
.twoside-action-row {
	display: block;
	width: 100%;
	padding-bottom: 1em;
}

.twoside-action-row div:first-child {
	float: left;
}

.twoside-action-row div {
	float: right;
}

/* ボタン関連 */
.button {
	border-radius: 30px;	/*角丸のサイズ*/
	border-radius: 12px;
	background: #e5e5e5;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e5e5e5));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #e5e5e5);	/*同上*/
	background: linear-gradient(#FFF, #e5e5e5);			/*同上*/
	letter-spacing: 0.1em;
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	padding: 4px 10px;
}
a.button {
	text-decoration: none;
	display: inline-block;
	line-height: 1.1rem;
	text-align: center;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .button {
		padding: 0px 10px;
	}
}

/*ボタンのマウスオン時の設定*/
.button:hover {
	background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#FFF));	/*グラデーション*/
	background: -webkit-linear-gradient(#e5e5e5, #FFF);	/*同上*/
	background: linear-gradient(#e5e5e5, #FFF);			/*同上*/
}

.button-small {
	width: 100px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	font-size: 90%;	/*文字サイズ*/
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .button-small {
		padding: 4px 10px;
	}
}
.button-medium {
	width: 200px;	/*ボタン幅*/
	max-width: 90%;
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	font-size: 90%;	/*文字サイズ*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
@media screen and (max-width: 760px) {
	.button-small, .button-medium {
		padding: 4px 10px;
	}
}

.button-large {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	font-size: 16px;	/*文字サイズ*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.button-submit {
	width: 250px;	/*ボタン幅*/
	padding: 10px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	font-size: 16px;	/*文字サイズ*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.button-accept {
	width: 100px;	/*ボタン幅*/
	font-size: 90%;	/*文字サイズ*/
	background: -webkit-gradient(linear, left top, left bottom, from(#CFC), to(#5C5));
	background: -webkit-linear-gradient(#CFC, #5C5);
	background: linear-gradient(#CFC, #5C5);
}
.button-accept:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#5C5), to(#CFC));
	background: -webkit-linear-gradient(#5C5, #CFC);
	background: linear-gradient(#5C5, #CFC);
}

.button-decline {
	width: 100px;	/*ボタン幅*/
	font-size: 90%;	/*文字サイズ*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FCC), to(#C88));
	background: -webkit-linear-gradient(#FCC, #C88);
	background: linear-gradient(#FCC, #C88);
}
.button-decline:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#C88), to(#FCC));
	background: -webkit-linear-gradient(#C88, #FCC);
	background: linear-gradient(#C88, #FCC);
}

.button-addrow {
	background: -webkit-gradient(linear, left top, left bottom, from(#CFC), to(#5C5));
	background: -webkit-linear-gradient(#CFC, #5C5);
	background: linear-gradient(#CFC, #5C5);
}
.button-addrow:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#5C5), to(#CFC));
	background: -webkit-linear-gradient(#5C5, #CFC);
	background: linear-gradient(#5C5, #CFC);
}

/* 補完用 */
.suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCFF;
    font-size: 90%;
    width: 30em;
    max-height: 200px;
    padding: 4px;
    overflow: auto;
    z-index: 100;
}
.suggest div {
    display: block;;
    overflow: hidden;
    white-space: nowrap;
}
.suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
.suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

/* アコーディオン用 */
h2.open {
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#79c5ef), to(#6aacd1)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#79c5ef, #6aacd1) !important;	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#79c5ef, #6aacd1) !important;	/*同上*/
}
h2.close {
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#79c5ef), to(#6aacd1)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#79c5ef, #6aacd1) !important;		/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#79c5ef, #6aacd1) !important;		/*同上*/
}
h2.open.all {
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#79c5ef), to(#6aacd1)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-linear-gradient(#79c5ef, #6aacd1) !important;	/*同上*/
	background: url(../images/btn_minus_all.png) no-repeat right center, linear-gradient(#79c5ef, #6aacd1) !important;	/*同上*/
}
h2.close.all {
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#79c5ef), to(#6aacd1)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-linear-gradient(#79c5ef, #6aacd1) !important;		/*同上*/
	background: url(../images/btn_plus_all.png) no-repeat right center, linear-gradient(#79c5ef, #6aacd1) !important;		/*同上*/
}

h3.open {
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c5e3f4), to(#6aacd1)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#c5e3f4, #6aacd1) !important;	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#c5e3f4, #6aacd1) !important;	/*同上*/
}
h3.close {
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c5e3f4), to(#6aacd1)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#c5e3f4, #6aacd1) !important;		/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#c5e3f4, #6aacd1) !important;		/*同上*/
}
h3.open.all {
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c5e3f4), to(#6aacd1)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-linear-gradient(#c5e3f4, #6aacd1) !important;	/*同上*/
	background: url(../images/btn_minus_all.png) no-repeat right center, linear-gradient(#c5e3f4, #6aacd1) !important;	/*同上*/
}
h3.close.all {
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#c5e3f4), to(#6aacd1)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-linear-gradient(#c5e3f4, #6aacd1) !important;		/*同上*/
	background: url(../images/btn_plus_all.png) no-repeat right center, linear-gradient(#c5e3f4, #6aacd1) !important;		/*同上*/
}

h4.open {
	padding-left: 15px;
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d5ffff/*#d2d2d2*/), to(#86b5e5/*#999*/)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;	/*同上*/

}
h4.close {
	padding-left: 15px;
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d5ffff/*#d2d2d2*/), to(#86b5e5/*#999*/)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;		/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;		/*同上*/
}
h4.open.all {
	padding-left: 15px;
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d5ffff/*#d2d2d2*/), to(#86b5e5/*#999*/)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;	/*同上*/
	background: url(../images/btn_minus_all.png) no-repeat right center, linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;	/*同上*/

}
h4.close.all {
	padding-left: 15px;
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d5ffff/*#d2d2d2*/), to(#86b5e5/*#999*/)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;		/*同上*/
	background: url(../images/btn_plus_all.png) no-repeat right center, linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;		/*同上*/
}
h4.open.not-editable {
	padding-left: 15px;
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#999)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#d2d2d2, #999) !important;	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#d2d2d2, #999) !important;	/*同上*/

}
h4.close.not-editable {
	padding-left: 15px;
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#999)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#d2d2d2, #999) !important;		/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#d2d2d2, #999) !important;		/*同上*/
}
h4.open.not-editable.all {
	padding-left: 15px;
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#999)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-linear-gradient(#d2d2d2, #999) !important;	/*同上*/
	background: url(../images/btn_minus_all.png) no-repeat right center, linear-gradient(#d2d2d2, #999) !important;	/*同上*/

}
h4.close.not-editable.all {
	padding-left: 15px;
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#999)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-linear-gradient(#d2d2d2, #999) !important;		/*同上*/
	background: url(../images/btn_plus_all.png) no-repeat right center, linear-gradient(#d2d2d2, #999) !important;		/*同上*/
}
h5.open {
	padding-left: 15px;
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fbfbfb/*#d2d2d2*/), to(#a7d4ee/*#999*/)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#fbfbfb/*#d2d2d2*/, #a7d4ee/*#999*/) !important;	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#fbfbfb/*#d2d2d2*/, #a7d4ee/*#999*/) !important;	/*同上*/

}
h5.close {
	padding-left: 15px;
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#fbfbfb/*#d2d2d2*/), to(#a7d4ee/*#999*/)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#fbfbfb/*#d2d2d2*/, #a7d4ee/*#999*/) !important;		/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#fbfbfb/*#d2d2d2*/, #a7d4ee/*#999*/) !important;		/*同上*/
}
h5.open.all {
	padding-left: 15px;
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d5ffff/*#d2d2d2*/), to(#86b5e5/*#999*/)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;	/*同上*/
	background: url(../images/btn_minus_all.png) no-repeat right center, linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;	/*同上*/

}
h5.close.all {
	padding-left: 15px;
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d5ffff/*#d2d2d2*/), to(#86b5e5/*#999*/)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;		/*同上*/
	background: url(../images/btn_plus_all.png) no-repeat right center, linear-gradient(#d5ffff/*#d2d2d2*/, #86b5e5/*#999*/) !important;		/*同上*/
}
h5.open.not-editable {
	padding-left: 15px;
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#999)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#d2d2d2, #999) !important;	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center, linear-gradient(#d2d2d2, #999) !important;	/*同上*/

}
h5.close.not-editable {
	padding-left: 15px;
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#999)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#d2d2d2, #999) !important;		/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center, linear-gradient(#d2d2d2, #999) !important;		/*同上*/
}
h5.open.not-editable.all {
	padding-left: 15px;
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#999)) !important;	/*マイナスアイコンとグラデーション*/
	background: url(../images/btn_minus_all.png) no-repeat right center, -webkit-linear-gradient(#d2d2d2, #999) !important;	/*同上*/
	background: url(../images/btn_minus_all.png) no-repeat right center, linear-gradient(#d2d2d2, #999) !important;	/*同上*/

}
h5.close.not-editable.all {
	padding-left: 15px;
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#999)) !important;		/*プラスアイコンとグラデーション*/
	background: url(../images/btn_plus_all.png) no-repeat right center, -webkit-linear-gradient(#d2d2d2, #999) !important;		/*同上*/
	background: url(../images/btn_plus_all.png) no-repeat right center, linear-gradient(#d2d2d2, #999) !important;		/*同上*/
}

.shrink-header {
	position: relative;
}
.shrink-header h1,h2,h3,h4,h5 {
	padding: 6px 15px !important;
	line-height: normal;
	clear: none !important;
}
.shrink-header .header-inner.right {
	position: absolute;
	bottom: 4px;
	right: 4em;
}
.shrink-header .header-inner.left {
	position: absolute;
	bottom: 4px;
	right: 9.5em;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .shrink-header button.header-inner.left, .shrink-header button.header-inner.right {
		bottom: 3px;
	}
}
.shrink-header strong.header-inner.right {
	right: 12em;
}
.shrink-header .button.header-inner {
	width: 5em;
}
@media screen and (max-width: 760px) {
	.button.header-inner {
		padding: 4px 10px;
	}
}

.section-order {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.section-order > div {
	white-space: nowrap;
}
.section-order table tr {
	height: 2em;
}
.box-destination {
	margin: 5px;
	background: white;
	padding-bottom: 2px;
}
.scroll {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
.bg-blue {
	background: #ADD8E3;
}

.nowrap {
	white-space: nowrap;
}
.nestbox-1 {
	background: #ADD8E3;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.nestbox-2 {
	background: #C5E3F4;
	margin: 5px 18px 5px 5px;
	padding-bottom: 2px;
}
.nestbox-3 {
	background: #FFF;
	margin: 5px 18px 5px 5px;
}
.nestbox-3 h5 {
	font-size: 1em;
}

#order .button-box {
	margin: 5px 10px;
	/*height: 29px;*/
}

#order .button-box div.same-order, div.add-cart-order, div.edit-order, div.accept-order, div.decline-order, div.delete-order {
	padding: 0;
	text-align: center;
}
#order .button-box div.edit-order,div.delete-order {
	width: 8.5em;
	margin-right: 5px;
}
#order .button-box div.same-order {
	width: 12em;
	margin-right: 3px;
}

select {
	font-size: 16px;
}

table.table-striped tbody tr:nth-child(even) {
    background-color: #ffffff;
}

table.table-striped tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
}

table.table-striped td {
	height: 50px;
}

.add-cart {
    display: inline-block;
}

#main section.product-list {
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;	/*ボックス間のスペース*/
	background: #e3e3e3;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background: -webkit-linear-gradient(#FFF, #e3e3e3);	/*同上*/
	background: linear-gradient(#FFF, #e3e3e3);			/*同上*/
	position: relative;
	overflow: hidden;
}
/*ボックス内の写真設定*/
#main section.product-list figure {
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	text-align: center;
}
#main section.product-list figure img {
	max-height: 150px;
}

/*商品詳細*/
#product-info figure {
	height: 200px;
}
#product-info figure img {
	max-height: 100%;
}

/*一覧ページの各ボックス内のテーブル
---------------------------------------------------------------------------*/
#main section.product-list table {
	/*font-size: 11px;	/*文字サイズ*/*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #FFF;	/*背景色*/
}
#main section.product-list table,
#main section.product-list table td,
#main section.product-list table th{
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
}
#main section.product-list table td,
#main section.product-list table th{
	padding: 0;
	line-height: 1.6;
}
#main section.product-list  table th{
	width: 80px;
	text-align: center;
	font-weight: normal;
	background: #e7e2da;
}
#main section.product-list table td {
	width: 140px;
	padding: 0px 3px;
}

#sub ul.subbest10 {
	margin-bottom: 15px;	/*メニューブロックの下にあけるスペース*/
}
#sub .box1 ul.subbest10 {
	margin-bottom: 0;
}

#sub ul.submenu li a[href="#"] { /* フェーズ1で未実装のメニューはグレーアウト */
	color: #CCC;
}

/*マウスオン時*/
#sub ul.submenu li a[href="#"]:hover { /* フェーズ1で未実装のメニューはグレーアウト */
	background: #FFFFFF;
	color: #CCC;
}

/*メニュー１個ごとの設定*/
#sub ul.subbest10 li {
	border-bottom: 1px solid #ccc;	/*下側の線の幅、線種、色*/
	text-decoration: none;
	display: block;
	padding: 2px 10px;	/*上下、左右への余白*/
	background: #FFF;	/*背景色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
/*マウスオン時*/
#sub ul.subbest10 li a:hover {
	background: #c5e3f4;	/*背景色*/
	color: #333;
}

.best10-image {
    width: 40%;
    float: left;
}

.best10-image img {
    max-height: 5em;
}

.best10-description {
    float: left;
    width: 58%;
}

/**/
table th {
	text-align: left;
}

.sweet-alert {
	max-height: 90%;
	overflow: auto;
}
.sweet-alert a {
	color: #333;
	line-height: 50px;
}
.sweet-alert textarea {
	width: 100%;
	height: 200px;
	margin-top: 20px;
	border-radius: 3px;
	border: 1px solid #d7d7d7;
}
.sweet-alert input {
	height: 42px;
	padding: 10px;
}
.sweet-alert .button-download {
	background: #999;
	margin-top: 5px;
}
.sweet-alert .button-download:hover {
	background: #888;
}
.sweet-alert #destination_code {
	width: 100%;
	display: block;
}
.sweet-alert #destination_suggest {
	top: 90px;
	left: 20px;
	z-index: 100;
	width: 90%;
	text-align: left;
	padding: 4px;
	line-height: 1.5em;
}
.sweet-alert #OrderCountInput {
	width: 100px;
	text-align: right;
	display: block;
}
.sweet-alert .popup-product-image {
	height: 400px;
	width: auto;
}
.sweet-alert .sa-icon.sa-info::after {
	left: 50%;
}
@media screen and (max-width: 768px) {
	.sweet-alert h2 {
		font-size: 20px;
		margin: 0px;
	}
	.sweet-alert p {
		font-size: 12px;
	}
	.sweet-alert button {
		font-size: 12px;
		margin: 5px 5px 0px 5px;
	}
	.sweet-alert input {
		font-size: 1em;
		height: 36px;
	}
	.sweet-alert #destination_suggest {
		top: 75px;
	}
	.sweet-alert #OrderCountInput {
		width: 30%;
		margin-left: 35%;
	}
	.sweet-alert .popup-product-image {
		height: 200px;
		width: auto;
	}
}

input.datepicker, input.datepicker-nouhin-ymd {
	width: 8em;
}
input.ympicker {
	width: 6em;
}
img.ui-datepicker-trigger {
	height: 26px;
	padding: 2px 4px;
}

div#ui-datepicker-div {
	z-index: 300;
}

/*カレンダー*/
.sunday .ui-state-default {
	color: red;
}
.saturday .ui-state-default{
	color: blue;
}

/* 履歴検索 */
form#search-history {
	margin-bottom: 20px;
}
form#search-history input {
	margin-top: 5px;
}
form#search-history input[name="code_name"] {
	width: 300px;
}
form#search-history label#label-phone {
	margin-left: 1em;
}
form#search-history button#search-button {
	width: 100px;
	height: 25px;
	font-size: 0.9em;
	padding: 4px;
	float: right;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, form#search-history button#search-button {
		padding-top: 0px;
	}
}
form#search-history input#search-clear {
	width: 100px;
	height: 25px;
	font-size: 0.9em;
	padding: 4px;
	margin-right: 10px;
	margin-top: 0px;
	float: right;
}
@media screen and (max-width: 768px) {
	form#search-history {
		padding-bottom: 40px;
	}
	form#search-history input[name="code_name"] {
		width: 70%;
	}
	form#search-history label#label-phone {
		margin-left: 0px;
	}
	form#search-history label#label-odate-t {
		margin-left: 3.1em;
	}
	form#search-history label#label-ddate-t {
		margin-left: 3.1em;
	}
	form#search-history input#search-clear,button#search-button {
		margin-top: 10px;
	}
}

section#cart textarea#csv_text {
	width: 70%;
	height: 100px;
}
section#cart input#destination_code {
	width: 30em;
}
section#cart div#destination_suggest {
	width: 33em;
}
section#cart div.destination-buttons {
	float: right;
	margin-top: 10px;
	margin-right: 3em;
	margin-bottom: 1em;
}
section#cart .cart-unit-actions {
	margin-top: 5px;
}
section#cart .cart-unit-actions .cart-unit-buttons {
	float: left;
}
section#cart .cart-unit-actions .cart-unit-clear {
	float: right;
}
@media screen and (max-width: 768px) {
	section#cart textarea#csv_text {
		width: 100%;
	}
	section#cart input#destination_code {
		width: 20em;
	}
	section#cart div#destination_suggest {
		width: 23em;
	}
	section#cart div.destination-buttons {
		float: none;
		margin-bottom: 5px;
		margin-left: 20px;
	}
	section#cart .cart-unit-actions .cart-unit-clear {
		float: none;
	}
	section#cart .cart-unit-actions .cart-unit-clear button {
		padding: 4px 10px;
		width: 150px;
		margin-left: 5px;
	}
}

@media screen and (max-width: 768px) {
	.ws {
		width: 96%;
	}
	h1 {
		font-size: 1.2em;
	}
}

form#select-user input {
	width: 50%;
}

.font-large {
	font-size: 1.5em;
}
@media screen and (max-width: 768px) {
	.font-large {
		font-size: 1.2em;
	}
}
.red {
	color: #E00 !important;
}
.blue {
	color: #00E !important;
}
.bold {
	font-weight: bold;
}
input.invalid {
	border: solid red;
}
input.positive-integer {
	text-align: right;
	ime-mode: inactive;
}