@charset "utf-8";

/* ================================================================

	for market Pages
		
	[Font Size]
		10px 62.50% | 11px 68.75% | 12px 75.00%
		13px 81.25% | 14px 87.50% | 15px 93.75%
		16px 100.00% | 17px 106.25% |18px 112.50%
		19px 118.75% | 20px 125.00% | 21px 131.25%
		22px 137.50% | 23px 143.75% | 24px 150.00%
		25px 156.25% | 26px 162.50% | 27px 168.75%
		28px 175.00% | 29px 175.00% | 30px 187.50%
		31px 193.75% | 32px 200.00%

================================================================= */

/* ----------------------------------------------------------------
    Module
----------------------------------------------------------------- */
/*   lyt-market-btn
----------------------------------------------------------------- */
div.lyt-market-btn{
margin-bottom:20px;
}
div.lyt-market-btn div.btn{
float:right;
width:140px;
}
div.lyt-market-btn div.btn a{
display:inline;
margin-left:10px;
}

div.lyt-market-btn div.column{
float:left;
}

/*   lyt-market-column
----------------------------------------------------------------- */
div.lyt-market-column{
margin-bottom:20px;
width:960px;
overflow:hidden;
_margin-right:-20px;
}

div.lyt-market-column div.segment{
width:460px;
margin-right:20px;
float:left;
}

/*   div.lyt-market-graph
----------------------------------------------------------------- */
div.lyt-market-graph{
margin-bottom:20px;
}

div.lyt-market-graph .graph{
width:470px;
margin-right:5px;
float:left;
}

div.lyt-market-graph .graph p.caption{
text-align:right;
margin-bottom:10px;
padding:5px 5px 0 0;
font-size:81.25%;
}

div.lyt-market-graph .column{}
div.lyt-market-graph .column p{
margin-bottom:10px;
}
div.lyt-market-graph .column p em{
margin-right:15px;
font-weight:bold;
color:#003d99;
font-size:114%;
}


/*   table.tbl-market-01
----------------------------------------------------------------- */
table.tbl-market-01{
margin-bottom:20px;
width:100%;
}

table.tbl-market-01 th,
table.tbl-market-01 td{
font-size:87.5%;
padding:1px 5px;
}

table.tbl-market-01 th{}
table.tbl-market-01 td{}

table.tbl-market-01 thead th,
table.tbl-market-01 thead td{
border-top:1px solid #dfe8eb;
border-left:1px solid #ffffff;
background-color:#d4edf2;
font-weight:bold;
vertical-align:middle;
}

table.tbl-market-01 tbody th{
text-align:left;
font-weight:normal;
}

table.tbl-market-01 tbody td{
text-align:right;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	table.tbl-market-01 td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:82.75%;
	}
}

table.tbl-market-01 tbody td em.up{
color:#ff5a00;
}
table.tbl-market-01 tbody td em.down{
color:#003d99;
}

/* ----------------------------------------------------------------
    Iframe
----------------------------------------------------------------- */
#box-iframe-market{
width:220px;
}

#box-iframe-market #box-iframe-market-inner{
border:1px solid #00a6c3;
padding:10px 1px 1px 1px;
}

#box-iframe-market p{
margin-bottom:1em;
font-size:68.75%;
}

#box-iframe-market div.hdg-container{
position:relative;
height:27px;
}
#box-iframe-market div.hdg-container p.btn-detail{
position:absolute;
left:130px;
top:5px;
}

#box-iframe-market .area-graph{
padding-bottom:10px;
text-align:center;
}

#box-iframe-market .area-graph h3{
margin-bottom:5px;
font-size:75%;
color:#0099b3;
}

#box-iframe-market .area-graph #graph-draw{
margin:0 auto;
width:220px;
}

#box-iframe-market .area-table table.tbl-market-01{
margin-bottom:10px;
}

#box-iframe-market .area-table table.tbl-market-01 th,
#box-iframe-market .area-table table.tbl-market-01 td{
font-size:75%;
padding:1px 6px;
}

#box-iframe-market .area-table table.tbl-market-01 thead th{
font-weight:normal;
}
#box-iframe-market .area-table table.tbl-market-01 tbody th,
#box-iframe-market .area-table table.tbl-market-01 tbody td{
font-size:68.75%;
}


#box-iframe-market .area-table table.tbl-market-01 tbody td.up{
color:#ff5906;
}

#box-iframe-market div.ftr-container{
position:relative;
}

#box-iframe-market div.ftr-container p{
margin-bottom:0;
}

#box-iframe-market div.ftr-container p.txt-info{}
#box-iframe-market div.ftr-container p.btn-attn{
position:absolute;
left:131px;
top:6px;
}


/* ----------------------------------------------------------------
    Clearfix
----------------------------------------------------------------- */
div.lyt-market-btn:after,
div.lyt-market-column:after,
div.lyt-market-graph:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
div.lyt-market-btn,
div.lyt-market-column,
div.lyt-market-graph{
*zoom:1;
}