@charset "UTF-8";

/*/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣/￣
 *  共通CSS
/*/

html {
  height:100%;
  overflow-y:scroll;
  background:#f1f1f1;
}
body {
  position:relative;
  overflow:hidden;
  color:#333;
  background:#f1f1f1;
  word-wrap:break-word;
  -webkit-tap-highlight-color:transparent;
}

body {
  min-width: 640px;
}

/* フォント基本 */
body {
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
input, select, button, textarea, pre {
  font-family: inherit;
}
select, button {
  font-family: inherit;
  font-size: 0.875rem;
}

/* レイアウト */
#wrapper, .wrapper {
}

#header,
.header {
  display: block;
  position: fixed;
  width:100%;
  height: 44px;
  left:0;
  top:0;
  margin:0;
  background-color: #FFF;
  z-index:1001;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

#header #siteLogo {
  margin-top: 2px;
}

#header #siteLogo a {
  display:inline-block;
  width:300px;
  height:40px;
  background: url("../img/applogo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: 300px 40px;
}

#container, .container {
  margin-top: 64px;
  padding: 5px;
}

#sidemenu, .sidemenu {
}

#contents,
.contents {
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px;      /*ブロック内の余白*/

  background: #fff; /*背景色（古いブラウザ用）*/
  background: rgba(255,255,255,0.8);  /*背景色。rgba値は左３つが色指定(この場合は白)で最後の小数点が透明度。*/
  border-radius: 10px;  /*角丸のサイズ。大きくすれば角の丸みが大きくなる。角丸が不要ならこの１行削除。*/
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);  /*影の設定。右へ・下へ・ぼかし幅・色(rgba)の設定。rgba値は左３つが色指定(この場合は黒)で最後の小数点が透明度。*/
  box-shadow: 0 0 6px rgba(0,0,0,0.3);      /*同上*/
  overflow: hidden;
}

#footer,
.footer {
  padding: 4px 8px;
  border: 1px solid #ccc;
  /* border-top: 3px solid #22ff00; */
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;

  min-height: 28px;
  margin-top:20px;
}


/* リンク */
a {
  color: #0000EE;
  text-decoration:underline;
  outline:0;
}
a:focus {
  outline:none;
}
a:visited {
  color: #0000EE;
}
a:hover {
  color: #EE0000;
  text-decoration: none;
}

img {
 line-height:0;
 vertical-align:middle;
}

.inline-block {
  display:inline-block;
}

.required {
  color: #CD0000;
  font-weight: normal;
}

.noclip {
  display:inline-block;
  width:20px;
  height:13px;
}

label input {
    margin-top:4px;
    vertical-align: top;
}

span {
  display:inline-block;
}

.attached a,
.action a {
  display:inline-block;
  width:24px;
  height:24px;
  margin:0 2px;
  background-size: 24px 24px;
}

.attached a.pdf {
  background: url("../img/24/acroread.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.attached a.docu {
  background: url("../img/24/docuworks.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.attached a.file {
  background: url("../img/24/document.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.action a.edit {
  background: url("../img/24/edit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.action a.del {
  background: url("../img/24/eraser.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}



/* Loading */
#loader {
  background-color: rgba(204,204,204,0.3);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
#loader img {
  /* background: #fff; */
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}

/* breadcrumb */

.breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 2px;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: gray;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

/* ページネート */
div.paginate,
div.flexrow {
  display:-moz-box;/*--- Android旧ブラウザ用 ---*/
  display:-webkit-box;/*--- Android旧ブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display:-webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  justify-content:space-between;
  align-items: center;
}




/*　チェック ラベル */
.checked-label input[type=checkbox],
.checked-label input[type=radio] {
  display: none;
}

.checked-label label {
  width: auto;
  display: block;
  padding: 4px 4px 4px 4px;
  border: 1px solid #ccc;
  background: #fdfbfb;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
  cursor: pointer;
}

.checked-label.ib label {
  width: auto;
  display: inline-block;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
}


.checked-label.blue input[type=checkbox]:checked + label,
.checked-label.blue input[type=radio]:checked + label {
  color: #ffffff;
  background: #68b6f2;
  background: -webkit-gradient(linear, left top, left bottom, from(#68b6f2), to(#458cff));
  background: -webkit-linear-gradient(top, #68b6f2 0%, #458cff 100%);
  background: linear-gradient(to bottom, #68b6f2 0%, #458cff 100%);
}

.checked-label.green input[type=checkbox]:checked + label,
.checked-label.green input[type=radio]:checked + label {
  color: #444444;
  background: #b5ffaa;
  background: -webkit-gradient(linear, left top, left bottom, from(#b5ffaa), to(#91ff80));
  background: -webkit-linear-gradient(top, #b5ffaa 0%, #91ff80 100%);
  background: linear-gradient(to bottom, #b5ffaa 0%, #91ff80 100%);
}

/*　自己コメント */
.self_comment {
  border: solid 1px #000000;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* ファイルアップロード
--------------------------------------*/
.drag-drop-area{
    background: #ffffcc;
    margin: 0 0 5px;
    padding: 0 5px 0;
    border: dashed 1px #ff9900;
}

.dragover{
    background: #ffcc00;
    margin: 0 0 5px;
    padding: 0 5px 0;
    border: dashed 1px #ff9900;
}
.uploading{
    background: #e5e5e5;
    margin: 0 0 5px;
    padding: 0 5px 0;
    border: dashed 1px #cccccc;
    cursor : wait;
}

/* 枠線なしのテーブル */
#fileTable {
  width:100%;
  border-style: none;
  background-color:transparent;
}

#fileTable th {
  border-style: none;
  background-color:transparent;
}

#fileTable td {
  border-style: none;
  background-color:transparent;
  padding: 0;
}