/*以下、共通部等CSS*/
body
{
	word-wrap: break-word;
}
td,th{
	padding:1px;
}

input:not(._not_def_):disabled,select:not(._not_def_):disabled{
	opacity:0.2;
}

/*トップ部、メニュー、メイン部*/
#menu,#main{
	border:1px solid black;
	width:calc( 100% - 2px);
	left:0;
}
#top_head,#menu,#main{
	position:fixed;
}

/*ページトップ*/
#top_head{
	height:20px;
	top:0;
}
#top_title,#top_c_db,#top_c_tbl{
	position:absolute;
	width:285px;
	white-space:nowrap;
	overflow:hidden;
}
#top_title{
}
#top_c_db{
	left:300px;
}
#top_c_tbl{
	left:600px;
}

/*メニュー関連*/
#menu{
	top:22px;
	width:calc( 100% - 2px );
	overflow:hidden;
}
#menu[data-show="true"]{
	height:150px;
}
#menu[data-show="false"]{
	height:24px;
}
#menu[data-show="true"] #menu_open{
	display:none;
}
#menu[data-show="true"] #menu_close{
	display:inline-block;
}
#menu[data-show="false"] #menu_open{
	display:inline-block;
}
#menu[data-show="false"] #menu_close{
	display:none;
}
#show_menu{
	text-align:center;
}

#show_menu{
	position:absolute;
	border:1px solid black;
	background-color:#EFEFEF;
	bottom:0;
	left:0;
	height:22px;
	width:calc( 100% - 2px );
}

#main{
	bottom:0px;
	overflow:hidden;
}
/*以下、メニューボタン関連CSS*/
#menu input{
	width : 200px;
	height:30px;
	position:absolute;
}
#menu[data-show="true"] input{
	display:block;
}
#menu[data-show="false"] input{
	display:none;
}

#btn_tbl_list,#btn_list_view{
	left:5px;
}
#btn_tbl_list{
	top:0px;
}
#btn_list_view{
	top:30px;
}
#btn_db_mng,#btn_tbl_mng,#btn_srt_mng,#btn_rlt_mng{
	right:5px;
}
#btn_db_mng{
	top:0px;
	background-color:#FFFF00;
}
#btn_tbl_mng{
	top:30px;
}
#btn_srt_mng{
	top:60px;
}
#btn_rlt_mng{
	top:90px;
}

/* 共通部品類 */

/*最大幅でスクロールさせたい時に。*/
._vh_sc_auto_{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
}
/*最大幅でhiddenにさせたい時に。*/
._vh_sc_hddn_{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
/*黄色いボタン*/
._btn_y_{
	background-color:#FFFF00;
}
/* 暖かい色のボタン */
._btn_w_{
	background-color:rgb(251,229,214);
}

/* 表ヘッダの緑 */
._thead_g_{
	background-color:rgb(226,240,217);
}
/* 表ヘッダの青 */
._thead_b_{
	background-color:rgb(222,235,247);
}
/* 表ヘッダの赤 */
._thead_w_r_{
	background-color:rgb(251,229,214);
}
/* 表ヘッダの黄色 */
._thead_w_y_{
	background-color:rgb(255,242,204);
}



/* 表ボディの赤 */
._tbody_w_r_{
	background-color:rgb(255,242,242);
}
/* 表ボディの黄色 */
._tbody_w_y_{
	background-color:rgb(255,249,231);
}



/*タイトル内にボタンを表示させたいときに*/
._btn_in_title_{
	margin-left:20px;
	margin-right:20px;
	position:relative;
	top:-6px;
	min-width:200px;
}
/*TableCell枠内いっぱいにボタンを表示させたいときに*/
._btn_adjust_{
	width:100%;
	height:100%;
	min-height:20px;
}

/*表のデータを表示する際のデフォルト設定となる幅指定*/
._default_width_{
	width:10em;
}

/*以下共通部品関連css特に親表一覧画面のものが多い*/
._cmnprt_sub_table_view_{
	width:100%;
	max-height:17em;
	overflow:hidden;
	display:-moz-box !important;
	display:-webkit-box !important;
	display:-o-box !important;
	display:-ms-box !important;
	display:box !important;
	box-orient:vertical;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	-o-box-orient:vertical;
	-ms-box-orient:vertical;
}
._cmnprt_sub_table_view_[data-disp="true"]{
	border:1px solid black;
	min-height:17em;
}
._cmnprt_sub_table_view_[data-disp="false"]>._cmnprt_h1_,
._cmnprt_sub_table_view_[data-disp="false"]>._cmnprt_table_area_{
	display:none;
}
._cmnprt_sub_table_view_[data-disp="true"]>._cmnprt_btn_show_{
	display:none;
}
h1._cmnprt_h1_{
	text-align:right;
	min-height:33px;
	margin-bottom:5px;
}
._cmnprt_div_tname_{
	float:left;
	text-align:left;
	max-width:100%;
}

._cmnprt_btn_hidden_{
	min-width:120px;
	width:120px;
}
._cmnprt_table_area_{
	box-flex:1.0;
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
	-o-box-flex:1.0;
	-ms-box-flex:1.0;
	position:relative;
}
._cmnprt_table_area_inner_{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
._cmnprt_table_area_inner_>table{
	position:absolute;
	table-layout: fixed;
	border-collapse: collapse;
	background-color:#FFFFFF;
}
._cmnprt_table_area_inner_>table td,
._cmnprt_table_area_inner_>table th
{
	border:1px solid #000000;
}
._cmnprt_table_top_{
	z-index:2000;
}
._cmnprt_table_body_{
	z-index:1000;
}

._cmnprt_head_inner_{
	display:inline-block;
	min-height:22px;
	max-height: 3em;
	overflow: hidden;
}
._cmnprt_head_inner_[data-after]::after{
	content:" "attr(data-after);
	font-size:8px;
	font-weight:normal;
	color:#505050;
}

._cmnprt_body_inner_{
	display:inline-block;
}
._cmnprt_btn_show_{
	width:100%;
}
._cmn_prts_span_{
	display:inline-block;
}


