@charset "UTF-8";
/* CSS file */

/*****
* BASEStyle
*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img, table, th, td, dl, dt, dd, form {
	border:0 none;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height: 130%;
}
img {
	vertical-align:bottom;
}
a {
	outline: none;
}

ul, ol{
	list-style-image:none;
	list-style-position:outside;
	list-style:none;
}
body {
	color:#DEE4EF;
	font-size: 78%;
	background: #5c77ae url(/trader/_asset/image/common/bgi-base.jpg) repeat-x;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.clearfix,
{
	/*display: inline-block;*/
}

.clearfix:after,
div#header:after,
div#footer:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

div.hrLine
{
	clear: both;
	width: auto;
	height: 2px;
	background: url(/trader/_asset/image/common/lin-footer_horizon.gif) repeat-x top left;
}

div.hrLine hr
{
	display: none;
}

/*****
* utils
*/

.mt_5  {	margin-top: 5px !important;  }
.mt_10 {	margin-top: 10px !important; }
.mt_15 { 	margin-top: 15px !important; }
.mt_20 {	margin-top: 20px !important; }
.mt_25 {	margin-top: 25px !important; }
.mt_30 {	margin-top: 30px !important; }
.mt_35 {	margin-top: 35px !important; }
.mt_40 {	margin-top: 40px !important; }

.mb_5  {	margin-bottom: 5px !important; }
.mb_10 {	margin-bottom: 10px !important; }
.mb_15 {	margin-bottom: 15px !important; }
.mb_20 {	margin-bottom: 20px !important; }
.mb_25 {	margin-bottom: 25px !important; }
.mb_30 {	margin-bottom: 30px !important; }
.mb_35 {	margin-bottom: 35px !important; }
.mb_40 {	margin-bottom: 40px !important; }

.txt_center{
	text-align: center;
}

/*****
* header
*/
div#header{
	width: 940px;
	height: 65px;
	margin: 0 auto;
	background: url(/trader/_asset/image/common/bgi_header.jpg) no-repeat 173px 0px;
}

div#header #home{
	float: left;
	width: 173px;
	text-indent: -9999px;
}

div#header #navi{
	float: left;
	width: 492px;
}

div#header #navi li{
	float: left;
	width: 151px;
	text-indent: -9999px;
}

div#header #navi .image{
	width: 13px;
	height: 64px;
	background: url(/trader/_asset/image/common/navi_image.jpg) no-repeat top left;
	text-indent: 0px;
}

div#header div#accounts{
	float: right;
	width: 255px;
	height: 32px;
	padding: 32px 0 0 20px;
	background: url(/trader/_asset/image/common/bgi_navi-account.jpg) no-repeat top left;
}

div#header div#accounts ul li{
	float: left;
	width: 123px;
	text-indent: -9999px;
}

div#header div#accounts ul li a{
	display: block;
	height: 22px;
}

div#header #home a,
div#header #navi li a{
	display: block;
	height: 64px;
}

div#header #home
{
	background: url(/trader/_asset/image/common/navi_home_up.jpg) no-repeat top left;
}

div#header #home a:hover
{
	background: url(/trader/_asset/image/common/navi_home_over.jpg) no-repeat top left;
}

div#header #navi .guide
{
	background: url(/trader/_asset/image/common/navi_guide_up.jpg) no-repeat top left;
}
div#header #navi .guide_stay
{
	background: url(/trader/_asset/image/common/navi_guide_stay.jpg) no-repeat top left;
}
div#header #navi .guide a:hover{
	background: url(/trader/_asset/image/common/navi_guide_over.jpg) no-repeat top left;
}

div#header #navi .media
{
	background: url(/trader/_asset/image/common/navi_media_up.jpg) no-repeat top left;
}
div#header #navi .media_stay
{
	background: url(/trader/_asset/image/common/navi_media_stay.jpg) no-repeat top left;
}
div#header #navi .media a:hover
{
	background: url(/trader/_asset/image/common/navi_media_over.jpg) no-repeat top left;
}

div#header #navi .download
{
	background: url(/trader/_asset/image/common/navi_download_up.jpg) no-repeat top left;
}
div#header #navi .download_stay
{
	background: url(/trader/_asset/image/common/navi_download_stay.jpg) no-repeat top left;
}
div#header #navi .download a:hover
{
	background: url(/trader/_asset/image/common/navi_download_over.jpg) no-repeat top left;
}


div#header #regularAccount
{
	background: url(/trader/_asset/image/common/btn_regularAccount_up.jpg) no-repeat top left;
}
div#header #regularAccount a:hover
{
	background: url(/trader/_asset/image/common/btn_regularAccount_over.jpg) no-repeat top left;
}


div#header #demoAccount
{
	background: url(/trader/_asset/image/common/btn_demoAccount_up.jpg) no-repeat top left;
}
div#header #demoAccount a:hover
{
	background: url(/trader/_asset/image/common/btn_demoAccount_over.jpg) no-repeat top left;
}


/** 0221までのヘッダー */
#header0221{
	float: left;
	width: 766px;
	height: 64px;
	background: url(/trader/_asset/image/common/bgi_header-0221.jpg) no-repeat top left;
	text-indent: -9999px;
}


/*****
* contents
*/
div#container{
	width: 940px;
	margin: 0 auto;
	padding: 0 0 15px 0;
}

div#contents{
	background: url(/trader/_asset/image/common/bgi_worldmap.jpg) no-repeat top left;
}

div#contents h1{
	padding: 25px 0;
}

#swfContent:focus {
	outline:none;
}

#youtubePlayer:focus {
	outline:none;
}

/*****
* footer
*/

#gotoPageTop{
	width: 940px;
	height: 43px;
	background: url(/trader/_asset/image/common/btn_gotoPageTop_up.jpg) no-repeat top left;
	text-indent: -9999px;
}

#gotoPageTop a{
	display: block;
	height: 43px;
}
#gotoPageTop a:hover{
	background: url(/trader/_asset/image/common/btn_gotoPageTop_over.jpg) no-repeat top left;
}

div#footer
{
	margin: 15px 0 0 0;
}


div#footer .voice
{
	width: 860px;
	height: 46px;
	margin: 0 0 20px 0;
	padding: 20px 0 0 100px;
	background: url(/trader/_asset/image/common/bgi_footer-voice.jpg) no-repeat top left;
}

div#footer .voice dt{
	float: left;
	width: 290px;
}

div#footer .voice dd{
	float: left;
	width: 550px;
}

div#footer .voice .detail{
	float:left;
	width: 385px;
}

div#footer .btnVoice{
	float:left;
	width: 146px;
	margin: 5px 0 0 0;
	background: url(/trader/_asset/image/common/btn_voice_up.jpg) no-repeat top left;
	text-indent: -9999px;
}

div#footer .btnVoice a{
	display: block;
	height: 23px;
}

div#footer .btnVoice a:hover{
	background: url(/trader/_asset/image/common/btn_voice_over.jpg) no-repeat top left;
}

div#footer p
{
	color: #BDC9DF;
}

div#footer p#copyright
{
	float: left;
	width: 800px;
	margin: 5px 0 0 0;
	color: #9DADCE;
	font-size: 90%;
}
div#footer p#inetFxLogo
{
	float: left;
	width: 130px;
}

