@charset "UTF-8";
/*
	Description: Used to style the phase3.
*/



/* 共通
------------------------------------------------*/
.phase3 {
    padding: 0 0 30px 0 !important;
}

.phase3 .main_inner {
    margin-top: 30px !important;
}

a.mod-ico-pdf2 {
    background: url('/img/frontend/phase3/header/btn41_pdf_new_off.png') no-repeat scroll 0px 0px transparent;
}

a.mod-ico-pdf2:hover {
    background: url('/img/frontend/phase3/header/btn41_pdf_new.png') no-repeat 0 0;
}

a.mod-ico-excel2 {
    background: url('/img/frontend/phase3/header/btn41_excel_new_off.png') no-repeat scroll 0px 0px transparent;
}

a.mod-ico-excel2:hover {
    background: url('/img/frontend/phase3/header/btn41_excel_new.png') no-repeat 0 0;
}

/* 角丸IE8
------------------------------------------------*/
.header_btn,
.ierd {
    behavior: url(/giportal-front/common/js/PIE-1.0.0/PIE.htc);
}

.ierd a {
    behavior: url(/giportal-front/common/js/PIE-1.0.0/PIE.htc);
}



/* グラフ
------------------------------------------------*/
#container-stick,
#container-line {
    min-width: 310px;
    margin: 20px auto 0;
}



/* header_nav
------------------------------------------------*/
#header #header_nav {
    position: absolute;
    top: 49.5px;
    right: 0;
}

/* 20140304 Update */
#header #header_nav li {
    float: left;
}

.n_changes {
    width: 130px;
    height: 60px;
}

.n_management {
    width: 130px;
    height: 60px;
}

.n_management_mid {
    width: 130px;
    height: 60px;
}

.n_inquiry {
    width: 130px;
    height: 60px;
}

#header #header_nav li a {
    display: block;
    padding-left: 40px;
    height: 60px;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-indent: -9999px;
}

.n_changes a {
    background: #fafafa url('/img/frontend/phase3/header/ico_changes_new.png') no-repeat 0 0;
    background-size: 130px;
}

.n_management a {
    background: #fafafa url('/img/frontend/phase3/header/ico_management_new.png') no-repeat 0 0;
    background-size: 130px;
}

.n_management_mid a {
    background: #fafafa url('/img/frontend/phase3/header/ico_management_mid.png') no-repeat 0 0;
    background-size: 130px;
}

.n_inquiry a {
    background: #fafafa url('/img/frontend/phase3/header/ico_inquiry_new.png') no-repeat 0 0;
    background-size: 130px;
}

.n_changes a:hover {
    background: url('/img/frontend/phase3/header/ico_changes_ov_new.png') no-repeat 0 0;
    background-size: 130px;
}

.n_management a:hover {
    background: url('/img/frontend/phase3/header/ico_management_ov_new.png') no-repeat 0 0;
    background-size: 130px;
}

.n_management_mid a:hover {
    background: url('/img/frontend/phase3/header/ico_management_mid_hov.png') no-repeat 0 0;
    background-size: 130px;
}

.n_inquiry a:hover {
    background: url('/img/frontend/phase3/header/ico_inquiry_ov_new.png') no-repeat 0 0;
    background-size: 130px;
}

/* 20140304 Update */

/* GiPortalTop画面の「サービスメニュー」ボタンの設定  */
.n_inquiry_servicemenu {
    width: 130px;
    height: 60px;
}

.n_inquiry_servicemenu a {
    background: #fafafa url('/img/frontend/phase3/header/ico_listbill_new.png') no-repeat 0 0;
    background-size: 130px;
}

.n_inquiry_servicemenu a:hover {
    background: url('/img/frontend/phase3/header/ico_listbill_new_ov.png') no-repeat 0 0;
    background-size: 130px;
}

/*==============================================
  TOP
================================================*/

/* graphArea
------------------------------------------------*/
.graphArea {
    position: relative;
    padding: 16px 10px 15px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 2px solid #434343;
}

.graph_head {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-left: 95px;
    border-bottom: 1px solid #b2b2b2;
    background: url('/img/frontend/phase3/graph/ico_graphtitle.gif') no-repeat 10px 0;
}

.graph_head .tit_billing {
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
}

.text_billing {
    overflow: hidden;
    margin-bottom: 20px;
}

.text_billing p {
    float: left;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    vertical-align: bottom;
    background: #f95ba8;
}

.text_billing p img {
    margin-left: 20px;
    vertical-align: middle;
}

.text_billing p .spending_ct {
    font-size: 22px !important;
}

.spending_compare {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -220px;
    z-index: 5;
    width: 440px;
    height: 130px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border: solid 3px #000000;
    background: url('/img/frontend/phase3/graph/bg_s_compare.png');
}

.spending_compare a {
    display: block;
    height: 100%;
    text-align: center;
}

.spending_compare:hover {
    background: url('/img/frontend/phase3/graph/bg_s_compare_on.png');
}

.spending_compare a p {
    font-weight: bold;
}

.spending_compare a p.s_up {
    padding-top: 10px;
    padding-right: 50px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    border-top: none;
    background: url('/img/frontend/phase3/graph/arrow_up.png') no-repeat right center;
}

.spending_compare a p.s_up span {
    font-size: 40px;
    display: inline-block;
    padding-left: 70px;
    /*アイコン*/
    background: url('/img/frontend/phase3/graph/ico_compare.png') no-repeat left center;
}

.spending_compare a p.s_down {
    padding-top: 10px;
    padding-right: 50px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    border-top: none;
    background: url('/img/frontend/phase3/graph/arrow_down.png') no-repeat right center;
}

.spending_compare a p.s_down span {
    font-size: 40px;
    display: inline-block;
    padding-left: 70px;
    /*アイコン*/
    background: url('/img/frontend/phase3/graph/ico_compare.png') no-repeat left center;
}

.spending_compare a p.s_no_change span {
    font-size: 40px;
    display: inline-block;
    padding-left: 70px;
    /*アイコン*/
    background: url('/img/frontend/phase3/graph/ico_compare.png') no-repeat left center;
}

.spending_compare a p.s_last {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 19px;
    padding-bottom: 10px;
    padding-left: 70px;
    text-align: left;
    border-top: 1px dotted #000000;
    background: url('/img/frontend/phase3/graph/ico_click.png') no-repeat 0 10px;
}

.text_billing {
    margin-left: 15px;
}

.highcharts-button {
    display: none;
}



/* Sidebar
------------------------------------------------*/
.btn_potaltop {
    width: 300px;
    height: 130px;
}

.btn_potaltop li {
    float: left;
    width: 33.33%;
    height: 130px;
    text-indent: -9999px;
}

.btn_potaltop .potaltop_btn01 {
    width: 100;
    height: 130;
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s.png') no-repeat 0 0;
}

.btn_potaltop .potaltop_btn02 {
    width: 100;
    height: 130;
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s.png') no-repeat -100px 0;
}

.btn_potaltop .potaltop_btn03 {
    width: 100;
    height: 130;
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s.png') no-repeat -200px 0;
}



.btn_potaltop .potaltop_btn01.hovr {
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s.png') no-repeat 0 -130px;
}

.btn_potaltop .potaltop_btn02.hovr {
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s.png') no-repeat -100px -130px;
}

.btn_potaltop .potaltop_btn03.hovr {
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s.png') no-repeat -200px -130px;
}

.btn_potaltop .potaltop_btn01.hovr,
.btn_potaltop .potaltop_btn02.hovr,
.btn_potaltop .potaltop_btn03.hovr {
    /*
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	*/
}

.btn_potaltop .potaltop_btn01_off {
    width: 100;
    height: 130;
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s_off.png') no-repeat 0 0;
}

.btn_potaltop .potaltop_btn02_off {
    width: 100;
    height: 130;
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s_off.png') no-repeat -100px 0;
}

.btn_potaltop .potaltop_btn03_off {
    width: 100;
    height: 130;
    background: url('/img/frontend/phase3/sidebar/btn_potaltop_s_off.png') no-repeat -200px 0;
}

.bnrArea p {
    margin-top: 20px;
}






/* お知らせ
------------------------------------------------*/
.newsBox {
    margin-top: 20px;
    padding: 10px 20px !important;

}

.login_news.potaltop dd {
    margin-left: 100px !important;
}

.login_news.potaltop dd li {
    line-height: 150% !important;
}

.login_news dt {
    width: 100px !important;
}

.login_news dt img {
    margin-left: 0 !important;
    margin-top: 10px !important;
}









/*==============================================
  Reportページ
================================================*/
body.type_report_check {
    padding: 0;
    background: none;
}

.report_check_wrapper .phase3 {
    position: relative;
    z-index: 5;
    background: #ffffff;
    padding-bottom: 0 !important;
    /*
	-webkit-box-shadow: 0px -2px 2px 0px rgba(225, 225, 225, 0.9);
	-moz-box-shadow: 0px -2px 2px 0px rgba(225, 225, 225, 0.9);
	box-shadow: 0px -2px 2px 0px rgba(225, 225, 225, 0.9);
	*/
    margin-top: 131px;
}

.graphArea_rep .container-stick {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.report_check_wrapper {
    width: 100% !important;
}

.report_check_wrapper .main_inner {
    width: 1240px !important;
    margin: 0 auto !important;
}

.tabmenu li .tab_div,
div.tooltip,
.goalregister .goal_tit,
.report_check_wrapper .phase3,
.graphArea_rep .graphArea_head .ghead_left,
.graphArea_rep .graphArea_head .ghead_right,
.graphArea_rep .graphArea_head .com_data li span.com_data_tit,
.graphArea_rep .graphArea_head .check_setting .goalregister p.goal_ct2,
.datatable,
.datatable .bar_graph .colspan_th .table_tit,
.datatable .bar_graph .table_main .colspan_td .table_body,
.bar_graph th.tlb,
.bar_graph th.trb,
.bar_graph td.blb,
.bar_graph td.brb,
.ierd li {
    behavior: url(/giportal-front/common/js/PIE-1.0.0/PIE.htc);
}


.fixation_head {
    position: fixed;
    top: 81px;
    padding-top: 20px;
    z-index: 100;
    width: 1240px;
    background: #fff;
}


.graphArea_rep {
    padding: 128px 0 0 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.tabmenu {
    /*
	position: relative;
	padding: 11px 0 0 0;
	background: #a7a7a7;
	*/
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    padding: 11px 0 0 0;
    background: #a7a7a7;
}

.tabmenu ul {
    overflow: hidden;
    width: 1237px;
    margin: 0 auto;
}

.tabmenu ul li.tab_report {
    float: left;

}

.tabmenu ul li.tab_check {
    float: right;
}

.tabmenu ul li.tab_report a {
    padding: 10px 25px 2px 85px;
}

.tabmenu ul li.tab_check a {
    padding: 10px 25px 2px 95px;
}

.tabmenu ul li {
    position: relative;
    display: block;
    width: 615px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    z-index: 1;
    bottom: -5px;
}

.tabmenu li.tabmenu_on {
    z-index: 10;
    bottom: 0 !important;
    z-index: 10;
}

.tabmenu li a {
    position: relative;
    display: block;
    margin-top: 5px;
    text-align: left;
    font-size: 12px;
    background: #ffffff;
}

.tabmenu li .tab_div {
    overflow: hidden;
    margin-top: 5px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    box-shadow: 0px 0px 5px #666;
    -moz-box-shadow: 0px 0px 5px #666;
    /* Firefox */
    -webkit-box-shadow: 0px 0px 5px #666;
    ;
    /* Chrome, Safari */
    background: #737373;
}

.tabmenu li.tabmenu_on .tab_div p {
    background: #fff;
}

.tabmenu li .tab_div p {
    padding-bottom: 5px;
    overflow: hidden;
    margin-top: 9px;
    background: #f5f5f5 url('/img/frontend/phase3/report/bg_shadow.png') repeat-x 0 bottom;
}

.tabmenu li.tabmenu_on .tab_div {
    background: #6ac2b6;
}

.tabmenu li.tabmenu_on a {
    bottom: 0 !important;
    color: #313131;
    background: #ffffff;
}

.tabmenu li.tabmenu a:hover {
    bottom: 0 !important;
    color: #313131;
    background: #ffffff;
}

.tabmenu li.tab_report a {
    background: #f5f5f5 url('/img/frontend/phase3/report/tabmenu_report_off.png') no-repeat 20px 3px;
}

.tabmenu li.tab_check a {
    background: #f5f5f5 url('/img/frontend/phase3/report/tabmenu_check_off.png') no-repeat 20px 3px;
}

.tabmenu li.tabmenu_on a {
    padding-top: 10px !important;
}

.tabmenu li.tab_report.tabmenu_on a {
    background: #ffffff url('/img/frontend/phase3/report/tabmenu_report_on.png') no-repeat 20px 8px !important;
}

.tabmenu li.tab_check.tabmenu_on a {
    background: #ffffff url('/img/frontend/phase3/report/tabmenu_check_on.png') no-repeat 20px 8px !important;
}

.tabmenu li.tab_report.tabmenu_on span.tabmenu_tit {
    background: #ffffff url('/img/frontend/phase3/report/tabmenu_report_txt_new_on.png') no-repeat 0 10px;
    text-indent: -9999px;
    width: 497px;
    height: 44px;
    overflow: hidden;
}

.tabmenu li.tab_check span.tabmenu_tit {
    background: #f5f5f5 url('/img/frontend/phase3/report/tabmenu_check_txt_new_off.png') no-repeat 0 5px;
    text-indent: -9999px;
    width: 497px;
    height: 44px;
    overflow: hidden;
}

.tabmenu li.tab_report span.tabmenu_tit {
    background: #f5f5f5 url('/img/frontend/phase3/report/tabmenu_report_txt_new_off.png') no-repeat 0 5px;
    text-indent: -9999px;
    width: 497px;
    height: 44px;
    overflow: hidden;
}

.tabmenu li.tab_check.tabmenu_on span.tabmenu_tit {
    background: #ffffff url('/img/frontend/phase3/report/tabmenu_check_txt_new_on.png') no-repeat 0 10px;
    text-indent: -9999px;
    width: 467px;
    height: 44px;
    overflow: hidden;
}



.tabmenu li span.tabmenu_tit {
    /*	font-size: 20px !important;
	font-weight: bold;
	line-height: 120%;*/
}

.tabmenu li.tabmenu_on span.tabmenu_tit {
    color: #6ac2b6 !important;
}

.tabmenu li span {
    display: block;
    font-size: 14px;
}



.graphArea_rep .graphArea_head {
    margin: 0;
    position: relative;
    z-index: 10;
}

.graphArea_rep .graphArea_head .use_amount {
    float: left;
    min-width: 176px;
    max-width: 176px;
    padding: 5px 8px;
    margin-top: 3px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    background: #f95ba8;
}

.graphArea_rep .graphArea_head .use_amount p {
    font-size: 14px;
}

.graphArea_rep .graphArea_head .use_amount span {
    display: inline-block;
}

.graphArea_rep .graphArea_head .use_amount .spending_tit {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #ffffff;
}

.graphArea_rep .graphArea_head .use_amount .spending_ct {
    font-size: 24px !important;
    word-break: break-all;
    letter-spacing: -1px;
}



.graphArea_rep .graphArea_head .ghead_left,
.graphArea_rep .graphArea_head .ghead_right {
    overflow: hidden;
    display: inline-block;
    min-height: 95px;
    max-height: 95px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #f2f2f2;
}

.graphArea_rep .graphArea_head .ghead_last {
    position: absolute;
    right: 0;
    top: 47px;
}

.graphArea_rep .graphArea_head .ghead_left {
    padding: 10px 10px 0 15px;
}

.graphArea_rep .check_head {
    padding-left: 35px;
}

.check_head .ghead_last {
    right: 40px !important;
    top: 35px !important;
}

.graphArea_rep .graphArea_head .check_setting {
    float: left;
    min-height: 103px;
    max-height: 133px;
    padding: 1px !important;
    margin-right: 20px;
    background: #d9d9d9;
    margin-bottom: 10px;
}

.graphArea_rep .graphArea_head .check_setting .goalregister {
    float: none !important;
    clear: both;
    border: none;
    min-height: 103px;
    max-height: 133px;
    overflow: hidden;
    background: #ffffff;
}

.graphArea_rep .graphArea_head .check_setting .goalregister p.goal_tit {
    font-size: 16px;
    padding: 7px 10px;
}

.graphArea_rep .graphArea_head .check_setting .goalregister p.goal_tit span {
    text-indent: -9999px;
    text-align: left;
    width: 170px;
    height: 14px;
    display: block;
    overflow: hidden;
}

.graphArea_rep .graphArea_head .check_setting01 .goalregister p.goal_tit span {
    background: url('/img/frontend/phase3/report/tit_setting01.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .check_setting02 .goalregister p.goal_tit span {
    background: url('/img/frontend/phase3/report/tit_setting02.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .check_setting03 .goalregister p.goal_tit span {
    background: url('/img/frontend/phase3/report/tit_setting03.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .check_setting04 .goalregister p.goal_tit span {
    background: url('/img/frontend/phase3/report/tit_setting04.png') no-repeat left center;
}

/*
.graphArea_rep .graphArea_head .check_setting .goalregister p.goal_ct1,
.graphArea_rep .graphArea_head .check_setting .goalregister p.goal_ct2 {
	background: #ffffff !important;
}
*/
.graphArea_rep .graphArea_head .check_setting .goalregister p.goal_ct2 {
    border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
}

.check_setting .goalregister .check_input .goal_ct1 .set01 {
    width: 140px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #7f7f7f;
}

.check_setting .goalregister .check_input .goal_ct2 .set02 {
    width: 90px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #7f7f7f;
}

.check_setting .goalregister .check_input {
    padding: 4px 3px 3px;
}

.check_setting .goalregister .check_input input {
    margin: 0;
    padding: 3px 5px;
    cursor: pointer;
}

.check_setting .goalregister .check_input p {
    padding: 3px;
    margin: 0;
}

.graphArea_rep .graphArea_head .ghead_right {
    padding: 10px 0 0 10px;
    margin-left: 5px;
}

.graphArea_rep .graphArea_head .com_data {
    float: left;
    min-width: 263px;
    max-width: 263px;
    margin-left: 10px;
    margin-top: -3px;
}

.graphArea_rep .graphArea_head .com_data li:first-child {
    margin-top: 0 !important;
}

.graphArea_rep .graphArea_head .com_data li {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 5px 35px 5px 0;
    text-align: right;
}

.graphArea_rep .graphArea_head .com_data li span.com_data_tit {
    vertical-align: top;
    float: left;
    width: 61px;
    height: 20px;
    text-indent: -9999px;
    text-align: left;
    overflow: hidden;
}

.graphArea_rep .graphArea_head .com_data li span {
    font-size: 20px;
}

.graphArea_rep .graphArea_head .com_data li span.com_tit01 {
    background: url('/img/frontend/phase3/report/tit_com01.png') no-repeat right center;
    padding-right: 0;

}

.graphArea_rep .graphArea_head .com_data li span.com_tit02 {
    background: url('/img/frontend/phase3/report/tit_com02.png') no-repeat right center;
}

.graphArea_rep .graphArea_head .com_data li span.com_tit03 {
    background: url('/img/frontend/phase3/report/tit_com03.png') no-repeat right center;
}

.graphArea_rep .graphArea_head .com_data .com_data_up {
    margin-right: 5px;
    padding-right: 30px;
    background: url('/img/frontend/phase3/report/ico_b_up.png') no-repeat right center;
}

.graphArea_rep .graphArea_head .com_data .com_data_down {
    background: url('/img/frontend/phase3/report/ico_b_down.png') no-repeat right center;
}



.graphArea_rep .graphArea_head .group_data {
    float: left;
    min-width: 250px;
    max-width: 250px;
}

.graphArea_rep .graphArea_head .data_up dl dd {
    margin-left: -3px;
}

.graphArea_rep .graphArea_head .data_down dl dd {
    margin-left: -5px;
}

.graphArea_rep .graphArea_head .group_data dl dd {
    font-size: 12px;
    line-height: 1.8;
    height: 21px;
    overflow: hidden;
    word-break: break-all;
}

.graphArea_rep .graphArea_head .data_up dl dd span.f_bold {
    display: inline-block;
    /*
	color: #e30000;
	*/
    padding-left: 2px;
}

.graphArea_rep .graphArea_head .data_down dl dd span.f_bold {
    display: inline-block;
    /*
	color: #1a68b8;
	*/
    padding-left: 6px;
}

.graphArea_rep .graphArea_head .group_data dl dd span.restriction5 {
    padding-right: 5px;
}

.f_bold {
    font-weight: bold;
}

.MT20 {
    margin-top: 20px !important;
}

.graphArea_rep .graphArea_head .group_data dl dt {
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 5px;
}

.data_down {
    padding-left: 10px;
    border-left: 1px solid #d9d9d9;
}

.graphArea_rep .graphArea_head .group_data .tit_up {
    background: url('/img/frontend/phase3/report/tit_up.png') no-repeat left center;
    padding-left: 22px;
    color: #e30000;
    text-indent: -9999px;
    height: 20px;
    width: 152px;
}

.graphArea_rep .graphArea_head .data_up01 .tit_up {
    background: url('/img/frontend/phase3/report/tit_up01.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .data_up02 .tit_up {
    background: url('/img/frontend/phase3/report/tit_up02.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .data_up03 .tit_up {
    background: url('/img/frontend/phase3/report/tit_up03.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .data_up04 .tit_up {
    background: url('/img/frontend/phase3/report/tit_up04.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .group_data .tit_down {
    background: url('/img/frontend/phase3/report/tit_down.png') no-repeat left center;
    padding-left: 31px;
    color: #1a68b8;
    text-indent: -9999px;
    height: 20px;
    width: 164px;
}

.graphArea_rep .graphArea_head .data_down01 .tit_down {
    background: url('/img/frontend/phase3/report/tit_down01.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .data_down02 .tit_down {
    background: url('/img/frontend/phase3/report/tit_down02.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .data_down03 .tit_down {
    background: url('/img/frontend/phase3/report/tit_down03.png') no-repeat left center;
}

.graphArea_rep .graphArea_head .data_down04 .tit_down {
    background: url('/img/frontend/phase3/report/tit_down04.png') no-repeat left center;
}

.goalregister {
    float: right;
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.goalregister .goal_tit {
    position: relative;
    color: #ffffff;
    padding: 7px 9px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    background: #783f8b;
}

.goalregister .goal_tit span {
    background: url('/img/frontend/phase3/report/tit_goal.png') no-repeat left center;
    text-indent: -9999px;
    text-align: left;
    width: 108px;
    height: 15px;
    display: block;
    overflow: hidden;
}

.goalregister .goal_tit .help_target {
    position: absolute;
    right: 9px;
    top: 6px;
}

.goalregister p {
    padding: 8px;
}

.goalregister p input.form_register {
    width: 75px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #7f7f7f;
}

.goalregister p input.form_register2 {
    width: 45px;
    height: 16px;
    line-height: 16px;
    border: 1px solid #7f7f7f;
}

.goalregister p.goal_ct input {
    margin: 0;
    padding: 3px 5px;
    cursor: pointer;
}

.graphArea_rep .mod-btn2 {
    clear: both;
    position: relative;
    margin-bottom: -10px;
    float: right;
    z-index: 5;
}

.graphArea_rep .mod-btn2 a {
    font-size: 12px;
    padding: 0 0 0 25px;
}



#graphtabs {
    clear: both;
    position: relative;
    margin-top: 10px;
    padding-left: 18px;
    border-bottom: 3px solid #6ac2b6;
    z-index: 1;
}

#graphtabs.tab_check {
    /*	margin-top: 15px !important;*/
}

#graphtabs li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -1px;
}

#graphtabs .tabnav01.act a {
    padding-top: 5px;
}

#graphtabs .tabnav01 a {
    /*
	height: 40px;
	line-height: 42px;
	padding: 2px 20px 0;*/
}

#graphtabs a {
    display: block;
    /*
	min-width: 150px;
	*/
    text-align: left;
    /*	font-weight: bold;
	color: #ffffff;
	font-size: 20px;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-bottom: none;
	background: #a3a3a3;*/
}

#graphtabs a:link,
#graphtabs a:active,
#graphtabs a:visited {
    color: #ffffff;
    background: #808080;
}

#graphtabs a:hover {
    /*
	padding-top: 11px;
	*/
    color: #ffffff;
    background: #6ac2b6;
}



#graphtabs .act a {
    color: #313131 !important;
    background: #ffffff;
}

#graphtabs .act a:link,
#graphtabs .act a:active,
#graphtabs .act a:visited,
#graphtabs .act a:hover {
    color: #ffffff !important;
    background: #6ac2b6;
}

#graphtabs ul {
    height: 39px;
}

#graphtabs ul li {
    line-height: 0;
    float: left;
    display: block;
    margin-right: 25px;
}

.tab_check ul li {
    margin-right: 10px !important;
}

#graphtabs .tabnav01 {
    position: relative !important;
    top: 0;
    left: 0;
}

#graphtabs .tabnav01 a {
    line-height: 0;
    display: block;
    font-size: 0;
    height: 42px;
}

.report_check_wrapper #graphtabs #tabbtn1 a {
    background: url('/img/frontend/phase3/report/tabbtn01_off.png') no-repeat 0 0;
    margin-top: 5px;
    width: 154px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.report_check_wrapper #graphtabs #tabbtn1 a:hover,
.report_check_wrapper #graphtabs #tabbtn1.act a {
    background: url('/img/frontend/phase3/report/tabbtn01_on.png') no-repeat 0 0;
    margin-top: 0;
    height: 39px;
}

.report_check_wrapper #graphtabs #tabbtn2 a {
    background: url('/img/frontend/phase3/report/tabbtn02_off.png') no-repeat 0 0;
    margin-top: 5px;
    width: 208px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.report_check_wrapper #graphtabs #tabbtn2 a:hover,
.report_check_wrapper #graphtabs #tabbtn2.act a {
    background: url('/img/frontend/phase3/report/tabbtn02_on.png') no-repeat 0 0;
    margin-top: 0;
    height: 39px;
}


.report_check_wrapper #graphtabs #tabbtn1 a:before {
    /*	content: url("/img/frontend/phase3/report/ico_bar.png");
	padding-right: 15px;
	position: relative;
	top: 2px;*/
}

.report_check_wrapper #graphtabs #tabbtn2 a:before {
    /*	content: url("/img/frontend/phase3/report/ico_line.png");
	padding-right: 15px;
	position: relative;
	top: 2px;*/
}

.report_check_wrapper .tab_check .tabnav01 a:before {
    content: none !important;
}










.report_check_wrapper .tab_check #tabbtn1 a {
    background: url('/img/frontend/phase3/report/tabbtn01_check_off.png') no-repeat 0 0 !important;
    margin-top: 5px;
    width: 128px !important;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.report_check_wrapper .tab_check #tabbtn1 a:hover,
.report_check_wrapper .tab_check #tabbtn1.act a {
    background: url('/img/frontend/phase3/report/tabbtn01_check_on.png') no-repeat 0 0 !important;
    margin-top: 0;
    height: 39px;
}

.report_check_wrapper .tab_check #tabbtn2 a {
    background: url('/img/frontend/phase3/report/tabbtn02_check_off.png') no-repeat 0 0 !important;
    margin-top: 5px;
    width: 128px !important;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.report_check_wrapper .tab_check #tabbtn2 a:hover,
.report_check_wrapper .tab_check #tabbtn2.act a {
    background: url('/img/frontend/phase3/report/tabbtn02_check_on.png') no-repeat 0 0 !important;
    margin-top: 0;
    height: 39px;
}


.report_check_wrapper .tab_check #tabbtn3 a {
    background: url('/img/frontend/phase3/report/tabbtn03_check_off.png') no-repeat 0 0;
    margin-top: 5px;
    width: 128px !important;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.report_check_wrapper .tab_check #tabbtn3 a:hover,
.report_check_wrapper .tab_check #tabbtn3.act a {
    background: url('/img/frontend/phase3/report/tabbtn03_check_on.png') no-repeat 0 0;
    margin-top: 0;
    height: 39px;
}

.report_check_wrapper .tab_check #tabbtn4 a {
    background: url('/img/frontend/phase3/report/tabbtn04_check_off.png') no-repeat 0 0;
    margin-top: 5px;
    width: 81px !important;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.report_check_wrapper .tab_check #tabbtn4 a:hover,
.report_check_wrapper .tab_check #tabbtn4.act a {
    background: url('/img/frontend/phase3/report/tabbtn04_check_on.png') no-repeat 0 0;
    margin-top: 0;
    height: 39px;
}

















/* テーブル表
------------------------------------------*/
.aliC {
    text-align: center !important;
}

.c_red {
    color: #bb2e49 !important;
}

.datatable {
    display: block;
    margin: 10px 0;
    border: 1px solid #b4b4b4;
    zoom: 1;
    margin-top: 65px;
}

.outlier_check .table_tit {
    position: fixed;
    width: 1238px;
    z-index: 10;
    margin-left: -1px;
    margin-top: -1px;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-top: 1px solid #b4b4b4;
}

.outlier_check .check_table {
    margin-top: 30px;
}

.bar_graph {
    display: block;
    zoom: 1;
    padding: 0 !important;
}

.check_data_topics {
    position: relative;
    float: right;
    background: #ffffff;
    display: block;
    margin-top: -25px;
    padding: 5px 10px;
    width: 220px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.check_data_topics .topic_text {
    font-size: 11px;
}

.check_data_topics .topic_area span {
    display: inline-block;
    width: 23px;
    height: 12px;
    margin-right: 5px;
}

.check_data_topics .topic_area span.topic01 {
    background: #F99;
}

.check_data_topics .topic_area span.topic02 {
    background: #D8EAF0;
    margin-left: 13px !important;
}

.check_data_topics .topic_area span.topic03 {
    background: #ABD298;
    margin-left: 15px !important;
}

.bar_graph table,
.bar_graph .tablebody table {
    table-layout: fixed;
    position: relative;
    width: 100%;
    zoom: 1;
}

.bar_graph table th {
    padding: 0;
    text-align: center;
    background: none;
    border: none;
}

.bar_graph table th .table_tit {
    border-bottom: solid 1px #dcdcdc;
    background: url('/img/frontend/phase3/report/bg_table_tit.png') repeat-x left center;
}

.bar_graph table th .table_tit tr th {
    padding: 5px;
    font-size: 12px;
    border-right: solid 1px #dcdcdc;
    border-bottom: solid 1px #ffffff !important;
}

.bar_graph table th .table_tit tr th.graph_total,
.bar_graph table th .table_tit tr th.graph_average {
    color: #2f6796;
}

.bar_graph table tr.last_tr {
    zoom: 1;
    overflow: hidden;
    table-layout: fixed;
    position: relative;
}

.bar_graph table tr.last_tr td {
    border-bottom: none;
}

.bar_graph table .tablebody_box1 td {
    color: #2f6796;
    font-weight: bold;
    font-size: 12px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    text-align: center !important;
    background: #fdffe9;
    border-bottom: solid 1px #dcdcdc;
}

.bar_graph table .tablebody_box3 td {
    border-bottom: solid 1px #dcdcdc;
}

.bar_graph table .tablebody_box2 td,
.bar_graph table .tablebody_box4 td {
    padding: 0 !important;
    border-bottom: none;
}

.bar_graph .colspan_td .table_sub .body_common td {
    border-left: solid 1px #dcdcdc;
    text-align: right;
    vertical-align: middle;
    word-break: break-all;
}

.bar_graph .colspan_td .table_sub .body_common td.goal_tit2 a {
    display: block;
}

.bar_graph .colspan_td .check_table .body_common td.outlier {
    background: #ff9999;
}

.bar_graph .colspan_td .check_table .body_common td.outlier2 {
    background: #d8eaf0;
}

.bar_graph .colspan_td .check_table .body_common td.outlier3 {
    background: #abd298;
}

.bar_graph .colspan_td .check_table .body_common td:hover {
    cursor: pointer;
    background: #feffb4;
}

.bar_graph .colspan_td .check_table td:first-child {
    font-size: 10px !important;
}

.bar_graph .colspan_td .table_sub td:first-child {
    border-left: none;
    text-align: center;
    font-size: 11px;
    color: #313131;
}

.bar_graph .colspan_td .table_sub td div td {
    padding: 10px 8px !important;
    border-left: solid 1px #dcdcdc;
    border-top: solid 1px #dcdcdc;
    border-bottom: none;
    text-align: right;
}

.bar_graph table .tablebody_box2 .table_td,
.bar_graph table .tablebody_box4 .table_td {
    border-top: solid 1px #ffffff;
}

.bar_graph table .tablebody_box2 td {
    font-weight: bold;
}

.bar_graph table .tablebody_box3 td:first-child {
    font-weight: bold;
}

.bar_graph table .tablebody_box3 td,
.bar_graph table .tablebody_box5 td {
    background: #f3f3f3 !important;
}

.bar_graph .tablebody table tr td:first-child {
    text-align: center !important;
}

.bar_graph .tablebody table tr td {
    text-align: right;
}

.bar_graph th.trb {
    padding: 5px;
    border-left: solid 1px #dcdcdc;
    border-right: none !important;
}

.bar_graph tr.last_tr td.blb,
.bar_graph tr.last_tr td.brb {
    position: relative;
}

.bar_graph th.trb span {
    width: auto;
}

.bar_graph table td.colspan_td {
    padding: 0 !important;
}

.bar_graph table td.colspan_td .table_sub tr tr {
    background: none;
}

.bar_graph table td td {
    font-size: 10px;
    padding: 10px 8px;
}

.bar_graph .tablebody {
    height: 100%;
    border-bottom: none;
}



#graphline-rank {
    margin-top: 10px;
}

#graphline-rank div {
    float: left;
    width: 45%;
    margin: 0 2.5%;
}

#graphline-rank div h3 {
    font-size: 16px;
}

#graphline-rank div ol {
    margin-top: 10px;
}

#graphline-rank div ol li {
    margin-bottom: 5px;
    padding: 3px 5px;
    font-weight: bold;
    background: #eeeeee;
}

.color_up {
    color: #b92d49;
}

.color_down {
    color: #1967bf;
}

.graphArea_rep .btn_close {
    overflow: hidden;
    margin: 30px auto;
}



.bar_graph table td .check_table td {
    padding: 5px !important;
}

.bar_graph .colspan_td .check_table .table_sub td:first-child {
    text-align: left !important;
}

.bar_graph table td .check_table td.tablebody_box_td {
    padding: 0 !important;
}

.bar_graph table td .check_table td.tablebody_box_td td {
    padding: 5px !important;
}

.bar_graph table td .check_table td.tablebody_box_td .table_td {
    margin-bottom: 10px;
}

.c_b1 {
    color: #bb2e49;
}

.c_b2 {
    color: #2e6593;
}

.gray99 {
    color: #999999;
}

.bg_gray_tr {
    background: #f3f3f3 !important;
}

.tablebody_box_td {
    background: #ffffff !important;
}


.nav_top {
    position: fixed;
    z-index: 10;
    width: 1240px;
    background: #fff;
    margin-top: -10px !important;
    margin-left: 0;
    padding: 30px 0 30px;
}

.tabnav {
    margin: 20px 0;
}

.tabnav ul {
    text-align: center;
    margin: 10px 0 0 0;
}

.tabnav ul li {
    display: inline-block;
    color: #000000;
}

.tabnav ul li span {
    display: inline-block;
    border: 1px solid #e0e0e0;
    padding: 2px 8px;
}

.tabnav ul li.tabChoice {
    border: none;
    font-weight: bold;
    padding: 2px 8px;
}

.tabnav ul li.tabFirst,
.tabnav ul li.tabPrevious,
.tabnav ul li.tabNext,
.tabnav ul li.tabLast {
    border: none;
    padding: 2px 8px;
}

.tabnav ul li.tabFirst a {
    cursor: pointer;
    display: block;
}

.tabnav ul li a:link,
.tabnav ul li a:active,
.tabnav ul li a:visited {
    color: #000000;
}

.tabnav ul li span:hover {
    color: #000000;
    background: #e0e0e0;
}

.tabnav ul li.tabFirst a:before {
    content: "|";
    font-size: 12px;
}

.tabnav ul li.tabLast a:after {
    content: "|";
    font-size: 12px;
}

div.tooltip2 {
    min-width: 75px;
    position: absolute;
    left: -9999px;
    background: #ffffff;
    padding: 10px;
    z-index: 100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #666666;
}

div.tooltip {
    min-width: 75px;
    position: absolute;
    left: -9999px;
    background: #ffffff;
    padding: 10px;
    border: 2px solid #783f8b;
    z-index: 100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div.tooltip,
div.tooltip2 p,
div.tooltip3,
div.tooltip4 {
    color: #000000;
    font-size: 12px !important;
    text-align: left;
    background: #ffffff;
}

div.tooltip3 {
    min-width: 75px;
    position: absolute;
    left: -9999px;
    background: #ffffff;
    padding: 10px;
    z-index: 100;
    margin-top: -60px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #6ac2b6;
}

div.tooltip4 {
    min-width: 75px;
    position: absolute;
    left: -9999px;
    background: #ffffff;
    padding: 10px;
    z-index: 100;
    margin-top: -55px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 2px solid #737373;
}


.type_report_check #footer {
    width: 1240px !important;
}

.body_common .tablebody_box_td {
    background: #ffffff !important;
}

/* Cost Reduction
------------------------------------------------*/

.cost_reduction {
    position: static;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 150px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border: solid 3px #000000;
    background: url('/img/frontend/phase3/graph/bg_s_compare.png');
}

.cost_reduction a {
    display: block;
    height: 100%;
    text-align: center;
}

.cost_reduction:hover {
    background: url('/img/frontend/phase3/graph/bg_s_compare_on.png');
}

.cost_reduction a p {
    font-weight: bold;
}

.cost_reduction a p.s_up {
    padding-top: 10px;
    padding-right: 50px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    border-top: none;
    background: url('/img/frontend/phase3/graph/arrow_up.png') no-repeat right center;
}

.cost_reduction a p.s_up span {
    font-size: 40px;
    display: inline-block;
    padding-left: 0px;
}

.cost_reduction a p.s_down {
    padding-top: 10px;
    padding-right: 50px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    border-top: none;
    background: url('/img/frontend/phase3/graph/arrow_down.png') no-repeat right center;
}

.cost_reduction a p.s_down span {
    font-size: 40px;
    display: inline-block;
    padding-left: 0px;
}

.cost_reduction a p.s_no_change span {
    font-size: 40px;
    display: inline-block;
    padding-left: 30px;
}

.cost_reduction a p.s_last {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 19px;
    padding-bottom: 10px;
    padding-left: 30px;
    text-align: left;
    border-top: 1px dotted #000000;
}

.cost_reduction a p.s_last span {
    font-size: 20px;
    display: inline-block;
    padding-left: 30px;
}

.title-line {
    font-size: 30px;
    color: #7f3605;
    display: flex;
    align-items: center;
}

.title-line:before {
    content: "";
    display: inline-block;
    width: 25px;
    vertical-align: middle;
    border-bottom: 1px solid;
    margin-right: 15px;
    border-color: #f6c4a2;
}

.title-line:after {
    content: "";
    display: inline-block;
    flex: 1;
    vertical-align: middle;
    border-bottom: 1px solid;
    margin-left: 15px;
    border-color: #f6c4a2;
}

.newsBox2 {
    padding: 0 !important;
    background: #fff;
    border: none;
    margin-top: 40px;
    margin-bottom: 40px;
}

.list-cost {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.list-cost .item {
    background: #f5f5f5;
    border: 2px solid #434343;
    padding: 10px 5px;
    min-width: 50px;
    height: auto;
    flex-basis: calc(25% - 26px);
    width: calc(25% - 15px);
}

.list-cost .item:not(:nth-child(4n)) {
    margin-right: 15px;
}

.list-cost .item a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.list-cost .item .s_last {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    border-top: none;
    margin-bottom: 5px;
}

.list-cost .item .s_last span {
    padding: 0;
}

.list-cost .item p.s_down {
    padding-top: 0;
    margin: 0;
    display: flex;
    align-items: center;
    padding-right: 40px;
    white-space: nowrap;
}

.list-cost .item p.s_down span {
    font-size: 25px;
}

.big-price,
.big-price2 {
    white-space: nowrap;
}

.pd-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

.title-top {
    font-size: 28px;
}

.box-logo {
    font-size: 11px;
}

.box-logo .logo {
    margin-left: auto;
    justify-content: flex-end;
}

.body-new {
    background: #fff;
}

.txt-logo1 {
    font-size: 16px;
    margin-left: 5px;
    margin-right: 5px;
}

.txt-logo2 {
    font-size: 20px;
}

.logo-dt {
    width: 260px;
}

.heading-table-price,
.price {
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media print {
    .bg-print {
        -webkit-print-color-adjust: exact;
    }

    .no-print,
    .no-print * {
        display: none;
    }
}

.body-new #footer {
    display: none;
}

.body-new #main {
    padding-top: 25px;
}

.pd-0 {
    padding: 0;
}
.font-faq {
    position: relative;
    display: inline-block;
}
.font-faq.abtn_ov{
    opacity: 1;
}
.font-faq a {
    font-size: 80%;
    padding-left: 23px;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.category-list {
    margin-bottom: -7px;
}
.category-title {
    visibility: hidden;
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 6px 10px;
    position: absolute;
    bottom: 120%;
    left: 50%;
    white-space: normal;
    word-wrap: break-word;
    transform: translateX(-50%);
    width: max-content;
    max-width: 500px;
    font-size: 12px;
    transition: opacity 0.3s ease-in-out;
    z-index: 10;
}
.font-faq:hover .category-title {
    visibility: visible;
}
.category-title::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 1) transparent transparent transparent;
}

.title-line .fontbb {
    font-size: 111%;
    letter-spacing: 2px;
}

#header #header_nav .logout_sso {
    border: solid 1px #808080;
    border-radius: 5px;
}

#header #header_nav .logout_sso a {
    color: #333;
    text-indent: initial;
    text-align: center;
    height: auto;
    padding: 0px 25px;
}

.list_top_sso, .list_top_sso:hover {
    text-align: center;
    background: none;
    font-weight: bold;
}

.left_sso {
    border: solid 1px #808080;
    border-bottom: 0px;
}

.left_sso .title_sso {
    background: #eeeeee;
    padding: 17.5px 0 17.5px 0;
    text-align: center;
    font-weight: bold;
    border-bottom: solid 1px #808080;
}