/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*** new style ver ***/
/*************************************************************************************************************************************************************/

.company-header h1 {background-color:#A3B4C5;}

.company-score .score-graph .socre-graph-legends .myscore {color:#cccc66;}
.company-score .score-graph .socre-graph-legends .average {color:#dddddd;}

.score-graph dl.graph_main dd p.bar_main {background-color:#cccc66;}
.score-graph dl.graph_main dd p.bar_base {background-color:#dddddd;}

.ranking-box .box-link a.btn,
.company-information .box-link a.btn {display:block; line-height:44px; color:#fff; font-size:20px; font-weight:bold; border-radius:0; width:232px; height:44px; border:1px solid #174574; background-color:#4b96e2;}
.company-information .box-link a.btn:hover {opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}
.company-information .box-link a.btn {font-size:16px; width:234px;}
.company-information .box-link a.btn.website {font-size:16px; width:130px;}

.box-link a.btn.green,
.company-information .box-link a.btn.green:hover,
.company-information .box-link .btn.green {background:none; border:1px solid #0F564B; background-color:#0f9680; border:none; border-radius:0;}
.box-link a.btn.orange,
.company-information .box-link a.btn.orange:hover,
.company-information .box-link .btn.orange {background:none; border:1px solid #9E3805; background-color:#FF6200; border:none; border-radius:0;}
.box-link a.btn.website,
.company-information .box-link a.btn.website:hover,
.company-information .box-link .btn.website {background:none; border:1px solid #174574; background-color:#4b96e2; border:none; border-radius:0; height:44px; line-height:44px;}

.box-link a.btn.green:hover {background:none; border:1px solid #0F564B; background-color:#0f9680; border:none; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}
.box-link a.btn.orange:hover {background:none; border:1px solid #9E3805; background-color:#FF6200; border:none; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}
.box-link a.btn.website:hover {background:none; border:1px solid #174574; background-color:#4b96e2; border:none; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}

.btn-category-top {width:612px;}
.btn-category-top a span {width:600px;}

.rank_esthe .ranking-box .box-link a.btn,
.rank_esthe .company-information .box-link a.btn,
.rank_esthe .company-information .box-link a.btn:hover {background: linear-gradient(#509CEA 0%, #468FDA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #174574; height: 44px; width: 260px; font-size:20px;}

.rank_esthe .company-score .score-graph .socre-graph-legends .myscore,
.rank_waterserver .company-score .score-graph .socre-graph-legends .myscore {color:#ee6666;}
.rank_esthe .company-score .score-graph .socre-graph-legends .average,
.rank_waterserver .company-score .score-graph .socre-graph-legends .average {color:#c6e2f0;}

.rank_esthe dl.graph_main dd p.bar_main,
.rank_waterserver dl.graph_main dd p.bar_main {background-color:#ee6666;}
.rank_esthe dl.graph_main dd p.bar_base,
.rank_waterserver dl.graph_main dd p.bar_base {background-color:#c6e2f0;}

/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************/



.cf:before, .cf:after {content: ""; display: table;}
.cf:after { clear: both; }
.lte7 .cf { overflow: hidden; }