@CHARSET "UTF-8";

/**
 * フォント設定
 **/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(./font/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(./font/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(./font/NotoSansJP-Bold.otf) format('opentype');
 }
/**
 * フォント設定 ここまで
 **/


/**
 * 全体設定
 **/
body{
	margin-top: 10px;
	margin-left: 20px;

	min-width : 750px;
	/* max-width : 1150px; */
	font-family: 'Noto Sans Japanese';
	font-size : 16px;

}
input, select, button {
	font-family: 'Noto Sans Japanese';
	font-size : 16px;
}
input[readonly], input:disabled, select:disabled, textarea:disabled {
	background-color: #a9a9a9;
	color: #000000;
}
/**
 * 全体設定 ここまで
 **/


/**
 * 上部の固定エリア
 **/
div.fixedTop{
	position: fixed;
	top: 0px;
	height : 95px;
	width : 100%;
	/* max-width : 1150px; */
	background-color: rgba(255, 255, 255, 1);
	z-index: 1;
}
/* トップメニュー */
div.topmenu{
	width: 100%;
}

div.topmenu > table.partitioning{
	width: 100%;
	min-width: 900px;
}
div.topmenu > table.partitioning td.userinfo{
	width : 200px;
	height: 38px;
	border-right: dashed 1px #666666;
	font-size: 14px;
	white-space		: nowrap;
}

div.topmenu > table.partitioning td.userinfo > div{
	width : 180px;
	position: absolute;
	overflow: hidden;
}

div.topmenu > table.partitioning td.menulink{
	border-right: dashed 1px #666666;
}

div.topmenu ul.mainmenu{
	display			: table;
	border-collapse	: collapse;
	border-spacing	: 0;
	margin			: 3px;
}
div.topmenu ul.mainmenu > li{
	display			: table-cell;
	white-space		: nowrap;
}


div.topmenu > table.partitioning td.changepw{
	width : 60px;
	text-align: center;
	vertical-align: middle;
	border-right: dashed 1px #666666;
	white-space		: nowrap;
}

div.topmenu > table.partitioning td.logout{
	width : 80px;
	text-align: center;
	vertical-align: middle;
	white-space		: nowrap;
}
div.topmenu > table.partitioning td.spacer{
	width : 15px;
}

div.topmenu a.menulink{
	display			: inline-block;
	padding 		: 2px 10px;
	text-align		: center;
	text-decoration:none;
	font-size: 15px;
}
div.topmenu a.menulink:link{
	color: #006697;
}
div.topmenu a.menulink:visited{
	color: #006697;
}
div.topmenu a.menulink:hover{
	color: #ff0000;
}
div.topmenu a.menulink:active{
	color: #006697;
	font-weight: bold;
}
div.topmenu a.leftedge{
	border								: 2px solid;
	border-color						: #8e8e8e;
	border-top-left-radius 				: 5px;
	-moz-border-top-left-radius 		: 5px;
	-webkit-border-top-left-radius 		: 5px;
	border-bottom-left-radius 			: 5px;
	-moz-border-bottom-left-radius 		: 5px;
	-webkit-border-bottom-left-radius 	: 5px;
}
div.topmenu a.centercell{
	border-top		: 2px solid;
	border-bottom	: 2px solid;
	border-right	: 2px solid;
	border-color	: #8e8e8e;
}
div.topmenu a.rightedge{
	border-top							: 2px solid;
	border-bottom						: 2px solid;
	border-right						: 2px solid;
	border-color						: #8e8e8e;
	border-top-right-radius				: 5px;
	-moz-border-top-right-radius		: 5px;
	-webkit-border-top-right-radius		: 5px;
	border-bottom-right-radius			: 5px;
	-moz-border-bottom-right-radius		: 5px;
	-webkit-border-bottom-right-radius	: 5px;
	margin-right	:10px;
}

div.topmenu a.singlecell{
	margin-right	:10px;
	border-top		: 2px solid;
	border-bottom	: 2px solid;
	border-left		: 2px solid;
	border-right	: 2px solid;
	border-color	: #8e8e8e;
	border-top-left-radius 				: 5px;
	-moz-border-top-left-radius 		: 5px;
	-webkit-border-top-left-radius 		: 5px;
	border-bottom-left-radius 			: 5px;
	-moz-border-bottom-left-radius 		: 5px;
	-webkit-border-bottom-left-radius 	: 5px;
	border-top-right-radius				: 5px;
	-moz-border-top-right-radius		: 5px;
	-webkit-border-top-right-radius		: 5px;
	border-bottom-right-radius			: 5px;
	-moz-border-bottom-right-radius		: 5px;
	-webkit-border-bottom-right-radius	: 5px;
}



div.topmenu a.smalllink{
	text-decoration:none;
	font-size: 12px;
}
div.topmenu a.smalllink:link{
	color: #0080c0;
}
div.topmenu a.smalllink:visited{
	color: #0080c0;
}
div.topmenu a.smalllink:hover{
	color: #0080c0;
	font-weight: bold;
}
div.topmenu a.smalllink:active{
	color: #0080c0;
	font-weight: bold;
}

/* ページタイトル */
h3.pageTitle{
	margin-top : 5px;
	margin-bottom : 10px;
	font-size : 20px;
	padding-top : 5px;

	border-left: solid 5px #ff0000;
	padding-left: 5px;

	border-bottom: solid 2px #ff0000;
	padding-bottom : 5px;
	width: 1100px;
}
/**
 * 上部の固定エリア ここまで
 **/


/**
 * コンテンツ部分 共通設定
 **/
div.content{
	margin-top : 96px;
	margin-left : 10px;
}

/* カテゴリタイトル */
h3.contentTitle{
	margin-top : 5px;
	margin-bottom : 10px;
	font-size : 20px;
	padding-top : 5px;

	padding-left: 5px;

	border-bottom: solid 2px #ff0000;
	padding-bottom : 5px;
	width: 1100px;
}
/* カテゴリタイトル */
h5.contentTitle{
	margin-top : 5px;
	margin-bottom : 10px;
	font-size : 15px;
	padding-top : 5px;

	padding-left: 5px;

	border-bottom: solid 1px #000000;
	padding-bottom : 5px;
	width: 1100px;
}
/**
 * コンテンツ部分 共通設定 ここまで
 **/


/**
 * 検索条件入力部 (一覧画面)
 **/
span.searchConditionCpation{ /* ボックスにつくキャプション */
 	font-size: 14px;
 	font-weight: bold;
}
div.searchConditionBox{ /* ボックス */
 	font-size: 15px;
 	border: solid 1px #333333;
 	padding : 6px 15px;
 	margin-bottom: 10px;
}
div.searchConditionBox input, select, button{
 	font-size: 15px;
}

div.searchConditionBox > div.buttons {
	margin-top : 7px;
	text-align: right;
	padding-right : 10px;
	width: 100%;
}
div.searchConditionBox > div.buttons > button{
	min-width: 70px;
}
/**
 * 検索条件入力部 (一覧画面) ここまで
 **/


/**
 * レコード一覧用テーブル
 **/
table.listRecords{
	font-size : 15px;
	border-collapse : collapse;'
	border : solid 1px #666666;
}
table.listRecords  td, th{
	border : solid 1px #666666;
	padding : 2px 4px;
}
table.listRecords th{
	background-color: #fff8f7;
}
table.listRecords button{
	font-size : 13px;
}
/**
 * レコード一覧用テーブル ここまで
 **/


/**
 * ページネーション
 **/
span.pagenateNavi_currentPage {
	font-size :16px;
	font-weight : bold;
	margin-left: 5px;
	margin-right: 5px;
}
span.pagenateNavi_pagelink {
	font-size :16px;
	margin-left: 5px;
	margin-right: 5px;
}
span.pagenateNavi_movePrev {
	font-size :16px;
	margin-right: 10px;
}
span.pagenateNavi_moveNext {
	font-size :16px;
	margin-left: 10px;
}
/**
 * ページネーション ここまで
 **/


/**
 * 汎用
 **/
label.inputCaption{	 /* 入力フィールドの左側のキャプション */
 	padding-right: 8px;
}

table.forlayout{	/* 位置決め用テーブル */

}
table.forlayout input{ /* 位置決め用テーブル -> 入力フィールド*/
	display:inline;
	vertical-align:middle;
}
table.forlayout td{
	padding-top : 3px;
	padding-bottom : 3px;
}
table.forlayout td.inputCaption{ /* テーブルでの位置あわせ 入力フィールドに付随するキャプション用 */
 	text-align: right;
 	padding-right: 8px;
}
table.forlayout td.inputCaptionL{ /* テーブルでの位置あわせ 入力フィールドに付随するキャプション用 */
 	text-align: left;
 	padding-right: 8px;
}


button.saveButton {	/* 保存ボタン */
	min-width: 100px;
	right: 120px;
	position: fixed;
}
button.cancelButton {	/* キャンセルボタン */
	min-width: 100px;
	right: 10px;
	position: fixed;
}

input.number, td.number, th.number {			/* 数値入力 */
	text-align: right;
}

.allReserveFlg {   /* 一括予約ボタン */
	margin-left: 30px;
}

.allCancelFlg {
    margin-left: 30px;
}