@charset "UTF-8";

/**
 * 基本レイアウト用のスタイルシート(パソコン).
 */
/* 表示制御用クラス */
.pc {
	display:block;
}

.tb {
	display:none;
}

.sp {
	display:none;
}

.tree {
	display:inline-block;
}

/* サブメニュー設定画面等入力幅設定 */
.inputbox {
	width: 65%;
}

/* 基本フォントサイズ */
html,body {
	line-height: 1.7;
	color: #555;
}

input,select,textarea {
	font-size:10pt;
}


/* ヘッダ周りのスタイル */
/* ヘッダ部の高さ指定 */
#headerDiv td {
	height: 36px;
}

/* メニューボタン指定 */
#showMenuButton {
	display: none;
}

/* メニューボタン */
.menuButton {
	display:none;
}

/* システム名ブロックサイズ指定 */
#headerDiv td.systemName {
	white-space: nowrap;
	width: 220px;
}

#headerDiv #systemName {
	display: inline-block;
}


/* ユーザ情報 */
#headerDiv #loginInfo {
	width: 220px;
	padding-top: 0;
}


#bodyTable #leftbarTd {
	width: 30%;
	max-width: 30%;
	padding-top: 30px;
}
#bodyTable #mainTd {
	width: 66%;
	max-width: 66%;
	padding-left: 2%;
}


/* 左サイドバー(常に表示されているメニュー) */
#menuDiv,
#leftbarDiv {
	display:block;
	width: 100%;
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 0px;
}


/* メインDIV */
body #mainDiv {
	width: 100%;
	padding: 4px;
}


/* レスポンシブテーブルの制御設定 */
/* <th></th><td></td>のみのテーブル */
table.thtd th {
	width: 30%;
}

table.thtd td {
	width: 70%;
}

/* <th></th><td></td>の2回繰り返しテーブル */
table.thtdthtd th {
	width: 20%;
}

table.thtdthtd td {
	width: 30%;
}

/* <th></th><td></td>の3回繰り返しテーブル */
table.thtdthtdthtd th {
	width: 10%;
}

table.thtdthtdthtd td {
	width: 15%;
}


/* 入力フィールドの高さ */
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    width: calc(100% - 4px);
    height: 37px;
    padding: 0.5em;
    box-sizing: border-box;
}

input[type="file"] {
	height: 24px;
	width: calc(100% - 4px);
}

textarea {
	width: calc(100% - 4px);
	height: calc(100% - 4px);
}

select {
    height: 35px;
	width: calc(100% - 4px);
}
/* フィールド値を表示するspanに適したスタイル */
.fieldSpan {
	display:table-cell;
	height: 20px;
	vertical-align: middle;
}


/* ボタンサイズを指定 */
#mainDiv input[type='button'],
#mainDiv input[type='submit'],
#mainDiv button {
	line-height: 16px;
}

/* 編集可能テーブル(追加削除ボタンカラムのスタイル) */
.editableTable .buttonColumn {
	width: 34px;
}

.editableTable [id$='addButton'],
.editableTable [id$='deleteButton'] {
	width: 32px;
}

/* 検索結果フォームのページ制御関連のスタイル */
#queryResultForm #linesPerPage,
#queryResultForm #pageNo {
	width: 64px;
}

#queryResultForm #topPageButton,
#queryResultForm #prevPageButton,
#queryResultForm #nextPageButton,
#queryResultForm #bottomPageButton {
	width: 32px;
}

section.contents {
    width: 95%;
    margin: auto;
    background-color: white;
    max-width: 1080px;
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
    padding: 20px 20px 20px;
    top: 3.6em;
    margin-bottom: 6.6em;
}