*{
    margin: 0;
    padding: 0;
}

#editor a{
    text-decoration: none;
    color: black;
}
#editor a:active {color:#ccc;}

.editarea{
    margin: 0 auto;
}


.after {
  content: "";display: block;clear: both;height: 0;visibility: hidden;
}

#editor{
    width: 100%;
    height: 110px;
    position:fixed;
    z-index: 10;
    background-color: #F7F7F7;
    font-size: 9pt;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    clear: both;
}

#editorarea{
    width: 960px;
    height: 110px;
    margin: 0px auto;
    border-left: solid thin #D4D4D4;
    border-right: solid thin #D4D4D4;
    border-bottom: solid thin #D4D4D4;
}

#savearea{
    width: 70px;
    height: 80px;
    float: left;
    clear: none;
}
#savebutton{
   
}


#editortool{
    width: 870px;
    float: left;
    clear: none;
}

#editortooltab{
    width: 870px;
    height: 30px;
    border-bottom: solid thin #D4D4D4;
    float: left;
    clear: none;
}

#editortooltab a{
    display: block;
    float: left;
    clear: none;
    width: 300px;;
    height: 25px;
    text-align: center;
    line-height: 18pt;
    border-left: solid thin #D4D4D4;
    background-color: #F7F7F7;
}
#editortooltab a:hover{
    display: block;
    float: left;
    clear: none;
    width: 300px;;
    height: 25px;
    text-align: center;
    line-height: 18pt;
    border-left: solid thin #D4D4D4;
    background-color: #FFF;
}

#editortooltab a:first-child{
    border-top: solid 5px #6CF;
    border-bottom: solid thin #FFF;
    background-color: #FFF; 
}
#editortooltab a:nth-child(2){
    border-top: solid 5px #F8a;
    border-right: solid thin #D4D4D4;
}

#editortooltab a:last-child{
    width: 20px;
    height: 20px;
    border: solid thin #D4D4D4;
    background-color: #888;
    color: #FFF;
    float: right;
    line-height: 16pt;
    margin-top: 5px;
}
#editortooltab a:last-child:hover{
    width: 20px;
    height: 20px;
    border: solid thin #D4D4D4;
    background-color: #FFF;
    float: right;
    line-height: 16pt;
    margin-top: 5px;
    color: #666;
}
#editortoolarea{
    width: 870px;
    float: left;
    background-color: #FFF;
    min-height: 79px;
    border-left: solid thin #D4D4D4;
    border-right: solid thin #D4D4D4;
    border-bottom: solid thin #D4D4D4;
}
#editortoolarea p{
    margin-bottom: 6px;
}

#editortool1,#editortool2,#editortool3,#editortool4,#editortool5{
    width:850px;
    margin: 6px auto 10px;
    clear: both;
}




/* 画像ページ関係------------------------------------------------------------- */

#loadimagearea{
    float: left;
    border: solid thin #D4D4D4;
    width: 580px;
    height: 700px;
    overflow-y: scroll;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#loadimagedata{
    height: auto;
    min-height: 710px;
}

.loadimagebox{
    width: 86px;
    height: 86px;
    float:left;
    margin: 5px 0px 0px 5px;
    overflow: hidden;
    border: solid thin #999;
    text-align: center;
}
.loadimagebox img{
    width: auto;
    max-height: 86px;
}

#imageoption{
    float: right;
    width: 254px;
    
}
#uploadarea{
    width: 246px;
    height: 178px;
    border: dashed thin #bfbfbf;
    text-align: center;
    background: #fff5f9 url(icon/loadtext.gif) no-repeat center 8px;
}
#imagedelete{
    width: 246px;
    height: 120px;
    margin-top: 30px;
    float: left;
    border: dashed thin #D4D4D4;
    background: url(icon/delete2.gif) no-repeat center center;
}


/* ツール関係のCSS */

.toolbox1{
    float: left;
    margin: 4px 10px 0px 0px;
}
.toolbox2{
    float: right;
    margin-top: 40px;
}
.toolbox2 img{
    vertical-align: middle;
}

.linkcolor a:hover{
    background-color: aliceblue;
}
.linkcolor2 a:hover{
    background-color: #ffeba8;
}
.linkcolor3 a:hover{
    background-color: #D8F1E4;
}




.toolbox1 select{
    float: left;
    margin: 0px 10px 10px 0px;
}

/* ツールアイコン基本サイズ */
.toolbox1 .areasize{
    display: block;
    float: left;
    width: 20px;
    height: 18px;
    margin: 0px 6px 10px 0px;
    text-align: center;
    line-height: 17px;
}
/* ツールアイコン横幅自動サイズ */
.toolbox1 .areasize2{
    display: block;
    float: left;
    width: auto;
    height: 18px;
    margin: 0px 6px 10px 0px;
    text-align: center;
    line-height: 17px;
}
/* ツールアイコンテーブル*/
.toolbox1 .areasize3{
    display: block;
    float: left;
    width: auto;
    height: 27px;
    margin: 0px 18px 10px 0px;
    text-align: center;
    line-height: 17px;
}
/* ツールアイコンエリア*/
.toolbox1 .areasize4{
    display: block;
    float: left;
    width: auto;
    height: 19px;
    margin: 0px 18px 10px 0px;
    text-align: center;
    line-height: 17px;
}


/* ツールアイコン文字色サイズ */
.toolbox1 .textareasize{
    display: block;
    float: left;
    width: 20px;
    height: 18px;
    margin: 0px 2px 10px 0px;
    text-align: center;
    line-height: 17px;
}

.toolbox1 #jumpurl{
    float: left;
    width: 226px;
    margin-right: 10px;
}

/*編集時のみ表示-------------------------------------------------*/



.tdstyle td{
    border-collapse: collapse;
    border: dashed thin #8ea5d9;
}
.tdstyle4 td{
    
    border-top: dashed thin #8ea5d9;
    border-left: dashed thin #8ea5d9;
    border-right: dashed thin #8ea5d9;
    padding: 6px;
}

#stage{
    width: 100%;
    min-height: 600px;
    height: auto;
    position: absolute;
    top: 110px;
    left: 0px;
}

#stage .column4{
    width: 340px;
    border: thin solid #FFF;
    margin: 0 auto;
}



/*追加---------------------------------------------------------------*/

#textsave{
    width: 100%;
    height: auto;
    text-align: center;
    display: none;
}

#textsave button{
    padding: 5px;
}

#textsave button:hover{
    cursor: pointer;
}