@charset "utf-8";
@import url("reset.css");
@import url("fonts.css");

/* block: header */
#header{
  background-color: #4A5580;
  color: #fff;
  padding: 5px;
  padding-left: 10px;
}
  #header .logo{
/*
    background-image: url('../images/calculator.png');
    background-repeat: no-repeat;
    padding-left: 18px;
*/
    font-size: 1.2em;
  }
  /* logininfo */
  #header .logininfo{
    display:block;
    text-align: right;
  }
  #header .logininfo a{
    color: #fff;
  }

/* block: navi */
#navi{
  background-color: #4A5580;
  color: #fff;
}
#navi ul {padding: 5px 0px;
   list-style-type: none; list-style-image: none; }
#navi li {display: inline; }
#navi ul li a {text-decoration:none;  margin: 4px 4px; color: #fff;
   padding: 5px 20px 5px 20px; background-color: darkgray;}
#navi ul li a:hover {background-color: #B84D4D;}
/* block: content */
#content{
  margin: 0px 10px;
  line-height: 2em;
}
#content a[href]{
  text-decoration: none;
/*  color: #4A5580; */
  color: #B84D4D;
}
#content a[href]:hover{
  background-color: #F0EED5;
}

/* headers */
h2{
  font-size: 1.4em;
  margin: 14px 0px;
  border-bottom: solid 1px #404040;
  border-left: double 5px #404040;
  padding-left: 10px;
}
/* lists */
ul.list{
  list-style-type: square;
  margin-left: 20px;
}
ol.list{
  list-style-type: decimal;
  margin-left: 20px;
}

/* table listing*/
table#list {
  color: #666666;
  margin-bottom: 30px;
  border: 1px solid #CCCCCC;
  border-collapse: separate;
  border-spacing: 1px;
}
#list th {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #E1E2E6;
  text-align: left;
}
#list td {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
span.once{
  background-color: red;
  color: #fff;
  font-size: 0.9em;
  padding: 1px;
}
span.teiki{
  background-color: green;
  color: #fff;
  font-size: 0.9em;
  padding: 1px;
}
span.cf{
  background-color: orange;
  color: #fff;
  font-size: 0.9em;
  padding: 1px;
}
span.billitem_status_waiting{color: blue;}
span.billitem_status_updated{color: blue;}
span.billitem_status_waiting_stop{color: red;}
span.billitem_status_stopped{color: red;}
span.billitem_status_cancelled{color: red;}

/* search box */
div.srch_box{
  border: solid 1px #ccc;
  padding: 10px;
}
/* expiring list */
#expiring_data {
  border: 1px solid #CCCCCC;
  border-collapse: separate;
  border-spacing: 1px;
}
#expiring_data th {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #E1E2E6;
  text-align: left;
}
#expiring_data td {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
/* table editing */
table#edit {
  color: #666666;
  margin-bottom: 30px;
  border: 1px solid #CCCCCC;
  border-collapse: separate;
  border-spacing: 1px;
}
#edit th {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #E1E2E6;
  text-align: left;
}
#edit td {
  padding: 5px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color: #EFF2F3;
}

/* ul collapse */
ul.collapse{
  display: none;
  margin-left: 15px;
  border: solid 1px #5A66A6;
  background-color: #DCFADC;
  padding: 10px;
}
ul.collapse li{
  border-bottom: dashed 1px #5A66A6;
}
ul.errorlist{
  background-color: lightpink;
  color: red;
  padding : 2px;
}
/* messages */
ul#messages{
  margin-top: 10px;
  background-color: #cee5dd;
  border: double 1px midnightblue;
  color: midnightblue;
  padding : 15px;
  font-size: 1.4em;
}
/* 検索フォーム */
div.srchForm{
  border: solid 1px #dcdcdc;
  width: 800px;
  padding: 1em;
}
div.srchForm p{
  display: inline;
  margin-right: 1em;
}

/* 納品ステータス */
span.shipping{color: #fff; font-size:0.9em; padding: 2px; white-space: nowrap;}
span.estimate{background-color: blue;}
span.ordered{background-color: darkgreen;}
span.shipped{background-color: mediumvioletred;}
span.billed{background-color: indigo;}
span.active{background-color: purple;}

/* サービス更新ステータス */
span.updst{color: #fff; font-size:0.9em; padding: 2px; white-space: nowrap;}
span.none{background-color: red;}
span.confirm{background-color: red;}
span.waiting{background-color: darkgreen;}
span.updated{background-color: darkblue;}
span.waiting_stop{background-color: darkgreen;}
span.stopped{background-color: darkblue;}
span.cancelled{background-color: darkgray;}

/* pageTOP */
.pageTOP {
  position:relative;
  width:100%;
  height:0;
  margin:0;
  z-index:600;
}
.pageTOP a {
  position: fixed;
  bottom: 20px;
  right:20px;
  left:auto;
  background:url(../images/bg_transparent.png);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  overflow:hidden;
  outline:none;
  width:50px;
  height:50px;
}
.pageTOP a strong{
  margin: auto;
  padding: 45px 0px 0px 0px;
  background:url(../images/icon_gotop.png) center center no-repeat;
  background-size:40px;
  display:block;
  overflow:hidden;
  line-height:180%;
  width:40px;
  height:0px;
}