@charset "UTF-8";
/*
/////////////////////////////////////////////////////////////////////////////////
// 本ソフトウェアの著作権は有限会社ネット書房に属し、その許諾なしに利用してはならない
// 2013年10月9日
/////////////////////////////////////////////////////////////////////////////////
*/

/* ---------------------------------------------- */
/* 全体部分 */
/* ---------------------------------------------- */
body {
    margin-top: 25px;
    margin-left: 5px;
    padding: 0;
    /*background-color: #88aa33;*/ /* ページの背景色 */
    background-color: #88aa33; /* ページの背景色 */
    color: #003300; /* 全体の文字色 */
    /*font-size: small;*/ /* 全体の文字サイズ */
    /*background-image:url(/images/tonboFrame.png);*/
    /*background-repeat :no-repeat;*/
    /* Windowsでテキストが詰まりすぎるのを治す、MACとの整合性が問題 */
    line-height: 125%;
}

#tonboheader{
    position:absolute;
    top:0px;
    left:0px;

}

textarea{
    /* システム設定で変更可能にする
    /* Windowsでテキストエリアが詰まりすぎるのを治す、MACとの整合性が問題 */
    /*    line-height: 1.5em; */
    line-height: 150%;
    /* Chrome特有の問題らしい　*/
    font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","ＭＳ Ｐゴシック","ＭＳ ゴシック","ＭＳ 明朝","MS UI Gothic","ヒラギノ明朝 Pro W6","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Std W8","IPAex明朝";
    font-size:100%;
}

/* ---------------------------------------------- */
/* 一般セレクタ */
/* ---------------------------------------------- */

a {
    color: #336600;
    text-decoration: none;
}
a:hover {
    color: #ff3300;
}
img{
    border:0;
}
.clearLeft { 
    clear:left;
}

#epubtree a:hover {
    color: #ff0000;
}

#epubtree a {
    color: #003300;
    text-decoration: none;
}
/*
hr{
    width:90%;
}
*/

/* ---------------------------------------------- */
/* 確認ビューの表示 */
/* ---------------------------------------------- */
#confirmview{
    display:none;
    position:fixed;
    left:480px;
    top:360px;
    width:960px;
    height:720px;
    background-color:#390; 
    /*    background-color:#FFF;*/
    color:#FFF;
    z-index:30;
    border:solid 3px #CCC;

    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}

#backup_lead{
    float: left;
    width:200px;
    margin:20px 20px 10px 20px;
    padding:0;
    overflow:visible;
    font-size:small;
}

#download_filename{
    float: left;
    margin-left:20px;
    padding:0;
    width:180px;
    text-align:right; 
}

#download_start_button{
    float: left;
    margin-top: 10px;
    margin-left:20px;
    padding:0;
}

/* ---------------------------------------------- */
/* レイヤー */
/* ---------------------------------------------- */
#glayLayer{
    display:none;
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background:black;
    filter:alpha(opacity=60);
    opacity: 0.60;
    z-index:10;
}

/* ---------------------------------------------- */
/* 確認ダイアログに関わるスタイル */
/* ---------------------------------------------- */
#alertview{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-80px;
    margin-left:-125px;
    padding:10px;
    background-color:#390; 
    width:240px;
    min-height:100px;
    font-size:small;
    border:solid 3px #CCC;
    z-index:30;
    color:#FFF;
    overflow:visible;
    display:none;

    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}

#alertMessage{
    float: left;
    width:230px;
    margin:0;
    padding:0;
    overflow:visible;
    font-size:small;
}

#alertButtons{
    float: left;
    margin:20px 10px 10px 10px;
    width:230px;
}

.alert_button_Cancel{
    /*	position:absolute;
            top:80px;
            left:90px;*/
    width:75px;
}

.alert_button_OK{
    /*	position:absolute;
            top:80px;
            left:175px;*/
    width:75px;
}
/* ---------------------------------------------- */
/* 削除確認などのオーバーレイヤーに関する設定 */
/* ---------------------------------------------- */
#overLayer{
    display:none;
    position: fixed;
    top:50%;
    left:50%;
    margin-top:-120px;
    margin-left:-100px;
    z-index:11;
}

.deleteConfirmBox {
    width:200px;
    /*height:80px;*/
    padding: 20px 20px 20px 20px;
    margin: 10px 10px 10px 10px;
    background-color:#ffffff;
    overflow:visible;

    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}

#deleteFile{
    margin: 10px;
}

#cancelClose{
    margin: 10px;
}