@charset "euc-jp";
/* コンテンツ */
.contensTitle, .period, .status, .graphOuter, .notice {margin-right:auto;margin-left:auto;width:860px;}
.contensTitle {margin-top:30px;margin-bottom:30px;}
.contensTitle h1 {background-color:#ce2323;color:#fff;}
.period {margin-bottom:4px;font-weight:bold;text-align:right;line-height:1.2;}
.status {margin-bottom:16px;background-color:#f8f8f8;border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.status .inner {padding:16px;}
.status .total {margin-bottom:8px;text-align:center;font-weight:bold;}
.status .total span {font-size:75%;}
.status .total em {margin:0 4px;color:#ce2323;font-family:Arial;font-size:175%;font-style:normal;}
.status .device {text-align:center;font-weight:bold;}
.status .device em {margin:0 4px;font-family:Arial;font-size:112.5%;font-style:normal;}
.status .device .pc, .status .device .sp, .status .device .other {padding:2px 4px;color:#fff;font-size:87.5%;}
.status .device .pc {background-color:#3A84D7;}
.status .device .sp {margin-left:1em;background-color:#5cac27;}
.status .device .other {margin-left:1em;background-color:#fc932a;}
.status .device .pv {font-size:75%;}
.graphOuter {margin-bottom:8px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.graphOuter .even td {background-color: #f8f8f8;}
.graphOuter .day, .graphOuter .time {padding:10px 8px 10px 0;border-right:1px solid #cdcdcd;text-align:right;font-weight:bold;font-size:87.5%;}
.graphOuter .day {width:120px;}
.graphOuter .day span, .graphOuter .time span {letter-spacing:1px;}
.graphOuter .time {width:80px;}
.graphOuter .graph {padding:10px 0;text-align:left;}
.graphOuter a span {cursor:pointer;}
.graphOuter .pc, .graphOuter .sp, .graphOuter .other {float:left;display:block;height:18px;text-indent:-9999px;}
.graphOuter .pc {background-color:#3A84D7;}
.graphOuter a:hover .pc {background-color:#619ddf;}
.graphOuter .sp {background-color:#5cac27;}
.graphOuter a:hover .sp {background-color:#85c15d;}
.graphOuter .other {background-color:#fc932a;}
.graphOuter a:hover .other {background-color:#fda955;}
.graphOuter .value {margin:0 4px 0 12px;font-style:normal;font-family:Arial;font-size:93.75%;}
.graphOuter .now {font-size:81.25%;}
.notice {margin-bottom:10px;list-style-type:none;color:#666;}
.notice li {margin-bottom:4px;padding-left:.5em;font-size:75%;}