/*-------------------------------------------------------------------- 文字装飾 */
.red{ color: orangered; }
.blue{ color: darkblue; }
.bold { font-weight: bold;}
.notbold { font-weight: normal;}
label{ font-weight: 100;}
.formPlaceHoleder:placeholder-shown{ color: gray; }
.fontSize11 { font-size: 11px;}
.fontSize12 { font-size: 12px;}
.fontSize13 { font-size: 13px;}
.fontSize14 { font-size: 14px;}
.fontSize16 { font-size: 16px;}
.fontSize18 { font-size: 18px;}
a{
    cursor: pointer;
}
a:hover{ 
    text-decoration: none;    
}
.likelink{
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}
/*必須*/
span.req:before{
    content: "\5FC5\9808";
    color: #fff;
    width: 30px;
    background: #EF858C;
    font-size: 11px;
    border: 1px solid #EF858C;
    border-radius: 5px;
    padding: 0 2px;
    margin-right: 2px;
}
/*任意*/
span.notreq:before{
    content: "\4EFB\610F";
    color: #fff;
    width: 30px;
    background: #8e8a8a;
    font-size: 11px;
    border: 1px solid #8e8a8a;
    border-radius: 5px;
    padding: 0 2px;
    margin-right: 2px;
}

/* 位置 */
.center{ text-align: center;}
.toleft{ text-align: left;}
.toright{ text-align: right;}
.fixed-right { float: right;}
.inline-block { display: inline-block;}

/*  幅 */
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }

p.err_message{    
    color: #F0303D;
    margin: 2px 0 0 0;
}
/*-------------------------------------------------------------------- 余白 */
.mt45 { margin-top: 45px; }
.mt40 { margin-top: 40px; }
.ml40 { margin-left: 40px; }
.mt30 { margin-top: 30px; }
.mr30 { margin-right: 30px; }
.mb30 { margin-bottom: 30px; }
.ml30 { margin-left: 30px; }
.mt20 { margin-top: 20px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mt15 { margin-top: 15px; }
.ml15 { margin-left: 15px;}
.mr15 { margin-right: 15px; }
.mb15 { margin-bottom: 15px;}
.mt10 { margin-top: 10px; }
.ml10 { margin-left: 10px; }
.mb10 { margin-bottom: 10px; }
.mr10 { margin-right: 10px; }
.mt05 { margin-top: 5px; }
.mr05 { margin-right: 5px; }
.mb05 { margin-bottom: 5px; }
.ml05 { margin-left: 5px; }

.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pb30 { padding-bottom: 30px; }
.pl30 { padding-left: 30px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }
.pl20 { padding-left: 20px; }
.pt10 { padding-top: 10px; }
.pl10 { padding-left: 10px; }
.pb10 { padding-bottom: 10px; }
.pr10 { padding-right: 10px; }
.pt05 { padding-top: 5px; }
.pr05 { padding-right: 5px; }
.pb05 { padding-bottom: 5px; }
.pl05 { padding-left: 5px; }

/*-------------------------------------------------------------------- bootatrap */
.container-fluid{
    padding-left: 30px;
    padding-right: 30px;
}
.form-control{
    height: 30px;
    padding: 6px;
}
select.form-control{
    height: 30px;
    padding: 3px 6px;
}
.form-group{
    margin-bottom: 10px;
}
label{
    margin: 0;
}
.form-horizontal .control-label{
    padding-top: 0;
}
input[type=radio]{
    margin: 0;
}
input[type=radio],input[type=checkbox]{
    vertical-align: -2px;
}

/*-------------------------------------------------------------------- button */
.bright_btn{
    text-align: center;
    background: #E1F1FA;    
    border: 1px solid #777;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px 10px;
    font-size: 13px;
    cursor: pointer;    
    min-width: 80px;
}
.bright_btn:hover{   
    background: #E6F6FF;       
    border: 1px solid #555;
    font-weight: bold;
}
.normal_btn{
    text-align: center;
    background: #F0F0F0;   
    border: 1px solid #777;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px 10px;
    font-size: 13px;
    cursor: pointer;
    min-width: 80px;
}
.normal_btn:hover{   
    background: #ddd;     
    border: 1px solid #555;
    font-weight: bold;
}
a.normal_btn{
    text-align: center;
    background: #F0F0F0;   
    border: 1px solid #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #000;
    padding: 3px 10px;
    font-size: 13px;
    cursor: pointer;
}
a.normal_btn:hover{   
    background: #ddd;     
    font-weight: bold;
}
.small_btn{
    text-align: center;
    color: #000;
    background: #F0F0F0;        
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 2px 3px;
    font-size: 12px;
    cursor: pointer;
}
.small_btn:hover{  
    background: #ddd;      
    border: 1px solid #777;
}
.addButton{
    text-align: center;
    color: #000;
    background: #FFF;
    border: 1px solid #AAA;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 2px 5px;
    font-size: 13px;
    cursor: pointer;
}
.addButton:hover{   
    background: #EEE;    
}
.err_btn{
    text-align: center;
    color: #000;
    background: #ffd5d5;
    border: 1px solid #888;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 2px 3px;
    font-size: 12px;
    cursor: pointer;
}
.err_btn:hover{
     background: #f7bbbb;      
}
.info_btn{
    color: #000;
    text-align: center;
    background: #fffcdb;    
    border: 1px solid #777;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px 10px;
    font-size: 13px;
    cursor: pointer;    
    min-width: 80px;
}
.info_btn:hover{   
    background: #fffbcc;  
    color: #000;
}

/*-------------------------------------------------------------------- tabs */
.nav-tabs {
    border-bottom: none;
    font-size: 13px;
}
.nav-tabs>li>a {
    background-color: #E0E0E0; 
    border-color: #999;
    color:#000;
}
.nav>li>a{
    padding: 4px 10px;
}
/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #000;
    background-color: #FDFDFD;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom-color: #FDFDFD;
}
/* hover tab color */
.nav-tabs>li>a:hover {
    border-color: #000;
    background-color: #CCC;
}

.tab_wrapper{
    border: 1px solid #999;
    margin-left: 2px;
    border-radius: 3px;
    border-top-left-radius: 0px;
    background-color: #FDFDFD;
    font-size: 12px;
}
.tab-content>.tab-pane{
    padding: 15px 10px;
}
.tab-pane{
    font-size: 13px;
}
.tab-pane .form-control{
    height: 27px;
    font-size: 13px;
}

/* ファイル別一覧タブ内 */
#select_csv_date{
    line-height: 25px;
    height: 25px;
    padding: 1px 4px;
}
#display_csvlist_btn{
    line-height: 25px;
    height: 25px;
    padding: 0 10px;
}
#csv_list{
    margin-top: 5px;
}

/*-------------------------------------------------------------------- pagenation */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}
.pagination>li>a, 
.pagination>li>span{
    position: relative;
    float: left;
    padding: 3px 10px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #999;
    font-size: 12px;
}
    
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span:focus, 
.pagination>li>span:hover{
    z-index: 2;
    color: #23527c;
    background-color: #CCC;
    border-color: #ddd;
}

/*-------------------------------------------------------------------- modal window */
#modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 40px ;
	border: 2px solid #aaa ;
    border-radius: 5px;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba(255,255,255,0.75);
}

/*-------------------------------------------------------------------- field set */
.field{         
    padding: 10px 15px;
    background-color: #fdfdfd;
    border: 2px solid #888;
    margin-bottom: 7px;
    border-radius: 3px;
    width: 72%;
    margin: 30px auto 0 auto;
}
.field legend{
    width: auto;    
    line-height: 14px;   
    margin-left: 3px;
    margin-bottom: 0;
    padding: 8px 10px;
    border: 1px solid #888;                           
    border-radius: 3px;
    background: #e0ecff;
}