@CHARSET "UTF-8";

/* base
------------------------------------------------*/
*{
  margin: 0;
  padding: 0;
  touch-callout: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -khtml-touch-callout: none;
}

/*reset*/
input[type="submit"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  -webkit-border: none;
  box-sizing: border-box;
  cursor: pointer;
  background-color: none;
    color: none;
}

input[type="button"]{

  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  -webkit-border: none;
  box-sizing: border-box;
  cursor: pointer;
  background-color: none;
    color: none;
}


body , html {
    height: 100%;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

a{
	text-decoration: none;
}

input[type="text"]{
  border-top: 1px solid #CCCCCC;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #CCCCCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 10px;
  line-height: 36px;
  color: #666666;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin: 7px 0;
}

input[type="email"]{
  border-top: 1px solid #CCCCCC;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #CCCCCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 10px;
  line-height: 36px;
  color: #666666;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin: 7px 0;
}

input[type="password"]{
  border-top: 1px solid #CCCCCC;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #CCCCCC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 10px;
  line-height: 36px;
  color: #666666;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin: 7px 0;
}

select{
    color: #666666;
    width: 100%;
    font-size: 12px;
    padding: 5px 20px 5px 5px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #CCCCCC;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #FFFFFF;
    background-image: url(../../app/images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px 15px;
}

textarea{
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #CCCCCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    padding-top: 4px;
    padding-bottom: -8px;
    color: #666666;
    width: 100%;
    font-size: 16px;
}

#container {
	position: relative;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}

/* header
------------------------------------------------*/
#header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	z-index: 10;
	background-color: #FFFFFF;
	border-bottom: 1px solid #99CCFF;
}

#header h1{
	margin: 0 50px;
	text-align: center;
	font-size: 18px;
	line-height: 50px;
}

#header-logo{
	position: absolute;
	top: 5px;
	left: 12px;
}

#header-logo img{
	height: 18px;
}

#header-menu{
	float: right;
	margin-top: 2px;
	margin-right: 10px;
}

#header-menu a{
	font-size: 12px;
	color: #333333;
	padding-left: 20px;
	padding-right: 15px;
	border-left: 1px dotted #CCCCCC;
}

#header-right{
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#header-right img{
	width: 24px;
	height: 24px;
	margin-top: 13px;
}

#header-right a{
	display: block;
	color: #999999;
}

#header-left{
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	text-align: center;
}

#header-left img{
	width: 24px;
	height: 24px;
	margin-top: 13px;

}

#header-left a{
	display: block;
}

/* header-type
------------------------------------------------*/
.base-header{
	border-bottom: 1px solid #3399FF;
	background-color: #FFFFFF;
}

.pad-header{
	border-bottom: 1px solid #8CBD3A;
	background-color: #FFFFFF;
}

.str-header{
	border-bottom: 1px solid #F27B9E;
	background-color: #FFFFFF;
}

/* menu
------------------------------------------------*/
#menu{
	position: fixed;
	top: 30px;
	left: 0;
	bottom: 0;
	width: 200px;
	background-color: #99CCFF;
}

#menu ul{
	list-style-type: none;
}

#menu li{

}

#menu li a{
	display: block;
	color: #FFFFFF;
	background-color: #66B3FF;
	border-bottom: 1px solid #FFFFFF;;
	padding: 10px;
	font-size: 14px;
}

#menu li a:hover{
	background-color: #3399FF;
}

#menu li a.menu-on{
	background-color: #3399FF;
	font-weight: bold;
	background-image: url(../images/menu_arrow01.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu li ul li a{
	display: block;
	background-color: #FFFFFF;
	color: #333333;
	padding: 7px 10px 7px 15px;
	font-size: 12px;
	margin-bottom: 1px;
}

#menu li ul li a:hover{
	background-color: #EBF5FF;
}

#menu li ul li a.menu-on{
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/menu_arrow02.png);
	background-repeat: no-repeat;
	background-position: right center;
}


/* wrapper
------------------------------------------------*/
#wrapper{
	position: relative;
	padding-top: 30px;
	padding-bottom: 50px;
	margin-left: 200px;
}

#wrapper-menu h2{
	background-color: #E6E6E6;
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 8px;
}

#wrapper2{
	position: relative;
	padding: 50px;
	margin-left: 200px;
}

#wrapper2 h1{
	font-size: 24px;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 15px;
	border-bottom: 1px dashed #CCCCCC;
}

/*login
------------------------------------------------*/
#login{
	margin-left: auto;
	margin-right: auto;
	width: 540px;
	padding: 50px;
	font-size: 14px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #3399FF;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

#login h1{
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 0.2em;
}

#login input[type="submit"]{
	font-size: 16px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	background-color: #3399FF;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

#login input[type="button"]{
  font-size: 16px;
  margin-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
  background-color: #3399FF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}


#login a{
	color: #3399FF;
}

/* first
------------------------------------------------*/
#first-display{
	margin: 15px;
	padding: 15px;
	background-color: #FFFFFF;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

#first-display h1{
	font-size: 21px;
	color: #F27B9E;
	text-align: center;
	margin: 15px 0 30px 0;
}

#first-icon{
	color: #3399FF;
}

#first-icon img{
	width: 150px;
	height: 50px;
	margin: 10px 0 30px 0;
}

#first-reminder-link{
	margin-top: 30px;
}

#first-reminder-link a{
	color: #3399FF;
	text-decoration: underline;
}

#home-display{
	display: block;
	padding: 30px;
}

#home-display a{
	display: block;
	border-top: 1px solid #F1F1F1;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #F1F1F1;
	height: 80px;
	line-height: 80px;
	padding: 0 15px;
	font-size: 18px;
	color: #000000;
	background-color: #FFFFFF;
	margin-bottom: 30px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

#home-display img{
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 15px;
	margin-top: 20px;
}

/* footer
------------------------------------------------*/

#footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
}

#footer a{
	display: block;
	height: 50px;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
}

#footer img{
	width: 28px;
	height: 24px;
	margin-top: 6px;
	margin-bottom: -4px;
}

#footer .menu-on{
	background-color: #339900;
}

#footer .menu-off{
	background-color: #3399FF;
}

#footer-menu .cell{
	position: relative;
}

#footer-menu .badge{
	position: absolute;
	top: 6px;
	right: 20%;
	width: 10px;
	height: 10px;
	background-color: #FF0000;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

/* entry
------------------------------------------------*/

#entry-container{
	padding: 5px;
}

/* タイル型 */
.entry{
  position: relative;
  padding: 15px;

  margin-bottom: 5px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #CCCCCC;
  font-size: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;

}

.entry h2{
	font-size: 21px;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 80px;
	color: #000000;
	line-height: 50px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.entry-detail{
	font-size: 13px;
	color: #666666;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.entry-image{
	float: left;
	width: 50px;
	height: 50px;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #E6E6E6;
	-moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;

}

.entry-content{
	position: relative;
	padding: 5px;
	font-size: 12px;

	-moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.entry-time{
	position: absolute;
	top: 10px;
	left: 0;
	width: 95px;
	min-height: 65px;
	padding: 6px 0;
	margin-top: 10px;
	margin-left: 15px;
	text-align: center;
	line-height: 21px;
	color: #000000;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	-moz-border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  -khtml-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.entry-time span{
	display: block;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px solid #CCCCCC;
}

.entry-summary{
	font-size: 14px;
	text-align: center;
	/*background-color: #F8F2E0;*/
	/*background-color: #FAF5E8;*/

	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.entry-summary strong{
	font-size: 14px;
	font-weight: normal;
}

.entry-summary .table{
	margin-top: 2px;
	margin-bottom: 2px;
}

.entry-summary .cell{
	padding: 0 2px 14px 2px;
}

.entry-menu{
	float: right;
}

.entry-menu a{
	font-size: 12px;
	padding: 5px 15px;
	color: #666666;
}

.entry-menu a.button{
	background-color: #66B3FF;
	color: #FFFFFF;
	font-weight: bold;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.entry-detail-button a.button{
	position: absolute;
	top: 90px;
	right: 30px;
	padding: 0 30px 0 15px;
	line-height: 54px;
	background-color: #3399FF;
	background-image: url(../images/arrow_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20px 20px;
	color: #FFFFFF;
	font-size: 14px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;

}

.entry-detail-button a.button:hover{
	background-color: #66B3FF;
}

.entry-graph{
	position: relative;
	display: block;
	margin-top: 100px;
	height: 350px;

	/*background-color: #EBF5FF;*/
}

.entry-alert{
	padding: 0 100px;
}

/* list-entry
------------------------------------------------*/
.list-entry{
	position: relative;
	background-color: #FFFFFF;
	background-image: url(../images/icon_next.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: right center;
	border-bottom: 1px solid #E6E6E6;
	padding: 15px 30px 15px 15px;
	min-height: 60px;
	font-weight: bold;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.list-entry span{
	float: right;
	font-size: 14px;
	font-weight: normal;
	margin-top: 4px;
	margin-left: 10px;
	color: #999999;
}

.list-entry a{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.list-entry h2{
	font-size: 18px;
}

.list-entry h3{
	float: right;
	font-size: 16px;
	font-weight: normal;
}

.list-entry .safe{
	color: #999999;
}

.list-entry .warn{
	color: #FF0000;
}

.list-entry-image{
	float: left;
	width: 60px;
	height: 58px;
	margin-top: -15px;
	margin-right: 15px;
	margin-left: -15px;
}

/* comment-entry
------------------------------------------------*/
#comment{
	padding: 15px 10px;
    -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#comment .safe{
	color: #0033FF;
}

#comment .alert{
	color: #FF0000;
	/*background-color: #FFFFCC;*/
}

.comment-entry{
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.comment-entry h4{
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}



/* data
------------------------------------------------*/
#data-display{
	position: fixed;
	top: 30px;
	left: 200px;
	right: 0;
    height: 170px;
	padding: 25px 15px 15px 15px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E6E6E6;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#data-display h1{
	line-height: 14px;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 4px;
}

#data-kind{
	position: absolute;
	top: 20px;
	right: 240px;
	font-size: 14px;
	color: #999999;
}

#data-display-back{
	position: absolute;
    top: 15px;
    right: 30px;
    font-size: 12px;
}

#data-display-back a{
	color: #3399FF;
	margin-left: 10px;
	letter-spacing: 0.1em;
	padding: 6px;
	border-bottom: dotted 1px #E6E6E6;
}

#data-display-back a:hover{
	border-bottom: dotted 1px #66B3FF;
}

#data-display-menu{
    position: absolute;
    bottom: 10px;
    right: 30px;
    font-size: 12px;
}

#data-display-menu a{
	color: #333333;
	margin-left: 10px;
}

#data-display-content{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 10px 5px 5px 5px;
	background-color: #FFFFFF;
	color: #333333;
	filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#data-display-content img{
	width: 20px;
	height: 20px;
}

#data-display-edit-button{
	float: right;
	padding: 0 15px;
}

#data-display-delete-button{
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
}

#data-display-date{
	color: #666666;
	padding: 0 5px;
	font-size: 14px;
	float: left;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#data-display-comment{
	padding: 0 5px 5px 5px;
}

#data-display-comment textarea{
	width: 85%;
	float: left;
}

#data-display-comment-button{
	float: right;
	width: 15%;
	padding-left: 5px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#data-display-comment-button a{
	display: block;
	padding: 5px 0;
	background-color: #999999;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

#data-display-sub-menu{
	position: absolute;
	left: 50px;
	right: 150px;
	bottom: 0;
	line-height: 36px;
	-moz-border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  -khtml-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}

.sub-menu-tab{
	position: relative;
	float: left;
	padding: 0 15px;
	margin-right: 1px;
	background-color: #66B3FF;
	color: #FFFFFF;
	-moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;

}

.sub-menu-tab:hover{
	background-color: #3399FF;
}

.sub-menu-tab.menu-on{
	background-color: #FFFFFF;
	font-weight: bold;
	color: #000000;
}

.sub-menu-tab h3{
	font-size: 14px;
	font-weight: normal;
}

.sub-menu-tab a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

}



#data-top-data{
	position: absolute;
	left: 110px;
	right: 100px;
	top: 20px;
	background-color: #FFFFFF;
	min-height: 65px;
	padding: 0;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	-moz-border-radius: 0 8px 8px 0;
  -webkit-border-radius: 0 8px 8px 0;
  -khtml-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#data-image{
	float: left;
	width: 40px;
	height: 40px;
	margin-top: -15px;
	margin-right: 20px;
	margin-left: 10px;
	-moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 25px;
}

#data-image-list{
	position: absolute;
	left: 0;
	bottom: -20px;
	right: 0;
	width: 100%;
	height: 80px;
	overflow-x: scroll;
	white-space: nowrap;
	padding-right: 50px;
	/*
	padding-left: 5px;
	padding-right: 80px;
	*/
	-webkit-overflow-scrolling: touch;
	background-color: #669933;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.data-image-list{
	display: inline-block;
	width: 80px;
	height: 60px;
	/*
	margin-top: 10px;
	margin-left: 5px;

	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  */
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}


#data-camera{
	position: absolute;
	right: -15px;
	bottom: -10px;
	width: 80px;
	height: 80px;
	background-color: #FFFFFF;
	-moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -khtml-border-radius: 40px;
  border-radius: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#data-camera img{
	margin-top: 24px;
	margin-left: 24px;
	width: 24px;
	height: 24px;
}

#data-time{
	position: absolute;
    top: 86px;
    left: 30px;
    width: 100px;
    height: 55px;
    padding: 5px;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	-moz-border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  -khtml-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
	background-color: #666666;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.data-alert{
	padding: 10px;
	text-align: center;
	background-color: #FFFFFF;
}

.data-alert .safe{
	display: block;
	padding: 10px;
	color: #000000;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
	border: 2px solid #3399FF;
}

.data-alert .warn{
	display: block;
	padding: 10px;
	color: #000000;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
	border: 2px solid #FF0000;
	background-color: #FFFFCC;
}

.data-alert .warn strong{
	color: #FF0000;
	margin: 0 5px;
}

.data-alert .button{
	display: block;
	padding: 10px;
	color: #333333;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
	background: -moz-linear-gradient(center, #FFFFFF, #F1F1F1);
	background: -webkit-gradient(linear, left center, left bottom, from(#FFFFFF), to(#F1F1F1));
	background: linear-gradient(to bottom, #FFFFFF, #F1F1F1);
	border-top: 1px solid #F1F1F1;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #F1F1F1;
}

#data-term{
	position: fixed;
	top: 200px;
	left: 200px;
	right: 0;
	height: 36px;
	padding: 4px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #CCCCCC;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#data-term a{
	padding: 4px 10px;
	text-align: center;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-size: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

#data-term .menu-on{
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
}

#data-term .menu-off{
  background-color: #F5F5F5;
  color: #666666;
}

.data-term-select{
	position: absolute;
	bottom: 0;
	left: 250px;
	height: 32px;
	width: 540px;
	font-size: 14px;
	text-align: center;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.data-term-select .cell{
	padding: 0 5px;
	font-size: 12px;
}

.data-water{
  color: #003399;
}

.data-water span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #003399;
}

.data-water b{
	font-size: 12px;
	font-weight: normal;
}

.data-temperature{
  color: #FF9900;
}

.data-temperature span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #FF9900;

}

.data-crown{
  color: #339900;
}

.data-crown span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #339900;
}

.data-soil{
  color: #CC6600;
}

.data-soil span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #CC6600;
}

.data-bright{
  color: #3399FF;
}

.data-bright span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #3399FF;
}

.data-bright b{
  font-size: 12px;
  font-weight: normal;
}

.data-moist{
  color: #669999;
}

.data-moist span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #669999;
}

.data-co2{
  color: #CC3399;
}

.data-co2 span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #CC3399;
}

.data-co2 b{
	font-size: 12px;
	font-weight: normal;
}

.data-vpd{
	color: #CC3333;
}

.data-vpd span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #CC3333;
}

.data-vpd b{
	font-size: 12px;
	font-weight: normal;
}


.data-ec{
  color: #CC3399;
}

.data-ec span{
  display: block;
  height: 24px;
  margin-top: 1px;
  margin-bottom: 15px;
  padding: 0 4px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #CC3399;
}

.data-ec b{
	font-size: 12px;
	font-weight: normal;
}

.data{
  position: relative;
  width: 10.0%;
  float: left;
  padding: 6px 10px;
  font-size: 14px;
  text-align: center;
  font-family:Arial, Avenir , "Open Sans" , "Helvetica Neue" , Helvetica;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.data-wide {
  position: relative;
  width: 14.6%;
  float: left;
  padding: 6px 10px;
  font-size: 13px;
  text-align: center;
  font-family:Arial, Avenir , "Open Sans" , "Helvetica Neue" , Helvetica;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}


.data a, .data-wide a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.data h3{
  font-size: 14px;
	line-height: 21px;
  font-weight: normal;
  margin-top: 0;
}

.data-wide h3{
  font-size: 14px;
	line-height: 21px;
  font-weight: normal;
  margin-top: 0;
}

.data span{
	font-size: 12px;
}

.data-wide span {
	font-size: 11px;
}


.data-graph{
	margin-left: 30px;
	 padding: 30px;
}

.data-content{
	padding: 30px 100px;
	font-size: 12px;
}


#data-left{
  background-color: #FFFFFF;
  border-right: 1px solid #E6E6E6;
  margin-right: -1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#data-right{
  background-color: #FFFFFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#select-date{
  padding: 4px 6px;
  border-bottom: 1px solid #E6E6E6;
  background-color: #F1F1F1;
  text-align: center;
}
/*
#select-date a{
  width: 13%;
  float: right;
  display: block;
  text-align: center;
  margin: 5px 5px 5px 0;
  background-color: #FFFFFF;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  background:-moz-linear-gradient(center, #FFFFFF, #F1F1F1);
  background:-webkit-gradient(linear, left center, left bottom, from(#FFFFFF), to(#F1F1F1));
  background: linear-gradient(to bottom, #FFFFFF, #F1F1F1);
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  line-height: 32px;
}
*/
.select-box01{
  width: 32%;
  display: inline-block;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-box01 select {
	width: 100%;
	padding: 3px 9px;
	font-size: 16px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #E6E6E6;
	background: #eee;
	background: url(../images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#F1F1F1 100%);
	background: url(../images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#F1F1F1 100%);
	background-size: 20px, 100%;
}

/* soil-moist
------------------------------------------------*/

#soil-moist .cell{
	height: 10px;
	padding: 0;
	margin: 0;
	line-height: 0;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#soil-moist .cell img{
	height: 15px;
	width: auto;
	margin-top: -5px;
}

.sm-01{
	background-color: #FFCC66;
}

.sm-02{
	background-color: #CECC83;
}

.sm-03{
	background-color: #9BCCA2;
}

.sm-04{
	background-color: #69CCC0;
}

.sm-05{
	background-color: #38CCDD;
}

.sm-06{
	background-color: #05CCFC;
}

.sm-07{
	background-color: #00ADF5;
}

.sm-08{
	background-color: #008CEA;
}

.sm-09{
	background-color: #006BDF;
}

.sm-10{
	background-color: #004AD4;
}


/* graph
------------------------------------------------*/
#graph{
  padding: 15px 20px 15px 0;
  border-bottom: 1px solid #E6E6E6;
  background-color: #FFFFFF;
}

.graph{
  padding: 15px 20px 15px 0;
  border-bottom: 1px solid #E6E6E6;
  background-color: #FFFFFF;
  text-align: center;
}

.graph-data{
  position: relative;
  /*height: 76px;*/
  /*border-bottom: 1px solid #E6E6E6;*/
  padding: 10px;
  font-size: 24px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  font-family:Arial, Avenir , "Open Sans" , "Helvetica Neue" , Helvetica;
}

.graph-data a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.graph-data h3{
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  margin-top: 0;
}

/* #edit
------------------------------------------------*/
#edit-display{
	padding: 50px;
}

#edit-display h2{
	font-size: 24px;
	font-weight: normal;
	text-align: center;
}

#edit-display h3{
	font-size: 21px;
	font-weight: normal;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
	color: #3399FF;
}

#edit-display strong{
	color: #3399FF;
}

.edit-number{
	text-align: center;
	margin-bottom: 15px;
}

.edit-image{
	width: 100%;
	height: 160px;
	margin-bottom: -5px;
	-moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -khtml-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

/* comment-list
------------------------------------------------*/
#comment-list{
	list-style-type: none;
	background-color: #FFFFFF;
}

#comment-list li{
	border-bottom: 1px solid #E6E6E6;
}

#comment-list li a{
	display: block;
	padding: 15px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

#comment-list li span{
	text-align: right;
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}

#comment-list li p{
	padding: 10px;
	margin: 0 10px 10px 10px;
	border: 1px solid #F1F1F1;
	background-color: #F5F5F5;
}

/* panel
------------------------------------------------*/
#panel{
  display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 75%;
	background-color: #F8F2E0;
	-webkit-animation: slideIn 0.2s forwards;
  -moz-animation: slideIn 0.2s forwards;
  animation: slideIn 0.2s forwards;
	box-shadow: 1px 1px 4px -2px #666666;
-moz-box-shadow: 1px 1px 4px -2px #666666;
-webkit-box-shadow: 1px 1px 4px -2px #666666;
	z-index: 200;
}

#panel-menu{
	list-style-type: none;
	border-top: 1px solid #E9DFC1;
}

#panel-menu li{
	line-height: 48px;
	font-size: 18px;
	border-bottom: 1px solid #E9DFC1;
	background-color: #FDFBF4;
}

#panel-menu li a{
	display: block;
	color: #333333;
	padding-left: 15px;
}

#panel-menu2{
	list-style-type: none;
	padding-top: 30px;
}

#panel-menu2 li{
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px dashed #E9DFC1;
}

#panel-menu2 li a{
	display: block;
	color: #333333;
	padding-left: 15px;
}

#panel-control{
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	padding: 5px;
	background-color: #FDFBF4;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.panel-control-button{
	width: 50%;
	float: left;

	padding: 5px;
	text-align: center;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.panel-control-button .menu-on{
	display: block;
	padding: 10px;
	color: #FFFFFF;

	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.panel-control-button .menu-off{
	display: block;
	padding: 10px;
	color: #333333;
	background-color: #FFFFFF;
	border-top: 1px solid #F8F2E0;
	border-right: 1px solid #E9DFC1;
	border-bottom: 1px solid #E9DFC1;
	border-left: 1px solid #F8F2E0;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.panel-control-button img{
	width: 30px;
	height: 30px;
}

#panel-display{
	padding: 30px 0;
	text-align: center;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#panel-display img{
	width: 150px;
	height: 50px;
}

.panel-display-button{
	position: relative;
	display: inline-block;
	width: 50%;
	padding: 10px;
	-moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.panel-display-button img{
	width: 100%;
	height: auto;
	border-top: 1px solid #F8F2E0;
	border-right: 1px solid #E9DFC1;
	border-bottom: 1px solid #E9DFC1;
	border-left: 1px solid #F8F2E0;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}

@-webkit-keyframes slideIn {
  0% {
    transform: translateX(-900px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes slideIn {
  0% {
    transform: translateX(-900px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideIn {
  0% {
    transform: translateX(-900px);
  }
  100% {
    transform: translateX(0);
  }
}

/* 共通
------------------------------------------------*/
.base-bg{
	background-color: #3399FF;
}

.home-bg01{
	background-color: #E1F7FF;
}

.bg01{
	background-color: #F1F1F1;
}

.bg02{
	background-color: #F0F7D9;
}

.bg03{
	background-color: #EBF5FF;
}

.bg-str{
	background-color: #F27B9E;
}

.bg-pad{
	background-color: #8CBD3A;
}

.content01{
	padding: 30px;
}

.content02{
	padding: 10px 20px;
}

.content03{
	padding: 15px;
	/*background-color: #E5F2BF;*/
}

.content03 h2{
	text-align: center;
	font-size: 16px;
	color: #3399FF;
	margin-bottom: 10px;
}

.content03 p{
	text-align: center;
	font-size: 16px;
	color: #666666;
	padding: 10px;
}

.content04{
	padding: 10px 15px;
	margin: 10px 0;
	line-height: 150%;
	/*background-color: #E5F2BF;*/
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #3399FF;
}

.text-alert01{
	text-align: center;
	font-size: 16px;
	color: #FF0000;
	padding: 10px;
}

.text-alert02{
	text-align: center;
	font-size: 16px;
	color: #FF0000;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 10px;
	border: 1px solid #FF0000;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.text-alert03{
	text-align: center;
	font-size: 16px;
	color: #339900;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 10px;
	border: 1px solid #339900;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.list-alert01{
	float: right;
	font-size: 16px;
	font-weight: normal;
	margin-right: 10px;
	color: #FF0000;
}

.base-button{
	display: block;
	text-align: center;
	background-color: #3399FF;
	padding: 12px;
	color: #FFFFFF;
	margin: 15px 0 5px 0;
	font-size: 18px;
	font-weight: bold;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.list-button{
	margin-top: 30px;
	margin-bottom: 30px;
}

.list-button a{
	display: block;
	text-align: center;
	padding: 12px;
	border: 1px solid #CCCCCC;
	color: #000000;
	margin-top: -1px;
}

.button01{
	display: block;
	text-align: center;
	background-color: #999999;
	padding: 6px 12px;
	color: #FFFFFF;
	margin-top: 15px;
	font-size: 18px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.button02{
	position: relative;
	display: block;
	text-align: center;
	background-color: #FFFFFF;
	/*
	background: -moz-linear-gradient(center, #FFFFFF, #E5F2BF);
	background: -webkit-gradient(linear, left center, left bottom, from(#FFFFFF), to(#E5F2BF));
	background: linear-gradient(to bottom, #FFFFFF, #E5F2BF);
	*/

	border: 2px solid #3399FF;
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.button02 a{
	color: #3399FF;
	padding: 7px;
}

.button04{
	display: block;
	padding: 8px 12px;
	margin: 5px 0;
	text-align: center;
	font-size: 16px;
	color: #000000;
	background-color: #F5F5F5;
	background: -moz-linear-gradient(center, #FFFFFF, #F1F1F1);
	background: -webkit-gradient(linear, left center, left bottom, from(#FFFFFF), to(#F1F1F1));
	background: linear-gradient(to bottom, #FFFFFF, #F1F1F1);
	border-top: 1px solid #F1F1F1;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #F1F1F1;
}

.button05{
	background-color: #3399FF;
	color: #FFFFFF;
	padding: 0 15px;
	line-height: 30px;
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

.title01{
	background-color: #3399FF;
	color: #FFFFFF;
	padding: 4px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.title02{
	background-color: #CCCCCC;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	-moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -khtml-border-radius: 18px;
  border-radius: 18px;
}

.table01 table{
	border-collapse: collapse;
  width: 100%;
}

.table01 td{
	border: 1px solid #3399FF;
	background-color: #FFFFFF;
	padding: 8px;
	font-size: 14px;
}

.table01 td a{
	color: #3399FF;
}

.table01 td b{
	margin: 0 4px;
}

.center{
	text-align: center;
}

.table{
    display: table;
    table-layout: fixed;
    width: 100%;
}

.cell{
    display: table-cell;
    vertical-align : middle;
}

.navi-s{
	width: 50px;
	text-align: center;
}

.navi-s img{
	width: 18px;
	height: 18px;
	margin-top: 3px;
}

.top-250{
	margin-top: 250px;
}

.top-200{
	margin-top: 200px;
}

.top-150{
	margin-top: 150px;
}

.width-30{
	width: 30px;
}

.width-50{
	width: 50px;
}

.width-60{
	width: 60px;
}

#screen{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
  z-index: 150;
}

.clear{
	clear: both;
}

.log-table{
  background-color: #FFFFFF;
}

.log-table table{
  border-collapse: collapse;
  width: 100%;
}

.log-table th{
  padding: 6px;
  text-align: center;
  background-color: #E8F7D9;
  border-bottom: 1px solid #D9F2BF;
}

.log-table td{
  padding: 6px 15px;
  border-bottom: 1px solid #E6E6E6;
}

.fixed {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 1000;
}

.fixed-space{
	display: block;
	height: 42px;
	width: 100%;
}