li{
	list-style: none;
	margin:0px;
	padding:0px:
}

iew, .treeview ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.treeview ul {
	background-color: white;
}

.treeview .hitarea {
	background: url(images/minus.gif) 0px -12px no-repeat;
	height: 40px;
	width: 23px;
	margin: 0px 0px 0px -25px;
	padding:0px;
	float: left;
	cursor: pointer;
}

* html .treeview li .image{
	background: url(images/minus.gif) 0px -12px no-repeat;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 45px;
	float: left;
	cursor: pointer;
	
}


/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
	/*border:blue 1px solid;*/
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px;
}

/* fix for IE6 */
* html img.hitarea {
	display: block;
	float:none;
}

.treeview li { 
	line-height:38px;
	margin:0px 0px 0px 0px;
	cursor: pointer;
}
.treeview li p { 
	background:#cccccc;
	font-color:#000000;
	width:300px;
}

*html .treeview li{ /*IE6用のハック*/
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	width: 250px;
	height:38px;
	
}

.treeview li{ /*その他のブラウザ用*/
	padding: 0px 0px 0px 25px;
	width: 330px;
	height38px;
	vertical-align: middle;

}


*html .treeview li img{ /*IE6用のハック*/
	margin:13px 0px 0px 0px;
	padding:0px 0px 0px  0px;
}

.image{
	display: block;
	background-repeat:no-repeat;
	background-position:0px -12px;
	height:38px;
	cursor: pointer;
	border:#cccccc 1px solid;
	line-height:40px
}


*html .image{ /*IE6用のハック*/
	maegin: 0px 0px 0px 0px;
	padding:0px 0px 0px 55px;
	width: 270px;
	border:#cccccc 1px solid;
}
.sub_s_title{
	display: block;
	height: 38px;
	width:100%;
	cursor: pointer;
	background-position:0px -12px;
	background-repeat: no-repeat;
}

.sub_a_title{
	display: block;
	height: 38px;
	width:100%;
	cursor: pointer;
	background-position:0px -12px;
	background-repeat: no-repeat;
}


.image{ /*その他のブラウザ用*/
	padding: 0px 0px 0px 45px;
	width: 250px;
}

.softbank{
	display: block;
	background-position:0px -12px;
	background-repeat: no-repeat;
	height:38px;
	width: 288px;
	cursor: pointer;
	border:#cccccc 1px solid;
}

.docomo{
	display: block;
	background-position:0px -12px;
	background-repeat: no-repeat;
	height: 38px;
	width: 288px;
	cursor: pointer;
	border:#cccccc 1px solid;
}

.au{
	display: block;
	background-position:0px -12px;
	background-repeat: no-repeat;
	height: 38px;
	width: 288px;
	cursor: pointer;
	border:#cccccc 1px solid;
}

/***********IE用************/
*html .image{ /*その他のブラウザ用*/
	padding: 0px 0px 0px 38px;
	width: 200px;
}

*html .softbank{
	display: block;
	background-position:0px -12px;
	height:38px;
	width: 200px;
	cursor: pointer;
	border:#cccccc 1px solid;
}

*html .docomo{
	display: block;
	background-position:0px -12px;
	height: 38px;
	width: 200px;
	cursor: pointer;
	border:#cccccc 1px solid;
}

*html .au{
	display: block;
	background-position:0px -12px;
	height: 38px;
	width: 200px;
	cursor: pointer;
	border:#cccccc 1px solid;
}
/***************************/


.treeview a.selected {
	background-color: #eee;
}

treecontrol { margin: 1em 0; display: none; }



/*　リンクの設定（基本）　*/
.treeview a:link{color:#405392;text-decoration:underline;}
.treeview a:visited{color:#5075B1;	text-decoration: underline;}
.treeview a:hover, a:active{color:#3399cc;text-decoration:none;}



/*リストの点々*/
.treeview li { background: url(images/solid.gif) 0px -12px no-repeat;}

/*リストの点々:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
*html .treeview li .expandable-hitarea { background: url(images/plus.gif) 0px -12px no-repeat; width:21px; margin:0px 0px 0px -25px;}

/*ひとつ階層おりたところの線*/
.treeview li.collapsable, .treeview li.expandable { background: url(images/sen.gif) 0px -12px repeat-y;}



/*１つ階層降りたところの画像*/
.treeview .expandable-hitarea { background: url(images/plus.gif) 0px -12px no-repeat; }

/*.treeview .end .expandable-hitarea { background: url(images/plus.gif) 0px 0px no-repeat;}*/


/*最後の画像*/
.treeview li.last { background-image: url(images/solidend.gif);}



/*最高位リストの線*/
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/sfen.gif); } 



/*最後の画像*/
.treeview .end .lastExpandable-hitarea   { background-image: url(images/plus_end.gif);}
.treeview .end .lastCollapsable-hitarea  { background-image: url(images/minus_end.gif);}


/*最上位の*/
/*.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea  { background-image: url(images/solidend.gif) 0 0 no-repeat; }*/


/*線の色を黒くする場合*/
/*.treeview li { background-image: url(images/solid.gif); }
.treeview-black .hitarea,.treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  
*/
/*線の色を灰色にする場合*/
/*.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 
*/




.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }


.filetree li { padding: 3px 0 2px 16px; }
.filetree div.folder, .filetree div.file { padding: 1px 0 1px 16px; display: block; }
.filetree div.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable div.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree div.file { background: url(images/file.gif) 0 0 no-repeat; }





/*#################################################################################*/
/*
                              以下iPhone用ＣＳＳ

*/
/*#################################################################################*/



@media only screen and (max-device-width:800px){






li{
	list-style: none;
	margin:0px;
	padding:0px:
}

iew, .treeview ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.treeview ul {
	background-color: white;
}

.treeview .hitarea {
	background: url(images/minus.gif) 0px 0px no-repeat;
	height: 40px;
	width: 23px;
	margin: 0px 0px 0px -25px;
	padding:0px;
	float: left;
	cursor: pointer;
}



/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
	/*border:blue 1px solid;*/
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px;
}

/* fix for IE6 */
* html img.hitarea {
	display: block;
	float:none;
}

.treeview li { 
	line-height:62px;
	margin:0px 0px 0px 0px;
	cursor: pointer;
}
.treeview li p { 
	background:#cccccc;
	font-color:#000000;
	width:200px;
}

*html .treeview li{ /*IE6用のハック*/
	padding: 0px 0px 0px 25px;
	width: 230px;
	height:62px;
}

.treeview li{ /*その他のブラウザ用*/
	padding: 0px 0px 0px 25px;
	width: 230px;
	height62px;
	vertical-align: middle;

}


*html .treeview li img{ /*IE6用のハック*/
	margin:13px 0px 0px 0px;
	padding:0px 0px 0px  0px;
}

.image{
	display: block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:62px;
	cursor: pointer;
	border:#cccccc 1px solid;
	line-height:64px
}


*html .image{ /*IE6用のハック*/
	maegin: 0px 0px 0px 0px;
	padding:0px 0px 0px 55px;
	width: 200px;
	border:#cccccc 1px solid;
}
.sub_s_title{
	display: block;
	height: 62px;
	width:100%;
	cursor: pointer;
	background-repeat: no-repeat;
}

.sub_a_title{
	display: block;
	padding: 0px 15px;
	height: 62px;
	width:100%;
	cursor: pointer;
	background-repeat: no-repeat;
}


.image{ /*その他のブラウザ用*/
	padding: 0px 0px 0px 45px;
	width: 200px;
}

.softbank{
	display: block;
	background-position:0px 0px;
	height:62px;
	width: 238px;
	cursor: pointer;
	border:#cccccc 1px solid;
}

.docomo{
	display: block;
	background-position:0px 0px;
	height: 62px;
	width: 238px;
	cursor: pointer;
	border:#cccccc 1px solid;
}

.au{
	display: block;
	background-position:0px 0px;
	height: 62px;
	width: 238px;
	cursor: pointer;
	border:#cccccc 1px solid;
}

.treeview a.selected {
	background-color: #eee;
}

treecontrol { margin: 1em 0; display: none; }



/*　リンクの設定（基本）　*/
.treeview a:link{color:#405392;text-decoration:underline;}
.treeview a:visited{color:#5075B1;	text-decoration: underline;}
.treeview a:hover, a:active{color:#3399cc;text-decoration:none;}



/*リストの点々*/
.treeview li { background: url(images/solid.gif) 0px 0px no-repeat;}

/*リストの点々:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
*html .treeview li .expandable-hitarea { background: url(images/plus.gif) 0px 0px no-repeat; width:21px; margin:0px 0px 0px -25px;}

/*ひとつ階層おりたところの線*/
.treeview li.collapsable, .treeview li.expandable { background: url(images/sen.gif) 0px 0px repeat-y;}



/*１つ階層降りたところの画像*/
.treeview .expandable-hitarea { background: url(images/plus.gif) 0px 0px no-repeat; }

/*.treeview .end .expandable-hitarea { background: url(images/plus.gif) 0px 0px no-repeat;}*/


/*最後の画像*/
.treeview li.last { background-image: url(images/solidend.gif);}



/*最高位リストの線*/
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/sfen.gif); } 



/*最後の画像*/
.treeview .end .lastExpandable-hitarea   { background-image: url(images/plus_end.gif);}
.treeview .end .lastCollapsable-hitarea  { background-image: url(images/minus_end.gif);}


/*最上位の*/
/*.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea  { background-image: url(images/solidend.gif) 0 0 no-repeat; }*/


/*線の色を黒くする場合*/
/*.treeview li { background-image: url(images/solid.gif); }
.treeview-black .hitarea,.treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  
*/
/*線の色を灰色にする場合*/
/*.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 
*/




.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }


.filetree li { padding: 3px 0 2px 16px; }
.filetree div.folder, .filetree div.file { padding: 1px 0 1px 16px; display: block; }
.filetree div.folder { background: url(images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable div.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }
.filetree div.file { background: url(images/file.gif) 0 0 no-repeat; }


}