body{	overflow:hidden;	background-color:<? echo DSGN_CLR_STD_BG;?>;	color:<? echo DSGN_CLR_STD_TXT;?>;}
*{	margin:0px;padding:0px;	font-size:12px;line-height:20px;	font-family:sans-serif;	}
a {	color:<? echo DSGN_CLR_STD_TXT;?>;	}
#blcMain{	}

<?/*▼htmlで設定される基本パーツの構造 */?>
#blcHead{		position:absolute;top:0px;left:0px;	overflow:hidden;	}
#blcBody{		position:absolute;left:0px;			overflow:hidden;	}
	#blcRoot{	position:absolute;top:0px;left:0px;	overflow:auto;		}
	#mvrRoot{	position:absolute;top:0px;left:0px;	overflow:hidden;	}
	#blcDisk{	position:absolute;top:0px;			overflow:auto;		}
		#blcTree{		position:absolute;top:0px;left:0px;								overflow:auto;	}
		#blcCtrlTree{	position:absolute;top:0px;left:0px;								overflow:hidden;	}
	#mvrDisk{	position:absolute;top:0px;left:0px;	overflow:hidden;	}
	#blcItem{	position:absolute;top:0px;			overflow:hidden;	}
		#blcView{	position:absolute;top:0px;left:0px;	overflow:hidden;	}
		#blcSheet{	position:absolute;left:0px;			overflow:auto;		}
			#blcHeadList{	position:absolute;top:0px;left:0px;							overflow:hidden;	}
			#blcList{		position:absolute;top:0px;left:0px;							overflow:scroll;	}
#blcFoot{		position:absolute;left:0px;			overflow:hidden;	}
#blcBlind{		position:absolute;top:0px;left:0px;	overflow:hidden;	}
#blcAlert{		position:absolute;top:0px;left:0px;	overflow:hidden;	}
<?/*▲htmlで設定される基本パーツの構造 */?>

<?/*▼htmlで設定される基本パーツの色関連 */?>
#blcBlind{	background-color:#000;	-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity:.40;filter: alpha(opacity=40);	}
#blcAlert{	background-color:#fff;	margin:0;	border:4px solid #f00; padding:8px;	}
#blcAlert .btnArea{	padding-top:12px;text-align:right;	}
#blcAlert .btnArea .btn{	cursor:pointer;	}


#blcHead{			background-color:<? echo DSGN_CLR_BLC_HEAD_BG;?>;	}
#blcBody{		}
	#blcRoot{		background-color:<? echo DSGN_CLR_BLC_ROOT_BG;?>;	}
	#mvrRoot{		background-color:<? echo DSGN_CLR_BLC_BRDR_BG;?>;	}
	#blcDisk{		background-color:<? echo DSGN_CLR_BLC_DISK_BG;?>;	}
		#blcCtrlTree{		background-image:url(./img/ctrl_tree/bg_ctrl_tree.png);background-repeat:repeat-x;	}
	#mvrDisk{		background-color:<? echo DSGN_CLR_BLC_BRDR_BG;?>;	}
	#blcItem{	}
		#blcView{	background-color:<? echo DSGN_CLR_BLC_VIEW_BG;?>;	}
		#blcSheet{	background-color:<? echo DSGN_CLR_BLC_SHEET_BG;?>;	}
#blcFoot{			background-color:<? echo DSGN_CLR_BLC_FOOT_BG;?>;	}
<?/*▲htmlで設定される基本パーツの色関連 */?>



#blcLoading{	margin:32px;}
#blcLoading .forNonJsUser{	margin:32px;}

#logo{		position:absolute;top:0px;left:0px;		cursor:pointer;		}
#blcHead .mainHeadTitle{	padding-left:52px;	font-size:14px;	color:<? echo DSGN_CLR_BLC_HEAD_TTL;?>;	}
#blcFoot{}
#blcFoot .footMsg{			float:left;	margin:4px auto auto 8px;font-size:10px;	color:<? echo DSGN_CLR_BLC_FOOT_MSG;?>;	}
#blcFoot .poweredByPkcc{	float:right;	}
#blcFoot .poweredByPkcc img{	border:none; margin-top:4px;	}



<?/*▼ blcRoot */?>
#blcRoot .araDisks{ margin-top:4px;	}
#blcRoot .araDisks .headDisks{	padding-left:8px;}
#blcRoot .araDisks .listDisks{		}
#blcRoot .araDisks .listDisks .disk{	margin-top:2px;	cursor:pointer;	}
<?/*▼20100506:いきなり指定表示機能のための情報表示 */?>
#blcRoot .araDisks .listDisks .disk{	display:block; text-decoration:none; border:none;	}
#blcRoot .araDisks .listDisks .disk img{	border:none;	}
<?/*▲20100506:いきなり指定表示機能のための情報表示 */?>
#blcRoot .araDisks .listDisks .disk .iconDisk{	margin-left:12px;	width:32px; height:32px; background-image:url(./img/icons/icons_disk.png);	}
#blcRoot .araDisks .listDisks .disk .lbl{	padding-left:4px;	}
#blcRoot #isSlctedDiscOnRoot{	background-image:url(./img/bgs/bgs_slct_disk_fldr_item.png);	color:<? echo DSGN_CLR_SLCT_TXT;?>;	}	<?/*←選択ディスク行 */?>

#blcRoot .araSign{ margin-top:24px;	}
#blcRoot .araSign .hdSign{	padding-left:8px;}
#blcRoot .araSign .hdSign .hdSignBtn{	cursor:pointer;
	width:12px; height:14px; background-image:url(./img/icons/icons_arw_c_o.png);
}
#blcRoot .araSign .bodySign{	padding-left:20px;}


#blcRoot .araSign .bodySign .araBtn{	text-align:right; padding-right:8px;	}
#blcRoot .araSign .bodySign .araBtn .btn{	cursor:pointer;	}
#blcRoot .araSign .bodySign .signFld{	width:100px;height:16px;	margin-left:8px;}

#mvrRoot{	cursor:e-resize; cursor:col-resize;	}
<?/*▲ blcRoot */?>


<?/*▼ blcTree */?>
#blcTree .araDesc{	margin:4px 2px 4px 4px;}
#blcTree .araDesc .areaSize{		font-size:10px;	text-align:right;	}
#blcTree .araDesc .areaSize span{	font-size:10px;		}


#blcTree .araTree{	margin-top:4px;	}

#blcTree .araTree .bodyTree{}
#blcTree .araTree .bodyTree .face{	margin-bottom:2px;	cursor:pointer;
		<?/*border-bottom:2px solid transparent;*/?> 	
		background-repeat:repeat-x;
		height:20px;
		overflow:hidden;	<?/*←強引に、はみ出る部分を隠す*/?> 
		<?/*width:999px;*/?> 
}
#blcTree .araTree .bodyTree .face{	-khtml-user-drag:element;	
									-khtml-user-select:none;		
									-webkit-user-drag:element;	
									<?/*	-webkit-user-select:none;	*/?>
								}

<?/*▼20100506:いきなり指定表示機能のための情報表示 */?>
#blcTree .araTree .bodyTree .face{	display:block; text-decoration:none; border:none;	}
#blcTree .araTree .bodyTree .face img{	border:none;	}
<?/*▲20100506:いきなり指定表示機能のための情報表示 */?>
#blcTree .araTree .bodyTree .face .iconArw{		width:12px; height:14px; background-image:url(./img/icons/icons_arw_c_o.png);	}
#blcTree .araTree .bodyTree .face .iconFldr{	width:16px; height:16px; background-image:url(./img/icons/icons_fldr_sheet_item_a_c_o.png);	}


#blcTree #isSlctedFldrFaceOnDisk{	color:<? echo DSGN_CLR_SLCT_TXT;?>;		background-image:url(./img/bgs/bgs_slct_disk_fldr_item.png); background-position:0px -48px;	}	<?/*←選択フォルダ・フェイス行 */?>
#blcTree #isDropAbleFldrFace{		color:<? echo DSGN_CLR_FLDR_DROPABLE_TXT;?>;	background-image:url(./img/bgs/bgs_lst_dropable.png);	}	<?/*←ドロップ候補フォルダ・フェイス行 */?>

#blcTree #isSlctedFldrFaceOnDisk:-khtml-drag{	background-image:none;	color:<? echo DSGN_CLR_STD_TXT;?>;	}

#blcTree .araTree .headTree{	padding-left:8px;	background-repeat:repeat-x;		}
#blcTree .araTree .footTree{	height:24px;		background-repeat:repeat-x;		}

#blcTree #isDropAbleAreaTreeHead{	background-image:url(./img/bgs/bgs_lst_dropable.png); background-position:-300px 0px;	background-color:<? echo DSGN_CLR_FLDR_DROPABLE_BG;?>;	}
#blcTree #isDropAbleAreaTree{		background-image:url(./img/bgs/bgs_lst_dropable.png); background-position:-600px 0px;	}
#blcTree #isDropAbleAreaTreeFoot{	background-image:url(./img/bgs/bgs_lst_dropable.png); background-position:-900px 0px;	background-color:<? echo DSGN_CLR_FLDR_DROPABLE_BG;?>;	}


#blcCtrlTree{	clear:both;	}
#blcCtrlTree .addSheet{	display:block;float:left;	cursor:pointer; margin-left:4px;margin-top:8px;	width:32px; height:32px; background-image:url(./img/ctrl_tree/icons_add_fldr_sheet.png);	}
#blcCtrlTree .addFldr{	display:block;float:left;	cursor:pointer; margin-left:4px;margin-top:8px;	width:32px; height:32px; background-image:url(./img/ctrl_tree/icons_add_fldr_sheet.png);	background-position:32px 0px;	}
#blcCtrlTree .zoneDustBox{	float:right;	padding-right:16px;	}
#blcCtrlTree .zoneDustBox .dstBox{	width:32px; height:40px; background-image:url(./img/ctrl_tree/icons_dstbox_c_o.png);	}

#mvrDisk{	cursor:e-resize; cursor:col-resize;	}
<?/*▲ blcTree */?>


<?/*▼ blcSheet */?>
#blcHeadList {		background-image:url(./img/sheet/bg_tbl_hd_btm.png);background-repeat:repeat-x;	}
#blcHeadList .headBox{	position:absolute;top:0px;left:0px;	overflow:hidden;		}
#blcHeadList table{	table-layout:fixed;border-collapse:collapse;border-spacing:0px;border-width:0px;	}
#blcHeadList table tbody{			}
#blcHeadList table .headTr	{	display:block;	<?/*←下記ff3.5問題は、ここにblockを入れる事で解決した*/?>	}
#blcHeadList table .headTr .headTd{	white-space:nowrap;	overflow:hidden;	
									<?/*	display:block;	float:left;	20100616除去：ff3.5で問題発生：これを入れていた理由不明*/?>
									display:block;	<?/*←幅をピッタリ合わせるために必要*/?>
									float:left;
								}
#blcHeadList table .headTr  .clmnBdr{	float:right;	
										background-image:url(./img/sheet/icon_tbl_width_mover.png); background-repeat:repeat-y;
										width:3px;	height:20px;
										cursor:e-resize;
										cursor:col-resize;
									}
#blcHeadList table .headTr  .sortIcn{		float:right; display:block;	width:10px; height:20px; background-image:url(./img/icons/icons_arw_up_down.png);	}
#blcHeadList table .headTr  .lbl	{		float:left;		height:20px;	}

#blcList table{	table-layout:fixed;border-collapse:collapse;border-spacing:0px;border-width:0px;
<?/*	background-image:url(./img/bg/bg_tbl_bdy_top.png);background-repeat:repeat-x;	*/?>
				}
#blcList table .bodyTr{	cursor:pointer;	}
#blcList table .bodyTr td{	display:block;white-space:nowrap;float:left;overflow:hidden;	<?/**/?>	}
#blcList table .bodyTr .bodyTtlTd {	-khtml-user-drag:element;	-khtml-user-select:none;	}
#blcList table .bodyTr td .iconPbck{	width:16px; height:16px; background-image:url(./img/icons/icons_fldr_sheet_item_a_c_o.png);	}
#blcList table .bodyTr td .rateEach{	width:13px; height:13px; background-image:url(./img/icons/icons_rate_s_n.png);	}

#blcList #isSlctedItemOnSheet{	color:<? echo DSGN_CLR_SLCT_TXT;?>;	background-image:url(./img/bgs/bgs_slct_disk_fldr_item.png); background-position:0px -96px;	}	<?/*←選択アイテム行 */?>
#blcList #isSlctedItemOnSheet .bodyTtlTd div{	background-image:url(./img/bgs/bgs_slct_disk_fldr_item.png); background-position:0px -96px;	}
#blcList #isSlctedItemOnSheet .bodyTtlTd div:-khtml-drag{	background-image:none;	color:<? echo DSGN_CLR_STD_TXT;?>;	}

<?/*▼20100506:いきなり指定表示機能のための情報表示 */?>
#blcList table .bodyTr .bodyTtlTd .ttl{	text-decoration:none;border:none;	}
#blcList #isSlctedItemOnSheet a {	color:<? echo DSGN_CLR_SLCT_TXT;?>;	}
<?/*#blcList #isSlctedItemOnSheet a:-khtml-drag {	color:<? echo DSGN_CLR_STD_TXT;?>;	}*/?>
<?/*▲20100506:いきなり指定表示機能のための情報表示 */?>

<?/*▲ blcSheet */?>


<?/*▼ blcView */?>
#blcBrws .brwsMain{		position:absolute;	overflow:hidden;	}
#blcBrws .brwsShade{	position:absolute;	overflow:hidden;	}
#blcBrws .brwsSub{		position:absolute;	overflow:hidden;	}
#blcBrws .brwsTtl{		position:absolute;	overflow:hidden;	text-align:center;	color:<? echo DSGN_CLR_BRWS_TTL;?>;	}
#blcBrws .brwsTtl a{	color:<? echo DSGN_CLR_BRWS_TTL;?>;	}

#blcBrws .brwsMain .imgCntnt{	display:block; margin:0px auto 0px auto;		}
#blcBrws .brwsMain canvas{	cursor:pointer;	}
#blcBrws .brwsMain .imgBg canvas{	cursor:auto;	}	<?/*←背景としての画像（mp3）の場合はカーソルは標準 */?>

#blcBrws .brwsMain .textCntnt{	width:100%;height:100%;overflow:auto; background-color:<? echo DSGN_CLR_BRWS_CTT_BG;?>;	}
#blcBrws .brwsMain .textCntnt .textBdy{	padding:4px;	}

#blcBrws .brwsMain .linkCntnt{	position:absolute;
			<?/*overflow:auto;*/?>
			overflow:hidden;
			background-color:<? echo DSGN_CLR_BRWS_CTT_BG;?>;
			width:200%; height:200%;
			-moz-transform-origin: 0% 0%;		-moz-transform: scale(0.5);
			-webkit-transform-origin: 0% 0%;	-webkit-transform: scale(0.5);
			<?/* ↑sf4/5で、上記２つのみだと、画面の半分（縦横とも）しか表示されない
				 	更に、このiFrame上で、マウスダウンしてマウスを動かすと、アニメーション効果と共に消える
					 	↑マウスを動かす事で、originの起点がずれるため、不適切な場所に移動される様子
					●GC5は問題なし*/?>
			-webkit-backface-visibility:hidden;
			<?/* ↑sf4/5で、上記１つを入れると、何とか表示される
					「-webkit-backface-visibility 」は「Available in iPhone OS 2.0 and later. （safariにはないはず）」となっている...謎
			*/?>
}
#blcBrws .brwsMain .linkCntntBlind{	position:absolute;	width:100%; height:100%;	cursor:pointer;	}
#blcBrws .brwsMain .youtubeCntnt{	overflow:hidden; margin:0px auto 0px auto; background-color:<? echo DSGN_CLR_BRWS_CTT_BG;?>;	}

#blcBrws .brwsSub .subCanvas{	cursor:pointer;	}
#blcEdit .brwsMain{		position:absolute;	overflow:hidden;	}


#blcEdit .editBase{		position:absolute;	overflow:auto;	background-color:#fff;	}

#blcEdit .editZone{			}
#blcEdit .editZone .editHead{	text-align:center;	background-color:#999;	}

#blcEdit .editZone .slctBox{	width:256px;height:20px;	margin:0px auto 0px;auto;	position:relative;top:8px;
								background-image:url(./img/edit/bg_edit_btns.png);background-repeat:repeat-x;	
								clear:both;
}
#blcEdit .slctBox .btn{		display:block;width:60px;	float:left;}
#blcEdit .slctBox .btnDel{	display:block;width:50px;	float:right;}
#blcEdit .slctBox .btn, #blcEdit .slctBox .btnDel{	width:60px; height:20px; background-image:url(./img/edit/btns_edit_btns.png);	}


#blcEdit .editZone .infBox, #blcEdit .editZone .txtBox, #blcEdit .editZone .delBox, #blcEdit .editZone .subBox
{	width:92%;margin:0px auto 8px;auto;	padding:8px;	border:1px solid #666;	}

#blcEdit .editZone .infBox{}
#blcEdit .infBox .ttlFld{	width:98%;}
#blcEdit .infBox .attrZone{	clear:both; margin-top:8px;	}
<?/*
#XXXblcEdit .infBox .attrZone .pictZone{		width:108px;height:108px; float:right; margin-right:8px;	 border:1px solid #666;	}
#XXXblcEdit .infBox .attrZone .pictZone .pict{		display:block; margin:auto;	}
#XXXblcEdit .infBox .attrZone .attrRghtZone{	height:110px;	}
*/?>
#blcEdit .infBox .attrZone .attrRghtZone .pkcCalDtSlct{		}
#blcEdit .infBox .attrZone .dateFld{	}
#blcEdit .infBox .attrZone .srceFld{	width:70%;	}
#blcEdit .infBox .attrZone .dscFld{		width:70%;	}
#blcEdit .infBox .btnZone{	clear:both;	text-align:right;	}

#blcEdit .editZone .subBox{}
#blcEdit .subBox .subImgZone{	clear:both;height:124px;	}
#blcEdit .subBox .pictZone{		width:124px;height:124px; float:left; margin-right:8px;	 border:1px solid #666;	}
#blcEdit .subBox .pictZone .pict{	display:block; margin:auto;	}
#blcEdit .subBox .btnZone{			text-align:right; padding-top:8px;	}

#blcEdit .txtBox .txtBox{		clear:both;	}
#blcEdit .txtBox .textFld{	margin-top:8px;	width:98%;	height:140px;}
#blcEdit .txtBox .btnZone{	text-align:right;	}

#blcEdit .editZone .delBox{		clear:both;	border:1px solid #a66;	}
#blcEdit .delBox .removeBox{	margin:8px;padding:4px;	border:1px solid #a66;	background-color:#ffc;	}
#blcEdit .delBox .eraseBox{		margin:8px;padding:4px;	border:2px solid #a66;	background-color:#fcc;	}
#blcEdit .delBox .removeBox .dsc, #blcEdit .delBox .eraseBox .dsc{	padding-left:24px;	font-size:10px;	}

<?/*▲ blcView */?>



#blcBlind{	z-index:9000;	}
#blcAlert{	z-index:9001;	}