*{
margin:0;
padding:0;
}

body{
font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;
text-align:center;
color:#333;
font-size: 76%;
background:#999;
}

/* General Style Info */
a{
color:#003d4c;
text-decoration:underline;
}
a:hover{
color:#003d4c;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #003d4c;
margin:0em 0;
font-size: 180%;
font-weight:bold;
}


h2{
color:#E04934 ;
margin:0.3em 0;
font-size: 160%;
font-weight:bold;
}

h3{
color:#E04934 ;
padding-top:2em;
font-size: 140%;
font-weight:bold;
}

h4{
color:#E04934 ;
padding-top:0.5em;
font-weight:normal;
font-weight:bold;
}

em {
font-size: 12px;
}

ul, li {
margin: 0 12px;
}

/* Layout */

#container{
  text-align:left;
  margin:0px;
  background:#fff;
  margin:0px auto;
  width:1000px;
}



#header{
position:relative;
padding: 4px 20px 20px 20px;
background:url(../img/header_border.png) 0 70px repeat-x;
position:relative;
height:90px;
}

#content{
clear:both;
padding: 0px 28px 10px 28px;
background-color: #fff;
color: #333;
}
#footer{
border-top:1px solid #aaa;
background:#ddd;
margin-top:50px;
clear:both;
padding: 6px 10px;
text-align: right;
}

/* tables */

table.index {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
table.index th {
background:url(../img/th.png) top left repeat-x;
color:#666;
/*
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
*/
border-right: 1px solid #ccc;
font-size:100%;
margin-top: 1em;
text-align: center;
padding:5px 4px;
}
table.index tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table.index tr.altRow td {
background: #f4f4f4;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 400px;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#333;
font-size: 16px;
background-color: #ddf;
padding:20px;
border:1px solid #999;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
padding:5px;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form {
margin-top: 2em;
}

form div.required,form div.optional,form div.submit{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
overflow: auto;
}

form div.date{
margin-left: 0em;
}
label {
display: block;
font-size: 14px;
padding-right: 20px;
}
input[type=checkbox] {
float: left;
/*clear: left;*/
margin: 2px 6px 7px 2px;
}
input, textarea {
/*clear: both;
display:block;*/
font-size: 14px;
font-family: inherit;
}


select {
clear: both;
/*
vertical-align: text-bottom;
*/
font-size: 14px;
font-family: inherit;
}
option {
font-size: 14px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
}
.required{
clear: both;
color:#222;
font-weight:bold;
color: #f00;
}
.optional{
clear: both;
color:#555;
}
.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}
/* action links */
ul.actions {
margin:20px 0px;
padding:10px 0px;
border-top:1px dotted #999;
clear:both;
}
ul.actions li {
margin-top: 4px;
}
pre {
padding: 1em;
}

.buy{
  margin:20px;
  padding:20px;
  border:1px dotted #999;
  font-weight:normal;
  font-size:120%;
}
#header #tab{
  width:100%;
  font-size:100%;
  line-height:normal;
  position:absolute;
  bottom:43px;
  left:0px;
}

#header #tab ul{
  margin:0;
  padding:10px 10px 0 10px;
  list-style:none;
//  width:500px;
  float:left;
}
#header #tab ul.other{
//  width:320px;
  float:right;
}

#header #tab ul li{
  display:inline;
  margin:0;
  padding:0px;
}

#header #tab ul a{
  float:left;
  background:url("/img/tab_left.png") no-repeat left top;
  margin-left:0px;
  padding:0 0 0 4px;
  text-decoration:none;
  font-weight:bold;
  height:26px;
  overflow:hidden;
}

#header #tab ul a span {
  float:left;
  display:block;
  background:url("/img/tab.png") no-repeat right top;
  padding:7px 8px 6px 3px;
  color:#666;
  overflow:hidden;
  height:26px;
}



#header #tab ul a span {float:none;}
/* End IE5-Mac hack */

#header #tab ul a:hover span {
 color:#999;
}
#header #tab ul a:hover {
  background-position:0% -48px;
}
#header #tab ul a:hover span {
  background-position:100% -48px;
}

#header #tab ul #current a {
  background-position:0% -48px;
}
#header #tab ul #current a span {
  background-position:100% -48px;
}



#header #plant_change{
  position:absolute;
  top:15px;
  left:200px;
  margin:0px;
  padding:0px;
}


#header h1{
/*height:30px;*/
}

#member_search{
  margin:0 auto 20px auto;
  text-align:center;
}

.checkboxs{
  margin:0px;
  padding:0px;
}
/*
.checkboxs div{
  float:left;
  margin:0px;
  padding:0px;
}*/
.checkboxs label{
  display:inline;
  width:auto;
}

#page_nav{
  text-align:center;
}
.confirm{
  margin:0px;
}

.note{
  background:#eee;
  border:1px solid #ccc;
  margin:20px 0px;
  padding:10px;
}

.report{
  background:#eee;
  border:1px solid #ccc;
  margin:20px 0px;
  padding:10px;
}

.entry_url{
  background:#eee;
  border:1px solid #ccc;
  margin:20px 0px;
  padding:10px;
}

.album_url{
  background:#eee;
  border:1px solid #ccc;
  margin:20px 0px;
  padding:10px;
}

.result_table{
  background:#eee;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin:0px 0px 20px 0px;
}

.result_table th{
  border-right:1px solid #ccc;
  margin:0px;
  padding:4px;
  background:#666;
  color:white;
}

.result_table td{
  border-right:1px solid #ccc;
  margin:0px;
  padding:4px;
}

.result_table .td0{
  background:#fff;
}

.result_table .td1{
  background:#eee;
}

.login_form{
  width:250px;
  text-align:right;
  border:2px solid #ccccff;
  margin:50px auto;
  padding:20px 30px;
  background:#eeeeee;
}

.login_form form{
  margin:0px;
  padding0px;
}

.login_form form div{
  margin:10px 0px;
}

.bar_braph_module{
  background:#eee;
  width:120px;
  height:300px;
  float:left;
  border:1px solid #999;
  margin:5px;
  position:relative;
}

.bar_braph_module .machine_name{
  position:absolute;
  top:3px;
  left:5px;
  width:110px;
  background:#fff;
  padding:2px 0px;;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  text-align:center;
}

.bar_braph_module .signal_name{
  position:absolute;
  top:25px;
  left:5px;
  width:110px;
  background:#fff;
  padding:2px 0px;;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  text-align:center;
}

.bar_braph_module .value{
  position:absolute;
  bottom:0px;
  width:100%;
  background:#fff;
  text-align:center;
}

.bar_braph_module .max_value{
  position:absolute;
  top:65px;
  left:5px;
}
.bar_braph_module .middle_value{
  position:absolute;
  top:165px;
  left:5px;
}
.bar_braph_module .min_value{
  position:absolute;
  top:265px;
  left:5px;
}

.bar_braph_module .scale{
  position:absolute;
  background:url(/img/bar_graph_scale.gif) top left no-repeat;
  width:20px;
  height:202px;
  top:74px;
  left:35px;
}
.bar_braph_module .bar_wrap{
  position:absolute;
  width:25px;
  height:200px;
  top:74px;
  left:75px;
  border:1px solid #333;
  background:#fff;
  overflow:hidden;
}
.bar_braph_module .bar_wrap .value_bar{
  background: #99f;
  height:100%;
  width:100%;
  position:absolute;
  left:0px;
  bottom:0px;
  overflow:hidden;
}

.bar_braph_module .limit_bar_wrap{
  position:absolute;
  width:5px;
  height:200px;
  top:74px;
  left:65px;
  border:1px solid #333;
  background:#aaf;
  overflow:hidden;
}
.bar_braph_module .limit_bar_wrap .lower_bar{
  background: #faa;
  height:100%;
  width:100%;
  position:absolute;
  left:0px;
  bottom:0px;
  overflow:hidden;
}
.bar_braph_module .limit_bar_wrap .upper_bar{
  background: #faa;
  height:100%;
  width:100%;
  position:absolute;
  left:0px;
  top:0px;
  overflow:hidden;
}
.clear{
  clear:both;
}

#trend_graph_wrap{
  margin:10px 0px;
}
#trend_graph{
  position:relative;
}

.pvs form {
margin: 0px;
padding:5px 0px;
}

tr.row_1 td{
}

tr.row_0 td{
  background:#eeeeee;
}

  table.client{
    width:800px;
    margin:auto;
    margin-bottom:10px;
    color:#333333;
    border: 1px solid #999999;
    border-collapse:collapse;
  //  border-spacing: 0px;
    background-color:#f00;
  }
  table.client td{
    line-height:2em;
    padding:4px 4px 4px 1em;
    color:#333333;
    background-color:#ffffff;
    font-size:12px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    font-weight:bold;
  }
  table.client th{
    line-height:1.5em;
  //  padding-left: 1em;
    padding:4px;
    color:#ffffff;
    background-color:#005599;
    font-size:12px;

  }


.not_pay{
  font-weight:bold;
  color:#ff0000;
}

.information_tab ul{
  font-size:15px;
}

.information_tab ul{
  margin:0;
  padding:10px 0px 0px 0px;
  list-style:none;
}

.information_tab ul li{
  display:inline;
  margin:0;
  padding:0px;
}

.information_tab ul li a:hover {
  color:#999;
}
.information_tab ul li a:active {
}





//リスト表示
#header #tab ul.other {
  margin:0;
  padding:10px 10px 0 10px;
  list-style:none;
}

#header #tab ul.other li {
  display:inline;
  margin:0;
  padding:0px;
  height:27px;
  position:relative;
  float:left;
}

#header #tab ul.other a {
  float:left;
  background:url("/img/tab_left.png") no-repeat left top;
  margin-left:0px;
  padding:0 0 0 4px;
  text-decoration:none;
  font-weight:bold;
  height:27px;
  overflow:hidden;
}
#header #tab ul.other a:hover {
  background-position:0% -48px;
}
#header #tab ul.other a span {
  float:left;
  display:block;
  background:url("/img/tab.png") no-repeat right top;
  padding:7px 8px 7px 3px;
  color:#666;
  overflow:hidden;
}

#header #tab ul.other a span {float:none;}
/* End IE5-Mac hack */

#header #tab ul.other a:hover span {
 color:#999;
}

#header #tab ul.other a.other_menu_link:hover {
  background-position:0% -48px;
}
#header #tab ul.other a:hover span {
  background-position:100% -48px;
}

#header #tab ul.other #current a.other_menu_link {
  background-position:0% -48px;
}
#header #tab ul.other #current a span {
  background-position:100% -48px;
}

#header #tab ul.other li {
  
}
#header #tab ul.other li span {

}
#header #tab ul.other li ul.middle {
	list-style:none;
	display:none;
	width:155px;
	position:absolute;
	top:27px;
	left:0px;
  margin:0px;
  padding:0px;
  z-index:100;

}

#header #tab ul.other li:hover ul.middle {
  display:block;
}
#header #tab ul.other li ul.middle li {
  height:26px;
  background-color:#eee;
}
#header #tab ul.other li ul.middle li a {
	text-decoration:none;
	display:block;
	width:130px;
  background:none;
	padding-top:0px;
	padding-bottom:3px;

  /*border-bottom:1px solid #ccc;*/
	color:#666;
	font-weight:normal;
  font-size:12px;
	background:#eee url(/img/menu_background.jpg) repeat-x left bottom;
}
#header #tab ul.other li ul.middle a:hover {
	color:#666;
	background:#e7edf9 url(/img/menu_background_active.jpg) repeat-x left bottom;
}
#header #tab ul.other li ul.middle a span {
  background:none;
}
#header .menu_iframe{
  position:absolute;
  top:27px;
  left:0px;
  width:130px;
  z-index:99;
  display:none;
}

#search_box{
  margin:0px 0px 10px 0px;
  background:#f8f8f8;
  border:1px solid #ccc;
  padding:10px;
}

#search_box form{
  margin:0px 0px;
}

#search_box .field{
  clear:both;
  margin:4px 0px;
}
#search_box .field span{
  display:block;
  width:120px;
  float:left;
}

/*


//リスト表示

#header #tab ul.other #current a.big_menu_link {
  background-position:0% -48px;
}
#header #tab ul.other li ul.middle {
	list-style:none;
	display:none;
	width:150px;
	position:absolute;
	top:27px;
	left:0px;
  margin:0px;
  padding:0px;
  z-index:100;
}

#header #tab ul.other li:hover ul.middle {
  display:block;
}
#header #tab ul.other li ul.middle li {
  height:24px;
}
#header #tab ul.other li ul.middle li a {
	text-decoration:none;
	display:block;
	width:150px;
	background:#eee url(/img/menu_background.jpg) repeat-x 0px 0px;
	padding-top:4px;
  height:20px;
	color:#666;
	font-weight:normal;
}
#header #tab ul.other li ul.middle a:hover {
	background:#ddf url(/img/menu_background_active.jpg) repeat-x 0px 0px;

	
	color:#666;
}



//ここまで

*/