@charset "UTF-8";

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,div,ul,li,p,ol {
  box-sizing: border-box;
}

/*-------------------------------------------
グローバル設定（プログラマー向け）
---------------------------------------------
文字の大きさ */
body { font-size: 100%; }
/*

ヘッダーの高さ */
header {
  height: 80px;
  margin: 0 0 20px 0;
  padding: 20px;
}
@media (max-width: 768px) {
	header {
		margin: 0;
		margin-left: -0px;
		padding: 3px 0 0 0;
		height: 30px;
	}
}

/*
-------------------------------------------*/

/*-------------------------------------------
 カラー設定（置換する事で色を変更できます）
---------------------------------------------

  メイン（青）
--濃い--
 #059
 #39c
 #7cd
 #bee
--薄い--

  サブ（灰）
--濃い--
 #444
 #777
 #ccc
 #eee
--薄い--

  背景
#5b5b6a
#f9f9f4

-------------------------------------------*/


/*---------------------------------------------------------------------------
Font Awesome (アイコンフォント)
-----------------------------------------------------------------------------
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
/*-------------------------------------------------------------------------*/

#codeigniter_profiler,
#codeigniter_profiler fieldset,
#codeigniter_profiler table td,
#codeigniter_profiler legend { background-color: #111 !important; color: #ddd !important; }

html {
  background: #fff;
}

html, body {
  height: 100%;
  margin: 0px auto;
  font-family: "Helvetica Neue", "Lucida Grande", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "segoe UI", 游ゴシック, Meiryo, メイリオ, sans-serif;
  font-weight: normal;
  text-align: center;
}
#wrap {
  position: relative;
  margin: 0px auto;
  text-align: left;
  height: auto;
  /*min-width: 1000px;*/
  /*max-width: 1000px;*/
  background: #fff;
  /*box-shadow: 0 0 10px 0 hsla(0, 0%, 0%, 0.1);*/
}

/*------------------------------------------------------------
 Site Grobal
 ------------------------------------------------------------*/
a { color: #333; text-decoration: none; }
a:hover,
button:hover { opacity: 0.7; }
dt,dd { margin: 0; }
/*
table {
  width: 90%;
  clear: both;
  margin: 0 auto;
}
table tr th, table tr td {
  border: 1px solid #999;
  padding: 4px;
}
table tr:nth-of-type(odd) td { background: #f3f3f3; }
*/
/* メトリクス調整用汎用定義クラス（プログラマー向け） */
.width_66percent { width: 66%; }
.width_50percent { width: 50%; }
.width_40percent { width: 40%; }
.width_33percent { width: 33%; }
.width_25percent { width: 25%; }
.width_20percent { width: 20%; }
.float_left { float: left; }
.float_right { float: right; }

/*
input[type="button"], input[type="submit"], input[type="radio"] + label {
  display: block;
  float: left;
  cursor: pointer;
  border: none;
  width: 144px;
  margin: 10px;
  padding: 10px;
  background: #83C434;
  color: #FFF;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  transition: .2s;
  border-radius: 8px;
}
*/
/*------------ フォームパーツ ここから ------------*/
input,select{
  margin: 0 0.4em 0 0;
  font-family: "Helvetica Neue", "Lucida Grande", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "segoe UI", 游ゴシック, Meiryo, メイリオ, sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
	padding: 5px 10px;
}
/*
input[type="button"],
input[type="submit"],
input[type="button"],
input[type="submit"],
button {
  /*#background: #059 linear-gradient(to bottom,#059,#39c);* /
	background: #66AEF3 linear-gradient(to bottom, #6F6E77, #4F4E57)
  color: #fff;
  border: 0;
  margin: 0 10px 0 0;
  padding: 4px 10px;

	/* flat design * /
  /*box-shadow:  0 2px 5px 0 hsla(0,0%,0%,0.4);* /
  border-radius: 10px;
}
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
button:disabled {
  background: #ccc linear-gradient(to bottom,#777,#eee);
  box-shadow: none;
}
input[type="button"]:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover,
input[type="submit"]:disabled:hover,
button:disabled:hover {
  opacity: 1;
}
input[type="button"],
input[type="submit"],
input[type="radio"] + label,
input[type="checkbox"] + label,
input[type="color"] + label {
  cursor: pointer;
}
*/
* + label {
	padding: 3px;
  margin-left: 3px;
  margin-right: 3px;
}
*:checked + label > span.name {
  background: #afa;
  border-radius: 5px;
  /*color: #fff;*/
}
* + label:hover {
  background: #efe;
  border-radius: 5px;
}
/*
*:checked + label:hover {
  background: #fff;//#afa;
  border-radius: 5px;
}
*/
* + label > span.name {
	padding: 5px;
}


label.checkbox {
	display:inline-block;
	margin: 0px 10px 0 20px;
	padding: 0px;
  border-radius: 5px;
}
/*
label.checkbox input[type="checkbox"]:checked {
  background: #4caaed;
}
*/
/*
label.checkbox:hover input[type="checkbox"] {
  background: #d5f2f5;
  border-radius: 5px;
}
*/
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
  background: #bee;
}
input[type="button"]:focus, input[type="submit"]:focus, input[type="button"]:active, input[type="submit"]:active {
  background: #bee;
  outline: none;
}
input[type="checkbox"],
input[type="radio"] {
  /*display: none;*/
}
/***
input[type="checkbox"] + label,
input[type="radio"] + label {
  padding: 5px 13px 5px 10px;
  margin: 0 10px 0 0;
}
input[type="checkbox"] + label:hover,
input[type="radio"] + label:hover {
  background: #BEE;
}
input[type="checkbox"]:checked + label:hover,
input[type="radio"]:checked + label:hover {
  background: #d5f2f5;
	color:#000;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  padding: 2px 7px 2px 0;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.33333333em;
  text-align: center;
  display: inline-block;
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -10%;
}
***/
input[type="radio"] + label:before {
  /*content: "\f10c";*/
}
input[type="radio"]:checked + label:before {
  /*content: "\f192";*/
}
input[type="checkbox"] + label:before {
  /*content: "\f096";*/
}
input[type="checkbox"]:checked + label:before {
  /*content: "\f046";*/
}


.nomark input[type="checkbox"],
.nomark input[type="radio"] {
  display: none;
}

input.date_input {
	width: 100px;
}

select.input-sm {
  padding: 0 8px;
}

/*
textarea, input[type="text"], input[type="password"] {
  margin: 0 0 20px 0;
}
*/
/*------------ フォームパーツ ここまで ------------*/

/*------------------------------
 header
 ------------------------------*/
/*----- header タイトルロゴ -----*/
.authentication header {
  margin: 0 0 20px 0;
  padding: 20px;
  position: relative;
	background-position: center;
}

.authentication header h1 {
	width: 500px;
	height: 100px;
  margin: 0 auto;
  padding: 0;
}
.authentication header h1 a {
	display: block;
  background-image: url(../../local/img/header_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: rgba(0,0,0,0);
	width: 100%;
	height: 100px;
  margin: 0;
  position: relative;
  z-index: 100;
}

header {
/*  margin: 0 0 20px 0;
  padding: 20px;*/
  position: relative;
	background-position: center;
}

header h1 {
	width: 500px;
	height: 100px;
  margin: 0;
  padding: 0;
}

header h1 a {
	display: block;
  background-image: url(../../local/img/header_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: rgba(0,0,0,0);
	width: 100%;
	height: 100px;
  margin: 0;
  position: relative;
  z-index: 100;
}
header h1 a:after {
  content: "";
  font-size: 50%;
}

.sys-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
}
.sys-nav button {
  display: block;
  float: right;
  height: 50px;
  width: 120px;
  line-height: 50px;
  /*color: #fff;*/
  background: #ddd;
  border: 0;
  border-radius: 10px;
  margin: 20px 20px 20px 0;
  padding: 0;
  font-weight: normal;
}
.sys-nav button.logout:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f09c';
  color: #666;
  font-size: 12pt;
  margin-right:0px;
}


/* ユーザー情報 */
header .login-user-info {
	margin-top: -10px;
	color: #333;
	float:right;
}
header .login-user-info dt,
header .login-user-info dd {
  display: inline;
}
header .login-user-info dt {
  clear: both;
}
header .login-user-info dt:after {
  content:": ";
}

/*------------------------------
 article
 ------------------------------*/
article {
  padding: 20px;
  min-height: 400px;
  overflow: hidden;
}

.in-iframe article {
  padding: 5px;
}

header + article {
  margin: -20px 0 0 0;
}
article section {
  clear: both;
  overflow: hidden;
  padding: 10px;
}
article h1,
article h2,
article h3,
article h4,
article h5 {
  margin: 0 0 20px 0;
}
article h1 {
  letter-spacing: 0.2em;
  text-align: center;
  background: #ccc;
  font-size: 1.5em;
}
article > h1:first-of-type {
  margin: 0 0 20px 0;
}
article h2 {
  font-size: 1.2em;
}
article h3 {
  font-size: 1.0em;
}
article h4 {
}
/*------------------------------
 footer
 ------------------------------*/
footer {
  clear: both;
	margin-top:60px;
  padding: 10px 20px;
  background: #444;
  color: #fff;
}
footer p {
  margin: 0;
}

/*------------------------------
 汎用パーツ
 ------------------------------*/
/* dl形式　ラジオボタン＆チェックボックス */
.select_conditions {
}
.select_conditions dt {
  background: #eee;
  display: block;
  clear: both;
  margin: 0 0 10px 0;
}
.select_conditions dd {
}
.select_conditions dd div {
  overflow: hidden;
  clear: both;
  margin: 0 0 10px 0;
}
.select_conditions dd div:last-of-type {
  margin: 0 0 20px 0;
}
.select_conditions dd:last-of-type div:last-of-type {
  margin: 0;
}
.select_conditions dd label {
  display: block;
  float: left;
}

/* ポップアップツール */
.popup_tools {
    position: fixed;
    background: #ddd;
    padding: 20px;
    box-shadow: 0 0 20px 0 #000;
    z-index: 20000;
}

/* カラー設定 input[type="color"] */
.color_graph_conditions {}
.color_graph_conditions div {
  padding: 10px;
}
.color_graph_conditions input[type="checkbox"] + label {
  float: none;
  display: inline-block;
  margin: 0 0 0 10px;
}
.color_graph_conditions input[type="color"] {
  border: 0;
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 4px 0 hsla(0,0%,0%,0.2);
  padding: 0;
  outline: 2px solid #ccc;
}
.color_graph_conditions input[type="color"]:hover {
  box-shadow:  0 2px 5px 0 hsla(0,0%,0%,0.4);
  outline: 4px solid #39c;
}
.color_graph_conditions input[type="color"]:disabled {
  box-shadow: none;
  border-radius: 5px;
  outline: none;
}

/* amcharts グラフビュー */
.graph_view > div {
  margin: 0 0 20px 0;
}
.graph_view .btn_sortable {
  text-align: center;
}
.graph_view .btn_sortable button {
  width: 35%;
}
.graph_view_indv {
  margin: 0 0 40px 0;
}
.graph_view_indv .btn_sortable {
  text-align: center;
}
.graph_view_indv h3 {
  overflow: hidden;
  background: #eee;
  padding: 5px;
}
.graph_view_indv h3 .title_graph {
  float: left;
  padding: 4px 10px;
  width: 75%;
}
.graph_view_indv .tool-button {
  float: right;
}
.graph_view_indv .table_graph_data table {
  margin: 0;
}

/*
dl {
	margin: 0;
}

dt {
  float:left;
  width: 100px;
  padding: 2px 12px;
  margin-right: 8px;
  background: #d5f2f5;
	color: #444;
	font-weight:bold;
}

dd {
  margin-top: 2px;
}
*/
/* tablesorter */
table.tablesorter {
	width: 100%;
	margin:10px 0pt 15px;
}

table.tablesorter thead tr th{
  background-repeat: no-repeat;
  background-position: center right;
  font-weight:normal;
  height: 30px;
  padding:0 0 0 4px;
  background-color: #e1edf5;
}

table.tablesorter thead tr .header {
  background-image: url(../../img/tablesorter/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  font-weight:normal;
  height: 30px;
  padding:0 0 0 4px;
  background-color: #e1edf5;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url(../../img/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(../../img/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8;
}

table.tablesorter tbody tr.tr_selected td {
  background: #b1d6f0;
}

div.results table tbody tr:hover td {
  background: #ffffaa !important;
}

div.err_msg {
  background: #f77;
  color: #ffffff;
  padding-left:10px;

}

.fll { float:left; }

.ui-sortable-helper {
	list-style-type: none;
}

.cb { clear: both; }

#error {
  margin: 0 50px;
  padding: 20px;
  border: 2px solid #f66;
  border-radius: 5px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}