@charset "utf-8";

/*==============================================
 CSS INFO
 Description : range css
===============================================*/


/* range
============================================== */
.AppsTtl{
padding: 10px 10px;
border-bottom: 1px solid #D8D8D8;}

.AppsTtl h1{
float: left;
font-size:20px;}

.AppsTtl p{
padding:5px 0 0;
text-align: right;}

#randSide{
width: 400px;
float: left;}

.randSideIn{
padding: 15px 0 0;}

.randSideIn h3{
font-size: 14px;
margin-bottom: 5px;
padding-left: 10px;}

#rangeCont{
border-left: 1px solid #D8D8D8;
margin-left: 400px;}

.rangeList{
/*height: 300px;
overflow: hidden;
position: relative;
margin-bottom: 2px;*/
width: 699px;
}

.rangeList table{
width: 100%;}

.rangeList table td{
padding: 5px 10px;;}

.slctBtn{
width:47px;
}

.slctBtn a{
text-indent: -9999px;
display: block;
background: url("../img/icon_select.png") no-repeat left center;
width: 47px;
height: 21px;}

.slctDtl{
width:283px;
word-break: break-all;
}

.slctCate{
word-break: break-all;
}

.rangeList_t2 .slctDtl{
width: 283px;}

.fol{
background: url("../img/icon_folder.png") no-repeat left center;
padding: 3px 0 3px 24px;}

.usr{
background: url("../img/icon_user.png") no-repeat left center;
padding: 3px 0 3px 24px;}

.select{
background-color:#F5F5F5;}

#scrollbar2{
border-top: 1px solid #D8D8D8;}

.rngSlctIn{
padding: 15px 15px 0 15px;
/*padding: 15px;*/}

.rngSlctIn div{
padding: 5px 8px;
display: inline-block;
background-color:#DEDDDD;
border: 1px solid #D8D8D8;
line-height: 14px;
margin-right: 5px;
margin-bottom: 10px;}

.rngSlctIn div span{
cursor: pointer;
float: right;
width:13px;
height: 14px;
margin-left: 10px;
background:#DEDDDD url("../img/icon_batsu.png") no-repeat center center;}

.rangeBtn{
border-top:1px solid #D8D8D8;
padding: 15px;
overflow: hidden;}

.rangeBtn p{
margin-right: 10px;
float: left;
display: inline-block;}

.rangeBtn p input{
display: inline;
}

.rangSrch{
padding: 10px 10px;
border-bottom: 1px solid #D8D8D8;}

.rangSrch h3{
font-size: 14px;
font-weight: bold;
margin-bottom: 3px;}

.rangSrch input.rgSrch{
width: 200px;
height: 23px;
font-size: 14px;
margin-right: 3px;}

.rangttl{
font-weight: bold;
padding: 10px 15px;
background: #f5f5f5;
border-top: solid 1px #D8D8D8;
}

/* scrollbar
------------------------------------ */
#scrollbar1 .viewport,
#scrollbar3 .viewport,#scrollbar4 .viewport,
#scrollbar6 .viewport,#scrollbar7 .viewport,#scrollbar7_2 .viewport,
#scrollbar8 .viewport,#scrollbar9 .viewport,#scrollbar10 .viewport{
overflow: hidden;
position: relative;}

#scrollbar1 .viewport{
height: 210px;}

#OpenRange .viewport{
height: 245px;
overflow: auto;}

#bordEdit .viewport{
height: 203px;
overflow: auto;}

#scrollbar7 .viewport,#scrollbar7_2 .viewport{
height: 200px;}

#scrollbar9 .viewport{
height: 360px;}

#scrollbar10 .viewport{
height: 360px;}

#scrollbar5 .viewport{
overflow: auto;
height: 245px;}

#scrollbar5-2 .viewport {
 overflow-y: auto;
 overflow-x: hidden;
 height: 217px;
}
#scrollbar5-3 .viewport {
  overflow: auto;
  height; 442px;
}

#scrollbar2 .viewport{
overflow: auto;
height: 87px;
padding-bottom: 10px;}

#scrollbar3 .viewport,#scrollbar4 .viewport{
height: 100px;
margin-bottom: 10px;
background-color:#ffffff;
border:solid 1px #cccccc;
margin-bottom: 10px;}

.overview {
width: 100%;
list-style: none;
position: absolute;
left: 0;
top: 0;}

.thumb .end, .thumb {
background-color: #CBCBCB;}

.scrollbar {
position: relative;
float: right;
width: 15px;}

.track {
background-color: #FFF;
height: 100%;
width:13px;
position: relative;
padding: 0 1px;}

.thumb {
height: 20px;
width: 13px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;}

.thumb .end {
overflow: hidden;
height: 5px;
width: 13px;}

.disable{
display: none;}

.setpagenavi{
margin: 0;
padding: 0;
clear: both;
/* background: url("../img/bg_pagenavi.png") repeat-x left bottom; */
background: url(none) #0193DE;
color: #FFF;
padding: 5px 0 5px 15px;
border-top:1px solid #FFF;
border-bottom: 1px solid #D3D2D2;
margin-bottom: 10px;
font-size: 12px;
}

.last{
font-weight: bold;
font-weight: bold;
}

.setpagenavi li{
background: url("../img/pagenavi_arrow.png") no-repeat left center;
padding-left: 13px;
display: inline;}

.setpagenavi li:first-child{
padding-left: 0;
background: none;}