.clearfix {float: none; clear: both;}
ul, li { margin:0; padding:0; list-style: none;}
table { border-collapse: collapse; }
table td, table th { padding: 2; }
strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form { margin: 0; padding: 0; line-height: 150%; }
img { border: 0;}
i { color: black; }
*.fa-shadow {text-shadow: 1px 1px 1px #ccc;}
*.fa-white {color: white}
*.fa-black {color: black}
*.fa-red {color: red}
*.fa-blue {color: blue}
*.fa-gray {color: gray}

html, body, form {

font-family: "Arial";
font-weight: normal;
font-size: 12px;
color: #303030;
height: 100%;
margin: 0;
padding: 0;
}

body.dbody {

background-image: url("contents/");
background-repeat: ;
background-attachment: ;
background-position: center top;
background-color: ;
}

body.center {
line-height: 150%;
background: transparent;
margin: 0;
padding: 0;

font-family: "Arial";
font-weight: normal;
font-size: 12px;
color: #000000;
}

.mainframe {
width: 100%; 
height: 0px; 
margin:0 0 -10px 0;

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.mainframe { margin:0 0 -8px 0!important; }
}

.frms {}

.compo {}

.c_div { position: relative; overflow: visible; }

h1{font-weight: bold;font-size: 20px;}
h2{font-weight: bold;font-size: 16px;}
a{text-decoration:none; outline: 0;}

.scrollup{ z-index:100000; width:40px; height:40px; text-indent:-9999px; opacity:0.3; position:fixed; bottom:20px; right:20px; display:none; background: url('scripts/images/icon_top.png') no-repeat; }

form, form input, form textarea, form label {font-family: Helvetica, Arial; font-size: 12px; color: #303030; }
input[type="text"] , input[type="password"], textarea, select {
    width:100%;
    border-radius:4px;
    border: solid 1px #ccc;
    padding:0.4em;
    background-color: #fefefe;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
    font-family: Helvetica, Arial; font-size: 12px; color: #303030;
    resize: none;
}
input:focus, textarea:focus, select:focus { border-color:#fafafa; }

/*------------------ date stamp ----------------------*/
.datestamp	{   display: inline-block; text-indent: 0; position: relative; width: 60px; margin: 0 0 18px 10px;
				border: 1px solid #b0b0b0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
/* day */		font: 24px "Helvetica Neue", Arial, sans-serif; text-align: center;
				letter-spacing: 2px; text-decoration: none; color: #666; cursor: default;
                background: #e0e0e0; /* Old browsers */
                background: -moz-linear-gradient(top, #e0e0e0 0%, #fdfdfd 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #e0e0e0 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #e0e0e0 0%,#fdfdfd 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #e0e0e0 0%,#fdfdfd 100%); /* IE10+ */
                background: linear-gradient(to bottom, #e0e0e0 0%,#fdfdfd 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
}
/* date name */
.datestamp sup { text-align: left; position: absolute; padding-top: 4px; margin-left: -10px; font-size: 10px; line-height: 10px; letter-spacing: normal; }
/* year + month */
.datestamp abbr {display: block; font: 10px Verdana, sans-serif; letter-spacing: normal; color: white; }
/* month */
.datestamp>:first-child	{ background: #808080; width: 52px;  margin: -1px 0 0 -1px; padding: 0 5px;  line-height: 16px; text-align: left; text-transform: uppercase;   border-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
/* year */
.datestamp sup+abbr	{position: absolute; top: 0px; left: 0; width: 52px; padding: 0 3px; line-height: 14px; color: #ccc; text-align: right; font-weight: bold; }
/* time */
.datestamp sub		{display: none; text-align: center; height: 17px; border-top: 1px solid #bbd; margin: 2px 3px; color: #aac; font: 9px Verdana, sans-serif; letter-spacing: normal; }
.datestamp:hover,		/* since the date is the permalink, add a focus rectangle around it when hovering */
.datestamp:focus		{margin-bottom: 0; text-decoration: none;
 /* Webkit > */			 outline: auto 5px -webkit-focus-ring-color; outline-offset: -2px;
 /* Gecko > */			 -moz-outline: -moz-mac-focusring solid 2px; -moz-outline-radius: 0 7px 7px;
				         -moz-outline-offset: 0;}
.datestamp:hover sub,	/* show the time on mouse-over / keyboard-focus */
.datestamp:focus sub	{display: block;}
/*------------------ date stamp ----------------------*/