@charset "UTF-8";
/*======================================
 PLEC css
 penlabo.net
--------------------------------------*/
/*======================================
 タグ
--------------------------------------*/
body {
	position: absolute;
	margin:0;
	padding:0;
	background-color: #747474;
}
form { clear:both;margin:0;padding:0;display:inline;}
button {
	font-size: 9pt;
	padding:0 4px;
	margin: 0;
	height: 22px;
	line-height: 16px;
}

.auto { margin: 0 auto; }
.r { text-align: right !important; }
.c { text-align: center !important; }
.l { text-align: left !important; }
.t { vertical-align: top !important; }
.img { border: 1px lightgrey solid; }
.u { text-decoration: underline; }
#contents div {
	background-repeat: no-repeat;
}
/*==============================================================================
 フォント選択用
------------------------------------------------------------------------------*/
#font_member {
	height: 250px;
	overflow: auto;
	vertical-align: top;
	border: 1px lightgrey solid;
	background-color: white;
}

#list_block {
	font-size: 9pt;
}
#list_block * {
	font-size: 9pt;
}
/*------------------------------------------------------------------------------
 コンテンツ
------------------------------------------------------------------------------*/
#contents{
	position: relative;
}
#canvas {
	position:relative;
	background-color:white;
	z-index: 50;
}
/*------------------------------------------------------------------------------
 画像一覧
------------------------------------------------------------------------------*/
#box_image_list_content {
	max-height: 360px;
	overflow: auto;
}

.none { display: none; }
.hidden { visibility: hidden; }
.elm {
	position: absolute;
	top: 10px;
	left: 10px;
}
.elm:hover {
	cursor: pointer;
}
/*==============================================================================
 テーブル－アップロードの対応拡張子用
------------------------------------------------------------------------------*/
table.plain {
	border: 1px #747474 solid;
	border-collapse: collapse;
	margin :0;
	padding :0;
}
table.plain th,
table.plain td {
	border: 1px #747474 solid;
	padding: 4px;
	font-size: 9pt;
}
table.plain th {
	text-align: center;
}
table.plain .ext {
	width: 115px;
	font-weight: normal;
}

/*----- 基準軸 -----*/
#axis_matrix {
	background-color: white;
	border: black 1px solid;
	border-width: 1px 0 0 1px;
	width: 30px;
	margin: 4px auto;
}
#axis_matrix div button {
	float: left;
	margin: 0;
	width: 8px;
	height: 8px;
	border: black solid;
	border-width: 0 1px 1px 0;
	background-color: white;
}
#axis_matrix button:hover {
	cursor: pointer;
}
/*----- /基準軸 -----*/

/* font-size: middle */
.fm {
	font-size: 9pt;
}

.float {
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	border: 2px ridge gray;
	padding: 0;
}
/*-----  -----*/
.lf { float: left; }
.rf { float: right; }
.m0a { margin: 0 auto; }

/*----- グリッド用 -----*/
#field_grid button {
	padding: 0;
	line-height: 12px;
	height: 18px;
}

#ctl_grid {
	margin: 4px auto 0;
	border-collapse: collapse;
}
#ctl_grid td {
	padding: 2px;
	border: 1px gray solid;
}

#ctl_list {
	background-color: white;
	color: black;
}
/* <table> */
#ctl_list_block {
	border-collapse: collapse;
	overflow: scroll;
}
#ctl_list_block tr {
/*	height: 100px;*/
}
#ctl_list_block th,
#ctl_list_block td {
	color: black;
	font-weight: normal;
	border: 1px gray solid;
	padding: 4px;
}
#ctl_list_block th.elm_type {
	width: 5em;
	text-align: right;
}
#ctl_list_block td.elm_z {
	width: 3em;
	text-align: right;
}
#ctl_list_block td.elm_label {
	text-align: center;
}
#ctl_list_block td input {
	width: 96%;
}


fieldset {
	border: 2px white groove;
	padding:2px;
	margin-bottom: 4px;
}
legend {
	color: white;
	margin: 0;
	padding: 0 4px;
	font-size: 9pt;
	margin-left: 1em;
}
/*------ grid ------*/
#gridh,
#gridv {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: url('../images/dummy.gif') repeat;
	z-index: 60;
}
/*----- frame -----*/
.frame {
	position: absolute;
	top: -20px;
	left: 10px;
	z-index: 500;
}


/*======================================
 CTL
--------------------------------------*/
#ctl_header {
	top:0;
	left:0;
	height:31px;
	line-height:32px;
	padding-left:4px;
	width:100%;
	border-bottom:1px gray solid;
}
#ctl_footer {
	bottom:0;
	left:0;
	width:100%;
	height:34px;
	line-height:35px;
	border-top:1px gray solid;
}
#ctl_footer .left {
	position:absolute;
	top:0;
	left:0;
}
#ctl_footer .right {
	text-align: right;
}
#ctl_footer button {
	height: 34px;
	line-height:14px;
}
#ctl_footer button span {
	border:1px gray solid;
	padding:1px 3px;
	font-size:7pt;
}
#ctl_footer input[type="text"] {
	border: 0;
	background-color: transparent;
}

#ctl_side {
	top: 32px;
	width: 230px;
	font-size: 9pt;
}
#ctl_side button {
	padding:0;
}
.ctl {
	position:fixed;
	background-color: lightgrey;
	font-size: 9pt;
	border: 1px gray solid;
	z-index: 1000;
}
.ctl table {
	border-width: 0;
}
.ctl th {
	font-weight: normal;
}
.ctl td {
	text-align: left;
	padding: 0 2px;
	vertical-align: top;
}
.ctl_label {
	text-align:center;
	padding:4px;
	background-color: gray;
	color:white;
}

/* タブ
--------------------------------------*/
.tab_menu {
	padding: 2px;
}
.tab_content {
	border:1px gray solid;
	padding:3px;
	margin:0 2px;
}


/* 座標 <table> */
#axis {
	display: inline;
}
#axis input {
	text-align: right;
}

table.parameter {

}
table.parameter button {
	padding:0;
}
/* 仕上確認 */
#finish_confirm {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1500;
	background: repeat url('../images/finish0.png');
}
#finish_inner {
	position: absolute;
	background-color: white;
	padding: 0;
	overflow: auto;
	text-align: center;
}

/* エラー
--------------------------------------*/
#error  {
	width: 100%;
	background-color: white;
	padding:2em;
	margin: 0;
}
#error p {
	text-align: center;
}
/* パネル
--------------------------------------*/
#panel_block    { width: 250px; }
#panel_font     { width: 400px; }
#panel_grid     { width: 250px; }
#panel_color    { width: 200px; }
#panel_file     { width: 350px; }
#panel_position { width: 350px; }
#panel_notice   { width: 260px; }
.panel {
	position: absolute;
	top :0;
	left: 0;
	background-color: white;
	border: 2px ridge gray;
	z-index: 1000;
}
.panel_header {
	background-color: lightgrey;
	font-size: 9pt;
	padding: 2px 6px;
	height: 18px;
	line-height: 18px;
	border-bottom: 1px gray solid;
	position: relative;
}
.panel_close {
	height: 16px;
	margin: 0;
	padding: 0;
	font-size: 9pt;
	position: absolute;
	right: 6px;
	cursor: pointer;
	border: 0;
	background-color: transparent;
}
.panel_header span {
	/* 選択禁止 */
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.panel_header button {
	border: 0;
	width: 1em;
	font-size: 10pt !important;
	background-color: transparent;
}
.panel_content {
	padding: 4px;
	font-size:9pt;
}
.panel_sub_button {
	padding: 2px;
	height: 22px;
	line-height: 22px;
}

.panel th {
	text-align: right;
	padding: 0;
	vertical-align: middle;
	font-weight: normal;
}
.panel td {
	padding: 0;
}