/****************************************************************************************************************
 * spinner 
 ****************************************************************************************************************/
/* set up the three ball spinners */
.window_spinner_wrap {
	background:rgba(0, 0, 0, 0.4);
	position:absolute;
	display:none;
	overflow:hidden;

	left:0;
	top:0;
	width:100%;
	height:100%;

}

.window_spinner {
  position:relative;
  width:100px;
  height:100px;
  float:left;
  
  -moz-border-radius:100px;
  -webkit-border-radius:100px;
  -o-border-radius:100px;
  -ms-border-radius:100px;
  border-radius:100px;
  
  -moz-transform:scale(0.5);
  -webkit-transform:scale(0.5);
  -o-transform:scale(0.5);
  -ms-transform:scale(0.5);
  transform:scale(0.5);

  -webkit-animation-name: rotateThis;
  -webkit-animation-duration:1.2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;

  -moz-animation-name: rotateThis;
  -moz-animation-duration:1.2s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;

  -o-animation-name: rotateThis;
  -o-animation-duration:1.2s;
  -o-animation-iteration-count:infinite;
  -o-animation-timing-function:linear;

  -ms-animation-name: rotateThis;
  -ms-animation-duration:1.2s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-timing-function:linear;

  animation-name: rotateThis;
  animation-duration:1.2s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;

}

.window_spinner div{
  width:20px;
  height:20px;
  background:white;

  -moz-border-radius:40px;
  -webkit-border-radius:40px;
  -o-border-radius:40px;
  -ms-border-radius:40px;
  border-radius:40px;
  position:absolute;

  left:40px;
  top:40px;

}

/* increase the balls in size */
.window_spinner .window_spinner_bar1 {
  -moz-transform:rotate(0deg)   translate(0, -40px) scale(0.1);
  -webkit-transform:rotate(0deg)   translate(0, -40px) scale(0.1);
  -o-transform:rotate(0deg)   translate(0, -40px) scale(0.1);
  -ms-transform:rotate(0deg)   translate(0, -40px) scale(0.1);
  transform:rotate(0deg)   translate(0, -40px) scale(0.1);
  opacity:0.12;}
.window_spinner .window_spinner_bar2 {
  -moz-transform:rotate(45deg)  translate(0, -40px) scale(0.2);
  -webkit-transform:rotate(45deg)  translate(0, -40px) scale(0.2);
  -o-transform:rotate(45deg)  translate(0, -40px) scale(0.2);
  -ms-transform:rotate(45deg)  translate(0, -40px) scale(0.2);
  transform:rotate(45deg)  translate(0, -40px) scale(0.2);
  opacity:0.25;}
.window_spinner .window_spinner_bar3 {
  -moz-transform:rotate(90deg)  translate(0, -40px) scale(0.4);
  -webkit-transform:rotate(90deg)  translate(0, -40px) scale(0.4);
  -o-transform:rotate(90deg)  translate(0, -40px) scale(0.4);
  -ms-transform:rotate(90deg)  translate(0, -40px) scale(0.4);
  transform:rotate(90deg)  translate(0, -40px) scale(0.4);
  opacity:0.37;}
.window_spinner .window_spinner_bar4 {
  -moz-transform:rotate(135deg) translate(0, -40px) scale(0.6);
  -webkit-transform:rotate(135deg) translate(0, -40px) scale(0.6);
  -o-transform:rotate(135deg) translate(0, -40px) scale(0.6);
  -ms-transform:rotate(135deg) translate(0, -40px) scale(0.6);
  transform:rotate(135deg) translate(0, -40px) scale(0.6);
  opacity:0.50;}
.window_spinner .window_spinner_bar5 {
  -moz-transform:rotate(180deg) translate(0, -40px) scale(0.8);
  -webkit-transform:rotate(180deg) translate(0, -40px) scale(0.8);
  -o-transform:rotate(180deg) translate(0, -40px) scale(0.8);
  -ms-transform:rotate(180deg) translate(0, -40px) scale(0.8);
  transform:rotate(180deg) translate(0, -40px) scale(0.8);
  opacity:0.62;}
.window_spinner .window_spinner_bar6 {
  -moz-transform:rotate(225deg) translate(0, -40px) scale(1);
  -webkit-transform:rotate(225deg) translate(0, -40px) scale(1);
  -o-transform:rotate(225deg) translate(0, -40px) scale(1);
  -ms-transform:rotate(225deg) translate(0, -40px) scale(1);
  transform:rotate(225deg) translate(0, -40px) scale(1);
  opacity:0.75;}
.window_spinner .window_spinner_bar7 {
  -moz-transform:rotate(270deg) translate(0, -40px) scale(1.2);
  -webkit-transform:rotate(270deg) translate(0, -40px) scale(1.2);
  -o-transform:rotate(270deg) translate(0, -40px) scale(1.2);
  -ms-transform:rotate(270deg) translate(0, -40px) scale(1.2);
  transform:rotate(270deg) translate(0, -40px) scale(1.2);
  opacity:0.87;}
.window_spinner .window_spinner_bar8 {
  -moz-transform:rotate(315deg) translate(0, -40px) scale(1.4);
  -webkit-transform:rotate(315deg) translate(0, -40px) scale(1.4);
  -o-transform:rotate(315deg) translate(0, -40px) scale(1.4);
  -ms-transform:rotate(315deg) translate(0, -40px) scale(1.4);
  transform:rotate(315deg) translate(0, -40px) scale(1.4);
  opacity:1;}

@-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(0.5) rotate(0deg);}
  to {-webkit-transform:scale(0.5) rotate(360deg);}
}

@-moz-keyframes rotateThis {
  from {-moz-transform:scale(0.5) rotate(0deg);}
  to {-moz-transform:scale(0.5) rotate(360deg);}
}

@-o-keyframes rotateThis {
  from {-o-transform:scale(0.5) rotate(0deg);}
  to {-o-transform:scale(0.5) rotate(360deg);}
}

@-ms-keyframes rotateThis {
  from {-ms-transform:scale(0.5) rotate(0deg);}
  to {-ms-transform:scale(0.5) rotate(360deg);}
}

@keyframes rotateThis {
  from {transform:scale(0.5) rotate(0deg);}
  to {transform:scale(0.5) rotate(360deg);}
}
#function_window_D05 .ui-widget-content {
    background-color:rgb(255, 255, 255);
    background-image:none;
}
/* 車両 */
.icon-vehicle
{
    padding-left: 25px;
    background: url(/content/images/TreeIcon/vehicle.png) left center no-repeat;
}
/*ユーザ */
.icon-user
{
    padding-left: 25px;
    background: url(/content/images/TreeIcon/user.png) left center no-repeat;
}