body {
	font-size: small;
	margin: 0px 0px 0px 0px;
}
__header { margin: 4px 0px 4px 0px; }
__footer { margin: 16px 0px 4px 0px; }

a{
	color: #883ced;
}
a:hover{
	color: #af4cf0;
}

.msg-error {
	color: #ffffff;
	background-color: #ff3333;
	border-color: #ff0000;
}

.msg-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.hidden { 
	display: none; 
}

.display-none { 
	display: none; 
}

.text-bg {
  /* margin-bottom: 20px; */
  font-size: 120%;
  /* font-weight: 200; */
  /* line-height: 1.4; */
}

.text-md {
  /* margin-bottom: 20px; */
  font-size: 100%;
  /* font-weight: 200; */
  /* line-height: 1.4; */
}

.text-sm {
  /* margin-bottom: 20px; */
  font-size: 80%;
  /* font-weight: 200; */
  /* line-height: 1.4; */
}

.xx-large {font-size: xx-large;}
.x-large {font-size: x-large;}
.large {font-size: large;}
.medium {font-size: medium;}
.small {font-size: small;}
.x-small {font-size: x-small;}
.xx-small {font-size: xx-small;}

.bg-gray_2 {color: #eeeeee;}
.bg-gray_4 {color: #dddddd;}
.bg-gray_6 {color: #cccccc;}
.bg-gray_8 {color: #bbbbbb;}
.bg-gray_10 {color: #aaaaaa;}
.bg-gray_12 {color: #999999;}


.red {color: red;}
.red_2 {color: #ff4500;}
.red_3 {color: #ff6347;}
.blue {color: blue;}
.green {color: green;}
.yellow {color: yellow;}
.gold {color: gold;}
.magenta {color: magenta;}
.brown {color: brown;}
.cyan {color: cyan;}
/****
.bg-red {background-color: red; color:white;}
.bg-blue {background-color: blue; color:white;}
.bg-green {background-color: green; color:white;}
.bg-yellow {background-color: yellow; color:white;}
.bg-gold {background-color: gold; color:white;}
.bg-magenta {background-color: magenta; color:white;}
.bg-brown {background-color: brown; color:white;}
.bg-cyan {background-color: cyan; color:white;}
****/

.bg-red {background-color:#ff4500; color:#000000;}
.bg-blue {background-color:#99CCFF; color:#000000;}
.bg-green {background-color:#99FF99; color:#000000;}
.bg-yellow {background-color:#FFFF99; color:#000000;}
.bg-gold {background-color: gold; color:#000000;}
.bg-magenta {background-color:#ff99ff; color:#000000;}
.bg-brown {background-color:#cc9966; color:#000000;}
.bg-cyan {background-color: #DDFFFF; color:#000000;}


.bg-olive {background-color: #808000}

.bold {font-weight: bold;}

.mar0 {margin: 0;}

.margintop2 {margin-top: 2px;}
.margintop3 {margin-top: 3px;}
.margintop4 {margin-top: 4px;}
.margintop6 {margin-top: 6px;}
.margintop8 {margin-top: 8px;}
.margintop10 {margin-top: 10px;}
.margintop12 {margin-top: 12px;}
.margintop14 {margin-top: 14px;}
.margintop16 {margin-top: 16px;}
.margintop18 {margin-top: 18px;}
.margintop20 {margin-top: 20px;}
.margintop22 {margin-top: 22px;}
.margintop24 {margin-top: 24px;}
.margintop26 {margin-top: 26px;}
.margintop28 {margin-top: 28px;}
.margintop30 {margin-top: 30px;}

.marginbottom2 {margin-bottom: 2px;}
.marginbottom3 {margin-bottom: 3px;}
.marginbottom4 {margin-bottom: 4px;}
.marginbottom6 {margin-bottom: 6px;}
.marginbottom8 {margin-bottom: 8px;}

.marT0 {margin-top: 0px;}
.marT2 {margin-top: 2px;}
.marT4 {margin-top: 4px;}
.marT6 {margin-top: 6px;}
.marT8 {margin-top: 8px;}
.marT10 {margin-top: 10px;}
.marT12 {margin-top: 12px;}
.marT14 {margin-top: 14px;}
.marT16 {margin-top: 16px;}
.marT18 {margin-top: 18px;}
.marT20 {margin-top: 20px;}

.marB0 {margin-bottom: 0px;}
.marB2 {margin-bottom: 2px;}
.marB4 {margin-bottom: 4px;}
.marB6 {margin-bottom: 6px;}
.marB8 {margin-bottom: 8px;}
.marB10 {margin-bottom: 10px;}
.marB12 {margin-bottom: 12px;}
.marB14 {margin-bottom: 14px;}
.marB16 {margin-bottom: 16px;}
.marB18 {margin-bottom: 18px;}
.marB20 {margin-bottom: 20px;}


.marL0 {margin-left: 0px;}
.marL2 {margin-left: 2px;}
.marL4 {margin-left: 4px;}
.marL6 {margin-left: 6px;}
.marL8 {margin-left: 8px;}
.marL10 {margin-left: 10px;}
.marL12 {margin-left: 12px;}
.marL14 {margin-left: 14px;}
.marL16 {margin-left: 16px;}
.marL18 {margin-left: 18px;}
.marL20 {margin-left: 20px;}
.marL22 {margin-left: 22px;}
.marL24 {margin-left: 24px;}
.marL26 {margin-left: 26px;}
.marL28 {margin-left: 28px;}
.marL30 {margin-left: 30px;}
.marL32 {margin-left: 32px;}
.marL34 {margin-left: 34px;}
.marL36 {margin-left: 36px;}
.marL38 {margin-left: 38px;}
.marL40 {margin-left: 40px;}
.marL50 {margin-left: 50px;}
.marL60 {margin-left: 60px;}
.marL100 {margin-left: 100px;}

.marR0 {margin-right: 0px;}
.marR2 {margin-right: 2px;}
.marR4 {margin-right: 4px;}
.marR6 {margin-right: 6px;}
.marR8 {margin-right: 8px;}
.marR10 {margin-right: 10px;}
.marR12 {margin-right: 12px;}
.marR14 {margin-right: 14px;}
.marR16 {margin-right: 16px;}
.marR18 {margin-right: 18px;}
.marR20 {margin-right: 20px;}
.marR22 {margin-right: 22px;}
.marR24 {margin-right: 24px;}
.marR26 {margin-right: 26px;}
.marR28 {margin-right: 28px;}
.marR30 {margin-right: 30px;}
.marR32 {margin-right: 32px;}
.marR34 {margin-right: 34px;}
.marR36 {margin-right: 36px;}
.marR38 {margin-right: 38px;}
.marR40 {margin-right: 40px;}

.pad0 {padding: 0;}
.padding2 {padding: 2px;}

.itembox {
  border: 0px;
  width: 1170px;
  height: 360px;
  padding: 0.0em;
  overflow: auto;
}

/********************************/

/****
.zidx0 {z-index:0;}
.zidx1 {z-index:1;}
.zidx2 {z-index:2;}
****/

/* 隙間なしで均等サイズ */
/****
ul.hoge {
  font-size: 0;
}
ul.hoge li {
  background-color: #222222;
  display: inline-block;
  font-size: 10px;
  width: 25%;
}
****/

.waku81 {border: solid 1px #0000FF;}
.waku82 {border: solid 1px #000080;}
.waku83 {border: solid 1px #00FF00;}
.waku84 {border: solid 1px #008080;}
.waku85 {border: solid 1px #00FFFF;}
.waku86 {border: solid 1px #008000;}
.waku87 {border: solid 1px #FFFF00;}
.waku88 {border: solid 1px #FF0000;}
.waku89 {border: solid 1px #FF00FF;}
.waku90 {border: solid 1px #808000;}
.waku91 {border: solid 1px #800080;}
.waku92 {border: solid 1px #800000;}
.waku93 {border: solid 1px #808080;}

/* Bootstrap カスタマイズ */
.pagination {
  /* margin: 20px 0; original */
  margin: 0 0;
}

/****/
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #FFE4B5;
 }
 
table.table > thead > tr {height:1.4em;}
table.table > tbody > tr {height:1.4em;}

input[type=text] {height: 1.6em;}
input[type=password] {height: 1.6em;}
input[type=radio] {height: 1.4em;}
select {height: 1.6em;}
font-size
/****/
/****
#F5F5DC Beige △
#F5DEB3 Wheat △△
#FAEBD7 AntiqueWhite △△
#FAFAD2 LightGoldenRodYellow △
#FAFAD2 LightGoldenRodYellow △
#FFB6C1 LightPink NG
#FFDAB9 PeachPuff △
#FFE4B5 Moccasin △△
#FFEFD5 Papayawhip △△
#FFF8DC CornSilk △

#AFEEEE PaleTurquoise △
#B0E0E6 PowderBlue △

#E6E6FA Lavender △
****/

textarea {ime-mode: active}
textarea.ime-on {ime-mode: active}
input[type="password"] { ime-mode: disabled; } 
input[type="text"] { ime-mode: disabled; } 
input[type="text"].ime-on { ime-mode: active; } 

/****
.required {
    color: #E00;
}
.required:after {
    content: " *";
}
****/

.required:after {
  content: "必須";
  font-size: .75em;
  background: #FF9F80;
  color: #fff;
  padding: 5px 5px 3px;
  margin-left: 5px;
  border-radius: 3px;
}

.ui-datepicker-trigger{
   font-family: "fontello";
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
   display: inline-block;
   text-decoration: inherit;
   cursor: pointer;
   /* color: #3456ff; */
   /* color: #0000ff; */
   color: #ff0000;
   /* 追加 */
   background-color: rgba(0,0,0,0);
   border: none;
}

.vertical-align input,
.vertical-align select,
.vertical-align checkbox,
.vertical-align radio {
    vertical-align:middle;
}

/* 透過を適用すると、ボタンにカーソルが当たった時にボタンの色が少し薄い色に変わります。 */
.btn:hover {
    opacity: 0.75;
}

/* ボタンを無効にした時、ボタンの色を変える。 */
.btn:disabled {
    color: #808080;
    background-color:  #C0C0C0;
}

/* ボタンが無効の時は透過させない設定を追加します。 */
.btn[disabled]:hover {
    opacity: 1;
}

.action {
    background-color: #ff4500;
}
.working {
    /*background-color: #FF6633 !important;*/
    background-color: #FA8072;
}
.completed {
    /*background-color: #009900 !important;*/
    background-color: #9ACD32;
}
.cancel {
    background-color: #cccccc;
}
.green10 {
    background-color: #d6f5ac;
}

.pagetop{
    position: fixed;
    bottom: 128px;
    right: 16px;
}
.pagetop a{
    display: block;
    text-decoration: none;
}
.pagetop:hover{
    opacity: 0.85 ;
}

.pagebottom{
    position: fixed;
    bottom: 96px;
    right: 16px;
}
.pagebottom a{
    display: block;
    text-decoration: none;
}
.pagebottom:hover{
    opacity: 0.85 ;
}

.alarm {color:#ffffff; background-color:#ff4500;}
.mnt {color:#000000; background-color:#ccff99;}
.tim {color:#000000; background-color:#CEECF5;}

/* .underln {text-decoration : underline} */

a.underln {/*リンクされた文字*/
    color:#000000;
    /* font-style:normal; */
    text-decoration:underline;
}
a.underln:link {/*未訪問のリンク*/
    color:#000000;
    /* font-style:normal; */
    text-decoration:underline;
}
a.underln:visited {/*訪問後のリンク*/
    color:#000000;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#0000ff;
    /* font-style:normal; */
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}

.search .panel-heading {
    cursor: pointer;
}
.search .accordion-toggle a:after {
    /*font-family: 'Glyphicons Halflings';*/
    content:"\e113";
    float: right;
    color: inherit;
}
.search .accordion-toggle a.collapsed:after {
    /*font-family: 'Glyphicons Halflings';*/
    content:"\e114";
    float: right;
    color: inherit;
}

input {background-color: #FFFF99;}
select {background-color: #FFFF99;}

.myarrow {
 padding: 0 0px 0 14px;
 background-image:url("../img/arrow1.png");
 background-repeat:no-repeat;
 background-position: 4px 4px;
}

