/* CSS Document */

#ppsMenu.act{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:9000;
}
#ppsMenu .box,
#ppsMenu.act .box{
	background-color: rgba(100,100,100,0.9);
}


.ppsBtnBox a{
	display:block;
	border-radius:2px;
	border:1px solid #ccc;
	padding:10px;
	margin-left:3px;
	background:#eee;
	text-decoration:none;
	color:#333 !important;
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
 }

.ppsBtnBox a:hover{
	background:#666;
	color:#fff !important;
}

.ppsBtnBox a.saveShohin{
	background:#099;
	color:#fff !important;

}

.ppsBtnBox a.saveShohin:hover{
	background: #0C9;

}
.ppsBtnBox span.nonAct{
	display:block;
	border-radius:2px;
	border:1px solid #ccc;
	padding:10px;
	margin-left:3px;
	background:#eee;
	text-decoration:none;
	color:#333 !important;
	opacity:0.4;
	pointer-events: none;
}


.ppsBtnBox span.act{
	font-weight:bold;
	display:block;
	border-radius:2px;
	border:2px solid #ccc;
	padding:9px;
	margin-left:3px;
	background:#fff;
	text-decoration:none;
	color:#333 !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);

}


.ppsBtnBox a.waiting {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.ppsBtnBox li a.waiting:before {
	  content: '';
	  position: absolute;
	  border-bottom: #2098d1 solid 2px;
	  top: 2px;
	  left: 2px;
	  right: 2px;
	  bottom: 2px;
	  opacity: 1;
	animation-name: waitinganime1;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes waitinganime1 {
0% {opacity: 1;}
50% {opacity: 0;}
}

@media screen and (max-width: 480px) {
	.ppsBtnBox li a,.ppsBtnBox span.act,.ppsBtnBox span.nonAct{
		padding:5px 9px;
	}


}
.ppsTab{
	border-bottom:1px solid #666;
}



.ppsTab li{
border-radius: 3px 3px 0px 0px / 3px 3px 0px 0px;
	margin-left:10px;
	display:block;
	float:left;
	border:1px solid #999;
	border-bottom:1px solid #666;
	margin-bottom:-1px;
	padding-botoom:1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e5e5e5+100 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.ppsTab li a{
border-radius: 3px 3px 0px 0px / 3px 3px 0px 0px;
	color:#666;
	display:block;
	text-decoration:none !important;
	padding:10px 25px;

	-webkit-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;

}
.ppsTab li.act a{
	color:#333333;
	cursor: text;
}

.ppsTab li.act a:hover{
	color:#333333;
}

.ppsTab li.act{
	border:1px solid #666;
	border-bottom:1px solid #fff;
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.ppsTabB{
	border-top:1px solid #666;
}

.ppsTabB li{
border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px;
	margin-left:10px;
	display:block;
	float:left;
	border:1px solid #999;
	border-bottom:1px solid #666;
	margin-top:-1px;
	padding-top:1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e5e5e5+100 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.ppsTabB li a{
border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px;
	color:#666;
	display:block;
	text-decoration:none !important;
	padding:10px 25px;

	-webkit-transform: translateZ(0);
	transform: translateZ(0);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;

}

.ppsTabB li.act a{
	color:#333333;
	cursor: text;
}

.ppsTabB li.act a:hover{
	color:#333333;
}

.ppsTabB li.act{
	border:1px solid #666;
	border-top:1px solid #fff;
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,   rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}


.ppsTab li a:hover,.ppsTabB li a:hover {
  background-color: #fff;
  color: #000;
}



@media screen and (max-width: 480px) {
	.ppsTab li{
		margin-left:5px;
	}

	.ppsTab li a{
		padding:8px 5px;

	}
}



.dlA3{
	line-height:1.7;
}

.dlA3 dt{
	font-weight:bold;
	clear:both;
	float:left;
	width:45%;
	margin-bottom:2px;
}

.dlA3 dd{
	margin-left:50%;
	margin-bottom:0px;
	zoom:1;
}
.dlA3 dd:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.ppsJuraiBox h3{
	background:#fff;
}
.ppsJuraiBox{
	background:#f7f7f7;
	position:relative;
}

.ppsBgJurai{
	background:#f7f7f7;
}

.ppsJuraiBox:before{
	content: "";
	position: absolute;
	bottom: 50%;
	right: -36px;
	border: 18px solid transparent;
	border-left: 18px solid #000;
}

@media screen and (max-width: 760px) {
	.ppsJuraiBox:before{
		content: "";
		position: absolute;
		bottom: 50%;
		right: -24px;
		border: 12px solid transparent;
		border-left: 12px solid #000;
	}
}

@media screen and (max-width: 480px) {
	.ppsJuraiBox:before{
		content: "";
		position: absolute;
		bottom: 50%;
		right: -16px;
		border: 8px solid transparent;
		border-left: 8px solid #000;
	}
}


/*table*/
.tbl5{
	border:3px solid #ccc;
}

.tbl5 th,
.tbl5 td{
	line-height:1.4;
	font-size:93%;
	padding:12px;
}
@media screen and (max-width: 760px) {
	.tbl5 th,
	.tbl5 td{
		line-height:1.4;
		font-size:93%;
		padding:6px;
	}
}

.tbl5 th{
	border-bottom:1px solid #999;
}

.tbl5 td{
	border-bottom:1px solid #999;
}

.tbl5 td.bbNome{
	border-bottom:none;
}

.setJurai,.unSetJurai{
	text-decoration:none !important;
	color:#333 !important;

}

.wbA{
	word-break:break-all;
}

#ppsShousaiBox,.ppsBtnManualCancelBox{
	display:none;
}


.ppsKomaPhotoBox{
	height:120px;
	max-width:100%;
	position: relative;

}

@media screen and (max-width: 760px) {
	.ppsKomaPhotoBox{
		height:100px;
	}
}
@media screen and (max-width: 480px) {
	.ppsKomaPhotoBox{
		height:100px;
	}
}
img.fit-wh{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;


	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}


.ppsKantanBoxWrapper{
	border:3px solid #d9d9d9;

}


.ppsKantanParents{
	position:relative;
}

.ppsKantanParents:before{
	content: "";
	position: absolute;
	bottom: 50%;
	margin-bottom:-10px;
	right: -25px;
	border: 10px solid transparent;
	border-left: 10px solid #000;
}

.ppsNonData{
	display:block;
	width:100%;
	height:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9cbca+0,eeeeee+100 */
background: rgb(201,203,202); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(201,203,202,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(201,203,202,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(201,203,202,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cbca', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}


@media screen and (max-width: 760px) {
	.ppsKantanParents:before{
		content: "";
		position: absolute;
		bottom: 50%;
		right: -20px;
		border: 8px solid transparent;
		border-left: 8px solid #000;
	}
}

@media screen and (max-width: 480px) {
	.ppsKantanParents:before{
		content: "";
		position: absolute;
		margin-bottom:0;
		bottom: -20px;
		right: 50%;
		margin-right:-18px;
		border: 8px solid transparent;
		border-top: 8px solid #000;
	}
}

.bAll1w{
	border-color:rgba(0,0,0,0)

}

.resultTable1{
	width:100%;
	border:1px solid;
	border-color: #E3E3E3;
	font-size: 93%;
line-height: 1.5;
}

.resultTable1 th{
	height:100%;
	/* background-color:#EEF1FF;*/
	background: #D4DCEE; /* #EEF1FF; */
	text-align:center;
	border: 1px solid;
    border-color:#9DB4DE;
    font-size: 88%;
}
.resultTable1 tr{
	border:1px solid;
	border-color: #9DB4DE;
	padding-bottom: 2px;

}

.resultTable1 td{
	border:1px dashed #9DB4DE;

}
.resultTable1 thead{
	background-color: #EEF1FF;
	font-size: 12px;

}

.loadingG{
	max-width:24px;
}

.ppshaiImgBox1,.ppshaiImgBox2{
	min-height:120px;

}

.loadingG2{
	max-width:24px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-12px;
	margin-top:-12px;
}


.bt1b{
	border-top:1px solid #9DB4DE;

}

.br1b{
	border-right:1px solid #9DB4DE;

}

.ppsTabCont{
	font-size:88%;
}

.ppsKuwaBoxA,.ppsKuwaBoxB{
	height:inherit !important;
}