@charset "UTF-8";


body {
    /* line-height:1; */ /* SAYURI KADO モック対応中 20170126 */
}

/*------------------------------------*/
/* ヘッダー                           */
/*------------------------------------*/
/*		
#header{
    padding:0px 0;
    background:#ffffff;
    font-size: 24px;
    margin:0px;
}
*//* SAYURI KADO モック対応中 2017131 ヘッダの高さを狭く*/

.inner{
    /* width:1000px; */  /* SAYURI KADO モック対応中 20170126 */
    margin:0 auto;
    overflow:hidden;
    /*  position:relative; */
}
.loginuser{
    font-size:100%;
    text-align:right;
}
.logout{
    text-align:right;
}

.login_btn:hover {
    cursor:pointer;
    background-color:#ffffff;
}

/*------------------------------------*/
/* グローバルナビゲーション           */
/*------------------------------------*/

.btn {
    background: #1060bb;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    width: 100px;
    padding: 10px 0;
}
.btn2 {
    background: #1060bb;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffc90f;
    width: 100px;
    padding: 10px 0;
}

.btn:hover,
.btn2:hover {
    cursor:pointer;
    background-color:#ffffff;
    color: #000000;

}

.btn_n {
    background: #1060bb;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    width: 100px;
    padding: 10px 0;
}

/*------------------------------------*/
/* 検索                               */
/*------------------------------------*/

.search {
    width:960px;
    padding:10px 20px 0 20px;
    margin:0 auto;
    background: #FFFFFF;
    border: 1px solid #dddddd;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position:relative;
    font-size:80%;
}

.search_btn {
    background: #eeeeee;
    border: 1px solid #aaaaaa;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #000000;
    width: 100px;
    padding: 6px 0;
}
.chg_btn {
    background: #eeeeee;
    border: 1px solid #aaaaaa;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #000000;
    width: 70px;
    padding: 6px 0;
}
.all_width_btn {
    background: #eeeeee;
    border: 1px solid #aaaaaa;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #000000;
    min-width: 100px;
    padding: 6px 0;
}
.all_width_btn:hover, 
.chg_btn:hover, 
.search_btn:hover{
    cursor:pointer;
    border: 1px solid #d5f0f7;
}


.all_width_btn:disabled,
.chg_btn:disabled,
.search_btn:disabled{
    background: #666666;
	cursor:default;
    border: 1px solid #aaaaaa;
}
.change_row{
    background: #87CEEB;
}

span.f_right_10 {
    position:absolute;
    right:10px;
}

span.f_right_30 {
    position:absolute;
    right:30px;
}

span.f_right_115 {
    position:absolute;
    right:115px;
}

span.f_right_130 {
    position:absolute;
    right:130px;
}

span.f_right_220 {
    position:absolute;
    right:220px;
}

.disp_btn {
    width:960px;
    padding:10px 20px 0 20px;
    margin:0 auto;
    position:relative;
}
span.f_left_30 {
    position:absolute;
    left:30px;
}


/*------------------------------------*/
/* コンテンツ                         */
/*------------------------------------*/
/* 外枠 */
div.x_data_area {
  /* height: 480px; */		/* SAYURI KADO モック対応中 20170126 */
  /* width: 1000px; */		/* SAYURI KADO モック対応中 20170126 */
  margin:0 auto;
  border: 1px solid #dddddd;
  /* font-size:80%; */		/* SAYURI KADO モック対応中 20170126 */
}
/* 外枠 */
div.x_data_area_csv {
  height: 480px;
  width:  330px;
  margin:0 auto;
  border: 1px solid #dddddd;
  font-size:80%;
}

div.scroll_div { 
overflow: auto; 
}

table.data {
  table-layout: fixed; /* 内容を固定 */
  border-collapse: separate;
  border-spacing: 0; /* tableのcellspacing="0"の代わり */
  border-left: 2px groove #ffffff;
}
 
table.data th,
table.data td {
  padding: 2px;
  border-right: 2px groove #ffffff;
  border-bottom: 2px groove #ffffff;
  height:24px;
}
 
table.data th.r_none,
table.data td.r_none {
  border-right: none; /* 右ボーダーの重なりを防止 */
}
 
table.data th {
  border-top: 2px groove #ffffff;
  background-color:#d5f0f7;
}
 
table.data th,
table.data td {
  overflow: hidden; /* データが幅を超えたとき非表示に */
  white-space: nowrap; /* データの折り返しを防止 */
}
 
table.data td p {
  margin: 0; /* 余分なマージンを消去 */
}
 
/* IE6 */
table.data {
  _border-collapse: collapse; /* IE6がborder-spacing: 0;に対応していないので */
}
 
/* IE7 */
*:first-child+html table.data {
  border-collapse: collapse; /* IE7がborder-spacing: 0;に対応していないので */
} 

.width1000 {
  width: 978px;
}

.datachange {
  font-size:140%;
}

.datacdanger  {
  color:#ff0000;	//red
}
.datacnormal  {
  color:#000000;	//black
}
.datagreen {
	color:#008800;
}
.tableSite {
	table-layout: fixed; /* 内容を固定 */
	/* border-top: 1px solid #B6C0C1; */
	border: 1px #B6C0C1 solid;
	width:100%;
	/*border-collapse: collapse;*/
}
.thStyle {
	background-color:#B6E0E3;
	/* border-bottom: 1px solid #B6C0C1; */
	font-weight: normal;
	border: 1px #B6C0C1 solid;
	padding: 10px;
}
.tdStyle {
	background-color:#FFF;
	/* border-bottom: 1px solid #B6C0C1; */
	font-weight: normal;
	border: 1px #B6C0C1 solid;
	padding: 10px;
}

.tableOutCsv{
	table-layout: fixed; /* 内容を固定 */
  	border-collapse: separate;
  	border-spacing: 0; /* tableのcellspacing="0"の代わり */
  	padding: 10px;
}


.red_btn {
	background: #ff0000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	width: 70px;
}
.green_btn {
	background-color: #008000;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	width: 70px;
}
.yellow_btn {
	background-color: #ffff99;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	width: 70px;
}
.nomal_btn {
	/*background-color: #ffff99;*/
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	width: 70px;
}
.visible_span {
	/*visibility: visible;*/
}
.hidden_span {
	/*visibility: hidden;*/
	display: none;
}

.input_number {
	width:100px;
	text-align: right;
}
/*------------------------------------*/
/* ページトップ                        */
/*------------------------------------*/
.pagetop{
    font-size:78%;
    clear:both;
}

/*------------------------------------*/
/* メイン                             */
/*------------------------------------*/
/*
#main{
    width:900px;
    margin-bottom:40px;
    float:center;
}
*/
/*------------------------------------*/
/* フッター                           */
/*------------------------------------*/
#footer{
    clear:left;
    padding:0px 0;
    background:#ffffff;
}

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

	Title

*************************************************/
.h2_ttl01 {
	padding: 10px 18px;
    font-size: 180%;
    color: #38B7AA;
}

/* カラーピッカー */
.simplecolorpicker.picker {
	/*max-width: 310px;*/
}
.simplecolorpicker.regularfont span.color[data-selected]:after {
	margin-right: 3.8px !important;
	margin-left: 3.8px !important;
	font-size: 12px;
}

/********** graphStock ***********/
input.btnCngDate{
	background-color: #eeeeee;
	border: 1px solid #a7a7a7;
	color: black;
	height: 31px;
	padding-bottom: 0px;
	vertical-align : middle;
	width: 22px;}
	input.btnCngLeft{
		border-radius: 5px 0px 0px 5px !important;}
	input.btnCngRight{
		border-radius: 0px 5px 5px 0px !important;}
		
/*********** statchg *************/

/** ローディングイメージCSS **/
.spinner {
  height: 30px;
  width: 100%;
  padding-top: 15px;
  text-align: center;
  background-color: #e4f0f1;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #42a2f6;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out both;
  animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/******************** 現在地CSS ***********************/
tr.mesureNomal > td {
	
}

tr.mesureLow > td {
	background-color: #fefecd !important;
	color: #F5485A !important;
}

tr.mesureHigh > td {
	background-color: #FFDCE0 !important;
	color: #F5485A !important;
}