*{
 box-sizing: border-box;
 font-size: 12px;
}

div.google-visualization-tooltip{
 min-width: 200px;
}

div.google-visualization-tooltip ul.google-visualization-tooltip-item-list{
}

div.google-visualization-tooltip ul.google-visualization-tooltip-item-list li.google-visualization-tooltip-item{
}

div.google-visualization-tooltip ul.google-visualization-tooltip-item-list li.google-visualization-tooltip-item span{
    display: inline-block !important;
    vertical-align: middle;
    font-size: 13px !important;
    font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    font-weight: normal !important;
    text-justify: none !important;
    text-align: left !important;
}

div.google-visualization-tooltip ul.google-visualization-tooltip-item-list li.google-visualization-tooltip-item div.google-visualization-tooltip-square{
    width: 10px !important;
    height: 10px !important;
    margin-top: 5px;
}

g text{
 font-size: 12px;
}

body{
 background-color: #F5F5F5;
 font-size: 13px;
}

a{
 color: #005CAC;
}

.hidden{
 display: none;
}

.DPFX{
 display: flex;
}

.DPBOX{
 display: box;
}

.DPFXBOX{
 display: flexbox;
}

.BDR{
 border: 1px solid #CC0000;
}

.PSR{
 position: relative;
}

.PSA{
 position: absolute;
}

div.title_border{
 margin-top: 5px;
 border-bottom: 1px solid #999999;
 width: 100%;
 position: relative;
}

div.title_border span{
  display: inline-block;
  border-bottom: 1px solid #000000;
  width: 25%;
  position: absolute;
}

div.no_data{
 width: 50%;
 color: #666666;
 border: 2px solid #CCCCCC;
 text-align: center;
 padding: 30px;
 margin: 0px auto;
 margin-top: 40px;
}

.question_area{
 width: 30%;
 position: absolute;
 right: 10px;
 z-index: 9999;
}

.question_area dt{
  text-align: left;
  padding-bottom: 10px;
}

.question_area dt img{
   width: 18px;
}

.question_area dd{
  padding: 10px;
  border: 1px solid #005CAC;
  display: none;
  background-color: #FFFFFF;
}

.question_area a.tips_close_link{
  color: #005CAC;
  margin-top: 10px;
  font-size: 10px;
  display: block;
  text-align: center;
}

#contents_wrapper{
 display: table;
 min-height: 668px;
 min-width: 1200px;
 width: 100%;
}

#left_menu_wrapper{
 display: table-cell;
 vertical-align: top;
 width: 150px;
}

#menu_btn_wrapper{
 display: table-cell;
 vertical-align: top;
 width: 27px;
 background-color: #FFFFFF;
}

#menu_btn_inner{
 position: fixed;
 top: 76px;
}

#view_wrapper{
 display: table-cell;
 vertical-align: top;
 background-color: #FFFFFF;
}

#view_inner{
 padding: 10px 10px 20px 10px;
 min-height: 500px;
}

a.common_btn{
 display: inline-block;
 padding: 5px 0px;
 color: #FFFFFF;
 border-radius: 5px;
 font-weight: bold;
 text-align: center;
 box-shadow: 1px 1px 1px 1px #666666;
}

a.blue_btn{
 background-color: #005CAC;
}

a.gray_btn{
 background-color: #AAAAAA;
}

a.orange_btn{
 background-color: #ED7E17;
}

.main_title{
 font-size: 14px;
 height: 24px;
 line-height: 24px;
 font-weight: bold;
}

.sub_title{
 font-weight: bold;
 border-bottom: 1px solid #999999;
 padding-bottom: 3px;
}

.icon_h{
 background: url('/analytics/img/icon_h.png') no-repeat 0px center;
 padding-left: 24px;
}

.icon_cart{
 background: url('/analytics/img/icon_cart.png') no-repeat 0px center;
 padding-left: 24px;
}

.icon_sales{
 background: url('/analytics/img/icon_sales.png') no-repeat 0px center;
 padding-left: 24px;
}

.icon_client{
 background: url('/analytics/img/icon_client.png') no-repeat 0px center;
 padding-left: 24px;
}

.icon_repeater{
 background: url('/analytics/img/icon_repeater.png') no-repeat 0px center;
 padding-left: 24px;
}

.icon_report{
 background: url('/analytics/img/icon_report.png') no-repeat 0px center;
 padding-left: 24px;
}

.icon_key{
 background: url('/analytics/img/icon_key.png') no-repeat 0px 0px;
 padding-left: 21px;
 background-size: 18px;
}

.icon_help{
 background: url('/analytics/img/q_mark.png') no-repeat 0px 0px;
 padding-left: 21px;
 background-size: 18px;
}

div.tab_wrapper{
 border-bottom: 1px solid #999999;
}

div.tab_wrapper div.tab_inner{
  height: 34px;
  line-height: 40px;
}

div.tab_wrapper ul.tab_list{
}

div.tab_wrapper ul.tab_list li{
   float: left;
   margin-top: 6px;
   display: inline-block;
   width: 120px;
   text-align: center;
   background-color: #EEEEEE;
   height: 28px;
   line-height: 28px;
   border-radius: 5px 5px 0px 0px;
   margin-right: 10px;
}

div.tab_wrapper ul.tab_list li a{
    display: block;
    color: #333333;
}

div.tab_wrapper ul.tab_list li.act{
   background-color: #005CAC;
   margin-top: 0px;
   height: 34px;
   line-height: 34px;
}

div.tab_wrapper ul.tab_list li.act a{
    color: #FFFFFF;
}

table.common_det_tbl{
 border-collapse: separate;
 border-spacing: 0px;
}

table.common_det_tbl th{
  padding: 3px 5px;
  font-size: 13px;
  background-color: #EEEEEE;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #FFFFFF;
}

table.common_det_tbl th.b_cell{
  background-color: #FFFFFF;
}

table.common_det_tbl td{
  padding: 3px;
  font-size: 13px;
  vertical-align: middle;
  text-align: right;
  border: 1px solid #CCCCCC;
  border-left: none;
  border-top: none;
  height: 38px;
}

table.common_det_tbl th.check_cell{
  width: 22px;
  border: none;
  border-bottom: 1px solid #FFFFFF;
}

table.common_det_tbl th.check_cell input[type="checkbox"]{
   margin: 0px;
}

table.common_det_tbl th.auto_cell{
  width: auto;
  text-align: left;
  border: none;
  border-bottom: 1px solid #FFFFFF;
  font-size: 13px;
}

table.common_det_tbl th.tgt_cell{
  width: 36px;
  text-align: center;
}

table.common_det_tbl td.value_cell{
  width: 70px;
}

table.common_det_tbl td.value_cell::before{
  content: '■';
  color: #FFFFFF;
}

table.common_det_tbl td.total_cell{
  width: 70px;
}

table.common_det_tbl td.c_cell{
  border-bottom: 1px dotted #CCCCCC;
}

table.common_det_tbl div.percent{
  border-top: 1px dotted #CCCCCC;
  padding-top: 0px;
  font-size: 13px;
}

table.common_det_tbl div.percent::before{
  content: '■';
  color: #FFFFFF;
}

table.common_det_tbl div.lbl_p{
  color: #009900;
}

table.common_det_tbl div.lbl_m{
  color: #CC0000;
}

#frm_wrapper{
 width: 700px;
 margin: 30px auto 0 auto;
}

.common_frm_tbl{
 width: 100%;
}

.common_frm_tbl th{
  width: 30%;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  padding: 10px 10px;
  vertical-align: middle;
}

.common_frm_tbl td{
  border: 1px solid #CCCCCC;
  padding: 10px 10px;
  vertical-align: middle;
}

.common_frm_tbl td input{
   padding: 8px 10px;
}

optgroup{
 font-style: normal;
}

#logout_msg{
 width: 100%;
 line-height: 2.8;
 color: #666666;
 border: 2px solid #CCCCCC;
 text-align: center;
 padding: 30px;
 margin: 0px auto;
 margin-top: 40px;
}

#header_ctrl_area{
 position: absolute;
 top: 80px;
 right: 20px;
 font-weight: bold;
}

#header_ctrl_area a:hover{
  text-decoration: underline;
}

span.select_box{
 display: block;
 width: 120px;
 padding: 2px 4px;
 border: 1px solid #AAAAAA;
 position: relative;
 cursor: pointer;
}

span.select_box::after{
 content: '▼';
 font-size: 10px;
 position: absolute;
 right: 4px;
 top: 3px;
}

table.select_group{
 border: 1px solid #CCCCCC;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 1;
 display: none;
}

table.select_group th{
  padding: 4px 8px;
  border: 1px solid #999999;
  background-color: #EEEEEE;
}

table.select_group td{
  width: 40px;
  border: 1px solid #999999;
  background-color: #FFFFFF;
}

table.select_group td a{
   text-align: center;
   display: inline-block;
   width: 100%;
   padding: 4px;
}

table.select_group td a:hover{
   background-color: #EEEEEE;
}

table.select_group td a.select_day_act{
   font-weight: bold;
   color: #333333;
}

form.select_form{
 display: none;
}

#help_icon{
 width:16px;
 height:16px;
 margin-left:10px;
 vertical-align:middle;
}

#help_text{
 display:none;
 margin:10px 24px 0 24px;
 padding:20px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px;
 font-size:16px;
 line-height:1.8em;
 background-color:#EEEEEE;
}

#help_text a{
  font-size:16px;
}

#help_text ol li{
  list-style-type:none;
  padding-left:40px;
}

#help_close{
 margin-top:20px;
 color:#005CAC;
 background-color:#DFDFDF;
 margin:0 24px 40px 24px;
 padding:5px 22px;
 cursor:pointer;
 -webkit-border-bottom-right-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;
 text-align:right;
}

#help_close:hover{
 opacity:0.9;
 text-decoration:underline;
}

#help_close_icon{
 width: 16px;
 height: 16px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 background-color: #005CAC;
 color:#FFFFFF;
 text-align:center;
 line-height:16px;
 float:right;
 margin-left:5px;
}

div.legend_wrapper{
 position: relative;
}

div.legend_wrapper div.legend_cts_top{
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 60px;
}

div.legend_wrapper div.legend_cts_right{
  position: absolute;
  z-index: 1;
  top: 28px;
  left: 16px;
}

div.legend_wrapper span{
  font-size: 18px;
}

div.legend_wrapper span.current{
  color: #3366CC
}

div.legend_wrapper span.previous{
  color: #EEEEEE
}

div.notice{
 padding:0 40px;
 color:#DC3912;
}

div.help_contents{
 padding:20px 40px;
}

div.help_contents ol{
}

div.help_contents ol li{
   list-style-type:square;
   margin-bottom:20px;
   font-size:14px;
}

div.help_contents .browser_spec{
  border-collapse:collapse;
  margin:10px 20px;
  border:#CCCCCC 1px solid;
}

div.help_contents .browser_spec th{
   background-color:#F1F5FB;
   border:#CCCCCC 1px solid;
   padding:5px;
   font-size:16px;
}

div.help_contents .browser_spec th img{
    width:20px;
    vertical-align:middle;
    margin-right:5px;
}

div.help_contents .browser_spec th.label{
   text-align:center;
   background-color:#CDDEEF;
   font-size:14px;
}

div.help_contents .browser_spec td{
   border:#CCCCCC 1px solid;
   padding:5px 20px;
   font-size:16px;
}

div.help_contents span.notice{
  font-size:14px;
  color:#DD5925;
}