@charset "utf_8";

* {
	margin:0;
	padding:0;
	-webkit-text-size-adjust:100%;
     /* -webkit-backface-visibility:hidden; */
}

a:link    { color:#301060; text-decoration:none; }
a:visited { color:#201040; text-decoration:none; }
a:hover   { color:#c04080; text-decoration:none; }
a:active  { color:#c04080; text-decoration:none; }
a img	  { border-style:none;}

.banner a:link    { color:#ffffff; text-decoration:none; }
.banner a:visited { color:#ffffff; text-decoration:none; }
.banner a:hover   { color:#ffff80; text-decoration:none; }
.banner a:active  { color:#ffffff; text-decoration:none; }

h1,h2,h3,h4,h5,h6 { 
	color:#404040;
	font-size:13px;
	font-weight:bold;
	line-height:13px;
        letter-spacing: 0;
	margin-bottom:0;
	display:inline;
}

html {
        height:100%;
	background-color:#dde0ee;
}

body {
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:13px;
        line-height: 1.6;
        letter-spacing: 0;
	color:#666666;
}

#container_wrap {
	text-align:center;
}

#container {
	position:relative;
        white-space:nowrap;
	overflow:hidden;
}

#main_container {
	display:inline-block;
        vertical-align:top;
	width:100%;
	max-width:1000px;
        white-space:normal;
        background-color:#ffffff;
	overflow:hidden;
}

#background_left {
	display:inline-block;
	position:relative;
	white-space:normal;
	overflow:hidden;
	height:100%;
	text-align:right;
}

#background_right {
	display:inline-block;
	position:relative;
	white-space:normal;
	overflow:hidden;
	height:100%;
	text-align:left;
}

/* Header Settings */
#header_wrap {
        width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:8000;
}

#header {
	text-align:left;
	padding:3px 17px 5px 10px;
	font-size:13px;
	line-height:13px;
	background-color:#eeeedd;
	border-top:5px solid #303030;
	border-bottom:1px solid #303030;
}

/* Footer Settings */
#footer_wrap {
        width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:8000;
}

#footer {
	text-align:right;
	vertical-align:bottom;
	padding:3px 17px 3px 10px;
	font-size:13px;
	line-height:13px;
	background-color:#303030;
	border-top:1px solid #6fbf4d;
	border-bottom:1px solid #d0d0d0;
}

.border {
	width:100%;
	border-bottom:1px #808080 solid;
	margin:5px 0;
}

.clearblock {
	clear:both;
}

.nowrap {
	white-space:nowrap;
	width:auto !important;
}

.spacer5 {
	clear:both;
	width:auto;
	height:5px;
}

.spacer10 {
	clear:both;
	width:auto;
	height:10px;
}

.spacer20 {
	clear:both;
	width:auto;
	height:20px;
}

.corner1 {
	background-color: #606060;
	margin:10px 0px 0px 0px;
	padding:1px;
        -moz-border-radius: 10px; /* for Firefox */ 
        -webkit-border-radius: 10px; /* for Safari and chrome */ 
        border-radius: 10px;
	behavior: url(/PIE.htc); /* IE8 and below */
	*behavior: url(/PIE.htc); /* IE7 and below */
	_behavior: url(/PIE.htc); /* IE6 */
	position:relative;
}

.corner2 {
	background-color: #ffffff;
	text-align:left;
	padding:10px;
	overflow:hidden;
        -moz-border-radius: 10px; /* for Firefox */ 
        -webkit-border-radius: 10px; /* for Safari and chrome */ 
        border-radius: 10px;  
	behavior: url(/PIE.htc); /* IE8 and below */
	*behavior: url(/PIE.htc); /* IE7 and below */
	_behavior: url(/PIE.htc); /* IE6 */
	position:relative;
}

#floatWindowBase{
	display:none;
	z-index:4000;
	position:absolute;
	max-width:1000px;
	width:100%;
        text-align:center;
        margin-left:-20px;
}

#floatWindowsize {
	display:inline-block;
	min-width:120px;
        text-align:center;
}

#floatWindow {
	overflow:auto;
	text-align:center;
}

.assistanceWindowBase{
	display:none;
	z-index:9000;
	position:relative;
	max-width:1000px;
	width:100%;
        height:0;
        text-align:center;
        margin-left:-20px;
}

.assistanceWindow {
	display:inline-block;
	position:absolute;
	min-width:120px;
        text-align:center;
}

#loadingSignBase{
	display:none;
	z-index:10000;
	position:fixed;
	width:100%;
        text-align:center;
}

#loadingSignsize {
	display:inline-block;
	min-width:120px;
}

#loadingSign {
	overflow:auto;
	text-align:center;
}

#shadow {
        display:none;
	position:fixed;
        top:-100px;
        bottom:0;
	width:100%;
	height:200%;
	background:#000000;
	z-Index:3000;
}

.linkname {
	  position:relative;
	  top:-50px;
	}

.ib {
	display:inline-block;
	padding:0 2px;
}

.ibo {
        display:inline-block;
        margin:0;
        padding:0;
}

.dt {
        font-size:11px;
        line-height:13px;
}

.fs {
        padding:3px 0;
        font-size:18px;
        line-height:22px;
        font-family:'ＭＳ Ｐゴシック';
        word-break:break-all;
        word-wrap:break-word;
}

.idtfc {
	position: relative;
	font-size:16px;
	font-weight:bold;
	margin-top:7px;
}

.item {
	display:inline-block;
	color:#404040;
	font-size:12px;
	margin:5px;
}

.list {
	display:inline-block;
	width:100%;
	margin:2px 0;
}

.genre {
	position: absolute;
	visibility: hidden;
}

.border {
	width:100%;
	border-bottom:1px #808080 solid;
	margin:5px 0;
}

.ff {
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}


.bold {
        font-weight:bold;
}

.doubleline { /*二重取り消し線*/
        background-image:url(./doubleline.gif);
        background-repeat:repeat-x;
        background-position: center;
} 

.button {
	min-height:28px;
}

.width200 {
	min-width: 200px;
}

.width120 {
	min-width: 120px;
}

.fs1        { font-size:18px;line-height:18px; }
.forscreen  { }
.formobile  { display:none; }
.forinput   { }
.forprint   { display:none; }
.forprint img
            { display:none; }
div.a       { margin:0 10px 0 10px;
              padding:0px 10px;
              text-align:center;
            }
div.b       {
              display:inline-block;
              max-width:900px;
              width:100%;
            }

table.report { 
              max-width:900px;
              width:100%;
              border-collapse:collapse;
              margin-top:-1px;
}

#detailTable { 
              border-collapse:collapse;
              margin-top:-1px;
              margin-left: auto;
              margin-right: auto;
              text-align:center;
}

td          { padding:0 2px; }
td.base     { border: 1px solid #404040;background-color:#ffffff;vertical-align:middle; }
td.add      { border: 1px solid #404040;background-color:#ffffff;vertical-align:middle; }
td.hder     { background-color:#eaeaea; }
td.dashed_a { box-sizing: border-box;
              border-top:1px solid #404040;
	      border-bottom: 1px solid #404040;
	      border-right: 1px dashed #404040;
            }
td.dashed_b { box-sizing: border-box;
              border-top:1px solid #404040;
	      border-bottom: 1px solid #404040;
	      border-right: 1px solid #404040;
            }
td.total    { box-sizing: border-box;
              height:30px;
              border-top:3px double #404040;
	      border-bottom: 1px solid #404040;
	      border-right: 1px solid #404040;
	      border-left: 1px solid #404040;
            }
td.number   { padding:0 2px; }
td.name     { max-width: 120px; }
td.schedule { white-space:nowrap; }
td.hour     { max-width:24px;box-sizing: border-box; padding:0 !important; }
td.matrix   { max-width:12px;margin:0; padding:0; box-sizing: border-box; }
td.worktime { width:64px !important;padding:0; }
td.recordsign
            { max-width:100px !important;padding:0; }
td.score    { max-width:30px; }
td.location { max-width:140px; }
td.remark   { width:64px;padding:0 2px }
td.delchk   { width:28px; }
td.bgwhite  { background-color:white; }
td.bgwork   { background-color:pink; }
td.bgclosed { background-color:#eeeeee; }
td.bgnow    { background-color:#ccff66; }
td.flagged  { background-color:#ffccff; }
td.flagged2 { background-color:#ffee80; }
td.flagged3 { background-color:#ff6666; }
td.marked   { background-color:#ff6666; }
td.changed  { font-weight:bold;background-color:#ffffcc !important; }
td.static   { background-color:#ddeef8; }
td.checked  { background-color:#eeeeee; }
td.updated  { background-color:#ccffcc; }
div.changed { font-weight:bold;background-color:#ffffcc !important; }
div.static  { background-color:#ddeef8; }
div.updated { background-color:#ccffcc; }
div.tag     { position:absolute;
              overflow:hidden;
            }
div.tagbase { position:absolute;
              display:list-item;
              list-style-position:inside;
//            list-style-image:url(whiteback.gif);
              overflow:hidden;
            }
div.recordtag {
              font-size:12px;
            }
input,select,option
            { margin:2px 0; }
input.record{ width:16px;
              ime-mode:disabled;
            } 
input.remark{ width:60px;
              ime-mode:active;
            }
input.imeon { ime-mode:active; }
/* END of CSS. This line is needed by old android.*/