@charset "UTF-8";

/* ------------------------------------------------------------------------------ */
/*    
 *		
 *    CSS Document
 *    DIALOG CSS 2010-06-29
 *
 *    Copyright(C) yohei imoto.
 *
 */
/* ------------------------------------------------------------------------------ */

/*dialog//////////////////////////////////////////////////////////////////
==================================================================================*/
div.dialogcontents{
  display:block;
  height:750px;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:50;
  /* IE5 later && javascript-on */
  position: expression('absolute');
  top: expression(documentElement.scrollTop + 0 + 'px');
  left: expression(documentElement.scrollLeft + 0 + 'px');
  
}
div#herfdialog_dialogcontents{
  z-index:10;
}
div.dialogcontents_tooltip{
  display:block;
  height:800px;
  left:0;
  top:0;
  width:100%;
  z-index:50;
}
div.msk{
  background-image:url(../images/common/green.gif);
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  height:2000px;
  opacity:.50;
  -moz-opacity:.50;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  z-index:3;
}
div.whiteclose div.msk{
  background-image: none;
}
div.dialog{
   background-color: #ffffff;
    border-radius: 5px;
    color: #504588;
    font-size: 12px;
    margin: 10px auto 0;
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    position: relative;
    top: 40px;
    width: 350px;
    z-index: 10;}


div.herfdialog{
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  bottom: 10px;
  color: #504588;
  font-size: 12px;
  left: 1%;
  margin: 0 auto;
  max-height: 300px;
  overflow: auto;
  padding: 5px;
  position: fixed;
  right: 1%;
  width: 95%;
  border: 1px solid #030303;
}


div.center div.dialog{
  background-color:#FFFFFF;
  width:700px;
}
div.center div.dialog div#windowbar{
  font-weight:normal;
}
div.dialog h3{
  font-weight: normal;
  margin-bottom:10px;
  background: #C7D3ED;
  padding: 2px 10px;
  font-size:13px;
}

div.dialog .close{
  position: absolute;
  font-size:12px;
  right:0px;
  top:3px;
  padding: 5px 8px 4px 20px;
}
div.dialog .inner{
  padding:5px;
}
div.dialog .inner li{
  padding:4px;
}
div.dialog .inner .anser_field{
  text-align: center;
}
div.dialog .inner .inner_msg{
  padding-bottom:15px;
}
div.dialog .inner .inner_msg p{
  padding-bottom:5px;
}
div.dialog .inner .inner_msg p.strong{
  padding-top:5px;
  padding-bottom:10px;
}
div.dialog .inner .inner_msg p.alert{
  color:#E83A3A;
}
div.dialog .inner ul{
  border: 1px dotted #CCCCCC;
  margin: 10px 4px;
}
.dialogcontents .confirm_dialog_position{
  top: 80px;
}
/*20110809 add s by fujima*/
div.progress{
  position:relative;
  top:90px;
  left:225px;
  height:11px;
  width:43px;
  background-image:url(../images/common/loader.gif);
}
/*20110809 add e by fujima*/


.loadingdialog{
  background: none repeat scroll 0 0 #636363;
  border: medium none;
  height: 48px;
  left: 50%;
  position: fixed;
  text-align: center;
  top: 30%;
  z-index:50;
}
.loadingtxt{
  margin-left: -7px;
  padding:0px 6px;
  opacity: 0.6;
  background: #FFFFFF;
  line-height: 18px;
  color: #636363;
  position: absolute;
  top: 54px;

}