/*
	header
*/
#idHeaderBack {
	float				: left;
	display				: none;
	background-color	: #004ea2;
	background-color	: var(--html-header-bg-color);
}
div.top > header {
	text-align			: center;
	color				: white;
	color				: var(--html-header-color);
	padding				: 6px;
	padding				: calc(var(--main-font-size)/2);	/* f/2 (h:f*3+1)*/
	background-color	: #004ea2;							/* off for test */
	background-color	: var(--html-header-bg-color);		/* off for test */
}
div.top > header > a {
	color			: white;
	color			: var(--html-header-color);
	vertical-align	: bottom;
}
div.top > header > a.title {
	font-weight	: bold;
	font-size	: 36px;
	font-size	: calc(var(--main-font-size)*3);	/* f*3 */
	text-shadow	: 1px 1px 1px aqua;
	text-shadow	: 1px 1px 1px var(--html-header-shadow);
}
/*
	navi
*/
#idNaviBack {
	float				: left;
	width				: 120px;
	width				: calc(var(--main-font-size)*10);	/* f*10 */
	background-color	: #2d2d2d;							/* off for test */
	background-color	: var(--html-nav-bg-color);			/* off for test */
}
div.top > nav {
	position			: absolute;
	top					: 48px;
	top					: calc(var(--main-font-size)*4);	/* f*3+f=headerのheight */
	background-color	: #2d2d2d;							/* off for test */
	background-color	: var(--html-nav-bg-color);			/* off for test */
	color				: white;
	color				: var(--html-nav-color);
	width				: 120px;
	width				: calc(var(--main-font-size)*10);	/* f*10 */
}
div.top > nav > ul				{ font-size : 0 }
div.top > nav > ul > li			{ text-align : center;}
div.top > nav > ul > li.title	{
	background-color : #004e00;
	background-color : var(--html-nav-title-bg-color);
}
div.top > nav > ul > li > a,
div.top > nav > ul > li > span {
	font-size		: 12px;
	font-size		: var(--main-font-size);			/* f */
	color			: white;
	color			: var(--html-nav-color);
	padding			: 12px;
	padding			: var(--main-font-size);			/* f */
	border-radius	: 6px;
	border-radius	: calc(var(--main-font-size)/2);	/* f/2 */
	display			: block;
}
div.top > nav > ul > li > a:hover {
	background-color	: #f9fb5a;
	background-color	: var(--main-focus-bg-color);
	color				: black;
	color				: var(--main-focus-color);
}
/*
	main
*/
div.top > div.main {
/*	background-image	: url("../img/12pxMesh.png");	 on for test ie8 */
	background-color	: white;						/* off for test */
	background-color	: var(--html-main-bg-color);	/* off for test */
	margin-left			: 120px;
	margin-left			: calc(var(--main-font-size)*10);	/* f*10 */
}
div.top > div.main div.contents {
	padding : 6px;
	padding : calc(var(--main-font-size)/2);	/* f/2 */
}
div.top > div.main div.contents > div.title {
	margin-top			: 6px;
	margin-top			: calc(var(--main-font-size)/2); /* f/2 */
	padding				: 0 6px;
	padding				: 0 calc(var(--main-font-size)/2); /* f/2 */
	background-color	: gray;
	color				: white;
}
div.top > div.main div.contents > div.title > label > span { color : black; }
div.top > div.main div.contents > h1{
	padding	: 6px 0 5px 6px;
	padding	:	calc(var(--main-font-size)/2) 0
				calc(var(--main-font-size)/2 - 1px )
				calc(var(--main-font-size)/2);		/* f/2 0 f/2-1 f/2 */
	border-bottom	: 1px solid black;
	border-bottom	: 1px solid var(--main-color);
	border-left		: 6px solid black;
	border-left		: calc(var(--main-font-size)/2) solid var(--main-color);
}
div.top > div.main > div.paramArea {
	display		: inline-block;
	overflow-y	: hidden;
}
div.top > div.main > div.paramArea > div.paramBox {
	float				: left;
	width				: 324px;
	width				: calc(var(--main-font-size)*27);	/* f*27 */

	background-color	: #ffffe0;
	background-color	: var(--html-paramBox-bg-color);

/*	background-color	: rgba(255, 0, 0, 0.2); */
}
div.top > div.main > div.paramArea > div.paramBox > div.title {
	background-color	: gray;
	text-align			: center;
	color				: white;
}
div.top > div.main > div.paramArea > div.paramBox th {
	text-align		: right; 
	padding-right	: 6px;
	padding-right	: calc(var(--main-font-size)/2);	/* f/2 */
	padding-left	: 6px;
	padding-left	: calc(var(--main-font-size)/2);	/* f/2 */
}
div.top > div.main > div.paramArea > div.paramBox .linkArea {
	text-align			: center;
	background-color	: #ffe4c4;
	margin				: 6px;
	margin				: calc(var(--main-font-size)/2);	/* f/2 */
	margin-top			: 0;
}
div.top > div.main > div.paramArea > div.contents {
	padding		: 6px;
	padding		: calc(var(--main-font-size)/2);	/* f/2 */
	margin-left	: 324px;
	margin-left	: calc(var(--main-font-size)*27);	/* f*27 */
}
/*
	aside,footer
*/
div.top > div.main > aside {
	background-color	: #f9fb5a;
	background-color	: var(--html-aside-bg-color);
	padding				: 6px;
	padding				: calc(var(--main-font-size)/2);	/* f/2 */
}
footer {
	text-align	: center;
	padding		: 6px;
	padding		: calc(var(--main-font-size)/2);	/* f/2 */
}
/*
	mtFindArea
*/
#idFindArea {
	padding : 6px 6px 5px 6px;
	padding :	calc(var(--main-font-size)/2)
	 			calc(var(--main-font-size)/2)
	 			calc(var(--main-font-size)/2 - 1px)
	 			calc(var(--main-font-size)/2);
	border-bottom : 1px solid black;
}
/*
#idFindArea input[type="text"] {
	width : 240px;
	width : calc(var(--main-font-size)*20);
}
*/
#idFindArea span.inline { display : inline; } /* 直下のspan段落ち可能に */
#idFindArea span.title, #idFindBox span.title {
	padding			: 6px 0 5px 0;
	padding			: calc(var(--main-font-size)/2) 0 calc(var(--main-font-size)/2 - 1px) 0;	/* f/2 0 f/2-1 0*/
	border-bottom	: 1px solid black;
}
/*
	mainte
*/
.addBtn { text-align : right; } 
.recCnt {
	padding : 6px 0;
	padding : calc(var(--main-font-size)/2) 0;	/* f/2 0 */
}
/*
	common
*/
.serialNum {
	color		: silver;
	color		: var(--main-serialNum-color);
	font-size	: 8px;
	font-size	: calc(var(--main-font-size)/3*2);	/* f/3*2 */
}
.warning {
	background-color	: red;
	color				: yellow;
}
.noborderBox {
	padding : 0 6px;
	padding : 0 calc(var(--main-font-size)/2);	/* 0 f/2 */
}
.borderBox {
	padding			: 5px;
	padding			: calc(var(--main-font-size)/2 - 1px);	/* f/2-1 */
	border			: 1px solid black;
	border			: 1px solid var(--main-border-color);
	border-radius	: 3px;
	border-radius	: calc(var(--main-font-size)/4);		/* f/4 */
}
.borderBox li {
	margin-left	: 12px;
	margin-left	: calc(var(--main-font-size));		/* f */
	padding		: 6px 0;
	padding		: calc(var(--main-font-size)/2) 0;	/* f/2 0 */
}

.back01 { background-color : #f0e68c; }
.back02 { background-color : #fffff0; }
.back00 { background-color : #90ee90; }
.itemTitle {
	color		: gray;
	font-weight	: bold;
}
.h_f2 {
	padding		: 6px 0;
	padding		: calc(var(--main-font-size)/2) 0;	/* f/2 0 */
/*	line-height	: 24px; */
/*	line-height	: calc(var(--main-font-size)*2);	 f*2 0 */
}
.char2 {
	width : 60px;
	width : calc(var(--main-font-size)*5);	/* f*9 */
}
.widthFull {
	width : 100%;
}
.width20 {
	width : 240px;
	width : calc(var(--main-font-size)*20);	/* f*20 */
}
.widthDate {
	width : 144px;
	width : calc(var(--main-font-size)*12);	/* f*12 */
}
.width10 {
	width : 120px;
	width : calc(var(--main-font-size)*10);	/* f*10 */
}
.width8 {
	width : 96px;
	width : calc(var(--main-font-size)*8);		/* f*8 */
}


.group {
	padding : 6px;
	padding : calc(var(--main-font-size)/2);	/* f/2 */
}
input[type="button"].fileUpBtn, input[type="submit"].fileUpBtn {
	margin-top : 8px;
	margin-top : calc(var(--main-font-size)/2 + 2px);	/* f/2+2 */
}
.noWrap { white-space : nowrap; }
.num { text-align : right;}
input[type="text"].width8 {
	width : 96px;
	width : calc(var(--main-font-size)*8);	/* f*8 */
}
input[type="text"].width4 {
	width : 48px;
	width : calc(var(--main-font-size)*4);	/* f*4 */
}
/* account */
table.account { margin : 0 auto 8px auto; }
table.account th {
	border		: 0;
	text-align	: right;
}
table.account td {
	text-align	: left;
}
/* menuTable */
table.menuTable th, table.menuTable td>ul>li  {
	padding-left	: 6px;
	padding-left	: calc(var(--main-font-size)/2); /* f/2 */
	padding-right	: 6px;
	padding-right	: calc(var(--main-font-size)/2); /* f/2 */
}
table.menuTable th {
	font-weight		: bold;
	vertical-align	: middle;
}
table.menuTable td  {
	padding-top		: 5px;
	padding-bottom	: 6px;
	padding-top		: calc(var(--main-font-size)/2 - 1px);
	padding-bottom	: calc(var(--main-font-size)/2);
}
table.menuTable td>ul>li  {
	list-style	: square;
	margin-left	: 12px;
	margin-left	: var(--main-font-size) ;
	padding		: 6px;
	padding		: calc(var(--main-font-size)/2);
}
.hide { display:none; }
/* */
.test { display:none; }