﻿/* CSS Definition for Trader's Web FX 090618 */


/*------------------------------- common template -------------------------------*/

/*#### for all objects ####*/

* html .alphaPNG {
    behavior: url(/common/js/iepngfix.htc);
} 

* {
	margin:0;
	padding:0;
}

body {
    font-family: Verdana,Arial,'ＭＳ Ｐゴシック',sans-serif;
}
/*
* html body {
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
}

*:first-child+html body {
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
*/
table {
	border-collapse:collapse;
}

input {
	margin:0;
	padding:0;
}

img {
	border:0;
}

img.imgcenter {
	display:block;
	margin:0 auto;
}

img.marginbottom {
	margin-bottom:3px;
}

a:link {
	color:#1D2098;
}

a:hover {
	color:#DD0000;
}

/*#### for outline architecture ####*/

#wrapper {
	margin:0 auto;
	width:1000px;
	height:1000px;
	background:#FFFFFF;
}

#header {
	position:relative;
	width:1000px;
	height:125px;
}

#footer {
	width:1000px;
	height:69px;
/*
	background:url(/images/common_footer.png) no-repeat;
	background-position:top left;
*/
}

#search {
	position:absolute;
	right:0px;
	top:2px;
	width:200px;
	height:30px;
}

/*#### for outline architecture(2column floating layout) ####*/

#contents {
	width:100%;
	margin:20px auto;
	background:#FFFFFF;
}

#contents #leftmenu {
	float:left;
	width:200px;
}

#contents #maincontents {
	float:left;
	width:790px;
	margin:0 0 0 10px;
	display:inline;
}

#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* CSS Definition for Trader's Web FX 090618 */

/*#### for header navigation ####*/

#t_navigation {
	position:relative;
	width:1000px;
	height:34px;
}

#t_navigation bgnavi {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}

#t_navigation ul {
	position:absolute;
	top:0;
	left:0;
	list-style-type:none;

}

#t_navigation ul li {
	float:left;
}

#t_navigation ul li a {
	display:block;
	margin-right:1px;
}

#t_navigation ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*#### for footer navigation ####*/

#u_navigation {
	position:relative;
	width:1000px;
	height:69px;
}

#u_navigation bgnavi {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}

#u_navigation ul 
{
    position:absolute;
	top:0;
	left:260px;
	list-style-type:none;
	width:735px;
	margin:0 0 0 auto;
}

#u_navigation ul li {
	float:left;
}

#u_navigation ul li a {
	display:block;
}

/*#### for leftside information (login) ####*/

#leftmenu #premiumservice {
	width:200px;
	background:url(/images/leftmenu/bg_premiumservice.png) repeat-y;
}

#leftmenu #premiumservice h2 {
	margin:5px auto;
	text-indent:-9999px;
	width:196px;
	height:33px;
	background:url(/images/leftmenu/h2_premiumservice.png) no-repeat;
}

#leftmenu #premiumservice a.linkbutton {
	display:block;
	margin:0 auto 0 4px;
	width:186px;
}

#leftmenu #premiumservice #loginarea {
	margin:5px auto 5px;
	width:191px;
/*	height:78px;*/
/*	background:url(/images/leftmenu/bg_login.png) no-repeat;*/
	background:#EEF5F8;
}

#leftmenu #premiumservice #loginarea table {
	margin:0 auto 5px 28px;
	width:154px;
}

#leftmenu #premiumservice #loginarea table th
{
	width:34px;
	height:21px;
}

#leftmenu #premiumservice #loginarea table td
{
	width:120px;
	height:21px;
}

#leftmenu #premiumservice #loginarea table td input {
	width:120px;
	height:16px;
}

#leftmenu #premiumservice #loginarea .login_id {
	display:block;
	width:34px;
	height:18px;
	text-indent:-9999px;
	background:url(/images/leftmenu/login_id.png) no-repeat;
}

#leftmenu #premiumservice #loginarea .login_pass {
	display:block;
	width:34px;
	height:18px;
	text-indent:-9999px;
	background:url(/images/leftmenu/login_pass.png) no-repeat;
}

#leftmenu #premiumservice #joininfo {
	margin:5px auto 5px;
	padding-top:30px;
	width:191px;
	height:158px;
	background:url(/images/leftmenu/bg_joininfo.png) no-repeat;
}

#leftmenu #premiumservice #joininfo h4 {
	margin:0 auto 5px 5px;
	text-indent:-9999px;
	width:162px;
	height:34px;
	background:url(/images/leftmenu/h4_joininfo.png) no-repeat;
}

#leftmenu #premiumservice #joininfo p {
	margin:5px auto;
	font-size:10px;
	line-height:1.4em;
	width:180px;color:#FFFFFF;
}

#leftmenu #variousinfo .infobox {
	width:200px;
	background:#FFFFFF;
	margin-bottom:15px;
}

#leftmenu #variousinfo .infobox h3 {
	margin:0 auto;
	width:198px;
	height:33px;
	text-indent:-9999px;
}

#leftmenu #variousinfo .infobox h3.rate {
	background:url(/images/leftmenu/h3_rate.png) no-repeat;
}

#leftmenu #variousinfo .infobox h3.majorindex {
	background:url(/images/leftmenu/h3_index.png) no-repeat;
}

#leftmenu #variousinfo .infobox h3.chart {
	background:url(/images/leftmenu/h3_chart.png) no-repeat;
}

#leftmenu #variousinfo .infobox h3.money_poll {
	background:url(/images/leftmenu/h3_money_poll.png) no-repeat;
}

#leftmenu #variousinfo .infobox h3.memo {
	background:url(/images/leftmenu/h3_memo.png) no-repeat;
}

#leftmenu #variousinfo .infobox #s1tab1 {
	display:block;
	float:left;
	width:65px;
	height:20px;
	background:url(/images/leftmenu/btn_tab1_on.png) no-repeat;
	text-indent:-9999px;
}

#leftmenu #variousinfo .infobox #s1tab2 {
	display:block;
	float:left;
	width:65px;
	height:20px;
	background:url(/images/leftmenu/btn_tab2_off.png) no-repeat;
	text-indent:-9999px;
}

#leftmenu #variousinfo .infobox #s1tab3 {
	display:block;
	float:left;
	width:65px;
	height:20px;
	background:url(/images/leftmenu/btn_tab3_off.png) no-repeat;
	text-indent:-9999px;
}

#leftmenu #variousinfo .infobox #s2tab1 {
	display:block;
	float:left;
	width:65px;
	height:20px;
	background:url(/images/leftmenu/btn_tab1_on.png) no-repeat;
	text-indent:-9999px;
}

#leftmenu #variousinfo .infobox #s2tab2 {
	display:block;
	float:left;
	width:65px;
	height:20px;
	background:url(/images/leftmenu/btn_tab2_off.png) no-repeat;
	text-indent:-9999px;
}

#leftmenu #variousinfo .infobox #s2tab3 {
	display:block;
	float:left;
	width:65px;
	height:20px;
	background:url(/images/leftmenu/btn_tab3_off.png) no-repeat;
	text-indent:-9999px;
}

#leftmenu #variousinfo .infobox .navi:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#leftmenu #variousinfo .infobox #s1box1 {
	display:block;
	width:196px;
	height:167px;
	border:2px solid #3A1D86;
}

#leftmenu #variousinfo .infobox #s1box2 {
	display:none;
	width:196px;
	height:167px;
	border:2px solid #3A1D86;
}

#leftmenu #variousinfo .infobox #s1box3 {
	display:none;
	width:196px;
	height:167px;
	border:2px solid #3A1D86;
}

#leftmenu #variousinfo .infobox #s2box1 {
	display:block;
	width:196px;
	height:130px;
	border:2px solid #3A1D86;
}

#leftmenu #variousinfo .infobox #s2box2 {
	display:none;
	width:196px;
	height:130px;
	border:2px solid #3A1D86;
}

#leftmenu #variousinfo .infobox #s2box3 {
	display:none;
	width:196px;
	height:130px;
	border:2px solid #3A1D86;
}

#leftmenu #variousinfo .infobox table.moneypoll {
	width:190px;
	margin:10px auto;
}

#leftmenu #variousinfo .infobox table.moneypoll tr th,
#leftmenu #variousinfo .infobox table.moneypoll tr td {
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
	height:22px;
	text-align:right;
}

#leftmenu #variousinfo .infobox table.moneypoll tr th {
	width:19px;
}

#leftmenu #variousinfo .infobox table.moneypoll tr td.subject {
	text-align:left;
	text-indent:5px;
}

#leftmenu #variousinfo .infobox table.moneypoll tr td.value {
	width:58px;
}

#leftmenu #variousinfo .infobox table.moneypoll tr td.value span {
	margin-right:10px;
}

#leftmenu #variousinfo .infobox table.moneypoll tr td.link_di {
	border:0;
}

#leftmenu #variousinfo .infobox .currency table,
#leftmenu #variousinfo .infobox .index table
{
	margin:0 auto;
	width:198px;
	border:1px solid #3A1D86;
}

#leftmenu #variousinfo .infobox .currency table {
	border-top:1px solid #3A1D86;
}


#leftmenu #variousinfo .infobox .currency table tr th,
#leftmenu #variousinfo .infobox .currency table tr td,
#leftmenu #variousinfo .infobox .index table tr th,
#leftmenu #variousinfo .infobox .index table tr td
{
	font-size:10px;
	height:28px;
	background:#FFFFFF;
	overflow:hidden;
}

#leftmenu #variousinfo .infobox .currency table tr th {
	width:90px;
}

#leftmenu #variousinfo .infobox .index table tr th {
	width:79px;
	text-align:left;
	text-indent:6px;
}

#leftmenu #variousinfo .infobox .currency table tr td,
#leftmenu #variousinfo .infobox .index table tr td {
	text-align:right;
}

#leftmenu #variousinfo .infobox .currency table tr td span,
#leftmenu #variousinfo .infobox .index table tr td span {
	margin-right:2px;
}


#leftmenu #variousinfo .infobox table tr.odd th,
#leftmenu #variousinfo .infobox table tr.odd td
{
	background:#EEF5F8;
}


#leftmenu #variousinfo .infobox .index table tr.subject td,
#leftmenu #variousinfo .infobox .currency table tr.subject td
{
	border-top:0;
}

#leftmenu #variousinfo .infobox .currency table tr th.currency {
	width:99px;
	height:33px;
	background:url(/images/leftmenu/bg_th_currency.png) no-repeat;
	font-size:12px;
	font-weight:400;
	text-align:center;
	text-indent:0;
}

#leftmenu #variousinfo .infobox .currency table tr th.bid {
	width:49px;
	height:33px;
	background:url(/images/leftmenu/bg_th_bid.png) no-repeat;
	font-size:12px;
	font-weight:400;
	text-align:center;
	text-indent:0;
}

#leftmenu #variousinfo .infobox .currency table tr th.ask {
	width:49px;
	height:33px;
	background:url(/images/leftmenu/bg_th_ask.png) no-repeat;
	font-size:12px;
	font-weight:400;
	text-align:center;
	text-indent:0;
}

#leftmenu #variousinfo .infobox .index table tr th.indexes {
	width:79px;
	height:33px;
	background:url(/images/leftmenu/bg_th.png) repeat-x; 
	font-size:12px;
	font-weight:400;
	text-align:center;
	text-indent:0;
}

#leftmenu #variousinfo .infobox .index table tr th.price {
	width:64px;
	height:33px;
	background:url(/images/leftmenu/bg_th.png) repeat-x; 
	font-size:12px;
	font-weight:400;
	text-align:center;
	text-indent:0;
}

#leftmenu #variousinfo .infobox .index table tr th.previous {
	width:54px;
	height:33px;
	background:url(/images/leftmenu/bg_th.png) repeat-x; 
	font-size:12px;
	font-weight:400;
	text-align:center;
	text-indent:0;
}

#leftmenu #variousinfo .infobox .memoarea {
	width:187px;
	height:160px;
	border:1px solid #3A1D86;
	background:#FFFFFF;
	padding:5px;
	overflow:auto;
	font-size:12px;
}

#leftmenu #variousinfo .infobox .memoarea h4 {
	background:url(/images/icon_square_s.png) no-repeat;
	background-position: 0 0;
	padding-left:1.2em;
	font-size:11px;
}


#leftmenu #variousinfo .infobox .currency table tr th.eurusd {
	background:#EEF5F8 url(/images/leftmenu/icon_eurusd.gif) no-repeat;
	background-position:2px 0;
	text-indent:40px;
}

#leftmenu #variousinfo .infobox .currency table tr th.usdjpy {
	background:#FFFFFF url(/images/leftmenu/icon_usdjpy.gif) no-repeat;
	background-position:2px 0;
	text-indent:40px;
}

#leftmenu #variousinfo .infobox .currency table tr th.gbpusd {
	background:#EEF5F8 url(/images/leftmenu/icon_gbpusd.gif) no-repeat;
	background-position:2px 0;
	text-indent:40px;
}

#leftmenu #variousinfo .infobox .currency table tr th.eurjpy {
	background:#FFFFFF url(/images/leftmenu/icon_eurjpy.gif) no-repeat;
	background-position:2px 0;
	text-indent:40px;
}

#leftmenu #variousinfo .infobox .currency table tr th.audjpy {
	background:#EEF5F8 url(/images/leftmenu/icon_audjpy.gif) no-repeat;
	background-position:2px 0;
	text-indent:40px;
}

#leftmenu #variousinfo .infobox .currency table tr th.gbpjpy {
	background:#FFFFFF url(/images/leftmenu/icon_gbpjpy.gif) no-repeat;
	background-position:2px 0;
	text-indent:40px;
}

#leftmenu #variousinfo .infobox .currency table tr th.nzdjpy {
	background:#EEF5F8 url(/images/leftmenu/icon_nzdjpy.gif) no-repeat;
	background-position:2px 0;
	text-indent:40px;
}

#leftmenu #variousinfo .infobox .currency table tr th.zarjpy {
	background:#FFFFFF url(/images/leftmenu/icon_zarjpy.gif) no-repeat;
	background-position:2px 0;
	text-indent:40px;
}

.generalmenu {
	width:200px;
}

.generalmenu ul {
	border-top:1px solid #D5D4D7;
	list-style-type:none;
}

.generalmenu ul li {
	width:200px;
	height:27px;
	background:url(/images/btn_general_menu_off.png) no-repeat;
}

.generalmenu ul li:hover {
	background:url(/images/btn_general_menu_on.png) no-repeat;
}

/* for IE6(inactive li:hover setting) */

* html .generalmenu ul li:hover {

}


/* menu without icon */

.generalmenu ul li a {
	display:block;
	width:185px;
	height:27px;
	font-size:14px;
	padding-left:15px;
	line-height:27px;
}

/* menu with icon */

.generalmenu ul.menuwithicon li a {
	display:block;
	width:165px;
	height:27px;
	font-size:14px;
	padding-left:35px;
	line-height:27px;
}

.generalmenu ul.menuwithicon li a img.formember {
	margin-bottom:-3px;
}

/* for IE6 bug */

* html .generalmenu ul.menuwithicon li a {
	display:block;
	width:165px;
	height:27px;
	font-size:14px;
	margin:0;
	padding:0;
	padding-left:35px;
	overflow:hidden;
	zoom:1;
}

* html .generalmenu ul.menuwithicon li a span.withicon {
	display:block;
	width:165px;
	height:16px;
	margin-top:4px;
}

* html .generalmenu ul.menuwithicon li a img.formember {
	margin:0;
	padding:0;
}

/* for fxwave news */

.generalmenu ul.menuwithicon li .fxwave_all {
	background:url(/images/market/icon_fxwave_all.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_outlook {
	background:url(/images/market/icon_fxwave_outlook.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_prospect {
	background:url(/images/market/icon_fxwave_prospect.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_usual {
	background:url(/images/market/icon_fxwave_usual.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_news {
	background:url(/images/market/icon_fxwave_news.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_index {
	background:url(/images/market/icon_fxwave_index.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_technical {
	background:url(/images/market/icon_fxwave_technical.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_spot {
	background:url(/images/market/icon_fxwave_spot.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_weekly {
	background:url(/images/market/icon_fxwave_weekly.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_statement {
	background:url(/images/market/icon_fxwave_statement.png) no-repeat;
	background-position: 10px 5px;
}

.generalmenu ul.menuwithicon li .fxwave_emergency {
	background:url(/images/market/icon_fxwave_emergency.png) no-repeat;
	background-position: 10px 5px;
}

/* for index top */

.generalmenu ul.menuwithicon li .top {
	background:url(/images/common/icon_go_top.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .japan {
	background:url(/images/common/icon_japan.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .america {
	background:url(/images/common/icon_america.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .eu {
	background:url(/images/common/icon_eu.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .uk {
	background:url(/images/common/icon_uk.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .germany {
	background:url(/images/common/icon_germany.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .australia {
	background:url(/images/common/icon_australia.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .newzealand {
	background:url(/images/common/icon_newzealand.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .canada {
	background:url(/images/common/icon_canada.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .swiss {
	background:url(/images/common/icon_swiss.png) no-repeat;
	background-position: 13px 7px;
}

.generalmenu ul.menuwithicon li .southafrica {
	background:url(/images/common/icon_southafrica.png) no-repeat;
	background-position: 10px 7px;
}

.generalmenu ul.menuwithicon li .china {
	background:url(/images/common/icon_china.png) no-repeat;
	background-position: 10px 7px;
}

#maincontents div.mainbottom {
	width:789px;
	height:30px;
	background:url(/images/mainbottom.png) no-repeat;
}

/* for top left & SSL left*/


#leftmenu #topinfo .infobox {
	margin-bottom:15px;
	width:200px;
	background:#EEF5F8;
	border-bottom:1px solid #D5D4D7;
}

#leftmenu #topinfo .infobox div {
	border-bottom:1px solid #D5D4D7;
}

#leftmenu #topinfo .infobox h3.function {
	width:200px;
	height:36px;
	background:#EEF5F8 url(/images/leftmenu/h3_top_function.png) no-repeat;
	text-indent:-9999px;
}

#leftmenu #topinfo .infobox h3.information {
	width:200px;
	height:36px;
	background:#EEF5F8 url(/images/leftmenu/h3_top_information.png) no-repeat;
	text-indent:-9999px;
}

#leftmenu #topinfo .infobox h4 {
	width:160px;
	margin:5px 10px 2px;
	background:url(/images/icon_tri.png) no-repeat;
	background-position: 0 0;
	padding-left:16px;
	font-size:13px;
	color:#589CDF;
}

#leftmenu #topinfo .infobox p {
	width:180px;
	margin:2px 10px 2px;
	font-size:12px;
}

#leftmenu #topinfo .infobox ul {
	width:160px;
	margin:2px 10px 2px;
	list-style-type:none;
}

#leftmenu #topinfo .infobox ul li {
	width:160px;
	height:20px;
	background:url(/images/icon_tri.png) no-repeat;
	padding-left:20px;
	line-height:16px;
	font-size:13px;
}

#leftmenu #topinfo .infobox ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}






/*------------------------------- /common template -------------------------------*/
