@CHARSET "UTF-8";
/* 直接編集はしないこと */

*
{
	font-family:
	'Hiragino Kaku Gothic Pro',
	'ヒラギノ角ゴ Pro W3',
	Meiryo ,
	'メイリオ',
	'ＭＳ Ｐゴシック',
	sans-serif;
	font-size: 100%;
	padding: 0px;
	margin	: 0px;
	vertical-align: middle;
}

body
{
}

/* テーブル */
table
{
	border-collapse	: collapse;
	margin: 10px;
	width: auto;
}
table[id^="list"]
{
	border-collapse	: collapse;
	margin: 10px auto;
	width: 100%;
}
th,td {
	border: solid #333 1px;
	font-weight: normal;
	padding: 10px;
	text-align: left;
}
table#list th
{
	background-color : #f5f5f5;
}

table[id^=list] tr:hover td
{
	background-color : #ccc;
	cursor: pointer;
}

table#pdb tr:hover td
{
	background-color : #ccc;
}

tr.none-decoration td {
	border-style: none;
}

li {
	margin-left: 2em;
}


#btn-Add,
#btn-Register
{
	height: 50px;
	margin: 20px 0;
	width: 200px;
}


/* 画面フォーム */

header {
	font-size: 80%;
	padding: 10px;
	width: calc(100% - 20px);
	text-align: right;
}

#date-time {
	font-size: 80%;
	position: fixed;
	left: 10px;
  	top: 10px;
}

span#head-login-name {
	cursor: pointer;
}
span#head-login-name:hover {
	color: #999;
}

#go-menu ,
#go-list {
	background-color: #ccc;
	color: blue;
	cursor: pointer;
	font-size: 90%;
	margin: 0 0 5px;
	padding: 5px;
	text-align: center;
	text-decoration-line: underline;
}

div#space-bottom {
	height: 80px;
}

footer {
        bottom: 0;
        font-size: 70%;
        height: 30px;
        left: 0;
        position: fixed;
        text-align: center;
        text-decoration-line: none;
        width: 100%;
}
footer a{
        text-decoration-line: none;
}

/* ログイン画面 */

div#body-login
{
	text-align: center;
}
div#body-login p
{
	font-size: 200%;
	margin: 30px 0;
}
div#body-login dt ,
div#body-login dd
{
	margin: 10px 0;
}
div#body-login input
{
	height: 30px;
	width: 200px;
}
div#body-login #login-button
{
	height: 50px;
	margin: 20px 0;
	width: 200px;
}

/* 通常画面 */

#content
{
	margin: 0 20px;
	padding: 0;
}

#content input[type=button]
{
	height: 50px;
	margin: 10px auto;
	width: 150px;
}

#content input[type=button].in
{
	width: 100px;
}

#content dl
{
	margin: 30px auto;
}

#content dt{
  float: left;
}

#content dd{
  margin-left: 8em;
  margin-bottom: 5px;
}

/* 検索 */

/* ボタン */
#content #buttons
{
	margin: 10px auto;
	width: calc(100% - 20px);
}

/* メニュー */

dl.menu-title dt
{
	margin: 0 0 5px;
}
dl.menu-title dd
{
	margin: 0 0 10px;
}
dl.menu-title dd input[type=button]
{
	background-color: #111;
	color: #fff;
	height: 50px;
	margin: 10px;
	width: 150px;
	cursor: pointer;
}

/*
 * TOPボタンの装飾
 */
#to-top {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 40px;
  bottom: 20px;
  background: #ccc;
  opacity: 1;
  border-radius: 50%;
}
#to-top a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#to-top a::before {
  content: '';
  width: 25px;
  height: 25px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 25px;
  left: 17px;
}

/*
 * メッセージの演出
 * $paramu["msg"]に値があるとに表示されます
 */
#message {
  color: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  text-align: center;
  vertical-align: middle;
  left: 0;
  top: 0;
  background: #f0f8ff;
  opacity: 0.7;
  border-radius: 50px;
}
#message .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}

#check-all {
	cursor: pointer;
}