body
{
 background : #ffffc0;
 font-size : 12px;
}

ul
{
 display : block;
 margin : 0px;
 margin-left : 0px;
 padding : 0px;
 background : #ffffff;
}

li
{
 color : #008080;
 list-style-type: none;
 margin : 0px;
 background-color : #ffffff;
 background-repeat : no-repeat;
 padding-top : 0px;
 padding-left : 16px;
}

/*
  ツリーを結線表示するために必要なクラス名です。
  クラス名の指定だけで結線を表現するために、少々トリッキーな構造に
  なっています。
  以下の画像は、結線部分を表現するために十分縦長の画像にして下さい。
    li_line_first.gif
    li_line_firstClose.gif
    li_line_firstOpen.gif
    li_line_normal.gif
    li_line_normalClose.gif
    li_line_normalOpen.gif
 */
/*
li.root { background-image : url(images/li_line_root.gif); }
li.rootOpen { background-image : url(images/li_line_rootOpen.gif); }
li.rootClose { background-image : url(images/li_line_rootClose.gif); }

li.first { background-image : url(images/li_line_first.gif); }
li.firstOpen { background-image : url(images/li_line_firstOpen.gif); }
li.firstClose { background-image : url(images/li_line_firstClose.gif); }

li.normal { background-image : url(images/li_line_normal.gif); }
li.normalOpen { background-image : url(images/li_line_normalOpen.gif); }
li.normalClose { background-image : url(images/li_line_normalClose.gif); }

li.last { background-image : url(images/li_line_last.gif); }
li.lastOpen { background-image : url(images/li_line_lastOpen.gif); }
li.lastClose { background-image : url(images/li_line_lastClose.gif); }
*/
/*
  ドラッグ中のオブジェクトのクラスです。実際には半透明処理が入りますが、
  ブラウザ依存になるため半透明処理はスクリプト内で行っています。
 */
.draging
{
 color : #000000;
 background : #c0c0c0;
}

/*
  ドロップ可能なオブジェクトの上に、ドラッグ中のマウスカーソルが乗った時
  のクラスです。
 */
.dropOk
{
 background : #000080;
}

/*
  要素が選択されている時のクラスです。
 */
span.selected
{
 color : #ffffff;
 background : #ff0000;
}

/*
  ドラッグ可能なオブジェクトのカーソルを指定します。
  必ず cursorだけを指定して下さい。
 */
.dragOkCursor
{
 cursor : pointer;
}

/*
  並び替え用のオブジェクトのクラスです。
  IEに特化した問題を回避するために、background-imageに
  トリッキーな設定がされていますが、このままにして下さい。
 */
.topBar
{
 margin : 0;
 height : 6px;
 position : absolute;
 overflow : hidden;
 width : 100px;
 top : -2px;
 left : -6px;
 background-image : url(dummy://);
}

/*
  並び替え用のオブジェクトのクラスです。
  IEに特化した問題を回避するために、background-imageに
  トリッキーな設定がされていますが、このままにして下さい。
 */
.bottomBar
{
 margin : 0;
 padding : 0 0 0 0 ;
 height : 6px;
 overflow : hidden;
 position : absolute;
 width : 100px;
 top : -2px;
 left : -6px;
 background-image : url(dummy://);
}
/* 
  並び替え用オブジェクトが利用可能な時の、背景画像を指定します。
 */
.dropOkBar
{
 background-image : url(images/sortbar.gif);
}

/* 
  JavaScriptが内部で利用するクラスです。変更しないで下さい。
 */
.bottomBar
{
 visibility : hidden;
}

/* 
  JavaScriptが内部で利用するクラスです。変更しないで下さい。
 */
li.activeTree ul li div .bottomBar
{
 visibility : visible;
}

/* 
  JavaScriptが内部で利用するクラスです。変更しないで下さい。
 */
li.activeTree ul li ul li div .bottomBar
{
 visibility : hidden;
}

/* 
  JavaScriptが内部で利用するクラスです。変更しないで下さい。
 */
.topBar
{
 visibility : hidden;
}

/* 
  JavaScriptが内部で利用するクラスです。変更しないで下さい。
 */
li.activeTree ul li .topBar
{
 visibility : visible;
}

/* 
  JavaScriptが内部で利用するクラスです。変更しないで下さい。
 */
li.activeTree ul li ul li .topBar
{
 visibility : hidden;
}

/* 
  JavaScriptが内部で利用するクラスです。変更しないで下さい。
 */
.dragObj
{
/* visibility : hidden;*/
}

/* 
  JavaScriptが内部で利用するクラスです。変更しないで下さい。
 */
.dragNow .dragObj
{
 visibility : visible;
}


/* フローティングウィンドウ関連 */

/* 本体の基本設定 */
.fw
{
 display : none; /*必ずnoneにしておきます*/
 position : absolute; /* 必ずabsoluteです */
 top : 0px;
 left : 0px;
 width : 100%;
 /* フローティングウィンドウ本体では、margin,border,paddingは指定できません*/
 /* 以下のfw-wrapで設定して下さい。 */
}

/* 
  フローティングウィンドウのラッパ 
  本体の直下には必ず唯一のDIV要素だけを設置し、
  クラス名を'fw-wrap'にして下さい 
*/
.fw-wrap
{
 top : 0px;
 left : 0px;
 position : absolute; /* 必ずabsoluteです */
 border : 1px solid #000000;
 background : #ffffff;
 margin : 0px;
 padding : 0px;
 font-size : 12px;
}

.fw .content
{
 padding : 12px;
}

/* タイトルバー */
.fw .fw-top-bar
{
 margin : 0px;
 padding : 2px;
 background : #0000ff;
 color : #ffffff;
 font-weight : bold;
 cursor : move;
}

.fw .fw-close-btn
{
 width : 12px;
 height : 12px;
 position : absolute;
 background : #ff0000;
 top : 0px;
 right : 2px;
 top : 2px;
 font-size : 1px;
 cursor : pointer;
}


span.dragOkCursor
{
	padding-left : 20px;
	background : url(images/folder.gif) no-repeat 0 50%;
}

span.selected
{
	padding-left : 20px;
	background : #ff0080 url(images/folder_open.gif) no-repeat 0 50%;
}

span.dropOk
{
	background : #8080F0 url(images/folder_open.gif) no-repeat 0 50%;
}