/* ***最終更新日　151214 *** */
@charset "UTF-8";
/* CSS Document */
/* jQueryMobile ABCA用カスタマイズCSS */

.ui-body-d { border: none; } 

/*content area*/
a {
	text-decoration: none;
}
.ui-header-fixed, .ui-footer-fixed {
	z-index: 10000;
}
/*
.ui-popup-container {
	z-index: 11000;
}
*/
.ui-dialog-contain {
	max-width: 1000px;
}
#tana_menu_con {
	padding: 0px;
}
#msim_c.ui-content, #msim2_c.ui-content, #mtanasim_c.ui-content, #mtanasim2_c.ui-content {
	padding: 0px 15px 15px;
} /* シミュレーション画面のコンテンツ */
.ui-bar {
	text-align: center;
} /* フッターコンテンツのセンタリング */

.ui-btn-text, ui-li-heading { line-height: 1.3em; } /* 文字欠け対応 */
.ui-header .ui-title { /* headerタイトルのフォントサイズ */
	font-size: 20px;
	line-height: 1em;
	margin-top: 7px;
	margin-bottom: 10px;
}
.ui-link-inherit {
	font-size: 16px;
} /* selectメニューのfont-size変更 */
.ui-selectmenu {
	z-index: 200000 !important;
} /* selectメニューのZ-indexe変更 */
.ui-li .ui-btn-text a.ui-link-inherit { white-space: normal; } /* リンクリストのテキストを省略せずに表示する（旧） */

.ui-listview > .ui-li-static,
.ui-listview > .ui-li-divider,
.ui-listview > li > a.ui-btn {
	white-space:  normal; } /* リンクリストのテキストを省略せずに表示する */
/*.ui-btn { padding-bottom: .55em; padding-top: .55em; } 141027 */

/* * オリジナルアイコン関連のスタイル * */ 
.ui-icon-comp:after { /* 比較 */
 	background-image:url(../ABCAbtn/comp24.png);
	background-size: 18px 18px;
}


/* 36size */
html .ui-bar-g .ui-btn.b36_order, html .ui-bar-g .ui-btn.b36_search, html .ui-bar-g .ui-btn.b36_check, html .ui-bar-g .ui-btn.b36_reference, html .ui-bar-g .ui-btn.b36_change, html .ui-bar-g .ui-btn.b36_results, html .ui-bar-g .ui-btn.b36_F, html .ui-bar-g .ui-btn.b36_stock, html .ui-bar-g .ui-btn.b36_planogram, html .ui-bar-g .ui-btn.b36_disposal, html .ui-bar-g .ui-btn.b36_survey, html .ui-bar-g .ui-btn.b36_shortage, html .ui-bar-g .ui-btn.b36_tanachange, html .ui-bar-g .ui-btn.b36_tanachange2, html .ui-bar-g .ui-btn.b36_sim, html .ui-bar-g .ui-btn.b36_slide {
	font-size: 14px;
	/*background-color: #48768D;*/
	background-repeat: no-repeat;
	background-position: center 3px;
	height: 15px;
	/*border: 1px solid #999;*/
	/*padding-top: 32px;*/
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	/*margin-left: 5px;*/
	margin-bottom: 0px;
	width: 104px;
}
html .ui-bar-g .ui-btn.b36_order {
	background-image: url(../ABCAbtn/i36_order.png);
}
html .ui-bar-g .ui-btn.b36_search {
	background-image: url(../ABCAbtn/i35_seach.png);
}
html .ui-bar-g .ui-btn.b36_check {
	background-image: url(../ABCAbtn/i36_check.png);
}
html .ui-bar-g .ui-btn.b36_reference {
	background-image: url(../ABCAbtn/i36_reference.png);
}
html .ui-bar-g .ui-btn.b36_change {
	background-image: url(../ABCAbtn/btn_36.png);
}
html .ui-bar-g .ui-btn.b36_results  {
	background-image: url(../ABCAbtn/i36_results.png);
}
html .ui-bar-g .ui-btn.b36_F {
	background-image: url(../ABCAbtn/i36_F.png);
}
html .ui-bar-g .ui-btn.b36_stock {
	background-image: url(../ABCAbtn/i36_stock.png);
}
html .ui-bar-g .ui-btn.b36_planogram {
	background-image: url(../ABCAbtn/i36_planogram.png);
}
html .ui-bar-g .ui-btn.b36_disposal {
	background-image: url(../ABCAbtn/i36_disposal.png);
}
html .ui-bar-g .ui-btn.b36_survey {
	background-image: url(../ABCAbtn/i36_survey.png);
}
html .ui-bar-g .ui-btn.b36_shortage {
	background-image: url(../ABCAbtn/i36_shortage.png);
}
html .ui-bar-g .ui-btn.b36_tanachange {
	background-image: url(../ABCAbtn/i36_tanachange.png);
}
html .ui-bar-g .ui-btn.b36_tanachange2 {
	background-image: url(../ABCAbtn/i36_tanachange2.png);
}
html .ui-bar-g .ui-btn.b36_sim {
	background-image: url(../ABCAbtn/i36_simulation.png);
}
html .ui-bar-g .ui-btn.b36_slide {
	background-image: url(../ABCAbtn/i24_slide.png);
}
/* 24size */
.b24_slideshow, 
.b24_hint, 
html head + body .ui-btn.ui-btn-b.b24_move, 
html head + body .ui-btn.ui-btn-b.b24_decrease, 
html head + body .ui-btn.ui-btn-b.b24_increase, 
html head + body .ui-btn.ui-btn-b.b24_cut, 
html head + body .ui-btn.ui-btn-b.b24_sort, 
.b24_slidego, .b24_slideback, .b24_sim, .b24_slide {
	/*font-size: 10px;*/
	background-repeat: no-repeat;
	background-position: 8px center;
	height: 24px;
	padding-top: 12px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	margin-bottom: 0px;
	width: 80px;
	text-align: left;
}
html head + body .ui-btn.ui-btn-a.b24_move, 
html head + body .ui-btn.ui-btn-a.b24_decrease, .
html head + body .ui-btn.ui-btn-a.b24_increase, 
html head + body .ui-btn.ui-btn-a.b24_cut, 
html head + body .ui-btn.ui-btn-a.b24_sort { height:35px; width:100px;  padding-top: 12px; padding-left: 22px;}

a.b24_slideshow, a.b24_hint, a.b24_move, a.b24_decrease, a.b24_increase, a.b24_cut, a.b24_sort, a.b24_slidego, a.b24_slideback, a.b24_sim, a.b24_slide {
	color:#FFF;
}
.b24_slidego, .b24_slideback, .b24_sim {
	background-color: #485859;
	width: 120px;
}
.b24_slideback {
	background-position: 120px center;
	padding-right: 28px;
	padding-left: 3px;
	border-left: 2px solid #FFF;
}
.b24_slide {
	width: 160px;
}
.b24_hint {
	background-image: url(../ABCAbtn/i24_hint.png);
}
html head + body .ui-btn.ui-btn-b.b24_move {
	background-image: url(../ABCAbtn/i24_move.png);
}
html head + body .ui-btn.ui-btn-b.b24_decrease {
	background-image: url(../ABCAbtn/i24_decrease.png);
}
html head + body .ui-btn.ui-btn-b.b24_increase {
	background-image: url(../ABCAbtn/i24_increase.png);
	margin-top:20px;
}
/*html head + body#order .ui-btn.ui-btn-b.b24_increase { /* 発注ボタンが一番上にくるとき
	background-image: url(../ABCAbtn/i24_increase.png);
	margin-top:0px;
} */
html head + body .ui-btn.ui-btn-b.b24_cut {
	background-image: url(../ABCAbtn/i24_cut.png);
}
/*html head + body#order .ui-btn.ui-btn-b.b24_cut { /* 発注ボタンが一番上にくるとき
	background-image: url(../ABCAbtn/i24_cut.png);
	margin-top:20px;
} */
html head + body .ui-btn.ui-btn-b.b24_sort {
	background-image: url(../ABCAbtn/i24_sort.png);
}
.b24_slide {
	background-image: url(../ABCAbtn/i24_slide.png);
	background-color: #566A6B;
}
.b24_slidego {
	background-image: url(../ABCAbtn/i24_slidego.png);
}
.b24_slideback {
	background-image: url(../ABCAbtn/i24_slideback.png);
}
.b24_sim {
	background-image: url(../ABCAbtn/btn_24.png);
}
/* 共通 */
/*
a.b36_order .ui-btn-inner, a.b36_search .ui-btn-inner, a.b36_check .ui-btn-inner, a.b36_reference .ui-btn-inner, a.b36_change .ui-btn-inner, a.b36_results .ui-btn-inner, a.b36_F .ui-btn-inner, a.b36_stock .ui-btn-inner, a.b36_planogram .ui-btn-inner, a.b36_disposal .ui-btn-inner, a.b36_survey .ui-btn-inner, a.b36_shortage .ui-btn-inner, a.b36_tanachange .ui-btn-inner, a.b36_tanachange2 .ui-btn-inner, a.b36_sim .ui-btn-inner, a.b24_slideshow .ui-btn-inner, a.b24_hint .ui-btn-inner, a.b24_move .ui-btn-inner, a.b24_decrease .ui-btn-inner, a.b24_increase .ui-btn-inner, a.b24_cut .ui-btn-inner, a.b24_sort .ui-btn-inner, a.b24_slidego .ui-btn-inner, a.b24_slideback .ui-btn-inner, a.b24_sim .ui-btn-inner, a.b24_slide .ui-btn-inner {
	border-top: none;
}
a.b36_order .ui-btn-text, a.b36_search .ui-btn-text, a.b36_check .ui-btn-text, a.b36_reference .ui-btn-text, a.b36_change .ui-btn-text, a.b36_results .ui-btn-text, a.b36_F .ui-btn-text, a.b36_stock .ui-btn-text, a.b36_planogram .ui-btn-text, a.b36_disposal .ui-btn-text, a.b36_survey .ui-btn-text, a.b36_shortage .ui-btn-text, a.b36_tanachange .ui-btn-text, a.b36_tanachange2 .ui-btn-text, a.b36_sim .ui-btn-text, a.b24_slideshow .ui-btn-text, a.b24_hint .ui-btn-text, a.b24_move .ui-btn-text, a.b24_decrease .ui-btn-text, a.b24_increase .ui-btn-text, a.b24_cut .ui-btn-text, a.b24_sort .ui-btn-text, a.b24_slidego .ui-btn-text, a.b24_slideback .ui-btn-text, a.b24_sim .ui-btn-text, a.b24_slide .ui-btn-text {
	text-shadow: none;
	font-size:14px;
}
*/
.btn_active { background-color :#999; } /* ボタンの選択状態　棚割メンテナンスボタン */
html .ui-btn-up-g.btn_active,
html .ui-btn.btn_active/*,
 html .ui-bar-g .ui-btn.ui-btn-active*/
 { /* ボタンの選択状態 */
	border: 1px solid 		#ccc /*{c-bup-border}*/;
	background: 			#eee /*{c-bup-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
}
/*.ui-btn-hover-b {*/
.ui-btn-up-g.btn_active2, .ui-btn-hover-g.btn_active2 { /* 削除予定　ボタンの選択状態 棚割：未登録品・棚割品*/
	border: 1px solid 		#00415e /*{b-bhover-border}*/;
	background: 			#4b88b6 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
}

#btn_shibori.btn_active2,
#btn_shibori2.btn_active2 { /* ボタンの選択状態 棚割：未登録品・棚割品 v1.4対応*/
	border: 1px solid 		#00415e /*{b-bhover-border}*/;
	background: 			#4b88b6 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
}

/* data-icon="hint" */
.ui-icon-hint {
	background: url(../ABCAbtn/btn_hint.png) no-repeat rgba(0, 0, 0, 0.4);
}
html .ui-bar-g .ui-btn.tana_ment {
	background-image: url(../ABCAbtn/i36_tanachange2.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 18px;
	width: 20px;
}
.btn_owl {
	background-image: url(../ABCAbtn/i24_hint.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.box {
	float: left;
	margin: 0 0 10px 10px;
	padding: 3px;
	font-size: 8pt;
	line-height:1.3em;
	background:#FFF;
	-webkit-box-shadow: 3px 3px 8px 0px #333; /* Safari, Chrome用 */
	-moz-box-shadow: 3px 3px 8px 0px #333; /* Firefox用 */
	box-shadow: 3px 3px 8px 0px #333; /* CSS3 */
}
div.box div.label {
	float: left;
	overflow: hidden;
	margin: 0px;
}
div.box div.picture {
	float: right;
	text-align:center;
}
div.box div.picture img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
div.box canvas {
	border-top: 1px solid #ccc;
}
div.box .label {
	text-shadow:none;
	color:#333;
}
div.box .label span {
	margin-top:5px;
	display: block;
}
a:link, a:visited, a:active {
	color: #FFF;
}
.listb a:link, .listb a:visited, .listb a:active { /* リスト内のリンク */
	color: #2489ce;
	font-weight: bold;
}
.p_rst #listbox, .p_rst #listbox1, .p_rst #listbox2, .p_rst #listbox3, .p_rst #listbox4, .p_rst #listbox5, .p_rst #listbox6, .p_rst #listbox7, .p_rst #listbox8, .p_rst #listbox31, .p_rst #listbox32, .p_rst #listbox33, .p_rst #listbox34, .p_rst #listbox35, .p_rst #listbox36, .p_rst #listbox37, .p_rst #listbox38 {
	top:15px;
	text-shadow:none;
}
/*.listb input { 
.listb .ui-input-btn input {
	background-color: #00688A;
	border-radius: 15px;
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #00688A;
	color: #FFF;
	font-weight: bold;
	padding: 3px 15px;
	opacity: 1;
}*/
a.btn_DL {
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif", "Osaka-mono", monospace;
	color: #202020;
	background-color: #B6DDFF;
	border: 1px solid #85AFD7;
	border-radius: 10px;
	cursor:pointer;
	padding: 1px 15px 0px 15px;
	margin-right: 20px;
}
.listb p.title_list {
	color:#333;
	font-weight:bold;
	margin-left:20px;
	margin-top:10px;
} /* listのtitle */

/* メニューヘッダー*/
.m_head .ui-grid-c .ui-block-a { width:25%; }
.m_head .ui-grid-c .ui-block-b { width:50%; text-align:center; padding-top:10px; }
.m_head .ui-grid-c .ui-block-c { width:10%; }
.m_head .ui-grid-c .ui-block-d { width:15%; }
#h_menu.ui-header .ui-btn-icon-notext { top: 0px; }

/* 売場実績・未登録商品検索のヘッダー */
#h_lay .ui-grid-d .ui-block-a, #h_lay2 .ui-grid-d .ui-block-a, #h_tana21 .ui-grid-d .ui-block-a { width: 0%;}
#h_lay .ui-grid-d .ui-block-b, #h_lay2 .ui-grid-d .ui-block-b, #h_tana21 .ui-grid-d .ui-block-b { width: 40%;padding: 0.2em 1%; font-size:16px;}
#h_lay .ui-grid-d .ui-block-c, #h_lay2 .ui-grid-d .ui-block-c, #h_tana21 .ui-grid-d .ui-block-c { width: 20%;}
#h_lay .ui-grid-d .ui-block-d, #h_lay2 .ui-grid-d .ui-block-d, #h_tana21 .ui-grid-d .ui-block-d { width: 30%;}
#h_lay .ui-grid-d .ui-block-e, #h_lay2 .ui-grid-d .ui-block-e, #h_tana21 .ui-grid-d .ui-block-e { width: 10%;}
#h_lay .ui-grid-d .ui-block-c p, #h_lay .ui-grid-d .ui-block-c a, #h_lay .ui-grid-d .ui-block-c div, #h_tana21 .ui-grid-d .ui-block-d a { float:left; }
#h_lay .ui-grid-d .ui-block-e a, #h_lay2 .ui-grid-d .ui-block-e a, #h_tana21 .ui-grid-d .ui-block-e a { float:right; }
#h_lay .ui-grid-d .ui-block-c a, #h_lay .ui-grid-d .ui-block-e a { margin-top:6px; }
#h_lay .ui-grid-d .ui-block-c p { margin-top: 16px; margin-left:5px; font-size:12px; }
/* 注目商品・棚割作成ゴンドラ選のヘッダー */
#h_rst .ui-grid-d .ui-block-a, #h_tana1 .ui-grid-d .ui-block-a { width: 0%;}
#h_rst .ui-grid-d .ui-block-b, #h_tana1 .ui-grid-d .ui-block-b { width: 53%;padding: 0.2em 1%;font-size:16px;}
#h_rst .ui-grid-d .ui-block-c, #h_tana1 .ui-grid-d .ui-block-c { width: 10%;}
#h_rst .ui-grid-d .ui-block-d, #h_tana1 .ui-grid-d .ui-block-d { width: 25%;}
#h_rst .ui-grid-d .ui-block-e, #h_tana1 .ui-grid-d .ui-block-e { width: 10%; }
#h_rst .ui-grid-d .ui-block-d .ui-grid-a .ui-block-a { width:70%; } /* 実績チェック */
#h_rst .ui-grid-d .ui-block-d .ui-grid-a .ui-block-b { width:30%; } /* 写真枚数 */
#h_rst .ui-grid-d .ui-block-b span, #h_tana1 .ui-grid-d .ui-block-b span { font-size: small; line-height: 1.5em; }
#h_rst .ui-grid-d .ui-block-e a, #h_tana1 .ui-grid-d .ui-block-d a { float:right;}
#b_img_bum { margin-top: 2px; margin-bottom: 0; } /* 枚数表示選択メニュー */

/* simulationのヘッダー */
#h_sim .ui-grid-d .ui-block-a {width: 3%;}
#h_sim .ui-grid-d .ui-block-b {padding: 0.2em 1%;width: 23%;font-size:16px;}
#h_sim .ui-grid-d .ui-block-c {width: 13%;}
#h_sim .ui-grid-d .ui-block-d {width: 58%;}
#h_sim .ui-grid-d .ui-block-e {width: 3%;}
#h_sim .ui-grid-d .ui-block-b span { font-size: small; line-height: 1.5em; }
#h_sim .ui-grid-d .ui-block-d div, #h_sim .ui-grid-d .ui-block-d a, #h_sim .ui-grid-d .ui-block-e a, #h_sim .ui-grid-d .ui-block-e a {float: left;}
#h_sim .ui-grid-d .ui-block-e a { float:right; margin-top:6px;}/* homeボタン */
	
/* 棚割作成　ゴンドラ選択のヘッダー */
#h_tana21 .ui-grid-d .ui-block-a {width: 3%;}
#h_tana21 .ui-grid-d .ui-block-b {padding: 0.2em 2%;width: 37%;font-size:16px;}
#h_tana21 .ui-grid-d .ui-block-c {width: 30%;}
#h_tana21 .ui-grid-d .ui-block-d {width: 20%;}
#h_tana21 .ui-grid-d .ui-block-e {width: 10%;} 
#h_tana21 .ui-grid-d .ui-block-b span { font-size: small; line-height: 1.5em; }

.slide.out, .slide.in {
-webkit-animation-duration: 150ms;
-moz-animation-duration: 150ms;
}