@charset "utf-8";

/* Latest Update
   2012.10.31 write           */

/* author
   keiki ettyuu               */

/* ---------- MENU ---------- */
/*

    1. gloval setting
    2. wrapper setting
    3. header setting
    4. footer setting
    5. section setting
    6. rayermenu setting
    7. indexBox setting
    8. bookmarkBox setting
    9. 
    10. 
    11. slider setting
    12. transition setting
    13. sizing setting
    14. toolbar setting
    15. glovalbtn setting
    999. clearfix

                              */
/* ---------- MENU ---------- */

/*----------------------------*/
/*  1. gloval setting         */
/*----------------------------*/
html{

}

html,body{

}

body{
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
    background:#898989;
    background-image: url(../../img/viewer/article_bg.png);
}

/*----------------------------*/
/*  2. wrapper setting        */
/*----------------------------*/

#wrapper {
    box-shadow: 2px 2px 8px #000 inset;
    border: 1px solid #666;
    border-radius: 8px; 
}

/*----------------------------*/
/*  3. header setting         */
/*----------------------------*/

header{
    background-image: url(../../img/viewer/header_bg.jpg);
    background-repeat: repeat-x;
    box-shadow:0px 2px 10px 2px #333333;
}

.wrapper_header{
}

/*ヘッダー左カラム*/
.hdLcolumn{ 

}
.hdLcolumn a{
    background:url(../../img/viewer/hdicon_01.png) 0 0 no-repeat;
    font-size:0;
}

.hdLcolumn .gloupe{
    border-left: solid 1px #417298;
    border-right: solid 1px #23486F;
}
.hdLcolumn .hgloupe{
    border-right: solid 1px #23486F;
}
.hdLcolumn .lgloupe{
    border-left: solid 1px #417298;
}

/*アイコン基本設定*/
.hdLcolumn a.home{background-position:0 0;}
.hdLcolumn a.back{background-position:-46px 0;}
.hdLcolumn a.bmList{background-position:-92px 0;}
.hdLcolumn a.bmAdd{background-position:-138px 0;}
.hdLcolumn a.index{background-position:-184px 0;}
.hdLcolumn a.copy{background-position:-230px 0;}
.hdLcolumn a.memoDisplay{background-position:-276px 0;}
.hdLcolumn a.memoAdd{background-position:-322px 0;}
.hdLcolumn a.marking{background-position:-368px 0;}
.hdLcolumn a.markingToolbar{background-position:-414px 0;}

.hdLcolumn a.home_device{background-position:0 0;}
.hdLcolumn a.back_device{background-position:-46px 0;}
.hdLcolumn a.bmList_device{background-position:-92px 0;}
.hdLcolumn a.bmAdd_device{background-position:-138px 0;}
.hdLcolumn a.index_device{background-position:-184px 0;}
.hdLcolumn a.copy_device{background-position:-230px 0;}
.hdLcolumn a.memoDisplay_device{background-position:-276px 0;}
.hdLcolumn a.memoAdd_device{background-position:-322px 0;}
.hdLcolumn a.marking_device{background-position:-368px 0;}
.hdLcolumn a.markingToolbar_device{background-position:-414px 0;}

/*オンマウス時*/
.hdLcolumn a:hover.home{background-position:0 -92px;}
.hdLcolumn a:hover.back{background-position:-46px -92px;}
.hdLcolumn a:hover.bmList{background-position:-92px -92px;}
.hdLcolumn a:hover.bmAdd{background-position:-138px -92px;}
.hdLcolumn a:hover.index{background-position:-184px -92px;}
.hdLcolumn a:hover.copy{background-position:-230px -92px;}
.hdLcolumn a:hover.memoDisplay{background-position:-276px -92px;}
.hdLcolumn a:hover.memoAdd{background-position:-322px -92px;}
.hdLcolumn a:hover.marking{background-position:-368px -92px;}
.hdLcolumn a:hover.markingToolbar{background-position:-414px -92px;}

/*リンクオフ時*/
#viewer .hdLcolumn a.home_off{background-position:0 -46px;cursor:default;}
#viewer .hdLcolumn a.back_off{background-position:-46px -46px;}
#viewer .hdLcolumn a.bmList_off{background-position:-92px -46px;}
#viewer .hdLcolumn a.bmAdd_off{background-position:-138px -46px;}
#viewer .hdLcolumn a.index_off{background-position:-184px -46px;}
#viewer .hdLcolumn a.copy_off{background-position:-230px -46px;}
#viewer .hdLcolumn a.memoDisplay_off{background-position:-276px -46px;}
#viewer .hdLcolumn a.memoAdd_off{background-position:-322px -46px;}
#viewer .hdLcolumn a.marking_off{background-position:-368px -46px;}
#viewer .hdLcolumn a.markingToolbar_off{background-position:-414px -46px;}

/*リンクオフ時*/
#viewer .hdLcolumn a.bmList_hover{background-position:-92px -92px;}
#viewer .hdLcolumn a.bmAdd_hover{background-position:-138px -92px;}
#viewer .hdLcolumn a.index_hover{background-position:-184px -92px;}
#viewer .hdLcolumn a.copy_hover{background-position:-230px -92px;}
#viewer .hdLcolumn a.memoDisplay_hover{background-position:-276px -92px;}
#viewer .hdLcolumn a.memoAdd_hover{background-position:-322px -92px;}
#viewer .hdLcolumn a.marking_hover{background-position:-368px -92px;}
#viewer .hdLcolumn a.markingToolbar_hover{background-position:-414px -92px;}

/*ヘッダー右カラム*/
.hdRcolumn{
}
.hdRcolumn input{
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;   
    background-image: url(../../img/viewer/icon_serch.png) ;
    background-repeat: no-repeat;
    background-position: 3px 4px;
    font-size:14px;
    color:#969696;
}

.hdRcolumn .search{
    background:url(../../img/viewer/searchbtn.png) 0 0 no-repeat;
    font-size:12px;
    color:#FFFFFF;
}
.hdRcolumn a:hover.search{
    background-position:0 -26px;
}

/*----------------------------*/
/*  4. footer setting         */
/*----------------------------*/

.footerTool{ 
}

.ftRcolumn_2 {
}

.footer{
    background-image: url(../../img/viewer/footer_bg.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
    box-shadow:0px -2px 10px 2px #333333;
}

.ftinner{
}

/*フッター左カラム*/
.ftLcolumn{
}

/*フッター右カラム*/
.ftRcolumn{
}

/*----------------------------*/
/*  5. section setting        */
/*----------------------------*/

article{
    background:#999999;
}

section{

}


/*----------------------------*/
/*  5. markingBox setting     */
/*----------------------------*/

aside.markingBox {
    -webkit-box-shadow: 0px 0px 3px 1px #666;
    -moz-box-shadow: 0px 0px 3px 1px #666;
    box-shadow: 0px 0px 3px 1px #666;
}
aside.markingBox .markingBoxHd {
    color: #FFFFFF;
    font-size: 13px;
    background-image: url(../../img/viewer/article_bg.png);
    background-repeat: repeat;
    background-position: 0 0;
}
aside.markingBox .markingBoxHd .delete{
    background:url(../../img/viewer/x.png) 0 0 repeat;
}
aside.markingBox .markingBoxHd .hidden_off{
    background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.markingBox .markingBoxHd .hidden_on{
    background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.markingBox .markingBoxBody_on{
    background:#FFFFFF;
    border:solid 1px #cfd0d0;
    border-top:none;
}

aside.markingBox .markingBoxBody_off{
    background:#FFFFFF;
    border:solid 1px #cfd0d0;
    border-top:none;
}
aside.markingBox ul{
}
aside.markingBox ul li{
}

/*キャンバスエリア*/
aside.markingBox .canvasArea {
    background:url(../../img/viewer/canvas.png) 0 0 no-repeat;
    border:solid 1px #595757;
}

a.clearbtn{
    font-size:13px;
    color:#fff;
    border:1px solid #0C274D; 
    border-radius :6px;
    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    box-shadow: inset 0px 1px 0px 0px #86ACC7;
    background: #23486F; /* Old browsers */
    background: -moz-linear-gradient(top,  #36638B 0%, #23486F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #36638B 0%,#23486F 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #36638B 0%,#23486F 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}

a.savebtn{
    font-size:13px;
    color:#fff;
    border:1px solid #0C274D; 
    border-radius :6px;
    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    box-shadow: inset 0px 1px 0px 0px #86ACC7;
    background: #23486F; /* Old browsers */
    background: -moz-linear-gradient(top,  #36638B 0%, #23486F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #36638B 0%,#23486F 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #36638B 0%,#23486F 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
a.cancelbtn{
    font-size:13px;
    color:#fff;
    border:1px solid #0C274D; 
    border-radius :6px;
    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    box-shadow: inset 0px 1px 0px 0px #86ACC7;
    background: #23486F; /* Old browsers */
    background: -moz-linear-gradient(top,  #36638B 0%, #23486F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #36638B 0%,#23486F 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #36638B 0%,#23486F 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}

a:hover.clearbtn{
    background: #36638B; /* Old browsers */
    background: -moz-linear-gradient(top,  #23486F 0%, #36638B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #23486F 0%,#36638B 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #23486F 0%,#36638B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
a:hover.savebtn{
    background: #36638B; /* Old browsers */
    background: -moz-linear-gradient(top,  #23486F 0%, #36638B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #23486F 0%,#36638B 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #23486F 0%,#36638B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
a:hover.cancelbtn{
    background: #36638B; /* Old browsers */
    background: -moz-linear-gradient(top,  #23486F 0%, #36638B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #23486F 0%,#36638B 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #23486F 0%,#36638B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}

/*----------------------------*/
/*  6. rayermenu setting      */
/*----------------------------*/
.rayermenu1{
    background:url(../../img/viewer/alpha_w70.png) 0 0 repeat;
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    -webkit-box-shadow: 0px 0px 3px 1px #999;
    -moz-box-shadow: 0px 0px 3px 1px #999;
    box-shadow: 0px 0px 3px 1px #999;
}

.rayermenu1 ul{

}
.rayermenu1 ul li{
    font-size:12px;
}
.rayermenu1 ul li a {
    color:#000;
}
.rayermenu1 ul li a:hover {
    background:url(../../img/viewer/alpha_b20.png) 0 0 repeat;
}
.rayermenu1 ul li img {

}
.rayermenu1 ul li a span {

}

.sizeXL {}
.sizeL {}
.sizeM {}
.sizeS {}

.rayermenu1 .popcolumnR {

}
.rayermenu1 .popcolumnR .colorchip{
    background:#FFFFFF;
}
.rayermenu1 .popcolumnR .colorchip a{
    border:solid 1px #d3d5d6;
}
.rayermenu1 .popcolumnR .colorchip a:hover{
    /*
    border-width:2px;
    border-color:#e6e6e6;*/
}
.rayermenu1 .popcolumnR .colorchip .color01{
    background:#ff0000;
}
.rayermenu1 .popcolumnR .colorchip .color02{
    background:#ffff00;
}
.rayermenu1 .popcolumnR .colorchip .color03{
    background:#00ff00;
}
.rayermenu1 .popcolumnR .colorchip .color04{
    background:#00ffff;
}
.rayermenu1 .popcolumnR .colorchip .color05{
    background:#0000ff;
}
.rayermenu1 .popcolumnR .colorchip .color06{
    background:#ff00ff;
}
.rayermenu1 .popcolumnR .colorchip .color07{
    background:#ffffff;
}
.rayermenu1 .popcolumnR .colorchip .color08{
    background:#000000;
}

.rayermenu1 div .canvasArea_s{
    background:url(../../img/viewer/canvas_s.png) 0 0 repeat;
    border:solid 1px #595959;
}
.rayermenu1 div .cancelbtn{
    
    font-size:13px;
    color:#fff;
    border:1px solid #0C274D; 
    border-radius :6px;
    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    box-shadow: inset 0px 1px 0px 0px #86ACC7;
    background: #23486F; /* Old browsers */
    background: -moz-linear-gradient(top,  #36638B 0%, #23486F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #36638B 0%,#23486F 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #36638B 0%,#23486F 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
.rayermenu1 div a:hover.cancelbtn{
    cursor: pointer;
    font-size:13px;
    color:#fff;
    background: #36638B; /* Old browsers */
    background: -moz-linear-gradient(top,  #23486F 0%, #36638B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #23486F 0%,#36638B 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #23486F 0%,#36638B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}

.rayermenu1 div .okbtn{
    
}


/*レイヤーメニュー2*/



/*レイヤーメニュー3*/
.rayermenu3{

    background:url(../../img/viewer/alpha_w70.png) 0 0 repeat;


    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;


    -webkit-box-shadow: 0px 0px 3px 1px #999;
    -moz-box-shadow: 0px 0px 3px 1px #999;
    box-shadow: 0px 0px 3px 1px #999;
}

.rayermenu3 ul{

}
.rayermenu3 ul li{
    font-size:12px;
}
.rayermenu3 ul li a {
    color:#000;
}
.rayermenu3 ul li a:hover {
    background:url(../../img/viewer/alpha_b20.png) 0 0 repeat;
}
.rayermenu3 ul li img {

}
.rayermenu3 ul li a span {

}
.sizeXL {}
.sizeL {}
.sizeM {}
.sizeS {}

.rayermenu3 .popcolumnR {

}

.rayermenu3 div .canvasArea_l{
    background:url(../../img/viewer/canvas_l.png) 0 0 repeat;
    border:solid 1px #595959;
}
.rayermenu3 div .cancelbtn{

    font-size:13px;
    color:#fff;
    border:1px solid #0C274D; 
    border-radius :6px;
    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    box-shadow: inset 0px 1px 0px 0px #86ACC7;
    background: #23486F; /* Old browsers */
    background: -moz-linear-gradient(top,  #36638B 0%, #23486F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #36638B 0%,#23486F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #36638B 0%,#23486F 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #36638B 0%,#23486F 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
.rayermenu3 div a:hover.cancelbtn{
    font-size:13px;
    color:#fff;
    background: #36638B; /* Old browsers */
    background: -moz-linear-gradient(top,  #23486F 0%, #36638B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #23486F 0%,#36638B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #23486F 0%,#36638B 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #23486F 0%,#36638B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}

.rayermenu3 div .okbtn{

}
/*----------------------------*/
/*  7. indexBox setting       */
/*----------------------------*/
aside.indexBox {
    -webkit-box-shadow: 0px 0px 3px 1px #666;
    -moz-box-shadow: 0px 0px 3px 1px #666;
    box-shadow: 0px 0px 3px 1px #666;

}
aside.indexBox .indexBoxHd {
    background-image: url(../../img/viewer/article_bg.png);
    background-repeat: repeat;
    background-position: 0 0;
    color:#FFFFFF;
    font-size:13px;

}
aside.indexBox .indexBoxHd .delete{
    background:url(../../img/viewer/x.png) 0 0 no-repeat;

}
aside.indexBox .indexBoxHd .hidden_off{
    background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.indexBox .indexBoxHd .hidden_on{
    background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.indexBox .indexBoxBody_on{
    background:#FFFFFF;
    border:solid 1px #cfd0d0;
    border-top:none;
}
aside.indexBox .indexBoxBody_off{
    background:#FFFFFF;
    border:solid 1px #cfd0d0;
    border-top:none;
}

aside.indexBox  #branch1 {

}
.indexBox ul{ }
.indexBox ul li{}
.indexBox ul li a{ 
    color:#333333; 
    font-size:12px; 
    text-decoration:none;
}
.indexBox ul li a:hover{color:#0099CC;text-decoration:underline;}
/*----------------------------*/
/*  8. bookmarkBox setting    */
/*----------------------------*/
aside.bookmarkBox {
    -webkit-box-shadow: 0px 0px 3px 1px #666;
    -moz-box-shadow: 0px 0px 3px 1px #666;
    box-shadow: 0px 0px 3px 1px #666;
}
aside.bookmarkBox .bookmarkBoxHd {
    background-image: url(../../img/viewer/article_bg.png);
    background-repeat: repeat;
    background-position: 0 0;
    color:#FFFFFF;
    font-size:13px;
}
aside.bookmarkBox .bookmarkBoxHd .delete{
    background:url(../../img/viewer/x.png) 0 0 no-repeat;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_off{
    background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_on{
    background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.bookmarkBox .bookmarkBoxBody_on{
    background:#FFFFFF;
    border:solid 1px #cfd0d0;
    border-top:none;
}
aside.bookmarkBox .bookmarkBoxBody_off{
    background:#FFFFFF;
    border:solid 1px #cfd0d0;
    border-top:none;
}

aside.bookmarkBox li{
    border-bottom:solid 1px #444;
    font-size:11px;
}
aside.bookmarkBox label{
    border-bottom:solid 1px #444;
    font-size:11px;
}
aside.bookmarkBox div{
    border-bottom:solid 1px #444;
    font-size:11px;
}
aside.bookmarkBox li .imgbox{
    border:solid 1px #444;
    background:#ccc;
}

aside.bookmarkBox li .mdltext{

}

aside.bookmarkBox .last{
    border:none;
}

/*----------------------------*/
/*  9.  Memo setting          */
/*----------------------------*/
aside.MemoIndexBox a:hover{
    cursor: pointer;
}

aside.MemoIndexBox {
    -webkit-box-shadow: 0px 0px 3px 1px #666;
    -moz-box-shadow: 0px 0px 3px 1px #666;
    box-shadow: 0px 0px 3px 1px #666;
}
aside.MemoIndexBox .indexBoxHd {

    background-image: url(../../img/viewer/article_bg.png);
    background-repeat: repeat;
    background-position: 0 0;
    color:#FFFFFF;
    font-size:13px;
}
aside.MemoIndexBox .indexBoxHd .delete{
    background:url('../../img/viewer/x.png') 0 0 repeat;

}
aside.MemoIndexBox .indexBoxHd .hidden_off{
    background:url('../../img/viewer/_.png') 0 0 repeat;
}
aside.MemoIndexBox .indexBoxHd .hidden_on{
    background:url('../../img/viewer/sikaku.png') 0 0 repeat;
}
aside.MemoIndexBox .indexBoxBody_on{
    background:#FFFFFF;
    border:solid 1px #cfd0d0;
    border-top:none;
}
aside.MemoIndexBox .indexBoxBody_off{
    background:#FFFFFF;
    border:solid 1px #cfd0d0;
    border-top:none;
}
.indexBox ul li a:hover{color:#0099CC;text-decoration:underline;}

.parentMemoDialogImportantCss{
    border: 0 none !important;
    background: none !important;
}
.memoDialogImportantCss{
    border: 0 none !important; 
    background: none !important; 
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}

/*----------------------------*/
/*  10.Image preview setting  */
/*----------------------------*/
#slideWrapper
{

}
.gallery-image
{
    box-shadow: 0px 2px 8px 0px #999;
}
.slideshow-control
{

}
.gallery-thumb
{

}
#selector-img
{

}
#control-prev
{

}
#control-next
{    

}
.main-control
{

    opacity: 0.65;
    background-color: #AAAAAA;
}
#main-control-prev
{
    background-color: gray;
    background-image: url('../../img/main_previous.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#main-control-next
{
    background-color: gray;
    background-image: url('../../img/main_next.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.slideshow-control img
{

}
#control-prev img
{

}
#main-img
{
    background-color: black;
}
.mainThumbnail
{
    
}

.thumbnail
{
    box-shadow: 0px 2px 8px 0px #ccc;
    border:3px solid #fff;
    background-color: black;
}
.first
{
}

/*----------------------------*/
/*  11. slider setting        */
/*----------------------------*/
.slider {
    background-image: url(../../img/viewer/sliderbg_01.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.slider .sld01{
    background: url(../../img/viewer/sliderbg_02.png) 0 0 no-repeat;
}

.slider .sld01 span{
    font-size: 11px;
}

.slider .sld01 span input{
    font-size: 11px;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}

.slider .sld01 .move{
}
.slider .sld02{

}

/*----------------------------*/
/*  12. transition setting    */
/*----------------------------*/


.transition {
    /*background: url(../../img/viewer/transitionbtn_bg.png) 0 0 no-repeat;*/
}

/*ボタン設定*/
.transition a{
    font-size: 0;
    background-image: url(../../img/viewer/transitionbtn_01.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.transition .begin {
    background-position: 0 0;
}
.transition a:hover.begin {
    background-position: 0 -34px;
}
.transition .begin_off {

    background-position: 0 -68px;cursor:default;
}
.transition .prev {

    background-position: -62px 0;
}
.transition a:hover.prev {
    background-position: -62px -34px;
}
.transition .prev_off {

    background-position: -62px -68px;
}
.transition .next {

    background-position: -122px 0;
}
.transition a:hover.next {
    background-position: -122px -34px;
}
.transition .next_off {

    background-position: -122px -68px;
}
.transition .last {

    background-position: -182px 0;
}
.transition a:hover.last {
    background-position: -182px -34px;
}
.transition .last_off {

    background-position: -182px -68px;
}

.transition .begin_device{background-position: 0 0;}
.transition .prev_device { background-position: -62px 0;}
.transition .next_device {background-position: -122px 0;}
.transition .last_device {background-position: -182px 0;}

/*----------------------------*/
/*  13. sizing setting        */
/*----------------------------*/

.sizing {   
    /*background: url(../../img/viewer/sizingbtn_bg.png) 0 0 no-repeat;*/
}

/*ボタン設定*/
.sizing a{
    font-size: 0;
    background-image: url(../../img/viewer/sizingbtn_01.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.sizing .expansion {
    background-position: 0 0;
}
.sizing a:hover.expansion {
    background-position: 0 -34px;
}
.sizing .expansion_off {
    background-position: 0 -68px;cursor:default;
}
.sizing .fit {
    background-position: -62px 0;
}
.sizing a:hover.fit {
    background-position: -62px -34px;
}
.sizing .fit_off {
    background-position: -62px -68px;
}
.sizing .reduction {
    background-position: -122px 0;
}
.sizing a:hover.reduction {
    background-position: -122px -34px;
}
.sizing .reduction_off {
    background-position: -122px -68px;
}

.sizing .expansion_device {background-position:0 0;}
.sizing .fit_device {background-position: -62px 0;}
.sizing .reduction_device {background-position: -122px 0;}
/*----------------------------*/
/*  14. toolbar setting       */
/*----------------------------*/

.toolbar {
    font-size: 0;
    background-image: url(../../img/viewer/toolbarbtn_01.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.toolbar_device {
    font-size: 0;
    background-image: url(../../img/viewer/toolbarbtn_01.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.toolbar_off {
    background: url(../../img/viewer/toolbarbtn_01.png) 0 -78px no-repeat;
}

a:hover.toolbar {
    background-position: 0 -39px;
}

.toolbar_close {
    background-image: url(../../img/viewer/toolbarbtn_02.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.toolbar_close_device {
    background-image: url(../../img/viewer/toolbarbtn_02.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

a.toolbar_close:hover {
    background-position: 0 -39px;
}

/*----------------------------*/
/*  15. glovalbtn setting     */
/*----------------------------*/
.gNextbtn {
    font-size: 0;
    background-image: url(../../img/viewer/gmovebtn_01.png);
    background-repeat: no-repeat;
    background-position: -50px 0;
}

.gBackbtn {
    font-size: 0;
    background-image: url(../../img/viewer/gmovebtn_01.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

/*----------------------------*/
/*  16. Other Setting         */
/*----------------------------*/

/* slider bar [start]*/
.ui-slider-horizontal .ui-state-default {

}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

}
div .ui-slider-range, .ui-widget-header, .ui-slider-range-max {

}

.ui-slider .ui-slider-handle {}
.ui-slider-horizontal .ui-slider-handle {}
.ui-widget-content {}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
    border: none !important;
    background: url(../../img/viewer/sliderbtn_02.png) !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none !important; background: url(../../img/viewer/sliderbtn_02.png) !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none !important; background: url(../../img/viewer/sliderbtn_02.png) !important;}
#slider_page{}
/* slider bar [end]*/

/* loading image [start]*/
#divImageLoading{
    background-color:#ccc; 
    border-radius: 10px; 
    opacity: 0.7; 
}

#divImageLoading img{
}
/* loading image [end]*/

/* navigate button [start]*/
#button_pre_canvas{
    opacity: 0;
}

#button_next_canvas{
    opacity: 0;
}


.nav {
    cursor: pointer;
    opacity: 0.4;
}
/* navigate button [end]*/

/* dialog [start]*/
.web_dialog{
    background-color: black;
    font-family: Verdana;
    font-size: 10pt;
}


.web_dialog_overlay{
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
}

.align_right{   

}

.content_image_preview{

}

.popuptext_web_dialog {    
    background-color: #FFFFFF;
    border-style:solid;
    border-color:#ccd;       
    font-family: Verdana;
    font-size: 10pt;
    border-radius: 10px;   
    
    -moz-box-shadow:-3px 3px 3px #777;
    -webkit-box-shadow:-3px 3px 3px #777;
     box-shadow : -3px 3px 3px #777        
}       
   
.popuptext_arrow {
    border-style: solid;
    border-width: 12px 12px 12px 12px;  
    border-color: transparent transparent transparent rgb(204, 204, 221) !important;
                     
}
/* HOVER STYLES */
.pop-up-memo {
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
}
  
.pop-up-memo a:hover{
    cursor: pointer;
    text-decoration: underline;
}

.check_marking{
    
    
    border-radius: 5px;
}
/* dialog [end]*/

/* dialog confirm bgm [start]*/
#bgmConfirm 
{

}

.sectionDeleteConfirm .deletebtn a.ok_audio {
    cursor: pointer;
}
/* dialog confirm bgm [end]*/

/* Marking tool bar [start]*/
.pen_selected{
    background:url(../../img/viewer/1_on.png) 0 0 repeat-x;
}

.pen_hover{
    background:url(../../img/viewer/1_off.png) 0 0 repeat-x;
}

.pen_hover:hover{
    background:url(../../img/viewer/1_on.png) 0 0 repeat-x;
}

.maker_selected{
    background:url(../../img/viewer/3_on.png) 0 0 repeat-x;
}

.maker_hover{
    background:url(../../img/viewer/3_off.png) 0 0 repeat-x;
}

.maker_hover:hover{
    background:url(../../img/viewer/3_on.png) 0 0 repeat-x;
}

.eraser_selected{
    background:url(../../img/viewer/5_on.png) 0 0 repeat-x;
}

.eraser_hover{
    background:url(../../img/viewer/5_off.png) 0 0 repeat-x;
}

.eraser_hover:hover{
    background:url(../../img/viewer/5_on.png) 0 0 repeat-x;
}

.pen_option_selected{
    background:url(../../img/viewer/2_on.png) 0 0 repeat-x;
}

.pen_option_hover{
    background:url(../../img/viewer/2_off.png) 0 0 repeat-x;
}

.pen_option_hover:hover{
    background:url(../../img/viewer/2_on.png) 0 0 repeat-x;
}

.maker_option_selected{
    background:url(../../img/viewer/4_on.png) 0 0 repeat-x;
}

.maker_option_hover{
    background:url(../../img/viewer/4_off.png) 0 0 repeat-x;
}

.maker_option_hover:hover{
    background:url(../../img/viewer/4_on.png) 0 0 repeat-x;
}

.eraser_option_selected{
    background:url(../../img/viewer/6_on.png) 0 0 repeat-x;
}

.eraser_option_hover{
    background:url(../../img/viewer/6_off.png) 0 0 repeat-x;
}

.eraser_option_hover:hover{
    background:url(../../img/viewer/6_on.png) 0 0 repeat-x;
}

.content_image_preview{

}

.toolbar_icon_on{
    background-color: #123456;
}

/* Marking tool bar [end]*/

/* Box Copy Text dialog [start]*/
#boxCopyText{

}

#boxCopyText h1{

}

#boxCopyText ul{

}
/* Box Copy Text dialog [end]*/

/* Box Copy Text dialog [start]*/
#boxAddMemo{

}

#boxAddMemo ul{

}

#boxAddMemo ul a{

}
/* Box Copy Text dialog [end]*/

/* Box Memo dialog [start]*/
#divDialogMemo{

}

/* Box Memo  dialog [end]*/

/* Box music dialog [start]*/
#dialog-contenttype-music{

}
/* Box music dialog [end]*/

/* Box marking dialog [start]*/
#dlgMarking{

}

#dlgMarking h1 a.hidden_off{

}

#dlgMarking h1 a.hidden_on{

}
/* Box marking dialog [end]*/

/* Box eraser dialog [start]*/
#dlgGomu div:first-child{

}

#dlgGomu ul{

}

#dlgGomu input[type='radio']{

}
/* Box eraser dialog [end]*/

/* Box maker dialog [start]*/

#dlgMaker input[type='radio']{

}
/* Box maker dialog [end]*/

/* Box pen dialog [start]*/

#dlgPen input[type='radio']{

}
/* Box pen dialog [end]*/
/* footer dialog [start]*/

#footer_toolbar_2 a{

}
/* footer dialog [end]*/

/* common dialog [end]*/

#dialog h1{
    background:url(../../img/viewer/article_bg.png) 0 0 repeat;
}

#dialog h1 img#btnClose{

}

/* common dialog [end]*/

/* Alert Content Dialog [Start] */
.sectionLimitAccess {   
    border:1px solid #cccccc !important;
    -webkit-border-radius:10px 10px 10px 10px !important;
    -moz-border-radius:10px 10px 10px 10px !important;
    border-radius:10px 10px 10px 10px !important;
    -webkit-box-shadow: 0px 1px 3px 0px #666 !important;
    -moz-box-shadow: 0px 1px 3px 0px #666 !important;
    box-shadow: 0px 1px 3px 0px #666 !important;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif !important;
    background-color: #ffffff !important;
}

.sectionLimitAccess h1{
    text-align:center !important;
    font-weight:bold !important;
    letter-spacing: 2px !important;
    color:#333 !important;
    text-shadow: 1px 1px 2px #999 !important;
    background:#f0f0f0 !important;
    -webkit-box-shadow: 0px 1px 3px 0px #999 !important;
    -moz-box-shadow: 0px 1px 3px 0px #999 !important;
    box-shadow: 0px 1px 3px 0px #999 !important;
    border-radius: 10px 10px 0px 0px !important;
}

.sectionLimitAccess p{

}

.sectionLimitAccess p.message{
    font-size:13px !important;
    font-weight:bold !important;
    color:#333 !important;
}

.sectionLimitAccess p.message .error
{
    color:#f00 !important;
    font-weight:normal !important;
}
.sectionLimitAccess p.message .text
{
    font-size:15px !important; 
}

.sectionLimitAccess p.message input
{
    background-color:#fff !important;
}
.sectionLimitAccess .deletebtn {

}
.sectionLimitAccess .deletebtn a 
{
    cursor:pointer !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
    box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ) !important;
    background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F') !important;
    background-color: #23486F !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: 1px solid #0C274D !important;
    color: #ffffff !important;
    font-family: arial !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-decoration: none !important;
}
.sectionLimitAccess .deletebtn a:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ) !important;
    background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B') !important;
    background-color:#36638B !important;
}
.sectionLimitAccess .deletebtn a:active {

}
.sectionLimitAccess .deletebtn a:not(:target) {
    filter: none !important;
    -ms-filter: none !important;
}
/* Alert Content Dialog [End] */

/*----------------------------*/
/*  999. clearfix             */
/*----------------------------*/

/*clearfix*/
.fix {
}
.fix:after {
    font-size:1px;
}
.fix {

}
/*------------*/

.markingToolbar_off_hover
{
    background-position: -414px -92px;
}
#control_screen_2{
    background-color: #898989;
    opacity: 0.75;
}
ul#divSearchResult li:hover{ background:#f4f4f4;cursor:pointer;}
ul#divListBookmark li:hover{background:#f4f4f4;cursor:pointer;}
#divListIndex span:hover{color: red; cursor: pointer}

span.error{
    color: red;
}
span.no-item{
    color:#333333; 
    font-size:12px; 
    cursor:default; 
    text-decoration:none;
}

.dialog-content-music{
    background: url(../../img/iPad_music.png) center center no-repeat;
    background-color: white;
}

.imagePreview-one{
    background-color: black;
}

.picker-choose-on{
    border:1px solid #e6e6e6 !important;
}

.picker-choose-off{
    border:1px solid #d3d5d6 !important;
}
