body { font-family: Arial; line-height:1.8;}

h1 {  }

.osn { border:0px solid red; }
.osn td{ vertical-align:top;}
.menu { white-space: normal; }
.info { width:50%; }
.form { width:25%; }

.menu, .form, .info { border:2px solid green; border-radius:5px; padding:5px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
/*.h1*/.top2 {font-size: 20px; padding: 0;  background: green; margin:  2px -10px 5px -10px; text-align: center; /*border:2px solid green; border-radius:5px;*/ box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.form b, .info strong { color:red; }
.top2 .editing { color: #008000;  }

.editing { padding: 0 3px; color:#000000;margin-bottom:3px; text-decoration:none; background:#FFFFA3; border: 1px dotted #009933; cursor:pointer; }
.editing:hover { background-color:#CCFFFF; }
#div_editor { /*display:none;*/ line-height:1.7;font-size:14px; padding: 10px 10px 10px 10px;  background:#FFFFA3; border: 1px solid #008000; box-shadow: 2px -2px 6px 0 #808080; position:fixed; bottom:0;left:0; z-index:10000;}
#div_editor a{font-size:12px;}
#oldtext { padding-left:5px; }
#divnewtext { padding-left:0px;white-space:nowrap;  }
#newtext { font-family: Arial;font-size:14px; padding: 0 3px; }

input[type="button"]{ display:inline; font-family: Arial;font-size:18px;padding:3px 15px; color:green; font-weight:bolder;}
input[type="text"] { width:30px; }
a { color:#0000FF; }

#content_calc { box-sizing: content-box;  height:550px; padding-top:10px; border: 2px solid green; font-family: Arial; font-size: 14px; background: #FFFFB0; color: black; padding-left:10px; line-height:1.5; overflow: auto;}
#content_calc i {color: green; font-weight: bolder; font-style:normal;}
#content_calc b {color: black; line-height:1.5; }
#content_calc .ch { border-color: #dbdbdb; margin-bottom: 5px;
-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);}

#content_calc a:hover{ color: #0000FF;}
#content_calc .inline { display: inline; float: left; margin: 2px 10px 10px 0px;}



#content_calc .sp_calc
{
  background:#FFFFD1;
padding: 10px; margin:20px 0 0 20px;
border: 1px solid #00B800;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
/*min-width:100px;
max-width:400px;*/
display:inline-block;
color:#333;
 font-size: 14px; line-height:1.6;

}
#content_calc .sp_calc h4 {color:green; margin:0; font-size: 14px;}
#content_calc .sp_calc a {color:#666;}
#content_calc .sp_calc span {color:red; }
#content_calc .sp_calc img {margin:5px 0; }
#content_calc .sp_url {opacity:1; }
#content_calc .sp_url:hover {opacity:1 }




#warningGradientOuterBarG{ position:relative; top:10px;
height:10px;
width:80px;
border:1px solid #008000;
overflow:hidden;
background-color:#FFFFFF;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#008000));
background: -moz-linear-gradient(top, #FFFFFF, #008000);
background: -webkit-linear-gradient(top, #FFFFFF, #008000);
background: -ms-linear-gradient(top, #FFFFFF, #008000);
background: -o-linear-gradient(top, #FFFFFF, #008000);
background: linear-gradient(top, #FFFFFF, #008000);
}

.warningGradientBarLineG{
background-color:#FFFFFF;
float:left;
width:7px;
height:60px;
margin-right:12px;
margin-top:-14px;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

.warningGradientAnimationG{
width:118px;
-moz-animation-name:warningGradientAnimationG;
-moz-animation-duration:0.6s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:warningGradientAnimationG;
-webkit-animation-duration:0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:warningGradientAnimationG;
-ms-animation-duration:0.6s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:warningGradientAnimationG;
-o-animation-duration:0.6s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:warningGradientAnimationG;
animation-duration:0.6s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

#warningGradientFrontBarG{
}

@-moz-keyframes warningGradientAnimationG{
0%{
margin-left:-19px;
}

100%{
margin-left:0px;
}

}

@-webkit-keyframes warningGradientAnimationG{
0%{
margin-left:-19px;
}

100%{
margin-left:0px;
}

}

@-ms-keyframes warningGradientAnimationG{
0%{
margin-left:-19px;
}

100%{
margin-left:0px;
}

}

@-o-keyframes warningGradientAnimationG{
0%{
margin-left:-19px;
}

100%{
margin-left:0px;
}

}

@keyframes warningGradientAnimationG{
0%{
margin-left:-19px;
}

100%{
margin-left:0px;
}

}