:root {
				--index_body_w:					780px;
				--index_body_h:					900px;
				--index_main_body_w:		100%;
				--index_main_bg:				white;
				--index_iframe_h:				260px;
				--modal_body_w:					780px;
				--modal_header_h:				 45px;
				--modal_header_bg:		#336699;
				--odd_bg:							#e4e0ff;
				--even_bg:							white;
				--disabled_bg:				#eff8ff;
			}

			/* 各サイズのフォント設定 */
			.f4		{ font-size: 4px; }
			.f4s	{ font-size:10px; -webkit-transform:scale(0.4); -moz-transform:scale(0.4); -ms-transform:scale(0.4); -o-transform:scale(0.4); transform:scale(0.4); }
			.f5		{ font-size: 5px; }
			.f5s	{ font-size:10px; -webkit-transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); transform:scale(0.5); }
			.f6		{ font-size: 6px; }
			.f6s	{ font-size:10px; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6); }
			.f7		{ font-size: 7px; }
			.f7s	{ font-size:10px; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7); }
			.f8		{ font-size: 8px; }
			.f9		{ font-size: 9px; }
			.f10	{ font-size:10px; }
			.f11	{ font-size:11px; }
			.f12	{ font-size:12px; }
			.f14	{ font-size:14px; }
			.f15	{ font-size:15px; }
			.f16	{ font-size:16px; }
			.f18	{ font-size:18px; }
			.f20	{ font-size:20px; }
			.f22	{ font-size:22px; }
			.f24	{ font-size:24px; }
			.f25	{ font-size:26px; }
			.f28	{ font-size:28px; }
			.BOLD	{ font-weight:bold; }
			.NORMAL	{ font-weight:normal; }
			/* カラー設定 */
			.c_black	{ color:blak;  }
			.c_silver	{ color:silver; }
			.c_gray		{ color:gray;  }
			.c_white	{ color:white; }
			.c_red		{ color:red;   }
			.c_green	{ color:#00cc00; }
			.c_blue		{ color:blue; }
			.c_pink		{ color:#c71585; }
			.R				{ color:red; }
			.B				{ color:blue; }
			.G				{ color:green; }
			.Y				{ color:yellow; }
			.BK				{ color:black; }
			.HP				{ color:hotpink; }
			.BR				{ color:#884444; }

			.btn	{ border:1px solid #000; border-radius:5px; }

			.primary						{ background-color:#428bca; }	/* 青系統 */
			.btn_primary				{ background-color:#428bca; }
			.btn_primary:hover	{ background-color:#327bba; }
			.success						{ background-color:#5cb85c; }	/* 緑系統 */
			.btn_success				{ background-color:#5cb85c; }
			.btn_success:hover	{ background-color:#4ca84c; }
			.info								{ background-color:#dfdfdf; } /* 薄いグレー系統 */
			.btn_info						{ background-color:#dfdfdf; }
			.btn_info:hover			{ background-color:#cfcfcf; }
			.warning						{ background-color:#f0ad4e; }	/* 黄系統 */
			.btn_warning				{ background-color:#f0ad4e; }
			.btn_warning:hover	{ background-color:#ef9d3e; }
			.danger							{ background-color:#d9534f; }	/* 薄い赤系統 */
			.btn_danger					{ background-color:#d9534f; }
			.btn_danger:hover		{ background-color:#c9433f; }
			.btn_caution				{ background-color:#ffffcc; }	/* 薄い黄色系統*/
			.btn_caution:hover	{ background-color:#ffefbc; }

			.active1	{ background-color:#f5f5f5; }	/* 薄い灰色 */
			.active2	{ background-color:#e8e8e8; }
			.success1	{ background-color:#dff0d8; }	/* 緑系統 */
			.success2	{ background-color:#d0e9c6; }
			.info1		{ background-color:#d9edf7; }	/* 薄い青系統 */
			.info2		{ background-color:#c4e3f3; }
			.warning1	{ background-color:#fcf8e3; }	/* 黄系統 */
			.warning2	{ background-color:#faf2cc; }
			.danger1	{ background-color:#f2dede; }	/* 薄い赤系統 */
			.danger2	{ background-color:#ebcccc; }

			.scroll-y 					{ overflow-y:auto; }
			.scroll-x						{ overflow-x:auto; }
			.modal_background 	{ z-index:50; position:absolute; top:0;left:0; background-color:rgba(80,80,80,.8); cursor: pointer;
														width:100%; height:1000px; }
			.modal_background2 	{ z-index:50; position:absolute; top:70px;left:0; background-color:rgba(80,80,80,.8); cursor: pointer;
														width:100%; height:1000px; }
			.modal_header				{ display:flex; justify-content:center; align-items:center; 
														width:100%; height:var(--modal_header_h);
														background-color: var(--modal_header_bg); border-radius:1em 1em 0 0; }
			.modal_headerL			{ width:90%;display:flex; justify-content:center; align-items:center; }
			.modal_headerR			{ width:10%;display:flex; justify-content:center; align-items:center; }
			.modal_title				{ font-size:20px; color:white; }
			.modal_times				{ float:right; font-size:28px; }

			.center							{ text-align:center; }

			input:disabled	{ background-color:var(--disabled_bg); color:black; -webkit-color:black; }

			table						{ border-collapse: collapse; }