@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css); 
@import url('//fonts.googleapis.com/css?family=Noto+Sans:400,700');


body
{
    color: #555555;
	font-family: "Noto Sans", sans-serif;
	font-size: 	13px;
	background: none repeat scroll 0 0 transparent;
	font-weight: 400;
}
.navigation ul li, .additionFunction table td {
	font-size: 13px;
}
td.excellink {
    
}
g.highcharts-series path {
	stroke-width: 2px!important;
}
.highcharts-series-group .highcharts-series path {
	fill-opacity: 1 !important;
}
.comparelegend_value div div div, #legenddate {
    color: #555555 !important;
}
.comparelegend_value div div div, #legenddate,
#comparelegend, .highcharts-axis-labels text tspan, .highcharts-axis text tspan, .highcharts-container text {
	font-family: "Noto Sans", sans-serif !important;
	font-size: 13px !important;
	
}
.PerformanceTab_DDL_Performance_Function,  #txtInsertPeriod, div#divMACustom input{
	color: #555555 !important;
    font-family: "Noto Sans", sans-serif;
	font-size: 1em !important;
}
.DynarchCalendar table {
	font-family: "Noto Sans", sans-serif !important;
}
body.body_ja-jp, 
body.body_ja-jp .comparelegend_value div div div, body.body_ja-jp #legenddate,
body.body_ja-jp .PerformanceTab_DDL_Performance_Function,
body.body_ja-jp #comparelegend, body.body_ja-jp .highcharts-axis-labels text tspan, body.body_ja-jp .highcharts-axis text tspan, body.body_ja-jp .highcharts-container text,
body.body_ja-jp  .DynarchCalendar table,
body.body_ja-jp  #txtInsertPeriod, body.body_ja-jp div#divMACustom input  {
	font-family: "Noto Sans JP", sans-serif;
}
a:link, a:visited, a:active, 
#btnPeriodRange {
	color: #D91E49;
	text-decoration: none;
	background:none;
}
a:hover, 
#btnPeriodRange:hover
{
    color: #D91E49;
    text-decoration: underline;
	background:none;
}
table, table.TickerTbl, .periodSelection table, table.ControllRow, table.TradeBrokerTable, .TradeBrokerTable table, table.TradesTable, #BrokerDiv table,
table.BrokerHeaderTable, table.BrokerTableContent, table.BrokerContentTable  {
    border-collapse: collapse;
    border-spacing: 0;
}
#additionFunctionPanel > table {
	border-collapse: separate;
	border-spacing: 2px;
}
table.TradesTable, .ShareDataTable.DataTable {
	border-collapse:separate;
}
/* width of tool */
#container {
	width: 100%;
	max-width: 650px;
	min-width: 250px;
	overflow: hidden;
}
#dateTimeBox {
	width: 97%;
}
td.TickerNameTD_Volume, td.TickerValueTD_Volume {
	
}
td.TickerValueTD_ShareName, td.TickerNameTD_ShareName {
	
}
.navigation ul li {
	width: auto;
}
.additionFunction table {
	width: 85%;
}
.TD_detach_graph, .TD_download_excel, .TD_print {
	width: 30%;
	text-align: center;
}
.bullet {
	width: 7px;
}
.TradesTable td {
	width:33%;
}
.DataNameTD {
	width: 50%;
}
.DataValueTD {
	width: auto
}
.LeftCol, .rightbold  {
	width: 50%;
}
.tdOrderLeft {
	width:10%;
}
.tdOrderRight {
	width:10%;
}
.tdOrderMiddle {
	width:80%;
}
.orderBorder {
	width:100%;
}
table.ControllRow td.ControllTD {
    width: calc(33.33% - 2%);
}
#indicatorPanel, #indicesComparisonPanel, #diagramTypePanel, #lowerGraphPanel, #movingAveragePanel, #otherOptionPanel {
	width: calc(100% - 0%);
	height: 100%;
}
table#tableDiagram {
	width: auto;
}
.custom_label table tr td div {
	width: 100%;
	overflow: hidden;
	max-width: 140px;
}
label {
	width: auto;
}
.divMore {
	width: 170px;
}
.PerformanceTab_Table_Price_Performance {
	width: 100% !important;
	margin-bottom: 3px;
}
.PerformanceTab_Div_In_TD_Data {
	width: auto !important;
}
.PerformanceTab_Table_Data, .PerformanceTab_Table_Performance_By_Year {
	width: 100% !important;
}
.PerformanceTab_Table_Selection td {
	width: auto;
	
}
.PerformanceTab_TD_Select_Type_Value {
	text-align: right;
}
.PerformanceTab_TD_Select_Currency_Value, .PerformanceTab_TD_Select_Currency_Label {
    display: none;
}
/*select box*/
.PerformanceTab_DDL_Performance_Function {
	max-width: 375px;
    min-width: 150px;
	width: 100%;
}
/*  all */
.PerformanceTab_Performance_All_Time_High_H_Label, .PerformanceTab_Performance_All_Time_Low_L_Label,
.PerformanceTab_Performance_52_Week_High_H_Label, .PerformanceTab_Performance_52_Week_Low_L_Label
 {
	padding-left:0px;
	_position: absolute;
	+position: absolute;
	width: 19px;
	display:inline-block;
	text-align: left;
}
.PerformanceTab_Performance_All_Time_High_H_Value, .PerformanceTab_Performance_All_Time_Low_L_Value,
.PerformanceTab_Performance_52_Week_High_H_Value, .PerformanceTab_Performance_52_Week_Low_L_Value {
	padding-right: 0px;
	display:inline-block;
	width: calc(100% - 19px);
	text-align:right;
}
.PerformanceTab_Performance_52_Week_Low_L_Label, .PerformanceTab_Performance_All_Time_Low_L_Label {
    position: relative;
}
.PerformanceTab_Performance_52_Week_High_Low_Value,
.PerformanceTab_Performance_All_Time_High_Low_Value {
    min-width: 80px;
}
/* end  width of tool*/
#recLeftSide, #recRightSide{
	display: none;
}
#recVolume {
    fill: transparent;
}
.comparelegend_separator {
   
}
#divCalendar {
 background-color: #e3e3e3;
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected {
 background-color: #d91e49;
 color: #e3e3e3;
}
.DynarchCalendar-day-today {
 color: #d91e49;
font-weight: 700;
}
.DynarchCalendar-day-selected {
 background-color: #e3e3e3;
 border: 1px solid #d91e49;
 color: white !important;
 margin: 0 !important;
 padding: 2px 3px;
}
#flashcontent {
 padding-top:16px;
}
#shareGraph {
	min-height: 100px;
	border: none;
	height: auto;
}
body.body_FlashGraph #shareGraph, body.body_HtmlGraph #shareGraph
body.body_ShareData #shareGraph, body.body_Trades #shareGraph, body.body_Orders #shareGraph, body.body_Performance #shareGraph {
	border: none;
}
body.body_ShareData #divSubControl, body.body_Trades #divSubControl  {
 border: none;
 padding:0px;
 margin: 0px;
}
body.body_ShareData #shareGraph {
    margin-top: 15px;
}
.common_border {
	border: none;
}
#pressContent{
	padding-left:30px !important;
}
#htmlcontent {
    height: calc(390px + 10px) !important;
    width: calc(100% - 0px);
	margin: 0;
}
#upperpart {
 padding: 0 !important;
 margin-left: 0px;
 margin-right: 0px;
}
#Ticker8 {
    width: calc(100% - 2px);
    position: relative;
    left: 1px;
}
.shareInformation {
	margin: 0;
	padding: 0px 0;
	min-height: 55px;
}
.TickerDateTD {
}
div.TickerDateDiv {
    font-weight: 400;
    margin-bottom: 0;
    padding: 5px 0.6666em;
    text-align: left;
	font-size: 1em;
}
div.TickerSelectDateDiv {
    display: none;
}
.TickerTbl tr td {
    
}
td.TickerValueTD_ShareName, td.TickerNameTD_ShareName {
 text-align:left;
}
td.TickerNameTD_UpDownArrow, td.TickerValueTD_UpDownArrow {
    display: none;
}
/* TABS AREA START */
#tabPanel {
    margin-top: 1em;
    margin-bottom: 0.2em;
    width: 100%;
    height:auto;
    line-height: normal;
	text-align: center;
	
	border-bottom: 1px solid #A7A9AC;
}
#tabPanel ul {
	text-align: left !important;
	font-size: 0em;
}
.navigation ul li {
	width: calc(20% - 0.332em);
	min-width: 100px;
	margin: 0 0.166em 0 0;
}
/* Unselected tab rules */
.navigation ul li a {
    height: 16px;
	line-height: normal;
	
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 0px;
	padding-right: 0px;
	
	text-decoration: none;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	
	background: #fafafa;

	border: 1px solid #A7A9AC;
	
	transition: background 0.5s;
	
	color: #555555;	
	
	border-radius: 0px;
	vertical-align: middle;
	margin-left: 0px;
	position: relative;
	top: 1px;
	left: 0px;
	width: calc(100% - 2px);
}

.navigation ul li a:hover {
	text-decoration: none;
	font-weight:400;
	font-style: normal;
	background: #ffffff;
	color: #555555;
}
/* Selected tab rules */
.navigation ul li a.tab_selected {
	background: #ffffff;
	border-bottom-color: #ffffff;
	color: #555555;
	font-weight: 700;
	
	position: relative;
	top: 1px;
	left: 0px;
	opacity: 1;
}
.tab_selected:hover
{

}
.tab_selected:before {

}
/* END OF TABS AREA */
.lowerSkin {
    float: left;
    text-align: left;
}
.dbFooter {
 padding-top: 13px;
 font-size: 1em;
}
#dbFooter {

}
/* button */
.additionFunctionbox, body.body_ShareData .additionFunctionbox, body.body_Trades .additionFunctionbox, body.body_Performance .additionFunctionbox  {
    height: auto;
}

#additionFunctionPanelPanel {
	padding: 0.5em 0 0 0;	
}

.additionFunction table {
	margin: 0em;
	width: 100%;
}

.button,
.button:link,
.button:visited {
	display: inline-block;
	*display: inline;
	*zoom: 1.0;
	
	width: 100%;
	
	border: 0px;	
	border-radius: 0px;
	
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	font-size: 1em;
	color: #d91e49;
}
.button span {
	display: block;
	padding: 0.5em 0;
	
	margin: 0.5em;
	background: #ffffff;	
	border: 1px solid #d91e49;
	
	transition: background 0.5s, color 0.5s, border 0.5s;
}
.button img {
	display: none;
}
.button:active,
.button:hover {
	text-decoration: none;
}
.button:active span,
.button:hover span {
	background: #d91e49;
	color: #ffffff;
}

.additionFunction table, 
.additionFunction tbody,
.additionFunction tr {
	display: block;
}

.additionFunction tr {
	font-size: 0em;
	text-align: center;
}

.additionFunction table td {
	width: 27.33%;
	text-align: center;
	
	display: inline-block;
	*display: inline;
	*zoom: 1.0;
	
	min-width: 12em;
	box-sizing: border-box;
}
/* Period navigation, which contains the period tabs */
.periodSelection {
 height: auto;
 padding: 10px;
 border: none;
}
body.body_FlashGraph .periodSelection,
body.body_HtmlGraph .periodSelection {
	padding: 1em 0;
	padding-left: 35px;
}
.PeriodSelectionIntervalText {
    text-align: left;
	vertical-align: top;
}
#lblInterval {
	white-space: nowrap;
	font-weight: 400;
	}
div#periodSelectionPanel.periodSelection input {
    margin-left: 0.5em;
    margin-right: 0.3em;
}
#periodSelectionPanel label {
    white-space: nowrap;
}
#periodSelectionPanel ul {
    text-align: left !important;
}
.bullet {
 font-size: 1px;
 height: 7px;
}
.tdbullet {
 border-bottom: solid 1px #999999;
 padding-top: 2px;
 padding-right: 4px;
 vertical-align: middle;
}

/* inside graph 
.ul_highstocklegend li {
	list-style: none;
	margin-left: 0em;
	line-height: 1em;
	height: auto;
	
	float: none;
	display: inline-block;
	*display: inline;
	*zoom: 1.0;
}
.comparelegend_name {
	padding: 0px;
	
	position:relative;
	top: 0em;
	left: 0em;
	margin-left: 0em;
	
	display: inline-block!important;
}
.comparelegend_name:before {
	content: "■";
	
	font-size: 2em;
	
	position: relative;
	left: 0;
	top: 0;
	margin-top: -0.385em;
	margin-right: 0.2em;
	padding-left: 0.3em;
	
	line-height: 0.5em;
	
	display: inline-block!important;
	
}
.ul_highstocklegend_color_blind_mode .comparelegend_name:before {
	content: "";
}
#_ulPeriod li label {
    white-space:nowrap;
}
div#periodSelectionPanel {
    border-bottom: 0.08em solid #cccccc;
}
.highstocklegend {
    padding: 0em;
}
.ul_highstocklegend {
	padding: 0em 1.5em 0.5em 1.5em;
	padding: 0em 0 0.5em 0;
	border-bottom: 0.08em solid #cccccc;
	margin-bottom: 1em;
}

.comparelegend_value {
	padding-left: 0.6em;
	padding-right: 0.6em;
}
.legenddate {
    padding-top: 1em;
	padding-bottom: 1em;	
	padding-left: 0.7em;
	
}
 inside graph */

/* PLUS AND MINUS START */
.TickerValueTD_LastPriceChange, .TickerValueTD_LastPricePercentChange,
.TradesTable .Trades_RowHeader td.Trades_LastHeading, .TradesTable .Trades_Row td.Trades_Close_Change, 
.PerformanceTab_Performance_1_Month_Change_Value, .PerformanceTab_Performance_3_Month_Change_Value, .PerformanceTab_Performance_6_Month_Change_Value,
.PerformanceTab_Performance_52_Week_Change_Value, .PerformanceTab_Performance_5_Year_Change_Value,
.PerformanceTab_Performance_By_Year_Current_Value, .PerformanceTab_Performance_By_Year_Prev1_Value, .PerformanceTab_Performance_By_Year_Prev2_Value,
.PerformanceTab_Performance_By_Year_Prev3_Value,  .PerformanceTab_Performance_By_Year_Prev4_Value {
    /*padding-right: 0em !important;*/
}
.minus span,
.Minus span,
.PerformanceTab_Performance_Negative_Value,
.PerformanceTab_Performance_By_Year_Negative_Value {
    color: #658D1B;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
}
/*
.minus span:before,
.Minus span:before,
.PerformanceTab_Performance_Negative_Value:before,
.PerformanceTab_Performance_By_Year_Negative_Value:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: -1em;
    margin-top: -0.4em;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.7em solid #eb6437;
}
*/
.plus span,
.Plus,
.PerformanceTab_Performance_Positive_Value,
.PerformanceTab_Performance_By_Year_Positive_Value {
    color: #D91E49;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
	
}
/*
.plus span:before,
.Plus:before,
.PerformanceTab_Performance_Positive_Value:before,
.PerformanceTab_Performance_By_Year_Positive_Value:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: -1em;
    margin-top: -0.4em;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.7em solid #5ac37d;
}
.PerformanceTab_Performance_By_Year_NA_Value, .PerformanceTab_Performance_NA_Value {
	color: #555555;
}
PLUS AND MINUS END */
/*For Order tab */
.Orders_TopPanel_Title tr:first-child {
font-weight: 700;
 margin-bottom: 5px;
 padding: 5px 0;
 vertical-align:top;
 text-align: left;
}
 .Orders_TopPanel_Title, .tdOrderLeft, .tdOrderRight, .tdOrderMiddle {
 border-bottom: 1px dashed #CACACA;
 height:28px;
}
 .Orders_HeaderTD_Bid, .Orders_HeaderTD_Ask {
font-weight: 700;
}
.tdOrderLeft {
 text-align:left;
 padding-left:0px;
}
.tdOrderRight {
 text-align:right;
 padding-right:0px;
}
.tdOrderMiddle {
 text-align:center;
 white-space:nowrap;
}
.orderLeft, .orderRight {
	text-align:right;
	height:19px;
}
.orderLeft {
 background:#ffffff;
}
.orderRight {
 background:#005899;
}
/* trade table */
.LastestShareTrades {
}
 td.excellink {
 padding: 5px 0 10px 5px;
 text-align: left;
}
td.excellink a {
}
td.excellink a:hover {
}
.excellink img {
	position: relative;
    top: 5px;
}

/* Broker Table */
.RowBroker{
	display:none;
}
table.BrokerContentTable td.BrokerTypeRow {
font-weight: 700;
 text-align: left;
}
.Broker_ColumnOrder, .Broker_ColumnBroker, .Broker_ColumnPercent, .Broker_ColumnVolume {
font-weight: 400;
 height:16px;
 color: #555555;
 background: transparent;
 border-bottom: 1px solid #808080;
 text-transform: capitalize;
}
.Broker_ColumnBroker {
text-align:left;
}
.Broker_ColumnVolume {
text-align:right;
}
.Broker_ColumnPercent {
text-align:center;
}
.Broker_ColumnOrderValue, .Broker_ColumnBrokerValue, .Broker_ColumnBrokerValue {
 font-weight: 400;
 border:none;
 color: #ffffff;
 background: #d91e49;
}
tr.RowTrades td div {
 text-align: left;
}
.BrokerTable {
font-weight: 700;
 padding:5px 0px 5px 0px;
 text-align: right;
}
.Buyers, .Sellers {
vertical-align:top;
}
.Sellers {
padding-left:15px;
}
td.Broker_Chart {
 padding-left:50px;
}
/** lowerpart **/

#lowerpart {
 padding: 0;
 padding-bottom: 0px !important;
 padding-left: 0%;
 margin: 10px 0 0 0;
}
 table.ControllRow {
 border-spacing:0;
}
.ControllRow_1{
	margin-top: 8px;
	}
table.ControllRow td.ControllTD {
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 1%;
    float: left;
    margin: 1%;
    min-height: 150px;
    background: #fafafa;
}
table.ControllRow td.ControllTD > div {

}
.ControllTD > div {
    left: 0px;
    position: relative;
}
 table#tableDiagram tr {
 padding-left:5px;
 height: 14px !important;
}
table#tableDiagram tr td {
 margin-top:20px;/**/
 height: 14px !important;
 +height: 18px !important;
 text-align: left;
}
table#tableDiagram tr td input {
 margin-right:5px;
height: 17px !important
}
.custom_label table {
 border-collapse:collapse;
 border-spacing:0;
}
div.divtable {
padding-left:0px;
background-position:top;
padding-top:7px;
+padding-top:1px;
}
.custom_label table tr td:first-child {
    width: 18px;
}
.custom_label td, .table_row {
    height: auto;
}
table#tableDiagram {
 margin-left:0px;
 margin-top:6px;
}
#peerPanel, #indicesPanel, #ownSharePanel, .custom_label {
 margin-left:0px;
 margin-top:7px;
}
.table_row.row_peer, .table_row.row_indices, .table_row.row_ownshare {
    left: -3px;
}
#lblHideShow, #lblDailyChange, #lblRSI, #lblMACD, 
#lbEarning, #lbPressRelease, #lblDividends, #lblPeriodHL,
#lbl10day, #lbl20day, #lbl50day,
#lblpercentView, #lblTotalReturn, table td.compare_part {
 padding-left:0px;
}
#lblLine, #lblBar, #lnlCandestick, #lblMountain {

}
#lblHideShow, #lblDailyChange, #lblRSI, #lblMACD {
 display:inline;
 word-spacing:-1px;
}
div#movingAveragePanel {
white-space:nowrap;
}
 #txtInsertPeriod, div#divMACustom input {
 border:#555555 1px solid;
 border-radius: 0px;
 padding: 4px 4px;
 width: 40px !important;
}

/* more option peer indice */

.morePanel {
    background: #fafafa none repeat scroll 0 0;
    height: 100px;
}
#morePeerPanel label {
    display: inline;
    margin-left: 3px;
}
#moreIndicesPanel label {
    margin-left: 3px;
}
/*For sharedata tab */
.DataNameTD {
	
}
.DataValueTD {
 text-align: right;
}
/** performance **/

.PerformanceTab_Div_Data {
 padding-left: 0px;
  text-align: left;
}
 .PerformanceTab_TD_Select_Type_Label {
    font-weight: 700;
    text-align: left;
 }
.PerformanceTab_DDL_Performance_Function {
	appearance: none;
    -webkit-appearance: none;
	-moz-appearance: none;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' width=\'32\' height=\'24\' viewBox=\'0 0 32 24\'><polygon points=\'0,0 32,0 16,24\' style=\'fill: rgb%280, 0, 0%29\'></polygon></svg>");
    background-origin: content-box;
    background-position: calc(0px + 100%) 50%;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    border-radius: 0px;
    padding: 5px;
}
@media not all {
	select {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
	}
}
#ddlFunctionPerformance > option:nth-child(3) {
    display: none;
}
 .PerformanceTab_Table_Performance_By_Year td, .PerformanceTab_Table_Price_Performance td {
	height:30px;
}
.PerformanceTab_Performance_Row, .PerformanceTab_Performance_By_Year_Row{
	background: transparent;
	}
.PerformanceTab_Performance_Instrument_Value div , .PerformanceTab_Performance_By_Year_Instrument_Value div{
    padding-left: 0px;
    padding-right: 0px;
}
.PerformanceTab_Performance_Instrument_Value, .PerformanceTab_Performance_By_Year_Instrument_Value, .PerformanceTab_Performance_By_Year_Instrument_Heading, .PerformanceTab_Performance_Instrument_Heading{
	text-align:left !important;
	}
.PerformanceTab_Performance_52_Week_High_Low_Value {
    text-align: left !important;
}
 td.PerformanceTab_Performance_52_Week_High_Low_Value, td.PerformanceTab_Performance_All_Time_High_Low_Value {
 height: 30px;
 line-height: 16px;
 border: collapse;
}
.PerformanceTab_Performance_All_Time_High_Low_Value_NA {
text-align:center;
}
.PerformanceTab_Performance_52_Week_High_Value, .PerformanceTab_Performance_52_Week_Low_Value,
.PerformanceTab_Performance_All_Time_High_Value, .PerformanceTab_Performance_All_Time_Low_Value {
	padding-left: 0;
	text-align: right;
_white-space:nowrap;
+white-space:nowrap;
}
/* config header title */
.DivLastestShareTrades,
.body_Performance .periodSelection {
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0px;
    padding: 10px 10px;
    text-align: left;
	color: #555555;
	font-size: 1.1666em;
}
table.ControllRow td.ControllTD div.title {
	font-weight: 700;
	font-size: 1em;
	color: #555555;
	line-height:22px;
	padding: 0.5em 0;
	text-transform: capitalize;
	border-bottom: 1px solid #A7A9AC;
}
/* config table */
td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask {
	display: none;
	}
.TickerNameTD_ShareName, .TickerValueTD_ShareName,
.DataNameTD, .Trades_TimeHeading, .Trades_TradeTime,
.PerformanceTab_Performance_Instrument_Heading, .PerformanceTab_Performance_Instrument_Value,
.PerformanceTab_Performance_By_Year_Instrument_Heading, .PerformanceTab_Performance_By_Year_Instrument_Value {
	text-align: left !important;
}
.TickerNameTD_Volume, .TickerValueTD_Volume,
.DataValueTD {
	text-align: right !important;
}

.TickerTbl tr:nth-child(2) td ,
.TickerNameTD, .DataNameTD,
.Trades_RowHeader td,
.PerformanceTab_Performance_Header_Row th, .PerformanceTab_Performance_By_Year_Header_Row th {
	font-weight: 700;
	font-size: 1em;
	text-transform: none;
	padding: 5px 0.6666em;
	text-align: center;
	background: transparent !important;
	border: 1px solid #A7A9AC;
}
.TickerValueTD, .DataValueTD,
body.body_Trades table.TradesTable .Trades_Row td,
.PerformanceTab_Table_Price_Performance tr td, .PerformanceTab_Table_Performance_By_Year tr td  {
	font-weight: 400;
	font-size: 1em;
	text-transform: none;
	padding: 5px 0.6666em;
	text-align: center;
	border: 1px solid #A7A9AC;
}
.TickerTbl tr:nth-child(1) td {
	background: transparent;
}
/*
.TickerTbl tr:nth-child(2n + 1) td,
.ShareDataTable tr:nth-child(2n - 1) td,
.TradesTable tr:nth-child(2n) td,
.PerformanceTab_Table_Price_Performance tr:nth-child(2n) td, .PerformanceTab_Table_Performance_By_Year tr:nth-child(2n) td {
    background: #ffffff none repeat scroll 0 0;
}
.TickerTbl tr:nth-child(2n + 2) td,
.ShareDataTable tr:nth-child(2n) td,
.TradesTable tr:nth-child(2n - 1) td,
.PerformanceTab_Table_Price_Performance tr:nth-child(2n - 1) td, .PerformanceTab_Table_Performance_By_Year tr:nth-child(2n - 1) td {
    background: #fafafa none repeat scroll 0 0;
}

.TickerTbl tr:nth-child(2n + 1) td:hover, .TickerTbl tr:nth-child(2n + 2) td:hover,
.ShareDataTable tr:hover td,
.TradesTable tr:hover td, 
.PerformanceTab_Table_Price_Performance tr:hover td, .PerformanceTab_Table_Performance_By_Year tr:hover td {
    background: #f5f5f5 none repeat scroll 0 0;
}
.TickerTbl tr:last-child td,
.ShareDataTable tr:last-child td,
.TradesTable tr:last-child td,
.PerformanceTab_Table_Price_Performance tr:last-child td, .PerformanceTab_Table_Performance_By_Year tr:last-child td {
    border-bottom: 1px solid #808080;
}
*/
.ul_highstocklegend li {
    list-style: outside none none;
	margin-left: 0px;
}

@media (min-width: 1201px){	
	#lowerpart {
   		padding-left: 0px;
		 }
}
@media (max-width: 1200px){	
	#lowerpart {
   		padding-left: 0px;
		 }
}
@media (max-width: 600px)
/*@media all and (device-width : 768px) and (device-height : 1024px) and (orientation : landscape) */
{
	#divVolumeLowerGraph #lblHideShow {
    	font-size: 90%;
	}
	.custom_label table label {
		margin-left: 3px;
	}
	.custom_label table tr td div {
		max-width: 132px;
	}
	.comparelegend_name {
		display: block !important;
		padding-bottom: 3px;
	}
}
@media (max-width: 720px)
{
	.PerformanceTab_Performance_1_Month_Change_Heading, .PerformanceTab_Performance_1_Month_Change_Value,
	.PerformanceTab_Performance_3_Month_Change_Heading, .PerformanceTab_Performance_3_Month_Change_Value
	{
		display: none;
	}
	td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask {
		display: none;
	}
}
@media (max-width: 600px)
/*@media all and (device-width : 768px) and (device-height : 1024px) and (orientation : portrait) */
{	
	.htmlgraph {
		margin-top: 5px;
	}
	#htmlcontent {
		height: calc(390px + 25px) !important;
	}
	#_ulPeriod  li {
		margin: 0px 0;
	}
	.additionFunction table {
		width: 100%;
	}
	#lowerpart {
		padding-left: 0px !important;
	}
	table.ControllRow td.ControllTD {
		width: 48%;
	}
	table.ControllRow tr td:nth-of-type(2n+1) {
		clear: both;
	}
	.PerformanceTab_Performance_1_Month_Change_Heading, .PerformanceTab_Performance_1_Month_Change_Value,
	.PerformanceTab_Performance_3_Month_Change_Heading, .PerformanceTab_Performance_3_Month_Change_Value,
	.PerformanceTab_Performance_6_Month_Change_Heading, .PerformanceTab_Performance_6_Month_Change_Value,
	.PerformanceTab_Performance_Currency_Heading, .PerformanceTab_Performance_Currency_Value,
	.PerformanceTab_Performance_By_Year_Prev4_Heading, .PerformanceTab_Performance_By_Year_Prev4_Value{
		display: none;
	}

}
@media (max-width: 480px){
	body
	{
		font-size: 12px !important;
	}
	.comparelegend_value div div div, #legenddate,
	#comparelegend, .highcharts-axis-labels text tspan, .highcharts-axis text tspan, .highcharts-container text 	{
		font-size: 	12px !important;
		 
	}
	.PerformanceTab_TD_Select_Type_Label, .PerformanceTab_Performance_Header_Row th, .PerformanceTab_Performance_By_Year_Header_Row th,
	td.TickerNameTD, table.ControllRow td.ControllTD div.title, .DataNameTD, span.LastestShareTrades, .Trades_TimeHeading, .Trades_LastHeading, .Trades_VolumeHeading
	{
	}
	td.TickerValueTD, .DataValueTD, .PerformanceTab_Performance_Row td, .PerformanceTab_Performance_By_Year_Row td, body.body_Trades table.TradesTable .Trades_Row td {
	}
	td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask ,
	td.TickerNameTD_High, td.TickerValueTD_High,
	td.TickerNameTD_Low, td.TickerValueTD_Low,
	.PerformanceTab_Performance_52_Week_High_Low_Heading, .PerformanceTab_Performance_52_Week_High_Low_Value,
	.PerformanceTab_Performance_By_Year_Prev3_Heading, .PerformanceTab_Performance_By_Year_Prev3_Value{
		display: none;
	}
	.additionFunctionbox {
		height: auto;
	}
	.TD_detach_graph, .TD_download_excel, .TD_print {
		width: 48%;
	}
	#lowerpart {
		font-size: 1em;
		position: relative;
	}
	div#movingAveragePanel {
		white-space: none;
	}
	#divMACustom > input {
		/*display: block;*/
	}
	.PerformanceTab_Performance_52_Week_High_Low_Value {
		min-width: 70px;
	}
}
@media (max-width: 400px) {
	.comparelegend_value > div > div:nth-child(4) {
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
	}
	.comparelegend_value > div > div:nth-child(5) {
		margin-left: 4px;
	}
}
@media (max-width: 320px) {
	.PerformanceTab_Performance_All_Time_High_Low_Heading, .PerformanceTab_Performance_All_Time_High_Low_Value {
		display: none;
	}
	
}
body.body_ja-jp .supplied_by_euroland {
    padding-right: 7px;
}
div#lowerSkin .cookies_box {
    display: block!important;
}
.lowerSkin {
    float: none;
    text-align: right;
}
.dbFooter {
    float: none;
    text-align: right;
}
/*** START custom footer ***/
div#dbFooter {
    display: none;
}
.dbFooter {
    padding-top: 13px;
}
.lowerSkin {
    float: none;
    text-align: right;
}
.dbFooter {
    float: none;
    text-align: right;
}
span.Nikkei_note {
    display: block;
}
/*** END custom footer ***/


.body_ja-jp text.highcharts-yaxis-title[transform="translate(0,0) rotate(270 25 97)"] {
    -ms-transform: rotate(0deg)!important; /* IE 9 */
    transform: rotate(0deg)!important;
}

@-moz-document url-prefix() {
	.body_ja-jp text.highcharts-yaxis-title[transform="translate(0,0) rotate(270 27 97)"] {
		-moz-transform: rotate(0deg) !important; /* Mozilla */
	}
}


/* ADDED CSS */
span#lblColorVisionMode {
    display: none;
}

.switch {
    position: relative;
	margin-top: 1em;
}

.switch:before {
    content: "Colour vision deficiency mode";
    right: 60px;
    font-size: inherit;
    position: absolute;
    white-space: nowrap;
}

.body_ja-jp.body_HtmlGraph .switch::before {
    content: "色覚バリアフリーモード";
}