@charset "UTF-8";
/***********************************************************************************
 * タイトル	：共通CSS
 * 説明		：共通のCSS
 *
 * Copyright 2012 FUJITSU SYSTEMS EAST LIMITED ALL rights reserved
 * FUJITSU SYSTEMS EAST CONFIDENTIAL
 *
 * 更新履歴
 * 初版	2012/09/12	Evoltech)S.Takayama	新規作成
 ***********************************************************************************/

* {
	letter-spacing: 0px;
}


body {
	overflow: auto;
	padding-right: 0px;
	margin: 10px 0px 0px 10px;
}

div.menuTitle {
	color:#ffffff;
	font-weight: bold;
	font-size: 1.3em;
	white-space: nowrap;
	padding: 3px;
	text-align: center;
	background-color: darkgreen;
}

TABLE.p { /* Plain color */
    background-color: #fffcf8;
    border-color: #c0c0c0;
    border-collapse: collapse;
}

TR.at { /* ATtribute list */
    background-color: lightgreen;
}

th.Main {
	color:#ffffff;
	background-color: #003366;
}

th.item {
	white-space: nowrap;
	width: 20%;
	text-align: right;
	background-color: lightgreen;
	height: 30px;
}

th.itemTextAlighLeft {
	white-space: nowrap;
	width: 20%;
	text-align: left;
	background-color: lightgreen;
	height: 30px;
}

th.item2 {
	white-space: nowrap;
	width: 15%;
	text-align: right;
	background-color: lightgreen;
	height: 30px;
}

th.item0width {
	white-space: nowrap;
	width: 0px;
	background-color: lightgreen;
	height: 30px;
}

th.Left {
	white-space: nowrap;
	text-align: left;
	background-color: lightgreen;
}

th.title {
	white-space: nowrap;
	text-align: left;
	color: #ffffff;
	background-color: darkgreen;
}

th.writeVertically{
	writing-mode: tb-rl;
	white-space: nowrap;
	background-color: lightgreen;
}

th.writeVerticallyBackgroundColorTableP{
	writing-mode: tb-rl;
	white-space: nowrap;
	background-color: #fffcf8;
}
td {
	white-space: nowrap;
}

td.in {
	background-color: #ccffcc;
}


td.page {
	text-align: center;
	white-space: normal;
}

td.num {
	text-align: right;
}

td.sign {
	text-align: center;
}

td.box {
	border-style: solid;
	border-width: 1px;
	border-color: Silver;
}

td.writeVertically{
	writing-mode: tb-rl;
	white-space: nowrap;
	background-color: lightgreen;
}

a.tbutton {
	width:auto;
	text-align:center;
	display:block;
	text-decoration:none;
	color:green;
	font-weight:bold;
	font-size:1em;
	background-color: #cccccc;
	border: 1px none #9999ff;
	border-top: 1px solid #d3d3d3;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #d3d3d3;
	padding: 5px 3px 3px 0.5em;
	font-size:0.8em;
}

a.tbutton:hover {
	background-color: gray;
}

a.mbutton {
	width:auto;
	text-align:center;
	display:block;
	text-decoration:none;
	color:green;
	font-weight:bold;
	font-size:1em;
	background-color: #cccccc;
	border: 1px none #9999ff;
	border-top: 1px solid #d3d3d3;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #d3d3d3;
	padding: 5px 3px 3px 0.5em;
	font-size:0.8em;
}

a.mbutton:hover {
	background-color: gray;
}

a.lbutton {
	width:150;
	text-align:center;
	display:block;
	text-decoration:none;
	color:green;
	font-weight:bold;
	font-size:1em;
	background-color: #cccccc;
	border: 1px none #9999ff;
	border-top: 1px solid #d3d3d3;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #d3d3d3;
	padding: 5px 3px 3px 0.5em;
	font-size:0.8em;
}

a.lbutton:hover {
	background-color: gray;
}

a.llbutton {
	width:200;
	text-align:center;
	display:block;
	text-decoration:none;
	color:green;
	font-weight:bold;
	font-size:1em;
	background-color: #cccccc;
	border: 1px none #9999ff;
	border-top: 1px solid #d3d3d3;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #d3d3d3;
	padding: 5px 3px 3px 0.5em;
	font-size:0.8em;
}

a.llbutton:hover {
	background-color: gray;
}

td.tbutton_backup {
    width: 70;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
	text-align: center;
    background-color: #cccccc;
    border: 1px none #9999ff;
    border-top: 1px solid #d3d3d3;
    border-right: 2px solid #999999;
    border-bottom: 2px solid #999999;
    border-left: 1px solid #d3d3d3;
    padding: 5px 3px 3px 0.5em;
}

td.mbutton_backup {
    width: 100;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
	text-align: center;
    background-color: #cccccc;
    border: 1px none #9999ff;
    border-top: 1px solid #d3d3d3;
    border-right: 2px solid #999999;
    border-bottom: 2px solid #999999;
    border-left: 1px solid #d3d3d3;
    padding: 5px 3px 3px 0.5em;
}

td.lbutton_backup {
    width: 150;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
	text-align: center;
    background-color: #cccccc;
    border: 1px none #9999ff;
    border-top: 1px solid #d3d3d3;
    border-right: 2px solid #999999;
    border-bottom: 2px solid #999999;
    border-left: 1px solid #d3d3d3;
    padding: 5px 3px 3px 0.5em;
}

td.llbutton_backup {
    width: 200;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
	text-align: center;
    background-color: #cccccc;
    border: 1px none #9999ff;
    border-top: 1px solid #d3d3d3;
    border-right: 2px solid #999999;
    border-bottom: 2px solid #999999;
    border-left: 1px solid #d3d3d3;
    padding: 5px 3px 3px 0.5em;
}


.i {
	margin: 0em 1em 0em 1em;
}

a.range {
	width:30;
	text-align:center;
	color:green;
	text-decoration: none;
}

a.range:hover {
	color:red;
}

A:link {
    color: darkgreen;
	text-decoration: none;
}

A:visited {
    color: darkgreen;
	text-decoration: none;
}

A:hover {
    color: red;
}

H2 {
    width: 100%;
    font-weight: bold;
    color: #ffffff;
    background-color: darkgreen;
    border: 1px none lightgreen;
    border-top: 1px solid #8888f8;
    border-left: 1px solid #8888f8;
    border-right: 2px solid #666699;
    border-bottom: 2px solid #666699;
    padding: 5px 3px 3px 0.5em;
    margin-top: 5px;
    margin-bottom: 10px;
    white-space: nowrap;
}

H3 {
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
	text-align: center;
    background-color: #cccccc;
    border: 1px none #9999ff;
    border-top: 1px solid #aaaaaa;
    border-right: 2px solid #999999;
    border-bottom: 2px solid #999999;
    border-left: 1px solid #aaaaaa;
    padding: 5px 3px 3px 0.5em;
    white-space: nowrap;
}

H4 {
    width: 100%;
    font-weight: bold;
    font-size: 1em;
    color: #ffffff;
    background-color: darkgreen;
    border: 1px none lightgreen;
    border-top: 1px solid #ccccff;
    border-left: 1px solid #ccccff;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 5px 3px 3px 0.5em;
    white-space: nowrap;
}

td.customerColor {
    background-color: dodgerblue;
}

th.customerColor {
    background-color: dodgerblue;
}

/* 表：行の高さを狭くする
 * 意図している対象：§文書一覧の表内の、削除ボタンのセルについて PADDING を調整する。
 */
TABLE TR.str2 TD.sign {
	PADDING-BOTTOM: 0px;	/* 強制する場合に付ける		! important; */
	PADDING-TOP: 	0px;	/* 強制する場合に付ける		! important; */
}
div#progressbar {
	  display:inline-block;
      position:absolute;
	  left:45%;
	  top:50%;
	  margin-left:-100px;
      margin-top:-0px;
      width: 300px;
      height: 50px;
      background-repeat:no-repeat;
      background-position: -180 0;
      text-align:center;
      vertical-align:middle;
      font-size: 16pt;
      display:none;
}

/* 自動改行を有効にする
 * 改行を強制する
 */
 td.dowrap {
	white-space: normal;
	word-break:break-all;
}