@CHARSET "UTF-8";

/* ==================================================== */
/* 各セクションのレイアウト指定                         */
/*                                                      */
/* ==================================================== */
body {
	background-color: #f8ffd9;
	margin:0px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 13px;
	overflow:hidden;
	box-sizing: border-box;

	/*-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;*/
}
header, section, footer {
	box-sizing: border-box;
	display:block;
	border:0px solid;
	margin:0px;
	padding:0px;
	overflow:hidden;
	width: 100%;
}
header {
	text-align:center;
	border:0px;
	/*height:75px;*/
	z-index:99;
	overflow:visible;
}
section {
	border:0px;
	z-index:0;
}
footer {
	border:0px;
	height: 12px;
	position: absolute;
	bottom:0px;
	background:url(../images/bar.jpg);

	color: #FFFFFF;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	vertical-align: bottom;
	z-index:99;
}
form {
	border:0px;
	margin:0px;
	padding:0px;
}

/* プレースホルダーの表示位置を左寄せにする */
/* IEは効いていない様子 */
::-webkit-input-placeholder {
	text-align:left;
}

:-moz-placeholder { /* Firefox 18- */
	text-align:left;
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align:left;
}

:-ms-input-placeholder {
	text-align:left;
}

/* safari,chrome等、数値、日付入力ボックスのスピンボタンを表示しない */
/* PC用のスタイル指定 */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=month]::-webkit-outer-spin-button,
input[type=month]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button
{
-webkit-appearance:none;
}

/* ==================================================== */
/* メインコンテンツの配置                               */
/*                                                      */
/* ==================================================== */
.MainStyle {
	box-sizing: border-box;
	float:left;
	width:320px;
	height:100%;
	overflow:hidden;
	border:1px solid #ccc;
}

.SubStyle {
	box-sizing: border-box;
	width:100%;
	border:0px;
	overflow:hidden;
}

table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}

a:link { color: blue; }
a:visited { color: blue; }
a:hover { color: blue; }
a:active { color: blue; }

/* ==================================================== */
/* ヘッダの表示要素                                     */
/*                                                      */
/* ==================================================== */
header .rogo1 {
	position:absolute;
	z-index:99;
	top: 0px;
	left: 0px;
	width: 260px;
}

header .ttlTbl {
	width: 100%;
	overflow:visible;
}
header .ttlLn1 {
	height: 40px;
	font-size: 12px;
	font-weight: normal;
	line-height: 120%;
	vertical-align: bottom;
}
header .ttlLn2 {
	clear:both !important;

	height: 24px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	vertical-align: bottom;
}
header .ttlLn2 td {
	background:url(../images/bar.jpg);
}

header .ttlTD1 {
	width: 260px;
	text-align:left;
}
header .ttlTD2 {
	min-width: 320px;
	text-align:center;
	white-space: nowrap;
}
header .ttlTD3 {
	width: 200px;
	text-align:right;
	white-space: nowrap;
}
header .ttlTD4 {
	text-align:left;
}

header .dateTtl {
	font-size: 16px;
}

header .date {
	/*font-weight: bold;*/
	color: #0000FF;
	font-size: 16px;
	line-height:28px;
}

header .title {
	height: 75px;
	font-family: 'メイリオ';
	background: #a6d6e8;
	color: #0000a0;
	font-size: 32px;
	text-align: center;
	vertical-align: middle;
}

/* ==================================================== */
/* メニューの表示制御                                   */
/*                                                      */
/* ==================================================== */
#menu {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	user-select: none;
	z-index:99;
}
#menu li {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 120px;
	height: 20px;
	border: 1px solid #ccc;
	list-style:none;

	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;

	line-height:20px;
	vertical-align:middle;
}
#menu li:hover {
	color: #fff;
	background: #333;
}
#menu li ul {
	display: none;
	position: absolute;
	z-index: 99;
	top: 20px;
	left: -1px;
	padding: 0px;
	width: 200px;
	background: url(../images/bar.jpg);
	border: solid 1px #ccc;
	list-style:none;
}
#menu li ul li {
	margin: 0;
	padding: 0;
	width: 200px;
	border: none;
	list-style:none;
	vertical-align: middle;
}
#menu li ul li a {
	display: inline-block;
	width: 200px;
	height: 20px;
	list-style:none;
	color: #ffffff;
}
#menu li ul li a {
	text-decoration: none;
}
#menu li ul li a:hover {
	background: #999;
	color: #ffffff;
}

/* ==================================================== */
/* 選択リストの書式設定                                 */
/*                                                      */
/* ==================================================== */
.PgTitle {
	font-family: 'メイリオ';
	background: #a6d6e8;
	color: #0000a0;
	padding-top: 50px;
	font-size: 32px;
	text-align: center;
}

.PgTitle2 {
	font-family: 'ＭＳ Ｐ明朝';
	background: #a6d6e8;
	color: #0000a0;
	padding-top: 1px;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}

.PgTitle3 {
	font-family: 'メイリオ';
	color: #0000a0;
	padding-top: 1px;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}

.PgTitle4 {
	font-family: 'ＭＳ Ｐ明朝';
	color: #0000a0;
	padding-top: 1px;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}

.ListBack {
	background-color: #FFFFFF;
	overflow-y: scroll;
}

.ListHead , .ListBody , .ListBody2 {
	width: 100%;
}

.ListHead th {
	background-color: #ffcaca;
	border-top: 1px solid #0000a0;
	border-right: 1px solid #0000a0;
	border-bottom: 1px solid #0000a0;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #0000a0;
	vertical-align: middle;
	height:22px;
	padding: 0px;
}

.ListBody tr{
	background-color: #FFFFFF;
	cursor: pointer;
}

.ListBody td{
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #f0f0f0;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	cursor: hand;
	padding: 0px;
	height:32px;
}

.ListBody2 tr{
	border-right: 1px solid #D9D9D9;
	background-color: #FFFFFF;
	cursor: default;
}

.ListBody2 td{
	/*border-right: 1px solid #D9D9D9;*/
	/*border-bottom: 1px solid #f0f0f0;*/
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	cursor: default;
	padding: 0px;
	height:30px;
}

/* リストの背景色指定：カーソル位置(薄黄) */
.ListBody tr:hover{
	background-color: #FFFF99;
}
/* リストの背景色指定：男性(薄青) */
.ListBody .styBkColBlue {
	background-color: #d2f2ff;
}
/* リストの背景色指定：男性選択後(青) */
.ListBody .stySelColBlue {
	background-color: #66d1ff;
}
/* リストの背景色指定：女性(薄ピンク) */
.ListBody .styBkColPink {
	background-color: #ffd7eb;
}
/* リストの背景色指定：女性選択後(ピンク) */
.ListBody .stySelColPink {
	background-color: #ff9dce;
}
/* リストの背景色指定：選択後(オレンジ) */
.ListBody .styBkColOrange {
	background-color: #ffc5a6;
}
/* リストの背景色指定：選択後(オレンジ) */
.ListBody2 .styBkColOrange {
	background-color: #ffc5a6;
}
/* ==================================================== */
/* サムネイルリストの配置用（未使用）                   */
/*                                                      */
/* ==================================================== */
.Leftbox {
	float: left;
}
.Rightbox {
	float: right;
}
.Bottombox {
}

/* ==================================================== */
/* 検索指示エリアの書式設定                             */
/*                                                      */
/* ==================================================== */
.SRCH {
	border: 1px inset #999;
	width: 100%;
	border-spacing: 0px;
	border-bottom: 0px;
}

/* ------------------------------------------------------- */
.SRCH tr {
	padding: 0px;
	height:30px;
}
.SRCH tr th{
	background-color: #ffcaca;
	border-right: 1px solid #0000a0;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #0000a0;
	vertical-align: middle;
}

.SRCH tr td{
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
}

/* ==================================================== */
/* 入力画面のナビゲーション書式設定                     */
/*                                                      */
/* ==================================================== */
.EntNavi {
	width: 100%;
	border-spacing: 0px;
	height:25px;
	border-collapse: collapse;
}
.EntNavi tr {
	background: #a6d6e8;
	height:25px;
}
.EntNavi tr th {
	font-family: 'ＭＳ Ｐ明朝';
	color: #0000a0;
	padding-top: 1px;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}
.EntNavi tr td {
	font-family: 'ＭＳ Ｐ明朝';
	color: #0000a0;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
}

/* ==================================================== */
/* 入力画面の書式設定                                   */
/*                                                      */
/* ==================================================== */
.Entry {
	width: 100%;
	border: 0px;
	border-spacing: 0px;
}

/* ------------------------------------------------------- */
.Entry tr {
	padding: 0px;
	margin: 0px;
	height:24px;
	border-collapse: collapse;
}

.Entry tr th{
	border: 1px solid #0000a0;
	background-color: #ffcaca;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #0000a0;
	vertical-align: middle;
	margin : 1px;
	padding: 1px;
	box-sizing: border-box;
}

.Entry tr td{
	border: 0px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	margin : 1px;
	padding: 1px;
	box-sizing: border-box;
}

/* ==================================================== */
/* ボタンのスタイル                                     */
/*                                                      */
/* ==================================================== */
/* 通常のボタンスタイル */
.nybBtn, .pnkBtn, .lgrBtn, .grnBtn, .brwBtn, .redBtn, .gryBtn, .orgBtn, .disBtn
 {
	background-color: #ffffff;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	border: 1px solid #FFF;

	width: 60px;
	height: 24px;
	cursor: pointer;

	font-size: 14px;
	padding: 0px;
	color: #FFFFFF;

	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
}

/* ①メニュー・新規追加・一括登録（紺）nybBtn */
.nybBtn {
	background-color: #0000a0;
}

/* ②メニュー（ピンク）pnkBtn */
.pnkBtn {
	color: #0000a0;
	background-color: #ffcaca;
}

/* ③確認・メニューへ・終了（薄い灰）lgrBtn */
.lgrBtn {
	background-color: #c0c0c0;
}

/* ④修正・更新・インポート・実行（緑）grnBtn */
.grnBtn {
	background-color: #008000;
}

/* ⑤取消・ＣＳＶ出力・終了（茶）brwBtn */
.brwBtn {
	background-color: #804000;
}

/* ⑥削除（赤）redBtn */
.redBtn {
	background-color: #ff0000;
}

/* ⑦検索（濃い灰）gryBtn */
.gryBtn {
	background-color: #808080;
}

/* ⑧メニュー（橙）orgBtn */
.orgBtn {
	color: #0000a0;
	background-color: #ffb468;
}

/* ⑨使用不可（薄い灰）disBtn */
.disBtn {
	color: #c0c0c0;
	background-color: #e3e3e3;
	cursor:not-allowed;
}

.nybBtn:hover, .pnkBtn:hover, .lgrBtn:hover, .grnBtn:hover, .brwBtn:hover, .redBtn:hover, .gryBtn:hover {
    opacity: 0.8;
}

/* ==================================================== */
/* 入力項目                                             */
/*                                                      */
/* ==================================================== */
.TextBox{
	border:1px solid #000000;
	background-color:#ffffff;
	height: 24px;
	font-size:14px;
	margin:0px;
	padding:0px 3px;
	vertical-align: middle;
	display:block;
	float: left;
	box-sizing: border-box;
	text-indent: 0.2em;
}

.SelectBox{
	border:1px solid #000000;
	background-color:#ffffff;
	height: 24px;
	font-size:14px;
	margin:0px;
	padding:0px;
	text-indent: 0.2em;
	vertical-align: middle;
	display:block;
	float: left;
	cursor: pointer;
	box-sizing: border-box;
}

/* ==================================================== */
/*  汎用スタイル指定                                    */
/*                                                      */
/* ==================================================== */
.styCenter {
	text-align: center;
	text-indent: 0em;
}
.styRight {
	text-align: right;
	text-indent: 0em;
}

.TextArea{
	border:1px solid #000000;
	background-color:#ffffff;
	font-size:14px;
	margin:0px;
	/*padding:0px;*/
	padding: 0px 0.5em;
	box-sizing: border-box;
	/*text-indent: 0.5em;*/
	resize:none;
}

.Label{
	border:0px;
	height: 21px;
	font-size:14px;
	margin:0px;
	padding:0px;
	text-align: left;
	vertical-align: middle;
}

/* ==================================================== */
/* エラー表示エリアの書式設定                           */
/*                                                      */
/* ==================================================== */
#ErrMsg {
	box-sizing: border-box;
	background-color:#FFFF99;
	border:1px solid #FF0000;

	height:32px;
	color: #FF0000;
	overflow-y:auto;
}