body
	{
		position		: relative;
		margin			: 0px auto;
		font-family		: verdana;
		font-size		: 10px;
		height			: 100%;
	}
input , select , textarea
	{
		font-family	: verdana;
		font-size	: .625rem;
		line-height	: 1rem;
	}
b , strong
	{
		font-weight	: bold;
	}
.grid_1col
	{
		width	: 24px;
	}
.grid_2col
	{
		width	: 48px;
	}
.grid_3col
	{
		width	: 72px;
	}
.grid_4col
	{
		width	: 96px;
	}
.grid_5col
	{
		width	: 120px;
	}
.grid_6col
	{
		width	: 144px;
	}
.grid_7col
	{
		width	: 168px;
	}
.grid_8col
	{
		width	: 192px;
	}
.grid_9col
	{
		width	: 216px;
	}
.grid_10col
	{
		width	: 240px;
	}
.grid_11col
	{
		width	: 264px;
	}
.grid_12col
	{
		width	: 288px;
	}
.grid_13col
	{
		width	: 312px;
	}
.grid_14col
	{
		width	: 336px;
	}
.grid_15col
	{
		width	: 360px;
	}
.grid_16col
	{
		width	: 384px;
	}
.grid_17col
	{
		width	: 408px;
	}
.grid_18col
	{
		width	: 432px;
	}
.grid_19col
	{
		width	: 456px;
	}
.grid_20col
	{
		width	: 480px;
	}
.grid_21col
	{
		width	: 504px;
	}
.grid_22col
	{
		width	: 528px;
	}
.grid_23col
	{
		width	: 552px;
	}
.grid_24col
	{
		width	: 576px;
	}
.grid_25col
	{
		width	: 600px;
	}
.grid_26col
	{
		width	: 624px;
	}
.grid_27col
	{
		width	: 648px;
	}
.grid_28col
	{
		width	: 672px;
	}
.grid_29col
	{
		width	: 696px;
	}
.grid_30col
	{
		width	: 720px;
	}
.grid_31col
	{
		width	: 744px;
	}
.grid_32col
	{
		width	: 768px;
	}
.grid_33col
	{
		width	: 792px;
	}
.grid_34col
	{
		width	: 816px;
	}
.grid_35col
	{
		width	: 840px;
	}
.grid_36col
	{
		width	: 864px;
	}
.grid_37col
	{
		width	: 888px;
	}
.grid_38col
	{
		width	: 912px;
	}
.grid_39col
	{
		width	: 936px;
	}
.grid_40col
	{
		width	: 960px;
	}
.grid_41col
	{
		width	: 984px;
	}
.grid_42col
	{
		width	: 1008px;
	}
.grid_43col
	{
		width	: 1032px;
	}
.grid_44col
	{
		width	: 1056px;
		clear	: both;
	}
.grid_1col ,
.grid_2col ,
.grid_3col ,
.grid_4col ,
.grid_5col ,
.grid_6col ,
.grid_7col ,
.grid_8col ,
.grid_9col ,
.grid_10col ,
.grid_11col ,
.grid_12col ,
.grid_13col ,
.grid_14col ,
.grid_15col ,
.grid_16col ,
.grid_17col ,
.grid_18col ,
.grid_19col ,
.grid_20col ,
.grid_21col ,
.grid_22col ,
.grid_23col ,
.grid_24col ,
.grid_25col ,
.grid_26col ,
.grid_27col ,
.grid_28col ,
.grid_29col ,
.grid_30col ,
.grid_31col ,
.grid_32col ,
.grid_33col ,
.grid_34col ,
.grid_35col ,
.grid_36col ,
.grid_37col ,
.grid_38col ,
.grid_39col ,
.grid_40col ,
.grid_41col ,
.grid_42col ,
.grid_43col
	{
		float		: left;
		display		: inline-block;
		min-height	: 1px;
	}
.spacer
	{
		height	: 12px;
	}
.white
	{
		color	: #ffffff;
	}
.inverted
	{
		background-color	: rgba( 255 , 255 , 255 , .8 );
		color				: black;
	}
.fix
	{
		clear	: both;
	}
.error
	{
		margin-bottom	: 12px;
		color			: #e3000b;
	}
.tbl_head
	{
		line-height			: 24px;
		min-height			: 25px;
		background-color	: #000000;
		color				: #ffffff;
		padding-left		: 12px;
		font-weight			: bold;
		border-bottom		: 1px solid #ffffff;
		border-left			: 1px solid #ffffff;
	}
.tbl_head img
	{
		float	: left;
	}
.tbl_sub
	{
		line-height			: 24px;
		min-height			: 25px;
		background-color	: #cccccc;
		color				: #000000;
		padding-left		: 12px;
		font-weight			: bold;
	}
.tbl_cell
	{
		line-height			: 24px;
		min-height			: 25px;
	}
.tbl_cell.highlight
	{
		line-height			: 24px;
		min-height			: 25px;
		background-color	: #cccccc;
		color				: #000000;
		padding-left		: 12px;
		border-bottom		: 1px solid #ffffff;
		border-left			: 1px solid #ffffff;
	}
.clickable .tbl_cell
	{
		cursor	: pointer;
	}
.main_row:hover .tbl_cell
	{
		background-color	: #000000;
		color				: #ffffff;
	}
.hidden_row
	{
		display	: none;
	}
.left
	{
		text-align	: left;
	}
.right
	{
		text-align	: right;
	}
.data_inactive .main_row
	{
		font-style	: italic;
	}
.data_active .activate
	{
		display	: none;
	}
.data_inactive .deactivate
	{
		display	: none;
	}
.box
	{
		border		: 1px solid #cccccc;
		padding		: 12px 0px;
		max-height	: 240px;
		overflow-y	: auto;
	}
.box input[type=checkbox]
	{
		margin-top	: 0px;
	}
.box label
	{
		top	: 0px;
	}
.box li
	{
		padding-left	: 18px;
		position		: relative;
	}
.box li:before
	{
		content	: ' ';
		display	: -inline-block;
		width	: 16px;
		height	: 16px;
		float	: left;
	}
.box li.hasChild:before
	{
		content	: '+';
		cursor	: pointer;
	}
.box li.showChild:before
	{
		content	: '-';
		cursor	: pointer;
	}
.level_1
	{
		margin-left	: 24px;
	}
.hint
	{
		padding	: 12px 0px;
	}
.full div
	{
		width	: 100%;
	}
.half div
	{
		width	: 50%;
	}
.half div.left
	{
		padding-right	: 24px;
	}
div.full , .full
	{
		width	: 100%;
	}
#popup_layer
	{
		position			: fixed;
		top					: 1%;
		height				: 98%;
		border				: 1px solid #000000;
		z-index				: 999;
		background-color	: rgba( 255 , 255 , 255 , 1.0 );
		box-shadow			: 4px 4px 2px #cccccc;
		padding-bottom		: 48px;
	}
#popup_header
	{
		height				: 36px;
		background-color	: #000000;
		position			: absolute;
		z-index				: 999;
	}
#popup_title
	{
		height		: 36px;
		line-height	: 36px;
		color		: #ffffff;
		font-size	: 1.25rem;
		font-weight	: bold;
	}
#popup_layer_close
	{
		margin	: 6px 0px;
		cursor	: pointer;
	}
#popup_frame
	{
		position		: absolute;
		top				: 0px;
		left			: 0px;
		height			: 100%;
		padding-top		: 36px;
		padding-right	: 2px;
		padding-left	: 48px;
		z-index			: 1;
	}
#page
	{
		position	: relative;
		z-index		: 1;
	}
#header
	{
		height		: 96px;
	}
#logo
	{
		position	: absolute;
		padding-top	: 12px;
		text-align	: right;
		z-index		: 5;
	}
#login
	{
		border		: 1px solid #999999;
		padding		: 11px;
		box-shadow	: 4px 4px 2px #cccccc
	}
#login div
	{
		position	: relative;
	}
p
	{
		line-height	: 1.0rem;
	}
form div
	{
		position	: relative;
		float		: left;
	}
label
	{
		position	: absolute;
		top			: 7px;
		left		: 6px;
		color		: #666666;
		height		: 16px;
		line-height	: 16px;
	}
input[type=checkbox] + label
	{
		position	: relative;
	}
input[type=radio] , input[type=checkbox]
	{
		margin-top		: 7px;
		float			: left;
	}
input[type=text] , input[type=password]
	{
		border			: 0px none;
		border-bottom	: 1px solid #cccccc;
		width			: 100%;
		padding-top		: 7px;
		padding-left	: 6px;
		font-weight		: bold;
	}
input[type=submit] , .button a
	{
		padding				: 6px 0px;
		background-color	: #cccccc;
		line-height			: 1.0rem;
		text-align			: center;
		font-weight			: bold;
		text-decoration		: none;
		color				: #000000;
	}
.button a
	{
		width	: 100%;
		display	: inline-block;
	}
input[type=submit]
	{
		float			: right;
		margin-top		: 24px;
		padding			: 6px 24px;
		min-width		: 144px;
		cursor			: pointer;
	}
input[type=submit]:hover , .button a:hover
	{
		background-color	: #e3000b;
		color				: #ffffff;
	}
input:not([type="checkbox"]):not([type='radio']):focus + label
	{
		color			: #cccccc;
	}
label.transparent , input:not([type="checkbox"]):not([type='radio']):focus + label.transparent
	{
		color				: transparent;
		background-color	: transparent;
	}
select
	{
		width				: 100%;
		height				: 28px;
		line-height			: 28px;
		padding				: 0px 6px;
		margin				: 0px;
		border				: 0px none;
		background-color	: #cccccc;
		color				: #000000;
		outline				: none;
		appearance			: none;
		cursor				: pointer;
		display				: inline-block;
	}
label.select
	{
		top			: 0px;
		left		: 0px;
		position	: relative;
		height		: auto;
	}
label.select:before
	{
		content			: '';
		right			: 0px;
		top				: 0px;
		width			: 28px;
		height			: 28px;
		background		: #cccccc;
		position		: absolute;
		pointer-events	: none;
		display			: block;
	}
label.select:after
	{
		content				: '<>';
		font				: 11px "Consolas", monospace;
		color				: #000000;
		-webkit-transform	: rotate(90deg);
		-moz-transform		: rotate(90deg);
		-ms-transform		: rotate(90deg);
		transform			: rotate(90deg);
		right				: 0px;
		top					: 0px;
		width				: 28px;
		height				: 28px;
		padding				: 6px 8px;
		border-bottom		: 1px solid #ffffff;
		position			: absolute;
		pointer-events		: none;
		box-sizing			: border-box;
		font-weight			: bold;
	}
form p
	{
		font-weight	: bold;
	}
form > div
	{
		/* margin-bottom	: 12px; */
	}
#navi_special , #headline_main
	{
		padding	: 24px 0px;
	}
#headline_main
	{
		font-size	: .75rem;
		font-weight	: bold;
	}
#navi_special li
	{
		float			: left;
		margin-right	: 24px;
	}
#navi_main li
	{
		width			: 100%;
		display			: inline-block;
	}
#navi_main a
	{
		border-bottom	: 1px solid #999999;
		padding			: 6px 0px;
	}
#navi_main li li > a
	{
		padding-left	: 12px;
	}
	
#navi_special a , #navi_main a
	{
		width			: 100%;
		color			: #000000;
		text-decoration	: none;
		font-weight		: bold;
		font-size		: .625rem;
		line-height		: .625rem;
		display			: inline-block;
	}

#navi_special a:before , #navi_main a:before
	{
		content	: "> ";
		color	: #e3000b;
	}
#heading
	{
		position	: relative;
	}
#keyvisual
	{
		position	: relative;
		top			: 0px;
		left		: 0px;
		z-index		: 1;
	}
#headline_site
	{
		position	: absolute;
		bottom		: 0px;
		left		: 0px;
		z-index		: 3;
	}
#headline_site h1
	{
		font-size		: 1.25rem;
		line-height		: 2rem;
		padding-left	: 12px;
		font-weight		: bold;
	}
#content
	{
		padding-top	: 24px;
	}

