@charset "utf-8";

/* ============================================================
	overwrite volume.css
   ============================================================ */


/* ============================================================
	シミュレーター
   ============================================================ */

#sim {
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
#stage {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	/*height: 509px;*/
	height: 100%;
	padding-bottom: 3%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	z-index:20;
	}

#wrap {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	}
#wrap.opened { z-index: 10000; }

/* control panel ---------------------------------------------- */

#panel {
	position: relative;
	box-sizing: border-box;
	height: 140px;
	padding-top: 16px;
	padding-left: 30px;
	padding-right: 30px;
	border-top: 2px solid #e6e6e6;
	z-index: 199;
	}
#panel div.item {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around; /*between;*/
	align-items: flex-start;
	}

#panel h4 i, #panel button i {
	display: inline-block;
	background-image: url(img/btn.png);
	background-repeat: no-repeat;
	}
#panel h4 {
	display: inline-block;
	height: 110px;
	width: 24px;
	}
#panel h4 i {
	width: 100%;
	height: 100%;
	text-indent: -1000px;
	}

#panel button {
	position: relative;
	width: 110px;
	height: 72px;
	margin-top: 10px;
	background-color: white;
	border: none;
	
	user-select: none;
	-webkit-touch-callout: none;
	}
#panel button i {
	width: 100%;
	}
#panel button span {
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -20px;
	}

#panel h4 i { background-position: -358px 0; }
#panel .P i { height: 45px; background-position: -166px -170px; }
#panel .WB i { height: 40px; background-position: -166px -255px; }

#panel button + h4 {
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px dashed #ccc;
	}
#panel button + h4 i { background-position: -384px 0; }
#panel .M0 i { height: 34px; background-position: -360px -120px; }
#panel .M1 i { height: 48px; background-position: -360px -154px; }
#panel .M2 i { height: 58px; background-position: -360px -202px; }
#panel .M3 i { height: 72px; background-position: -360px -260px; }

#panel .WB:after, #panel .M1:after {
	position: absolute;
	content: "組み立てサービス対象外";
	width:100%;
	bottom: -34px;
	left: 0;
	padding: 2px 0 2px;
	color: white;
	font-size: 7pt;
	line-height: 1;
	text-align: center;
	background-color: #999;
	border-radius: 3px;
	}
#panel .M1:after {
	left: 60px;
	}

#panel button.current { background-color: lime; }
#panel button[disabled] {
	cursor:default;
	opacity: 0.4;
	pointer-events: none;
	}

#panel.dT div.item { justify-content: center; padding-left: 60px; }
#panel.dT div.item h4 { margin-right: 20px; }
#panel button.soldOut { display: none; }
#panel button.soldOut + h4 { display: none; }

#dragballoon i {
	display: block;
	position: relative;
	background-color: transparent;
	background-image: url(img/btn.png);
	background-repeat:  no-repeat;
	}

.iFW .P { height: 50px; width:110px; background-position: -166px -120px; }
.iDW .P { height: 45px; width:110px; background-position: -166px -170px; }
.iTW .P { height: 40px; width:110px; background-position: -166px -215px; }
.iFR .P { height: 50px; width: 84px; background-position: -276px -120px; }
.iDR .P { height: 45px; width: 84px; background-position: -276px -170px; }
.iTR .P { height: 40px; width: 84px; background-position: -276px -215px; }

.iFW .WB, .iDW .WB, .iTW .WB { height: 40px; width:110px; background-position: -166px -255px; }
.iFR .WB, .iDR .WB, .iTR .WB { height: 40px; width: 84px; background-position: -276px -255px; }

.iFW .M0, .iDW .M0, .iTW .M0 { height: 34px; width:110px; background-position: -360px -120px; }
.iFR .M0, .iDR .M0, .iTR .M0 { height: 34px; width: 80px; background-position: -470px -120px; }
.iFW .M1, .iDW .M1, .iTW .M1 { height: 48px; width:110px; background-position: -360px -154px; }
.iFR .M1, .iDR .M1, .iTR .M1 { height: 48px; width: 80px; background-position: -470px -154px; }
.iFW .M2, .iDW .M2, .iTW .M2 { height: 58px; width:110px; background-position: -360px -202px; }
.iFR .M2, .iDR .M2, .iTR .M2 { height: 58px; width: 80px; background-position: -470px -202px; }
.iFW .M3, .iDW .M3, .iTW .M3 { height: 72px; width:110px; background-position: -360px -260px; }
.iFR .M3, .iDR .M3, .iTR .M3 { height: 72px; width: 80px; background-position: -470px -260px; }


/* luggage：収納用品対応 -------------------------------------- */

.lugSwitch {
	display: none;
	position: absolute;
	top:0;
	right: 0;
	width: 120px;
	height: 138px;
	border-left: 2px solid #e6e6e6;
	}
.onLuggage .lugSwitch { display: block; }

#panel .lugSwitch button {
	width: auto;
	height: auto;
	padding: 2px 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #aaa;
	top:2px;
	left:16px;
	}
#panel .lugSwitch button i {
	width: 70px;
	height: 110px;
	text-indent: -1000px;
	background-image: url(img/btn.png);
	background-repeat:  no-repeat;
	background-position: -410px 0;
	}

.onLuggage #panel {
	padding-right: 130px;
	}

.onLuggage #stock li {
	margin: 9px 10px 5px 10px;
	}

#planpreview .lug {
	position: absolute;
	top:0;
	left:0;
	}

/* lug.css over write 2017 */

#luggage .lugClipper {
	padding-right: 122px;
	}
#luggage div.lugSwitch {
	display: block;
	position: absolute;
	top:0;
	left:auto;
	right: 0;
	width: 120px;
	height: 138px;
	border-left: 2px solid #e6e6e6;
	background-color: white;
	text-align: left;
	}
#luggage .lugSwitch button {
	position: relative;
	width: auto;
	height: auto;
	padding: 2px 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #aaa;
	background-color: white;
	top:12px;
	left:16px;
	}
#luggage .lugSwitch button i {
	display: inline-block;
	width: 70px;
	height: 110px;
	text-indent: -1000px;
	background-image: url(img/btn.png);
	background-repeat:  no-repeat;
	background-position: -480px 0;
	}

/* commander -------------------------------------------------- */

#commander {
	position: absolute;
	top:90px;
	left:16px;
	width: 50px;
	height: auto;
	z-index:210;
	}

#commander button {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 8px 0 0 0;
	font-size: 0;
	background-color: transparent;
	background-image: url(img/btn.png);
	background-repeat: no-repeat;
	vertical-align: top;
	}

#commander .save	{ background-position: -100px 0px; }
#commander .print	{ background-position: -150px 0px; }
#commander .help	{ background-position: -200px 0px; margin-top: 106px; }
#commander .review	{ background-position: -250px 0px; }
#commander .by2		{ background-position: -300px 0px; }
#commander .viewer	{ background-position: -300px -50px; }


/* pain unit shelf --------------------------------------------- */

#pile {
	display: inline-block;
	position: relative;
	width: 0;
	height: 100%;
	min-height: 454px;
	vertical-align: bottom;
	}
#pus {
	display: inline-block;
	position: relative;
	width: auto;
	margin: 0 auto;
	vertical-align: bottom;
	white-space: nowrap;
	}

#pus * {cursor: pointer;}

/*.chain { z-index: 250; }*/

.infill, .ladder {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	line-height: 100%;
	}
.infill {
	z-index: 50;
	}
.ladder {
	width: 6px;
	margin-left: -3px;
	margin-right: -3px;
	z-index: 200;
	/*
	background-color: #f7ecae;
	border-left: 1px solid #f7f2d5;
	border-right: 1px solid #e3d690;
	border-bottom: 1px solid #b2ab82;
	*/
	background: transparent url(img/sprite.png) no-repeat;
	background-position: 0px bottom;
	}
.hook {
	display: none;
	position: absolute;
	bottom: 60px; 
	left: -8px;
	width: 22px;
	height: 22px;
	background: transparent url(img/btn.png) no-repeat -144px -120px;
	}
.needhook .hook { display: block; }
#pus.suspend .hook { display: none; }

.infill.repos { background: rgba(0,0,0,0.1); }

#left-end { width: 30px; margin-left: -27px; }
#right-end { width: 30px; margin-right: -27px; }

#pus .wR { width: 110px; }
#pus .wW { width: 166px; }

#pus .hS { height: 166px; }
#pus .hM { height: 240px; }
#pus .hL { height: 351px; }

#pus ul.locating { background: rgba(0,0,0,0.1); }
#pus ul.locating * { display: none; }

/* ! ----------------- cross bar */

.infill:before, .infill:after {
	left: 0px;
	width: 100%;
	background-color: transparent;
	background-image: url(img/sprite.png);
	background-repeat: no-repeat;
	}

.infill.wW:before, .infill.wW:after {
	display: none;
	position: absolute;
	content: '';
	height: 141px;
	background-position: -10px -50px;
	}

.infill.wW:before {
	display: block;
	bottom: 14px;
	}
.infill.wW:after {
	bottom: 196px;
	}

.infill.wR:before, .infill.wR:after {
	display: none;
	position: absolute;
	content: '';
	height: 117px;
	background-position: -180px -50px;
	}

.infill.wR:before {
	display: block;
	bottom: 14px;
	}
.infill.wR:after {
	bottom: 220px;
	}

.infill.hL.try4:after,.infill.hL.try6:after { display: none; }
.infill.hL:after, .infill.hS.try9:after,.infill.hM.try9:after { display: block; }

.infill.repos:before, .infill.repos:after,
.infill.repos * { display: none; }

/* ! ----------------- parts size */

/* unit */

.infill .unit {
	position: relative;
	}

.infill .row9 { z-index: 99; }
.infill .row8 { z-index: 98; }
.infill .row7 { z-index: 97; }
.infill .row6 { z-index: 96; }
.infill .row5 { z-index: 95; }
.infill .row4 { z-index: 94; }
.infill .row3 { z-index: 93; }
.infill .row2 { z-index: 92; }
.infill .row1 { z-index: 91; }
.infill .row0 { z-index: 90; }

.infill .rung  { height: 17px; z-index:51; } /* bottom unit */
.infill .rung0 { height:  0px; } /* reserve */
.infill .rung1 { height: 37px; }
.infill .rung2 { height: 74px; }
.infill .rung3 { height:111px; }
.infill .rung4 { height:148px; }
.infill .rung5 { height:185px; }

.infill .rung6 { height:222px; }
.infill .rung7 { height:259px; }
.infill .rung8 { height:296px; }
.infill .rung9 { height:333px; }
.infill .rung10{ height:370px; }
.infill .rung12{ height:407px; }

.infill .reserve { position: absolute; width: 100%; }
.hS .reserve { bottom: 166px }
.hM .reserve { bottom: 240px }
.hL .reserve { bottom: 351px }

.slot {
	display:block;
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:6px;
	background-color: transparent;
	background-image: url(img/sprite.png);
	background-repeat: no-repeat;
	z-index:99;
	}
.wW .slot { background-position:  -10px -40px; }
.wR .slot { background-position: -180px -40px; }
/*
.dF .row9 .slot { top:  -2px; height: 8px; background-position: -10px  -50px; }
.dF .row8 .slot { top:  -2px; height: 6px; background-position: -10px  -87px; }
.dF .row7 .slot { top:  -2px; height: 7px; background-position: -10px -122px; }
.dF .row6 .slot { top:  -4px; height: 8px; background-position: -10px -157px; }
.dF .row5 .slot { top:  -8px; height:11px; background-position: -10px -191px; }
.dF .row4 .slot { top: -11px; height:15px; background-position: -10px -225px; }
.dF .row3 .slot { top: -12px; height:16px; background-position: -10px -260px; }
.dF .row2 .slot { top: -15px; height:19px; background-position: -10px -294px; }
.dF .row1 .slot { top: -19px; height:22px; background-position: -10px -328px; }
.dF .row0 .slot { top: -21px; height:25px; background-position: -10px -362px; }
*/

.cargo {
	position: relative;
	width: 100%;
	height: 100%;
	/*top: 3px;*/
	overflow: hidden;
	z-index: 100;
	}

.cargo.M0,.cargo.M1,.cargo.M2,.cargo.M3 {
	}
.cargo.M0:after,.cargo.M1:after,.cargo.M2:after,.cargo.M3:after,
.cargo.M0:before,.cargo.M1:before,.cargo.M2:before,.cargo.M3:before {
	display: none;
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	background-color: yellow;
	}
.cargo.WB,
.cargo.M0, .cargo.M0:after, .cargo.M0:before,
.cargo.M1, .cargo.M1:after, .cargo.M1:before,
.cargo.M2, .cargo.M2:after, .cargo.M2:before,
.cargo.M3, .cargo.M3:after, .cargo.M3:before {
	background-color: transparent;
	background-image: url(img/sprite.png);
	background-repeat: no-repeat;
	}
.wW .cargo.M0		{ background-position:  -10px -258px; height: 46px; }
.wW .cargo.M1		{ background-position:  -10px -191px; height: 66px; }
.wW .cargo.M1:after { background-position:  -10px -258px; height: 28px; top: 37px; display:block; }
.wW .cargo.M2		{ background-position:  -10px -191px; height: 84px; }
.wW .cargo.M2:after { background-position:  -10px -258px; height: 46px; top: 37px; display:block; }
.wW .cargo.M3		{ background-position:  -10px -191px; height: 104px; }
.wW .cargo.M3:before{ background-position:  -10px -191px; height: 66px; top: 37px; display:block; }
.wW .cargo.M3:after	{ background-position:  -10px -258px; height: 28px; top: 74px; display:block; }

.wR .cargo.M0		{ background-position: -180px -258px; height: 46px; }
.wR .cargo.M1		{ background-position: -180px -191px; height: 66px; }
.wR .cargo.M1:after { background-position: -180px -258px; height: 28px; top: 37px; display:block; }
.wR .cargo.M2		{ background-position: -180px -191px; height: 84px; }
.wR .cargo.M2:after { background-position: -180px -258px; height: 46px; top: 37px; display:block; }
.wR .cargo.M3		{ background-position: -180px -191px; height: 104px; }
.wR .cargo.M3:before{ background-position: -180px -191px; height: 66px; top: 37px; display:block; }
.wR .cargo.M3:after { background-position: -180px -258px; height: 28px; top: 74px; display:block; }

.wW .cargo.WB { background-position:  -10px -305px; height: 20px; }
.wR .cargo.WB { background-position: -180px -305px; height: 20px; }

.cargo .lot { position:relative; left:0px; bottom:0px; }

.slot + .cargo .lot { top: 4px; }

/* violate ---------------------------------------------------- */

/* infill */

.infill .issue {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 30px;
	bottom: -13px;
	text-align: center;
	z-index: 110;
	}
.infill .violate {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: transparent url(img/btn.png) no-repeat -210px -50px;
	}

#pus.suspend .violate { display: none; }

#vioSO {
	position: absolute;
	bottom: -30px;
	right:-32px;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: transparent url(img/btn.png) no-repeat -210px -50px;
	z-index: 100;
	}
#vioSO i {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 32px;
	text-align: left;
	text-decoration: none;
	font-size: 9px;
	font-style: normal;
	line-height: 110%;
	}
#vioSO.inSell { display: none; }

/* 全幅・全高 --------------------------------------------------- */

#w-measure span,
#h-measure span {
	font-size: 10px;
	font-family: monospace;
	}

#w-measure {
	position: absolute;
	box-sizing: content-box;
	width: 100%;
	height: 12px;
	left: 0;
	bottom: -17px;
	text-align: center;
	border-bottom: 1px solid black;
	z-index: 240;
	}
#w-measure:before {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 12px;
	top: 6px;
	left: 0;
	content: '';
	border-left: 1px solid black;
	border-right: 1px solid black;
	}
#w-measure span {
	display: inline-block;
	margin-top: 5px;
	padding: 0px 3px 0 3px;
	background-color: white;
	}

#h-measure {
	position: absolute;
	width: 12px;
	height: 100%;
	bottom: 0px;
	right: -30px;
	text-align: center;
	border-right: 1px solid black;
	z-index: 240;
	}
#h-measure:before {
	position: absolute;
	box-sizing: border-box;
	width: 12px;
	height: 100%;
	top: 0;
	left: 6px;
	content: '';
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	}
#h-measure span {
	display: block;
	position: absolute;
	width: auto;
	height: 24px;
	top: 0;
	bottom: 0;
	left: auto;
	margin: auto;
	padding: 4px 0;
	background-color: white;
	}
	

/* luggage violate -------------------------------------------- */

#h-measure #volpark {
	position: absolute;
	top: auto;
	bottom: -36px;
	left: -8px;
	width: auto;
	height: auto;
	border: none;
	}

#volpark .violate,
#pus.aH #volpark .violate {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: transparent url(img/sprite.png) no-repeat -40px -214px;
	}

/* page header ------------------------------------------------ */

/* marker ----------------------------------------------------- */

#dmark,
#marker {
	display:none;
	position: absolute;
	background: rgba(0,0,0,0.2);
	border: 1px solid #aaa;
	bottom:0;
	z-index: 210;
	}
#marker .stretch {
	display: none;
	position: absolute;
	width: 30px;
	height: 20px;
	top: auto;
	left: 0;
	right: 0;
	bottom: 4px;
	margin: auto;
	background-color: #333;
	border-radius: 4px;
	}
#marker.MR .stretch { display: block; }

#imark {
	position: absolute;
	border: 1px solid #aaa;
	width: 200px;
	height: 200px;
	background-color: transparent;
	z-index: 250;
	}
#imark.isin { background-color: rgba(0,0,0,0.1); }
#imark > div { position:absolute; top:0; right:0; width:50%; height:50%; }
#imark button {
	position:absolute;
	width:30px;
	height:30px;
	background-color: transparent;
	background-image: url(img/btn.png);
	background-repeat: no-repeat;
	}
#imark .vertical	{ top:	 -15px; left: -15px; background-position:    0px -50px; }
#imark .horizontal	{ bottom:-15px; right:-15px; background-position:  -30px -50px; }
#imark .duplicate 	{ bottom:-10px; right:-15px; background-position:  -60px -50px; }
#imark .position	{ bottom:-15px; left: -15px; background-position:  -90px -50px; }
#imark .remove		{ bottom:-10px; left: -15px; background-position: -120px -50px; }

.not-duplicate .duplicate, .not-remove .remove, .not-remove .position, .not-move .position, .not-height .vertical{ display: none; }

#sizemark {
	position: absolute;
	border-right: 1px solid #0088ff;
	text-align: left;
	z-index: 210;
}
#sizemark div {
	position: absolute;
	top: 0;
	left: 0;
	width: 400%;
	height: 25%;
	border-bottom: 1px solid #0088ff;
}
#sizemark span {
	position: absolute;
	top: 30%;
	left: 120%;
	font-size: 10px;
	font-family: monospace;
	line-height: 110%;
	color: #0088ff;
	background-color: rgba(255,255,255,0.6);
}


#flighty {
	position: absolute;
	padding:0 3px 5px 8px;
	bottom: 8px;
	background-color: rgba(255,255,255,0.4);
	z-index:600;
	}
#pus #flighty .ladder, #pus #flighty .infill { margin-top: 8px; }


#dragballoon {
	position: absolute;
	box-sizing: border-box;
	padding: 12px 6px;
	cursor: pointer;
	background-color: white;
	border: 1px solid #888;
	border-radius: 4px;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
	z-index: 600;
}
#dragballoon:after {
	display: block;
	position: absolute;
	bottom: -27px;
	left: 70px;
	width: 19px;
	height: 28px;
	content: "";
	background: transparent url(img/btn.png) no-repeat;
	background-position: -192px -80px;
	}
#dragballoon.lt { margin-left: 60px; }
#dragballoon.lt:after {
	left: 10px;
	background-position: -469px -402px;
	}
.touch #dragballoon { margin-left: -20px; }
.touch #dragballoon.lt { margin-left: 80px; }

#dragballoon div {
	position: relative;
	width: 71px;
	height: 36px;
	background-color: transparent;
	background-image: url(img/btn.png);
	background-repeat: no-repeat;
}



#dragballoon span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 48px;
	height: 34px;
	background: transparent url(img/btn.png) no-repeat;
}
#dragballoon span.chg { display:block; background-position:    0px -80px; }
#dragballoon span.mis { display:block; background-position:  -48px -80px; }
#dragballoon span.bad { display:block; background-position:  -96px -80px; }
#dragballoon span.rmv { display:block; background-position: -144px -80px; }




/* messenger -------------------------------------------------- */

#msg-wrap {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 300;
	}
#msg-wrap > div {
	position: relative;
	width: 910px;
	height: 100%;
	margin: 0 auto;
	/*background-color: rgba(128, 255, 250, 0.6);*/
	}

#msg {
	position: absolute;
	width: 300px;
	height: auto;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4);
	}

#msg em { color:black; font-weight:bold; font-style:normal; }
#msg .mm {
	position: relative;
	margin: 2px 10px 8px 10px;
	padding: 6px 0 0 4px;
	text-align:left;
	}

#msg p { padding: 2px 6px; }
#msg p.tc { text-align: center; }
#msg p.command { text-align: right; }
#msg p button {
	margin:4px 0 0 8px;
	letter-spacing:0;
	}
#msg p button:first-child { margin-left:0; }
#msg input { padding:1%; width:97%; }
#msg ul { margin-top:4px; padding-left:2.5em; }
#msg ul li { margin-left:-0.7em; list-style:disc; }
#msg hr { border:0 solid white; border-bottom: 1px solid #ccc; }
#msg span.err { background: none; bottom:4px; color:#999 }

#msg p.withx {
	padding-bottom:4px;
	padding-right: 30px;
	}
#msg button.close {
	position: absolute;
	top:0;
	right:5px;
	width:20px;
	height:20px;
	background-color: transparent;
	}

#msg button.close:before, #msg button.close:after {
	content:"";
	position:absolute;
	display:inline-block;
	top: -2px;
	left: 8px;
	width: 3px;
	height: 24px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color:#ccc;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#msg button.close:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.no-touch #msg button.close:hover:before, .no-touch #msg button.close:hover:after {
	background-color: #666;
}

#msg .overlimit { margin-top: 0.5em; padding: 0 6px; }
#msg .overlimit spam { display: none; }
#msg p + .overlimit span {
	display: block;
	position: relative;
	border-top: 1px solid #ccc;
	margin-bottom: 0.5em;
	}
#msg .overlimit + p { margin-top: 0.4em; }

/* ============================================================
	yank_ie under 11
   ============================================================ */
/*
.cargo:after{
	display: block;
	position:absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 74px;
	background: transparent url(img/shadow.png) no-repeat left bottom;
	}
*/

.msie.under11 .cargo:after{
	display: block;
	position:absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.001);
	}