@CHARSET "UTF-8";

/* ------------ Font Style */
body, a, table, td, th, div, pre, form, fieldset, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6, textarea, p, blockquote, input ,select  {
    font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* A Style */
/* 未訪問リンクの色をblueにする。*/
a:link { text-decoration: underline; color: blue; }

/* 訪問済みリンクの色を薄い青にする。*/
a:visited { text-decoration: underline; color: #6666FF; }

/* マウスカーソルを乗せたリンクの色をblueにする */
a:hover { text-decoration: underline; color: blue; }

/* 選択リンクの色を濃い青にする */
a:active { text-decoration: underline; color: #333399; }


/* PREタグの自動改行 */
PRE {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 */
	word-wrap: break-word; /* IE 5.5+ */
}

/* メインメニュー */
#ebase6_mainmenu {
	//background-color : #A9AAA1;
	font-size : 24px;
}

/* コントロールメニュー */
#ebase6_controlmenu {
	background-color : #a5a5a5;
	position : fixed;
	bottom : 0;
	left:0;
	width : 100%;
	height : 60px;
}

/* アカウント表示 */
#ebase6_account {
	float : right;
	font-size : 10px;
	color : #33c;
}

/* メニュータイトル */
#ebase6_menulist_title {
	background-color : #bfbfff;
	color : #000000;
	text-align : center;
	//position : fixed;
	//bottom : 420px;
	//left : 20px;
	width : 300px;
	height : 30px;
	font-size :24px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}

/* メニューリストのCLOSEボタン */
#ebase6_menulist_close {
	width : 300px;
	height: 30px;
	text-align :center;
	vertical-align: middle;
	background-color: #c0c0c0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* ボディ部 */
#ebase6_body {
	position : fixed;
	top : 130px;
	left : 0;
	bottom : 40px;
	width : 1500px;
	min-width : 600px;
	max-width : 2000px;
}

/* パラメータの表示部分 */
.ebase6_pamview {
	background-color : #8080c0;
	color : #ffffff;
	width : 100%;
}

/* 初期画面 */
div.ebase6_initial_body {
	margin: -250px 0 0 -300px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 500px;
	background-color: #FFF;
	color: black;
}

/* 個別メニュー */
#ebase6_controlfield {
	width : 100%;
	color : black;
	background-color : white;
	margin-top : 2px;
	margin-left : 2px;
	padding-top : 2px;
}

/* 個別データ部 */
#ebase6_datafield {
	color : black;
	background-color : white;
	overflow : auto;
	/*
	margin-top : 2px;
	margin-left : 2px;
	margin-bottom : 45px;
	*/
	margin:0px;
	padding: 0px;
	height:100%;
}


#ebase6_initial_foot{
	margin:0px;
	padding:2px;
}

/* ポップアップ */
#ebase6_popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	background-color : #fff;
}
#ebase6_popup_head {
	background-color : #aaf;
}
#ebase6_popup_title {
	display : inline;
	vartical-text :
}
#ebase6_popup_body {
	background-color : #fff;
	color : #000;
}
#ebase6_popup_foot {
	position: absolute;
	bottom : 0;
}

/* 画面フィルタ */
.ebase6_shadow {
	position: fixed;
	margin: 0 0 0 0;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	display: none;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

#ebase6_print {
	display : none;
}

/* nowloading */
#ebase6_nowloading {
	position: fixed;
	top: 50%;
	left: 50%;
	width : 128px;
	height : 128px;
}

/*icon botton*/
.ebase_icon_btn{
  display: inline-block;
  text-decoration: none;
  color: #668ad8;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  border: solid 2px #668ad8;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
}
.ebase_icon_btn:hover {
    background: #b3e1ff;
}

/* normal button */
.ebase_btn{
  display: inline-block;
  text-decoration: none;
  color: #668ad8;
  width: 150px;
  height: 30px;
  line-height: 30px;
  border-radius: 20%;
  border: solid 2px #668ad8;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
  font-size:10px;
}
.ebase_btn:hover {
    background: #b3e1ff;
}

/* enabled button */
.ebase_enableBtn{
  display: inline-block;
  text-decoration: none;
  color: rgb(80,110,230);
  width: 150px;
  height: 30px;
  line-height: 30px;
  border-radius: 20%;
  border: solid 2px rgb(80,110,230);
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
  font-size:10px;
}
.ebase_enableBtn:hover {
    background: rgb(130,210,255);
}

/* disabled button */
.ebase_disableBtn{
  display: inline-block;
  text-decoration: none;
  color: rgb(110,110,110);
  width: 150px;
  height: 30px;
  line-height: 30px;
  border-radius: 20%;
  border: solid 2px rgb(110,110,110);
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
  font-size:10px;
}
.ebase_disableBtn:hover {
    background: rgb(140,140,140);
}

.fusen {
	padding: 0.5em 1em;
	margin: 1em 0;
	color: #5d627b;
	background: white;
	width: 100%;
	height: auto;
	word-break: break-all;
	font-size: 9px;
	border-top: solid 5px #5d627b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.fusen p {
	margin: 0;
	padding: 0;
}

.highlight {
	border: 1px solid yellow;
	background-color:yellow;
}

/** 文字とアイコン横並び **/
.flex {
  display: flex;
}
.flex .image {
  position: relative;
  overflow: hidden;
  margin : 0;
  padding: 0;
}

/**アニメーション**/
.dqmsg {
  width: 96%;
  margin: 2%;
  white-space: pre;
  overflow: hidden;
  -webkit-animation: ozDq 3s steps(70, end) ;
}
.dqmsg:after {
  content: '▶';
  -webkit-animation: ozPulse 1s infinite ease;
}
.blink {
  -webkit-animation: ozPulse 1s infinite ease;
}
@-webkit-keyframes ozDq { from { width: 0; } }
@-moz-keyframes ozDq { from { width: 0 } }
@-webkit-keyframes ozPulse {
  from { opacity: 1; }
  to { opacity: 0; }
}
@-moz-keyframes ozPulse {
  from { opacity: 1; }
  to { opacity: 0; }
}