* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
          min-height: 0;
}


html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	color: #666666;
}

select {
	height:25px;	
}

table
{
    border-collapse: collapse;
}

table, td
{
    padding: 5px; 
    border: 0px;
}

th
{
	background-color: #f7f7f7;
	padding: 5px;	
}

table input {border:1px solid #ddd; padding:5px;}

.selcttr:hover {
	cursor: pointer;
}

table.tablelinec
{
	border: 1px solid #e1e1e1;
}

table.tablelinec td, table.tablelinec th 
{
	border: 1px solid #e1e1e1;
	padding: 5px;
	text-align: center;
}

table.tablelinec tr:hover{
	background-color:#fefecc;
}

table.tableline
{
	border: 1px solid #e1e1e1;
}

table.tableline td, table.tableline th 
{
	border: 1px solid #e1e1e1;
	padding: 5px;
}

table.tableline tr:hover{
	background-color:#fefecc;
}





table.tableform
{
	border: 1px solid #e1e1e1;
}

table.tableform td, table.tableform th 
{
	border: 1px solid #e1e1e1;
	padding: 5px;
}



table.noup {
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

table.noup td {
	border-right: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
}


table.noline
{
	border: 0px;
}

table.noline td, table.noline th 
{
	border: 0px;
	padding: 0px;
}


#contents {width:100%;}

#fullcontents {
	width:100%;
	height: 100%;
}


.blur {
	color:#cccccc;
}

.rmoney {
	color: #7eb94e;
	font-weight: bold;	
}

.pageTitle {
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom:5px;	
	padding-left: 10px;
	font-size: 18px;
}

.mainTitle {
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom:20px;	
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.subTitle {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;	
}







#sldcontents  {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	overflow: auto;
}

#popcontents  {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	overflow: auto;
}

 

img {
	vertical-align: middle;
}


.clickable {
	cursor:pointer;
}

.spanButton {
	background-color:#76beea;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
    color: #ffffff;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 2px;
}

.spanButton:hover{
	background-color:#71a628;
	color: #fff;	
}

.spanBadge {
	background-color:#FF0000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
    color: #ffffff;
    border-radius: 8px;
    font-size:10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}




#__lgpop_layer_imgshow_base {
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);

     width: 90%;
     height: 90%;
     
     cursor:pointer;
     
//     background-color:#FFFFFF;
     
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
}








#__chang_disable_background {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter:alpha(opacity=40);
	opacity:0.4;
	background:#000;
}


#__chang_wait_div {
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     text-align: center;
     color: #FFFFFF;
     
}

#__lgpop_layer_contents__base {
    position:fixed;
    left: 0px;
    top: 0px;
    width: 100%;

	height: -webkit-calc(100% - 120px);
	height: expression(100% - 120px);
	height: -moz-calc(100% - 120px);
	height: -o-calc(100% - 120px);
	height: calc(100% - 120px);

    margin-top:120px;
    display:none;
	background-color: #FFFFFF;
}


.__iframe_dialog_full {
    position:fixed;
    left: 10px;
    top: 10px;
    
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}



.__iframe_dialog_base {
	-webkit-user-drag: element;
    position:fixed;
    left: 10px;
    top: 10px;

/*    
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
*/     
}

#__iframe_dialog {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
	width:100%;
	height:100%;
	
 	border-style:solid;
 	border-width:5px;
 	border-color:#58ADE0;
	background-color: #58ADE0;
}

#__iframe_dialog > .header {
	height: 28px;
	padding-bottom: 4px;
	padding-left:5px;
	padding-right:5px;
	background-color: #58ADE0;
	color: #FFFFFF
}

#__iframe_dialog > .header > .span_title {
	color: #FFFFFF;
	background-color: #58ADE0;
	font-weight: bolder;
	font-size: 90%;
	border:none;
}

.__iframe_dialog_linecolor {
	background-color: #58ADE0;
}

.__iframe_dialog_base_manual {
    position:fixed;
    left: 200px;
    top: 100px;
}



.__yesno_dialog_base {
    position:fixed;

    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);

	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	
 	box-shadow: 0px 0px 15px rgba(0,0,0, .2);
 	
	background-color: #FFFFFF
}

.butDel {background:#cc1616;}
.butDel:hover {background:#9d0d0d;}
.butSave {background:#1678cc;}
.butSave:hover {background:#0563b2;}

.line {width:100%; border-top:1px dashed #8d8d8d; margin:30px 0px 20px 0px;}

#footer {width:100%; border-top:1px solid #ddd; height:140px; padding:30px 0px; margin-top:20px;}
#footer dl {width:1025px; margin:0 auto;}
#footer dl dt {float:left; width:150px; border-right:1px solid #eee;}
#footer dl dt img {width:100px;}
#footer dl dd {float:right; width:830px; padding:10px 0px 0px 0px; margin-left:20px;}



.required {
	border-radius: 10px; 
	border-style: solid;
	background-color: #FFcccc;
	margin-top: 5px;
	margin-bottom: 5px;
}







.__context_menu_base
 {
 	position:fixed;
 	border-style:solid;
 	border-width:1px;
 	border-color:#777777;
 	
 	padding:3px;
 	
 	max-height:200px;
 	max-width:200px;
 	

	display: -webkit-flex; /* Safari */
	display: flex;
	flex-direction: column;
	align-items: stretch;
	background-color: #FFFFFF
}


.__context_menu_item
 {
 	font-size:80%;
 	padding-top:3px;
 	padding-bottom:3px;
 	padding-left:10px;
 	padding-right:10px;
	color: #444444;
	flex-grow: 0;
	flex-shrink: 0;
	cursor: pointer;
}

.__context_menu_item:hover
{
	background-color: #FFe1FF;	
}