/*━━━━━━━━━━━━━━━━━━━━━メイン*/
/*表示・出力設定*/
#news {
height:30px;
border-bottom:1px dotted #999999;
}
#treeshow{
height:30px;
float:left;
margin-bottom:20px;
}
#treeshow ul {
list-style:none;
padding:0px 0px 0px 0px;
}
#treeshow li{
float:left;
width:80px;
height:20px;
line-height:20px;
text-align:center;
margin:5px 0px 0px 10px;
/*border:1px solid #000000;*/
}
#treeshow li a img{
display:block;
width:80px;
height:20px;
}
#treeshow li a:hover img{
opacity:0.6;
-moz-opacity:0.6;
filter:alpha(opacity=60);
}
#treeshow li.nolink {
opacity:0.6;
-moz-opacity:0.6;
filter:alpha(opacity=60);
}


/*共有設定1ボタン*/

.share1{
float:right;
width:148px;
}
.share1 ul {
list-style:none;
padding:0px 0px 0px 0px;
}
.share1 li {
float:left;
width:128px;
height:20px;
line-height:20px;
text-align:center;
margin:4px 0px 0px 8px;
/*border:1px solid #000000;*/
}
.share1 li a{
display:block;
width:128px;
height:20px;
color:#404040;
background-color:#fcfbf7;
border:1px solid #ACABA6;
}
.share1 li a:hover{
	color:#ffffff;
	border:1px solid #ACABA6;
	background-color: #cccccc;
}
.share1 li.nolink {
color:#ffffff;
background:#FFC9E5;
border:1px solid #ACABA6;
}
/*共有設定2ボタン*/

p.share2{
color:#cc0000;
float:right;
text-align:right;
margin-right:10px;
line-height:220%;
}
.share2{
float:right;
width:250px;
white-space:nowrap;
margin-right:-3px;
}
.share2 ul {
list-style:none;
padding:0px 0px 0px 0px;
}
.share2 li {
float:left;
width:80px;
height:20px;
line-height:20px;
text-align:center;
/*border:1px solid #000000;*/
}
.share2 li a{
display:block;
margin:3px;
color:#404040;
background-color:#fcfbf7;
border:1px solid #ACABA6;
}
.share2 li a:hover{
	color:#ffffff;
	border:1px solid #ACABA6;
	background-color: #cccccc;
}
.share2 li.nolink {
color:#ffffff;
background:#FFC9E5;
border:1px solid #ACABA6;
}
/*共有設定3ボタン*/
.share3{
float:right;
}
.share3 ul {
list-style:none;
padding:0px 20px 0px 0px;
}
.share3 li {
float:left;
width:75px;
height:20px;
line-height:20px;
text-align:center;
margin:4px 0px 0px 8px;
/*border:1px solid #000000;*/
}
.share3 li a{
display:block;
width:75px;
height:20px;
color:#404040;
background:#FFC9E5;
border:1px solid #ACABA6;
}
.share3 li a:hover{
color:#ffffff;
background:#FFC9E5;
border:1px solid #ACABA6;
}
.share3 li.nolink {
color:#ffffff;
background:#FFC9E5;
border:1px solid #ACABA6;
}
/*コメント*/
#share_text{
width:200px;
height:20px;
color:#E15598;
}
/*━━━━━━━━━━━━━━━━━━━━━左ブロック*/
#contents{
float:left;
width:730px;
height:100%;
/*background:#A9A9A9;*/
}
#treearea{
width:710px;
/*height:560px;*/
padding:5px;
margin:10px;
background-color:#fcfbf7;
border:solid 1px #4fa6dc;
}
#tree_top h2 {
font-size:120%;
float:left;
color:#074c93;
font-weight:bold;
background:url(img/mark_tree_title.gif) no-repeat 0 3px;
padding-left:24px;
}
#no_open{
float:left;
padding:0px 5px 0px 0px;
}
/*機能ボタン*/
#tree_top ul {
float:right;
list-style:none;
padding:0px 0px 5px 0px;
}
#tree_top li {
float:left;
width:33px;
height:33px;
margin:0px 0px 0px 3px;
}
/*edit*/
.button1{
background:url(img/editdd.png);
}
.button1 a{
display:block;
width:33px;
height:33px;
background:url(img/editd.png);
}
.button1 a:hover{
background:url(img/editde.png);
}
/*copy*/
.button2{
background:url(img/copyd.png);
}
.button2 a{
display:block;
width:33px;
height:33px;
background:url(img/copy.png);
}
.button2 a:hover{
background:url(img/copye.png);
}
/*delete*/
.button3{
background:url(img/deletedd.png);
}
.button3 a{
display:block;
width:33px;
height:33px;
background:url(img/deleted.png);
}
.button3 a:hover{
background:url(img/deletede.png);
}
/*addFav*/
.button4{
background:url(img/addFavd.png);
}
.button4 a{
display:block;
width:33px;
height:33px;
background:url(img/addFav.png);
}
.button4 a:hover{
background:url(img/addFave.png);
}
/*rembFav*/
.button44{
background:url(img/remFavd.png);
}
.button44 a{
display:block;
width:33px;
height:33px;
background:url(img/remFav.png);
}
.button44 a:hover{
background:url(img/remFave.png);
}
/*addPickUp*/
.button5{
background:url(img/addPickUpd.png);
}
.button5 a{
display:block;
width:33px;
height:33px;
background:url(img/addPickUp.png);
}
.button5 a:hover{
background:url(img/addPickUpde.png);
}
/*blue*/
.button6{
background:url(img/blue.png);
}
/*tree*/
#tree_middle{
clear:both;
text-align:center;
}
/*小中大*/
#tree_bottom {
height:33px;
margin-bottom:5px;
}
#tree_bottom ul {
float:right;
list-style:none;
padding:5px 0px 0px 0px;
}
#tree_bottom li {
float:left;
width:33px;
height:33px;
margin:0px 0px 0px 3px;
}
/*小*/
.but1{
background:url(img/but1on.jpg);
}
.but1 a{
display:block;
width:33px;
height:33px;
background:url(img/but1off.jpg);
}
.but1 a:hover{
background:url(img/but1on.jpg);
}
/*中*/
.but2{
background:url(img/but2on.jpg);
}
.but2 a{
display:block;
width:33px;
height:33px;
background:url(img/but2off.jpg);
}
.but2 a:hover{
background:url(img/but2on.jpg);
}
/*大*/
.but3{
background:url(img/but3on.jpg);
}
.but3 a{
display:block;
width:33px;
height:33px;
background:url(img/but3off.jpg);
}
.but3 a:hover{
background:url(img/but3on.jpg);
}
/*URL*/
#urlput{
width:720px;
height:20px;
margin:0px 10px 0px 10px;
font-size:12px;
padding:10px 0px;
background-color:#f6f6f7;
}
#url1{
float:left;
width:80px;
white-space:nowrap;
line-height:20px;
padding:0px 0px 0px 20px;
}
#url2{
float:left;
width:310px;
white-space:nowrap;
margin:0px 0px 0px 15px;
}
#url3{
float:left;
width:240px;
}
/*━━━━━━━━━━━━━━━━━━━━━右ブロック*/
#sidebar{
float:right;
width:240px;
height:100%;
margin:10px 10px 10px 0;
_margin:10px 5px 5px 0;
/*background:#FFE4E1;*/
}


/*==============================menubox*/
.menubox{
width:240px;
height:26px;
font-weight:700;
}

/*menubar*/
.menubar{
float:left;
width:76px;
height:26px;
line-height:26px;
text-align:center;
color:#330000;
margin-right:2px;

}
.menubar a{
display:block;
text-decoration:none;
width:76px;
height:26px;
color:#ffffff;
background:url(img/tree_menu_bk_bl.gif) no-repeat;
}
.menubar a:visited{
color:#ffffff;
background:url(img/tree_menu_bk_bl.gif) no-repeat;
}
.menubar a:hover{
color:#330000;
background:url(img/tree_menu_bk_wh.gif) no-repeat;
}
/*menubar2*/
.menubar2{
float:left;
width:76px;
height:26px;
line-height:26px;
text-align:center;
margin-right:2px;
}
.menubar2 a{
display:block;
text-decoration:none;
width:76px;
height:26px;
color:#330000;
background:url(img/tree_menu_bk_wh.gif) no-repeat;
}
.menubar2 a:visited{
color:#330000;
background:url(img/tree_menu_bk_wh.gif) no-repeat;
}
.menubar2 a:hover{
color:#330000;
background:url(img/tree_menu_bk_wh.gif) no-repeat;
}




/*box_out*/
.box{
clear:both;
width:240px;
height:550px;
border:1px solid #4fa6dc;
background-color:#fcfbf7;
}
.box a:hover{
text-decoration:underline;
}
/*box_in*/
.box_open{
position:absolute;
border-top:1px solid #fcfbf7;
}
.box_close{
position:absolute;
display:none;
border-top:1px solid #4fa6dc;
}
/*data*/
.box1{
position:absolute;
width:76px;
height:1px;
margin-top:-1px;
border-top:1px solid #ffffff;
}
/*outline*/
.box2{
position:absolute;
width:76px;
height:1px;
margin-top:-1px;
margin-left:78px;
border-top:1px solid #ffffff;
}
/*comment*/
.box3{
position:absolute;
width:76px;
height:1px;
margin-top:-1px;
margin-left:156px;
border-top:1px solid #ffffff;
position:relative;
}
/*data,comment*/
.info1{
padding:5px 10px;
width:220px;
height:535px;
background:#ffffff;
margin-top:-1px;
position:relative;
}
/*outline*/
.info2{
padding:5px 10px;
width:220px;
height:549px;
background:#ffffff;
margin-top:-1px;
position:relative;
}
/*comment*/
.info3{
padding:5px 10px;
width:220px;
height:535px;
background:#ffffff;
margin-top:-1px;
position:relative;
}
/*==============================共有設定BOX*/
.share_box{
clear:both;
width:230px;
height:550px;
border:1px solid #4fa6dc;
}
.share_box1{
line-height:130%;
padding:10px 10px 0px 10px;
}
.share_box2{
line-height:200%;
padding:0px 10px 0px 10px;
}
.share_box_style{
width:220px;
height:536px;
overflow:auto;
}
.share_box_color{
color:#333333;
font-weight: bold;
display:block;
}
/*==================================データ*/
#data {
}
#data dl{
padding:4px 0px;
border-bottom:1px dotted #999999;
}
#data dt{
float:left;
width:75px;
color:#ffffff;
font-weight:bold;
padding:2px 4px 2px;
margin:0px 10px 0px 0px;
background:#8dbedb;
text-align:center;
}
#data dd{
padding:3px;
}
#data_com {
height:150px;
overflow:auto;
margin:10px 0px;
padding:2px;
border:1px solid #ADADAD;
}
/*==================================outline*/
#treescroll{
height:100%;
width:100%;
white-space:nowrap;
overflow:scroll;
margin-top:-1px;
}
/*outline*/
#outline{
}
#outline ul{
vertical-align:text-top;
list-style:none;
}
#outline li{
display:inline;
}
.outnode{
cursor:pointer;
cursor:hand;
}
.outnode_ico{
cursor:default;
}
.outnode_ico2{
cursor:default;
vertical-align:4px;
}
.valign{
vertical-align:4px;
}
/*==================================コメント*/
#com {
height:380px;
overflow:auto;
margin-top:-1px;
}
.comcom {
padding:7px;
border-bottom:2px dotted #ADADAD;
}
#com ul{
height:20px;
/*background:#E9E9E9;*/
}
#com li{ 
float:left; 
} 
.comdate{
color:#646464;
padding:5px 10px 0px 0px;
}
.comuser{
padding:0px 0px 0px 10px;
}
/*コメント入力*/
#com_inputarea {
height:150px;
background:#F5F5F5;
border-top:1px solid #ADADAD;
}
#com_input {
padding:5px;
}
#com_input textarea { 
width:96%;
height:60px;
margin-bottom:3px;
overflow:auto;
}
/*ffでキャレットを表示するための処理*/
.form {
overflow:auto;
}