/* ***最終更新日　160107 *** */
@charset "UTF-8";
/* CSS Document */

/*
#apDiv1 { /* 棚割シミュレーション　導入商品表示部分100814 
    position: absolute; 
    left:48px;
    top:37px;
    width:300px;
    height:103px;
    z-index:4;
    visibility: hidden;
    font-size: 10px;
    background: #EFEFEF;
    padding: 1px;
    border: 1px solid #CCC;
}
#apDiv2 { /* 棚割シミュレーション　カット商品表示部分100814 
    position: absolute; 
    left:950px;
    top:37px;
    width:450px;
    height:103px;
    z-index:4;
    font-size: 10px;
    padding: 1px;
    border: 1px solid #CCC;
} */
.box_sho {
	font-size: 12px;
	line-height: 1em;
	border:solid 1px black;
	position:absolute;
	z-index:1;
	overflow: hidden;
	text-align:center;
	border-radius: none;
	padding: 2px 0px 0px;
	-webkit-box-shadow: 3px 3px 8px 0px #1A1A1A;
	-moz-box-shadow: 3px 3px 8px 0px #1A1A1A;
	box-shadow: 3px 3px 8px 0px #1A1A1A;
} /* 商品力ボックスの外観 */
.box_sho p {
	text-shadow: none;
} /* 商品力ボックス内テキストの外観 */
.sim_sho_cut p, .sim_sho_back {
	background:#FFF;
	float:left;
	margin-left:2px;
	position:relative;
	width:82px;
	height:8.5em;
} /* カット用カート内の商品 */
.sim_sho_cut {
	border:solid 3px red;
} /* カット用カート内の商品（カット） */
.sim_sho_back {
	border:solid 2px black;
} /* カット用カート内の商品（棚へ戻す） */
.sho_new {
	border:solid 2px #3366FF;
} /* 導入商品　商品全体の表示のスタイル */
.shohin_name { /* 棚割シミュレーション　商品名 101219 */
	height: 2em;
	overflow: hidden;
	margin: 1px 0px 0px;
	line-height: 1em;
	font-size: 11px;
}
.sho_new .shohin_name { /* 候補商品　商品名101026 */
	text-align: left;
	line-height: 1em; /* 101220変更 */
	height: 3em; /* 101220変更 */
	margin: 1px 0px 0px 0px;
	overflow: hidden;
	font-size: 11px;
}
.suchi, .hantei, .hantei_SA, .hantei_A, .hantei_B, .hantei_C, .hantei_Z, .hantei_SA_t, .hantei_A_t, .hantei_B_t, .hantei_C_t, .hantei_Z_t, .baika, .ck_zaiko { /* 棚割シミュレーション　数値項目共通、分析結果表示 */
	white-space: nowrap;
	height:1em;
	margin: 1px 0px 0px;
}
.face_change, .face_plus, .face_minus, .suburiba, .suburiba2 { /* 棚割シミュレーション　サブ売場名・フェース数変更の共通スタイル */
	height: 1em;
	overflow: hidden;
}
.suburiba2 { /* 棚割シミュレーション　サブ売場名の下に余白を作るスタイル */
	margin-bottom: 1em; }
.hantei_SA, .hantei_A, .hantei_B, .hantei_C, .hantei_Z, .hantei_W, .hantei_r1, .hantei_r2, .hantei_r3, .hantei_r4, .hantei_r5, .hantei_r6, .hantei_r7, .hantei_r8, .hantei_r9, .hantei_r10, .hantei_r11, .hantei_r12, .hantei_r99 { /* 棚割シミュレーション　分析結果表示の下線スタイル 101015 */
	margin: 0px;
	border-bottom: 1px solid #b0c4de;
}
.hantei_SA_t, .hantei_A_t, .hantei_B_t, .hantei_C_t, .hantei_Z_t, .hantei_W_t, .hantei_r1_t, .hantei_r2_t, .hantei_r3_t, .hantei_r4_t, .hantei_r5_t, .hantei_r6_t, .hantei_r7_t, .hantei_r8_t, .hantei_r9_t, .hantei_r10_t, .hantei_r11_t, .hantei_r12_t, .hantei_r99_t { /* 棚割シミュレーション　分析結果表示の上下線スタイル 101021 */
	border-top: 1px solid #b0c4de;
	border-bottom: 1px solid #b0c4de;
}
/** シミュレーション画面のスタイル **/

/* 棚全体の位置のスタイル、幅は計算する（tana_allを名称変更）　*/
.work_area {
	left: 13px;
	top: 230px;
	position: absolute;
	z-index: 0;
	background-color: #FFFFFF;
}
.ck, .ck2 { /* チェック欄の共通スタイル　*/
	background: #EAEAEA;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #999;
	text-align: right;
}
.ck2 { /* チェック欄のスタイル(マイナス値の場合）　*/
	color: #FF0000;
}
.dan { /* 全段に共通のスタイル、幅は、随時指定する(2010/6/22)　*/
	background: #f5f5f5 repeat-x left center;
	position: absolute;
	border: 2px solid #DCDCDC;
	z-index: 0;
}
.dan_title { /* 段のタイトルのスタイル　*/
	font-size: 12px;
	font-weight:bold;
	position:absolute;
	left:30px;
}
.dai_style, .dai_style2 { /* ゴンドラの表示スタイル、幅は、随時指定する　*/
	height: 14px;
	line-height: 14px;
	font-family: HiraKakuProN-W6;
	font-size: 12px;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b8c1c8), to(#909faa));
	background-color: #909faa;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	text-align: center;
	border-top: 1px solid #a5b1ba;
	border-bottom : 1px solid #666;
	border-left: 1px solid #FFF;
}
.dai_style2 { /*上部 111001 */
	height: 40px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border: #666;
	padding-top: 2px;
}
.dai_style2 p:nth-child(1) { /* 111001 */
	text-shadow: none;
	color: #333;
	width: 95%;
	background-color: #FFF;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	padding: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px #777;
}
.boader_sho {
	position:absolute;
	background: #0C9;
	height: 3px;
	width: 1280px;
	top:136px;
} /* 候補商品との境界 */
#sho_n_ttl { /* 商品絞込み件数BOX*/
	position: absolute;
	height: 70px;
	width: 96px;
	top: 55px; /* 60px */
	text-align: center;
	left:8px;
}
#sho_n_ttl p.name_shibori {
	height: 2.6em;
	overflow:hidden;
	text-align: center;
	/* margin-bottom: 5px; */
}
.list_DL { /* DLボタンの配置 */
	width:45%;
	margin-left: 10px;
}
.sim_sho_enlarge, .sim_sho_A_enlarge, .sim_sho_SA_enlarge, .sim_sho_B_enlarge, .sim_sho_C_enlarge, .sim_sho_P_enlarge, .sim_sho_M_enlarge, .sim_sho_Z_enlarge, .sim_sho_Y_enlarge, .sim_sho_A2_enlarge, .sim_sho_SA2_enlarge, .sim_sho_B2_enlarge, .sim_sho_C2_enlarge, .sim_sho_r1_enlarge, .sim_sho_r2_enlarge, .sim_sho_r3_enlarge, .sim_sho_r4_enlarge, .sim_sho_r5_enlarge, .sim_sho_r6_enlarge, .sim_sho_r7_enlarge, .sim_sho_r8_enlarge, .sim_sho_r9_enlarge, .sim_sho_r10_enlarge, .sim_sho_r11_enlarge, .sim_sho_r12_enlarge, .sim_sho_r1_tp_enlarge, .sim_sho_r2_tp_enlarge, .sim_sho_r3_tp_enlarge, .sim_sho_r4_tp_enlarge, .sim_sho_r5_tp_enlarge, .sim_sho_r6_tp_enlarge, .sim_sho_r7_tp_enlarge, .sim_sho_r8_tp_enlarge, .sim_sho_r9_tp_enlarge, .sim_sho_r10_tp_enlarge, .sim_sho_r11_tp_enlarge, .sim_sho_r12_tp_enlarge { /*商品力BOX*/
	border:solid 1px #666;
	position:absolute;
	z-index:1000;
	text-align:center;
	padding: 5px 0px 0px;
	width: auto;
	min-width: 300px;
	min-height: 180px;
	-webkit-box-shadow: 3px 3px 8px 0px #999;
	-moz-box-shadow:  3px 3px 8px 0px #999;
	box-shadow: 3px 3px 8px 0px #999;
	border:solid 1px black;
	position:absolute;
	text-align:center;
}
.sim_sho_enlarge p, .sim_sho_A_enlarge p, .sim_sho_SA_enlarge p, .sim_sho_B_enlarge p, .sim_sho_C_enlarge p, .sim_sho_P_enlarge p, .sim_sho_M_enlarge p, .sim_sho_Z_enlarge p, .sim_sho_Y_enlarge p, .sim_sho_A2_enlarge p, .sim_sho_SA2_enlarge p, .sim_sho_B2_enlarge p, .sim_sho_C2_enlarge p, .sim_sho_r1_enlarge p, .sim_sho_r2_enlarge p, .sim_sho_r3_enlarge p, .sim_sho_r4_enlarge p, .sim_sho_r5_enlarge p, .sim_sho_r6_enlarge p, .sim_sho_r7_enlarge p, .sim_sho_r8_enlarge p, .sim_sho_r9_enlarge p, .sim_sho_r10_enlarge p, .sim_sho_r11_enlarge p, .sim_sho_r12_enlarge p, .sim_sho_r1_tp_enlarge p, .sim_sho_r2_tp_enlarge p, .sim_sho_r3_tp_enlarge p, .sim_sho_r4_tp_enlarge p, .sim_sho_r5_tp_enlarge p, .sim_sho_r6_tp_enlarge p, .sim_sho_r7_tp_enlarge p, .sim_sho_r8_tp_enlarge p, .sim_sho_r9_tp_enlarge p, .sim_sho_r10_tp_enlarge p, .sim_sho_r11_tp_enlarge p, .sim_sho_r12_tp_enlarge p { /*テキスト*/
	height: 1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
}
.sim_sho_enlarge span.f_10, .sim_sho_A_enlarge span.f_10, .sim_sho_SA_enlarge span.f_10, .sim_sho_B_enlarge span.f_10, .sim_sho_C_enlarge span.f_10, .sim_sho_P_enlarge span.f_10, .sim_sho_M_enlarge span.f_10, .sim_sho_Z_enlarge span.f_10, .sim_sho_Y_enlarge span.f_10, .sim_sho_A2_enlarge span.f_10, .sim_sho_SA2_enlarge span.f_10, .sim_sho_B2_enlarge span.f_10, .sim_sho_C2_enlarge span.f_10, .sim_sho_r1_enlarge span.f_10, .sim_sho_r2_enlarge span.f_10, .sim_sho_r3_enlarge span.f_10, .sim_sho_r4_enlarge span.f_10, .sim_sho_r5_enlarge span.f_10, .sim_sho_r6_enlarge span.f_10, .sim_sho_r7_enlarge span.f_10, .sim_sho_r8_enlarge span.f_10, .sim_sho_r9_enlarge span.f_10, .sim_sho_r10_enlarge span.f_10, .sim_sho_r11_enlarge span.f_10, .sim_sho_r12_enlarge span.f_10, .sim_sho_r1_tp_enlarge span.f_10, .sim_sho_r2_tp_enlarge span.f_10, .sim_sho_r3_tp_enlarge span.f_10, .sim_sho_r4_tp_enlarge span.f_10, .sim_sho_r5_tp_enlarge span.f_10, .sim_sho_r6_tp_enlarge span.f_10, .sim_sho_r7_tp_enlarge span.f_10, .sim_sho_r8_tp_enlarge span.f_10, .sim_sho_r9_tp_enlarge span.f_10, .sim_sho_r10_tp_enlarge span.f_10, .sim_sho_r11_tp_enlarge span.f_10, .sim_sho_r12_tp_enlarge span.f_10, .sim_sho_enlarge span.f_11, .sim_sho_A_enlarge span.f_11, .sim_sho_SA_enlarge span.f_11, .sim_sho_B_enlarge span.f_11, .sim_sho_C_enlarge span.f_11, .sim_sho_P_enlarge span.f_11, .sim_sho_M_enlarge span.f_11, .sim_sho_Z_enlarge span.f_11, .sim_sho_Y_enlarge span.f_11, .sim_sho_A2_enlarge span.f_11, .sim_sho_SA2_enlarge span.f_11, .sim_sho_B2_enlarge span.f_11, .sim_sho_C2_enlarge span.f_11, .sim_sho_r1_enlarge span.f_11, .sim_sho_r2_enlarge span.f_11, .sim_sho_r3_enlarge span.f_11, .sim_sho_r4_enlarge span.f_11, .sim_sho_r5_enlarge span.f_11, .sim_sho_r6_enlarge span.f_11, .sim_sho_r7_enlarge span.f_11, .sim_sho_r8_enlarge span.f_11, .sim_sho_r9_enlarge span.f_11, .sim_sho_r10_enlarge span.f_11, .sim_sho_r11_enlarge span.f_11, .sim_sho_r12_enlarge span.f_11, .sim_sho_r1_tp_enlarge span.f_11, .sim_sho_r2_tp_enlarge span.f_11, .sim_sho_r3_tp_enlarge span.f_11, .sim_sho_r4_tp_enlarge span.f_11, .sim_sho_r5_tp_enlarge span.f_11, .sim_sho_r6_tp_enlarge span.f_11, .sim_sho_r7_tp_enlarge span.f_11, .sim_sho_r8_tp_enlarge span.f_11, .sim_sho_r9_tp_enlarge span.f_11, .sim_sho_r10_tp_enlarge span.f_11, .sim_sho_r11_tp_enlarge span.f_11, .sim_sho_r12_tp_enlarge span.f_11 { /*font*/
	font-size:14px;
	white-space:nowrap;
}
.sim_sho_enlarge p.shohin_name, .sim_sho_A_enlarge p.shohin_name, .sim_sho_SA_enlarge p.shohin_name, .sim_sho_B_enlarge p.shohin_name, .sim_sho_C_enlarge p.shohin_name, .sim_sho_P_enlarge p.shohin_name, .sim_sho_M_enlarge p.shohin_name, .sim_sho_Z_enlarge p.shohin_name, .sim_sho_Y_enlarge p.shohin_name, .sim_sho_A2_enlarge p.shohin_name, .sim_sho_SA2_enlarge p.shohin_name, .sim_sho_B2_enlarge p.shohin_name, .sim_sho_C2_enlarge p.shohin_name, .sim_sho_r1_enlarge p.shohin_name, .sim_sho_r2_enlarge p.shohin_name, .sim_sho_r3_enlarge p.shohin_name, .sim_sho_r4_enlarge p.shohin_name, .sim_sho_r5_enlarge p.shohin_name, .sim_sho_r6_enlarge p.shohin_name, .sim_sho_r7_enlarge p.shohin_name, .sim_sho_r8_enlarge p.shohin_name, .sim_sho_r9_enlarge p.shohin_name, .sim_sho_r10_enlarge p.shohin_name, .sim_sho_r11_enlarge p.shohin_name, .sim_sho_r12_enlarge p.shohin_name, .sim_sho_r1_tp_enlarge p.shohin_name, .sim_sho_r2_tp_enlarge p.shohin_name, .sim_sho_r3_tp_enlarge p.shohin_name, .sim_sho_r4_tp_enlarge p.shohin_name, .sim_sho_r5_tp_enlarge p.shohin_name, .sim_sho_r6_tp_enlarge p.shohin_name, .sim_sho_r7_tp_enlarge p.shohin_name, .sim_sho_r8_tp_enlarge p.shohin_name, .sim_sho_r9_tp_enlarge p.shohin_name, .sim_sho_r10_tp_enlarge p.shohin_name, .sim_sho_r11_tp_enlarge p.shohin_name, .sim_sho_r12_tp_enlarge p.shohin_name { /*商品名*/
	padding-left: 5px;
	padding-right: 5px;
}
/* *「（分析）データで表示」モードのスタイル* */
/* 商品の写真を表示する商品力BOX */
.sim_sho_photo, .sim_sho_A_photo, .sim_sho_SA_photo, .sim_sho_B_photo, .sim_sho_C_photo, .sim_sho_P_photo, .sim_sho_M_photo, .sim_sho_Z_photo, .sim_sho_Y_photo, .sim_sho_A2_photo, .sim_sho_SA2_photo, .sim_sho_B2_photo, .sim_sho_C2_photo, .sim_sho_r1_photo, .sim_sho_r2_photo, .sim_sho_r3_photo, .sim_sho_r4_photo, .sim_sho_r5_photo, .sim_sho_r6_photo, .sim_sho_r7_photo, .sim_sho_r8_photo, .sim_sho_r9_photo, .sim_sho_r10_photo, .sim_sho_r11_photo, .sim_sho_r12_photo, .sim_sho_r1_tp_photo, .sim_sho_r2_tp_photo, .sim_sho_r3_tp_photo, .sim_sho_r4_tp_photo, .sim_sho_r5_tp_photo, .sim_sho_r6_tp_photo, .sim_sho_r7_tp_photo, .sim_sho_r8_tp_photo, .sim_sho_r9_tp_photo, .sim_sho_r10_tp_photo, .sim_sho_r11_tp_photo, .sim_sho_r12_tp_photo { /*商品力BOX*/
	position:absolute;
	background:#FFF;
	border:solid 2px #666666;
	position:absolute;
	z-index:10000;
	padding: 10px;
	min-width: 170px;
	min-height: 126px;
	-webkit-box-shadow: 3px 3px 8px 0px #999;
	-moz-box-shadow:  3px 3px 8px 0px #999;
	box-shadow: 3px 3px 8px 0px #999;
}
.img_item2 {
	height:0px;
	overflow:hidden;
} /* 写真用のdiv（写真非表示） */
.img_item2_show { /* 写真用のdiv（写真表示） */
	width: 170px;
	margin:auto;
	height: 125px;
}
.img_item2_show img {
	max-height:125px;
	max-width:170px;
} /* 取込んだ画像の表示サイズ */
.sim_sho_photo p, .sim_sho_A_photo p, .sim_sho_SA_photo p, .sim_sho_B_photo p, .sim_sho_C_photo p, .sim_sho_P_photo p, .sim_sho_M_photo p, .sim_sho_Z_photo p, .sim_sho_Y_photo p, .sim_sho_A2_photo p, .sim_sho_SA2_photo p, .sim_sho_B2_photo p, .sim_sho_C2_photo p, .sim_sho_r1_photo p, .sim_sho_r2_photo p, .sim_sho_r3_photo p, .sim_sho_r4_photo p, .sim_sho_r5_photo p, .sim_sho_r6_photo p, .sim_sho_r7_photo p, .sim_sho_r8_photo p, .sim_sho_r9_photo p, .sim_sho_r10_photo p, .sim_sho_r11_photo p, .sim_sho_r12_photo p, .sim_sho_r1_tp_photo p, .sim_sho_r2_tp_photo p, .sim_sho_r3_tp_photo p, .sim_sho_r4_tp_photo p, .sim_sho_r5_tp_photo p, .sim_sho_r6_tp_photo p, .sim_sho_r7_tp_photo p, .sim_sho_r8_tp_photo p, .sim_sho_r9_tp_photo p, .sim_sho_r10_tp_photo p, .sim_sho_r11_tp_photo p, .sim_sho_r12_tp_photo { /*商品力BOX p*/
	display: none;
}
/* *「（分析）データで表示」モードのスタイル end * */



/* *写真で表示モードのスタイル* */
.img_item2_show2 {
	margin: auto;
}
.img_item2_show2 div {
	display:table-cell;
	vertical-align:bottom;
}
.img_item2_show2 p {
	font-size:8px;
	bottom:0px;
	position:absolute;
	white-space: nowrap;
	line-height:9px;
} /* 通常表示時  */
.img_item2_show2 span, .img_item2_show3 span {
	color:#090;
	margin-left:5px;
} /* F数・陳列数 */
.img_item2_show2+p, .img_item2_show2+p+p, .img_item2_show2+p+p+p, .img_item2_show2+p+p+p+p, .img_item2_show2+p+p+p+p+p { /* 写真用のdiv（写真表示）テキスト非表示 */
	display:none;
}
.sim_sho_enlarge_p {
	background:#FFF;
	z-index:1000;
	text-align:center;
	padding: 10px;
	width: auto;
	min-width: 330px;
	min-height: 320px;
	height: auto;
	-webkit-box-shadow: 3px 3px 8px 0px #999;
	-moz-box-shadow:  3px 3px 8px 0px #999;
	box-shadow: 3px 3px 8px 0px #999;
}
.sim_sho_enlarge_p img {
	/*	min-width:250px;
	min-height:250px; */
	max-width:300px;
	max-height:300px;
}
.sim_sho_enlarge_p p {
	display: none;
}
.img_item2_show3 p {
	font-size:16px;
	text-align:center;
	width:100%;
	display:block;
	position:absolute;
	bottom:3px;
} /* 拡大表示時のテキスト */
/* *写真で表示モードのスタイル end* */


/* PPbox */
@-webkit-keyframes 'enlarge_box' { /*商品力BOX*/
 from {
}
to {
 border:solid 1px black;
 position:absolute;
 z-index:1000;
 text-align:center;
 padding: 5px 0px 0px;
 width: auto;
 min-width: 300px;
 height: auto;
 -webkit-box-shadow: 50px 50px 150px 50px #666;
 -moz-box-shadow:  50px 50px 150px 50px #666;
 box-shadow: 50px 50px 150px 50px #666;
}
}
/* text */
@-webkit-keyframes 'enlarge_text' { /*テキスト*/
 from {
}
to {
 height: 1.2em;
/
}
}
@-webkit-keyframes 'enlarge_font' { /*フォント*/
 from {
}
to {
 font-size:14px;
/
}
}
#detailbox2 { /* 詳細（グラフ） */
	color: #333;
	text-shadow: none;
	width:800px;
	overflow: auto;
	margin: auto;
}
#detailbox2 .con1 h2 {
	margin-bottom: 10px;
}
#detailbox2 table th, #detailbox2 table td {
	font-size: 14px;
}
#detailbox2 .con1 table, #detailbox2 .con2 table, #detailbox2 .con3 table {
	width: 98%;
	margin:auto;
}
#detailbox2 .con1 table td, #detailbox2 .con2 table td {
	padding: 6px 15px 6px 15px;
}
span.result {
	display: block;
	width: 80px;
	text-align: right;
	margin:auto;
}
#detailbox2 .con1, #detailbox2 .con2, #detailbox2 .con3 {
	width: 800px;
	margin: 10px auto;
}
#detailbox2 .con1 table th, #detailbox2 .con2 table th, #detailbox2 .con3 table th {
	text-align:left;
	padding-left:10px;
}
#detailbox2 .con2 table td, #detailbox2 .con3 table td {
	text-align: center;
}
#detailbox2 table.list_value tr:nth-child(1) td {
	font-size:10px;
} /* グラフ明細（週表示） */
.btn_grp {
	margin: 10px auto 0px 50px;
	font-size: 11px;
}
/* simulation footer */
#msim_f .ui-grid-b .ui-block-a, #mtanasim2_f .ui-grid-b .ui-block-a {
	width: 55%;
	text-align:center;
}
#msim_f .ui-grid-b .ui-block-b, #mtanasim2_f .ui-grid-b .ui-block-b {
	width: 20%;
	text-align:center;
}
#msim_f .ui-grid-b .ui-block-c, #mtanasim2_f .ui-grid-b .ui-block-c {
	width: 25%;
	text-align:center;
}
/* ゴンドラ選択 */
.title_gdr, .select_gdr, .select_gdr2 label {
	display:block;
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}/* ラベルの共通仕様 */
.title_gdr p, .select_gdr p {
	display:block;
}
/* simulation　項目title */
.title_gdr p:nth-child(1) {
	width: 10%;
	text-align: center;
} /* ゴンドラNo */
.title_gdr p:nth-child(2) {
	width: 7%;
	text-align: center;
} /* 段数. */
.title_gdr p:nth-child(3) {
	width: 25%;
} /* 売場名 */
.title_gdr p:nth-child(4) {
	width: 10%;
	text-align: center;
}/* 配置 */
.title_gdr p:nth-child(5) {
	width: 15%;
	text-align: center;
} /* 台名称 */
.title_gdr p:nth-child(6) {
	width: 20%;
} /* ゴンドラ名 */
.title_gdr p, .select_gdr p, .select_gdr2 p {
	float:left;
	display:block;
	overflow:hidden;
	margin-top: 0px;
	margin-bottom:0px;
}
/* 商品のカット */
.sim_sho_back p {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
} /* カット用カート内商品（棚へ戻す） */
.cartstyle { /* カット用カート */
	background-image: url(../ABCAimg/rem_box2.png);
	background-repeat: no-repeat;
	height: 150px;
	background-position: center top;
	width: 180px;
	padding-top: 38px;
	position: absolute;
	z-index:1000;
}
.cartstyle2 { /* スポット商品用カート */
	background-image: url(../ABCAimg/spot_box.png);
	background-repeat: no-repeat;
	height: 200px;
	background-position: center top;
	width: 205px;
	padding-top: 38px;
	position: absolute;
	z-index:1000;
}
#d_btn_cart {
	width: 110px;
	height:30px;
	margin-left:30px;
	margin-top:70px;
} /* カット用カートのボタンbox */
#d_btn_cart2 {
	width: 110px;
	height:30px;
	margin-left:25px;/*margin-top:10px;*/
} /* spot用カートのボタンbox */
/*#spot_cart3 #d_btn_cart2 {
	width: 110px;
	height:30px;
	margin-left:18px;
	/*margin-top:10px;
} /* スポット商品用カートのボタンbox */
#d_btn_cart .ui-btn-inner, #d_btn_cart2 .ui-btn-inner {
	font-size: 12px;
	padding: .3em .5em
} /* カートの中を見るボタン */
#cut_cart2 { /* カットモード時 */
	/*-webkit-transform-style: preserve-3d;*/
	-webkit-animation-play-state: running;
	-webkit-animation-name:r_box;
	-webkit-animation-delay:0.5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	background-image: url(../ABCAimg/rem_box2.png);
	background-repeat: no-repeat;
	height: 150px;
	background-position: center top;
}
#cut_cart3 { /* カットモード解除 */
	-webkit-animation-play-state: running;
	-webkit-animation-name:r_box2;
	-webkit-animation-delay:0s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	background-image: url(../ABCAimg/rem_box_turn.png);
	background-repeat: no-repeat;
	height: 150px;
	background-position: center top;
}
#cut_cart3 #d_btn_cart .ui-btn-text {
	opacity:0.0
}
#cut_cart3 #d_btn_cart {
	width: 110px;
	height:30px;
	margin-left:40px;
	margin-top:70px;
} /* カット用カートのボタンbox */
@-webkit-keyframes r_box { /* カートが出てくるanimation */
 from {
}
to {
	-webkit-transform: translateX(950px);
}
}
@-webkit-keyframes r_box2 { /* カートが戻るanimation */
 0% {
 left:740px;
}
 10% {
 left:740px;
}
 100% {
 left:-210px;
}
}
 @-webkit-keyframes cart_in { /* カートに商品が入っていくanimation */
 0% {
 border: solid 3px #FF0000;
 z-index: 10000;
}
50% {
 top: 100px;
left:770px;
 -webkit-transform:skewX(0deg);
 border: solid 3px #FF0000;
 opacity: 0.9;
}
60% {
 -webkit-transform:skewY(-30deg);
 border: solid 3px #FF0000;
 opacity: 0.8;
}
70% {
 -webkit-transform:skewX(-50deg);
 border: solid 3px #FF0000;
 opacity: 0.8;
}
80% {
 width: 20px;
height:60px;
 border: solid 3px #FF0000;
 -webkit-transform:skewY(-30deg);
}
100% {
 width: 10px;
height:30px;
 border: solid 3px #FF0000;
 top: 500px;
left:830px;
 opacity: 0;
}
}
.moving_in_cart { /* カートに入れる商品 */
	position:absolute;
	-webkit-animation-name:cart_in;
	-webkit-animation-play-state: running;
	-webkit-animation-delay:0.1s;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
}
.cart { /* カートの内容表示（共通） */
	border-radius: 10px;
	position:absolute;
	z-index: 10000;
	-webkit-box-shadow: 5px 5px 10px 0px #666 inset;
	-moz-box-shadow: 5px 5px 10px 0px #666 inset;
	box-shadow: 5px 5px 10px 0px #666 inset;
	overflow-y:scroll;
}
#cart_open.cart {
	background-color: red;
} /* カートの中身（カット） */
#s_cart_open.cart {
	background-color: #d2b48c;
} /* カートの中身（スポット） */
#cart_close, #s_cart_close {
	display:none;
} /* カートの内容（非表示）（共通） */
#cart_open { /* カートの内容（表示） */
	width: 400px;
	height:0px;
	-webkit-animation-name:cart_con;
	-webkit-animation-delay:0.2s;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
}
#cart_open .ui-grid-a .ui-block-b {
	width: 15%;
} /* closeボタン */
#cart_open .ui-grid-a .ui-block-b a {
	float:right;
}
#cart_open .ui-grid-a .ui-block-a {
	width: 85%;
	font-size:16px;
	color:#FFF;
	text-shadow:none;
	padding:10px 0px 0px 10px;
} /* 説明文 */
#cart_close_list li {
	background:#fff;
	margin-bottom: 5px;
	padding:5px 8px;
	height:1em;
	border-radius:8px;
	cursor:pointer;
} /* 商品の表示 */
#cart_close_list li:hover {
	opacity:0.5
}
#cart_close_list li span {
	display:block;
	float:left;
	height: 1em;
	font-size:14px;
} /* 商品の表示text */
#cart_close_list li span:nth-child(1) {
	width:14%;
	margin-right:1%;
} /* 価格 */
#cart_close_list li span:nth-child(2) {
	width:85%;
	overflow:hidden;
} /* 商品名 */
/*#cart_close_list li span:nth-child(1) { width:3.5em; margin-right:5px; } /* 売価 
#cart_close_list li span:nth-child(2) { width:23em; overflow:hidden; } /* 商品名 */

@-webkit-keyframes cart_con { /* カートの内容を表示するanimaion */
 from {
 height:0px;
width: 0px;
 opacity: 0;
left: 600px;
top: 950px;
}
to {
	padding: 20px 10px;
	width: 400px;
	height:190px;
	left: 600px;
	top: 450px;
}
}
 @-webkit-keyframes cart_out { /* 棚に商品が戻るanimation */
0% {
 z-index: 10001;
 width: 10px;
height:30px;
 border: solid 3px #FF0000;
 top: 580px;
left:800px;
 opacity: 0;
}
80% {
 top: 100px;
 left:900px;
 width: 20px;
 height:60px;
 opacity: 0.6;
 -webkit-transform:skewX(-50deg);
}
100% {
 opacity: 0.0;
}
}
.moving_from_cart { /* 棚に戻す商品 */
	position:absolute;
	-webkit-animation-play-state: running;
	-webkit-animation-name:cart_out;
	-webkit-animation-delay:0.1s;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
}
/* spot */
#spot_cart2 { /* スポット商品移動モード時 */
	/*-webkit-transform-style: preserve-3d;*/
	-webkit-animation-play-state: running;
	-webkit-animation-name:spot_box;
	-webkit-animation-delay:0.2s;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	background-image: url(../ABCAimg/spot_box.png);
	background-repeat: no-repeat;
	height: 200px;
	background-position: center top;
}
#spot_cart3 { /* スポット商品移動モード解除 */
	-webkit-animation-play-state: running;
	-webkit-animation-name:spot_box2;
	-webkit-animation-delay:0.0s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	background-image: url(../ABCAimg/spot_box.png);
	background-repeat: no-repeat;
	height: 180px;
	background-position: center top;
}
#spot_cart3 #d_btn_cart2 .ui-btn-text {
	opacity:0.0
}
@-webkit-keyframes spot_box { /* スポット商品カートが出てくるanimation */
 from {
}
to {
	-webkit-transform: translateY(440px);
}
}
@-webkit-keyframes spot_box2 { /* スポット商品カートが戻るanimation */
 0% {
 top:200px;
}
 100% {
 top:-300px;
}
}
 @-webkit-keyframes s_cart_in { /* スポットカートに商品が入っていくanimation */
 0% {
 border: solid 3px #556b2f;
 z-index: 10000;
}
50% {
 top: 10px;
left:700px;
 -webkit-transform:skewX(0deg);
 border: solid 3px #d2b48c;
 opacity: 0.9;
}
70% {
 -webkit-transform:skewX(-50deg);
 border: solid 3px #d2b48c;
 opacity: 0.8;
}
80% {
 width: 20px;
height:60px;
 border: solid 3px #d2b48c;
 -webkit-transform:skewY(-30deg);
}
100% {
 width: 10px;
height:30px;
 border: solid 3px #d2b48c;
 top: 180px;
left:750px;
 opacity: 0;
}
}
.moving_in_s_cart { /* spotカートに入れる商品 */
	position:absolute;
	-webkit-animation-name:s_cart_in;
	-webkit-animation-play-state: running;
	-webkit-animation-delay:0.1s;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
}
#s_cart_open { /*spot カートの内容（表示） */
	width: 400px;
	height:0px;
	-webkit-animation-name:s_cart_con;
	-webkit-animation-delay:0.2s;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
}
#s_cart_open .ui-grid-a .ui-block-b {
	width: 5%;
} /* closeボタン */
#s_cart_open .ui-grid-a .ui-block-b a {
	float:right;
}
#s_cart_open .ui-grid-a .ui-block-a {
	width: 95%;
	font-size:16px;
	color:#333;
	text-shadow:none;
	padding:10px 0px 0px 10px;
} /* 説明文 */
#s_cart_close_list li {
	background:#fff;
	margin-bottom: 5px;
	padding:5px 8px;
	height:1em;
	border-radius:8px;
	cursor:pointer;
} /* 商品の表示 */
#s_cart_close_list li:hover {
	opacity:0.5
}
#s_cart_close_list li span {
	display:block;
	float:left;
	height: 1em;
	font-size:14px;
} /* 商品の表示text */
#s_cart_close_list li span:nth-child(1) {
	width:14%;
	margin-right:1%;
} /* 売価 */
#s_cart_close_list li span:nth-child(2) {
	width:85%;
	overflow:hidden;
} /* 商品名 */
 @-webkit-keyframes s_cart_con { /* spotカートの内容を表示するanimaion */
 from {
 height:0px;
width: 0px;
 opacity: 0;
 left:600px;
top: -250px;
}
to {
	padding: 20px 10px;
	width: 400px;
	height:190px;
	left:600px;
	top: 140px;
}
}
 @-webkit-keyframes s_cart_out { /* 棚に商品が戻るanimation */
0% { 
z-index: 10001; 
width: 10px;
height:30px;
border: solid 3px #FF0000;
top: 580px;
left:800px;
opacity: 0;
}
80% {
 top: 100px;
 right:150px;
 width: 20px;
 height:60px;
 opacity: 0.6;
 -webkit-transform:skewX(-50deg);
}
100% {
 opacity: 0.0;
}
}
.moving_from_s_cart { /* 棚に戻す商品 */
	position:absolute;
	-webkit-animation-play-state: running;
	-webkit-animation-name:s_cart_out;
	-webkit-animation-delay:0.1s;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-fill-mode: both;
}
/* 売場の移動ボタン */
#u_back, #u_next {
	width:18px;
	height:43px;
	top:139px;
	position:absolute;
	border-radius:5px;
	cursor: pointer;
	border: thin solid #FFF;
}
#u_back {
	left:56px;
	background:url(../ABCAbtn/arrow-l.png) center center no-repeat;
}
#u_next {
	background:url(../ABCAbtn/arrow-r.png) center center no-repeat;
}
/* 棚割メンテナンスボタン */
.btn_box {
	background:#666;
	z-index:10000;
	position:absolute;
	right:0px;
	padding:35px 15px 5px;
	border:#999 solid 1px;
	border-radius:10px;
	width:120px;
	text-align:right;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity:0.90;
}
#btn_close {
	top:5px;
	right:10px;
	position: absolute;
}
/* 棚割作成(ipad)　項目内容 */
.select_gdr p {
	float:left;
	text-align:left;
}
.select_gdr p.ttl {
	text-align:center;
}
.select_gdr p:nth-child(1) {
	width: 5%;
} /* 連番 */
.select_gdr p:nth-child(1).ttl {
	width: 9%;
} /* 連番t */
.select_gdr p:nth-child(2) {
	width: 9%;
} /* ゴンドラNo */
.select_gdr p:nth-child(3) {
	width: 5%;
	text-align:center;
} /* 段数. */
.select_gdr p:nth-child(4) {
	width: 25%;
} /* 売場名 */
.select_gdr p:nth-child(4).ttl {
	width: 22%;
} /* 売場名t */
.select_gdr p:nth-child(5) {
	width: 10%;
} /* 配置 */
.select_gdr p:nth-child(5).ttl {
	width: 9%;
} /* 配置t */
.select_gdr p:nth-child(6) {
	width: 20%;
} /* 台名称 */
.select_gdr p:nth-child(6).ttl {
	width: 18%;
} /* 台名称t */
.select_gdr p:nth-child(7) {
	width: 25%;
} /* ゴンドラ名 */
.select_gdr p:nth-child(7).ttl {
	width: 23%;
} /* ゴンドラ名t */
.select_gdr {
	clear:left;
} /* ゴンドラ名 */
/* simulation(ipad)　項目内容 */
.select_gdr2 p {
	float:left;
	text-align:left;
}
.select_gdr2 p.ttl {
	text-align:center;
}
.select_gdr2 p:nth-child(1) {
	width: 10%;
	text-align:center;
} /* 連番 */
.select_gdr2 p:nth-child(1).ttl {
	width: 16%;
} /* 連番t */
.select_gdr2 p:nth-child(2) {
	width: 15%;
	text-align:center;
} /* ゴンドラNo */
.select_gdr2 p:nth-child(3) {
	width: 14%;
	text-align:center;
} /* 段数. */
.select_gdr2 p:nth-child(3).ttl {
	width: 8%;
} /* 段数t. */
.select_gdr2 p:nth-child(4) {
	width: 30%;
} /* ゴンドラ名 */
.select_gdr2 p:nth-child(4).ttl {
	width: 27%;
} /* ゴンドラ名t */
.select_gdr2 p:nth-child(5) {
	width: 30%;
} /* 売場名 */
.select_gdr2 p:nth-child(5).ttl {
	width: 27%;
} /* 売場名t */
.select_gdr2 {
	clear:left;
} /* 売場名 */
/*.comment { /* 段数表示他のBOX
	left: 13px;
	top: 230px;
	position: absolute;
	z-index: 0;
	background-color: #FFFFFF;
}*/

#d_btn_cart div, #d_btn_cart2 div { /* カット品を見る・スポット品を見るボタンの調整 */
	font-size: 12px;
	font-weight: normal;
	padding: .55em;
}
#d_btn_cart div { /* カット品を見るボタン */
	margin-left: .5em;
}
#d_btn_cart2 div { /* スポット品を見るボタン */
	margin-left: .4em;
}
/* リストの表示 */
.ui-grid-a.sim_list2 > .ui-block-a { /* 2block */
	padding-right: .5%;
}
.ui-grid-a.sim_list2 > .ui-block-b { /* 2block */
	padding-left: .5%;
}
.sim_list2 th, .sim_list2 td {
	font-size:9px;
}
