/* 中央 配置*/
body{ 
	margin: 0px;
	padding: 0px;
	text-align: left;
}

table{
	/*テーブルは幅を固定すると長い文字列は折り返される*/
	/*逆に幅を固定しなければ文字列の長さに応じてテーブルの幅が変化する*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

td{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

td#le{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

td#ce{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

td#ri{
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

#basediv{
	/*divではbreak-allを指定しないと折り返されない*/
	/*文字列が元の幅を超える長さの場合、左右の余白がアンバランスになる*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 100px; /*狭くして表示で広げるイメージ*/
	/*word-wrap: break-all;
	word-break: break-all;*/
}

/* class */
/* 非ownerデータへのリンクスタイル */

a.other:link{
	/*color: #663300*/
	color: #008b8b;
}

a.other:visited{
	/*color: #663300*/
	color: #008b8b;
}

a.other:hover{
	/*color: #663300;*/
	color: #008b8b;
	font-weight: bold;
	font-style: italic;
}

/* ownerデータへのリンクスタイル */

a.own:link{
	color: #000000
}

a.own:visited{
	color: #000000
}

a.own:hover{
	color: #000000;
	font-weight: bold;
	font-style: italic;
}

/* バックアップデータへのリンクスタイル */

a.undo:link{
	color: #4b0082
}

a.undo:visited{
	color: #4b0082
}

a.undo:hover{
	color: #4b0082;
	font-weight: bold;
	font-style: italic;
}


/* 擬似ボタン */
.btn-lgout {
  display: inline-block;
  padding: 0.2em 1em;
  text-decoration: none;
  background: #008b8b;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #2f4f4f;
  border-radius: 3px;
}
.btn-lgout:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.btn-square {
  display: inline-block;
  padding: 0.2em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}