/* cascade style sheet for Mighty by HAN'Z Products */
@charset "utf-8";
/* =============================================================================
	reset basic elements
================================================================================
grid base = 4px
	注意:javascriptでcssを追加してもbackground-colorは反映されない！ 
	内包されたマスタメンテの背景色
*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	font-style		: normal;
	font-weight		: normal;
	font-family		: "ヒラギノ角ゴ Pro W3"
					, "メイリオ"
					, "Hiragino Kaku Gothic Pro"
					, Meiryo,Arial,Verdana
					, "ＭＳ Ｐゴシック"
					, sans-serif;
}
html {
/*	background-image	: url("/mighty/img/12pxMesh.png");	 on for test */
	background-image	: var(--test-background-image);
	background-color	: #ccff99;							/* off for test */
	background-color	: var(--html-bg-color);				/* off for test */
	color				: black;
	color				: var(--main-color);
}
span, input, a{
	display			: inline-block;
	vertical-align	: top;
}
input:hover {
	background-color : #90ee90;
	background-color : var(--main-hover-bg-color);
}
input:focus {
	background-color : #f9fb5a;
	background-color : var(--main-focus-bg-color);
}
label {
	display		: inline-block;
	position	: relative;
	height		: 24px;
	height		: calc(var(--main-font-size)*2);
	padding		: 6px 6px 0 0;
	padding		: calc(var(--main-font-size)/2) calc(var(--main-font-size)/2) 0 0;
}
input[type="checkbox"], input[type="radio"] {
	position	: relative;
	top			: -4px;
	top			: calc(var(--main-font-size)*(-2)/6);
}
input[type="button"], input[type="submit"] { /* 総高さ=f*2 */
	font-size		: 12px;
	font-size		: var(--main-font-size);
	line-height		: 1;
	margin 			: 2px 6px 2px 0;
	margin 			: 2px calc(var(--main-font-size)/2) 2px 0;
	border			: 1px solid black;
	border-radius	: 6px;
	border-radius	: calc(var(--main-font-size)/2); 		/* f/2 */
	box-shadow		: 1px 1px 1px 1px #999;
	box-shadow		: 1px 1px 1px 1px var(--html-button-shadow);
	padding			: 3px;
	padding			: calc((var(--main-font-size) - 6px)/2);	/* (f*2-6-f)/2 */
	height			: 20px;
	height			: calc(var(--main-font-size)*2 - 4px); 		/* f*2-4 */
}
input[type="text"], input[type="password"] { /* 総高さ=f*2 */
/*	width			: 100%; del by makoto 220513*/
	line-height		: 1;
	margin 			: 1px 6px 1px 0;
	margin 			: 1px calc(var(--main-font-size)/2) 1px 0;
	border			: 1px solid black;
	border-radius	: 6px;
	border-radius	: calc(var(--main-font-size)/2); 		/* f/2 */
	padding			: 4px;
	padding			: calc((var(--main-font-size) - 4px)/2);	/* (f*2-4-f)/2 */
	height			: 22px;
	height			: calc(var(--main-font-size)*2 - 2px); 		/* f*2-2 */
}
input[type="file"]  { /* 総高さ=f*3 */
	line-height		: 1;
	margin 			: 1px 6px 1px 0;
	margin 			: 1px calc(var(--main-font-size)/2) 1px 0;
	border			: 1px solid black;
	border-radius	: 6px;
	border-radius	: calc(var(--main-font-size)/2); 		/* f/2 */
	padding			: 4px;
	padding			: calc((var(--main-font-size) - 4px)/2);	/* (f*2-4-f)/2 */
	height			: 34px;
	height			: calc(var(--main-font-size)*3 - 2px); 		/* f*3-2 */
}
table {
	border-collapse : separate; /* collapse; */
	margin-bottom	: 5px;
	margin-bottom	: calc(var(--main-font-size)/2 - 1px);
}
th {
	border-right	: 1px solid black;
	border-bottom	: 1px solid black;
	padding			: 5px 0 5px 0;
	padding			: calc(var(--main-font-size)/2 - 1px) 0 calc(var(--main-font-size)/2 - 1px) 0;
}
td { /* 左右のみ */
	padding	: 0 6px 0 6px;
	padding	: 0 calc(var(--main-font-size)/2) 0 calc(var(--main-font-size)/2);
}
td > span { /* 上下のみ */
	padding : 5px 0 6px 0;
	padding : calc(var(--main-font-size)/2 - 1px) 0 calc(var(--main-font-size)/2) 0;
}
td > input[type="button"] {
	margin-left : 6px;
	margin-left : calc(var(--main-font-size)/2);	
	margin-top	: 1px;
}
td > input[type="text"], td > input[type="password"],td > input[type="checkbox"], td > input[type="radio"] {
	margin-left : 6px;
	margin-left : calc(var(--main-font-size)/2);	
	margin-top	: 0;
}
textarea {
	border			: 1px solid black;
	border-radius	: 6px;
	border-radius	: calc(var(--main-font-size)/2);
	margin			: 6px auto;
	margin			: calc(var(--main-font-size)/2) auto;
	width			: 100%;
	cursor			: pointer; 
	height			: 120px;
	height			: calc(var(--main-font-size)*10);
	overflow		: hidden;
}
textarea:hover { background-color : #f9fb5a; }