@charset "utf-8";

/*----------------------------------------------------
	beginner_menu
------------------------------------------------------*/
.beginner_menu{
	color:#000;
	text-decoration:none;
	background:url(../images/sprites/nav_bg.png) no-repeat -376px -80px;
	width:220px;
	height:25px;
	font-weight:bold;
	float:left;
	padding:5px 0 0 10px;
	margin:0 10px 10px 0;
	list-style-type:none;}

.beginner_menu a:link, 
.beginner_menu a:hover , 
.beginner_menu a:visited{
	color:#000;
	text-decoration:none;}			

/* -----------------------------------------------------------
	index
-----------------------------------------------------------*/
#main .beginner_h3 {
	background:url(../beginner/images/index_h3_bg.png) no-repeat;
	width:350px;
	height:22px;
	padding:8px 0 0 5px;
	_padding:8px 0 0 5px;
	margin:0;
	border:none;}
	
#main .beginner_h3 a:link, 
#main .beginner_h3 a:hover , 
#main .beginner_h3 a:visited {	
	color:#000;
	text-decoration:none;
	background:none;
	margin:0;
	padding:inherit;}	

#main div.index_box {
	width:355px;
	_width:340px;
	border:1px solid #c2c2c2;
	float:left;
	margin:0 5px 10px 0;}	

	div.index_fx {
		background:url(../beginner/images/index_bg.png) no-repeat 0 0;
		height:250px;
		padding:5px;}
	
	div.index_cfd {
		background:url(../beginner/images/index_bg.png) no-repeat -380px 0;
		height:250px;
		padding:5px;}
	
	div.index_mt4 {
		background:url(../beginner/images/index_bg.png) no-repeat 0 -318px;
		height:185px;
		padding:5px;}
	
	div.index_safe_trade {
		background:url(../beginner/images/index_bg.png) no-repeat -380px -318px;
		height:185px;
		padding:5px;}		
	
	div.index_account_process {
		background:url(../beginner/images/index_bg.png) no-repeat 0 -530px;
		height:128px;
		padding:5px;}
	
	div.index_req {
		background:url(../beginner/images/index_bg.png) no-repeat -380px -530px;
		height:128px;
		padding:5px;}
	
	div.index_glossaries {
		background:url(../beginner/images/index_bg.png) no-repeat 0 -700px;
		height:128px;
		padding:5px;}
	
	div.index_faq {
		background:url(../beginner/images/index_bg.png) no-repeat -380px -700px;
		height:128px;
		padding:5px;}	

#main div.index_box li,
#account_process .account_box_r li ,
#account_process .div_left li ,
#subjoinder8 li,
#subjoinder9 li{
	background: url(../img/icon/icon_Sprite.png) no-repeat 0 -167px;
	padding-left:23px;
	margin:7px;
	width:370px;}
	
#main div.index_box p {
	margin:7px;}
	
/* -----------------------------------------------------------
	ts2/step
----------------------------------------------------------- */
#account_process .step_bt ,
#account_process .step_bt a {
	background: url(../ts2/img/ts2-step_bt.png) no-repeat 0 0;
	width:350px;
	height:65px;
	display:block;	
	margin:0 5px 10px 0;}

#account_process .step_bt a:hover {
	background: url(../ts2/img/ts2-step_bt.png) no-repeat 0 -75px;
	width:350px;
	height:65px;
	display:block;	
	margin:0 5px 10px 0;}

#account_process .step_bt2 ,
#account_process .step_bt2 a {
	background: url(../ts2/img/ts2-step_bt.png) no-repeat -358px 0;
	width:350px;
	height:65px;
	display:block;	
	margin-bottom:10px;}

#account_process .step_bt2 a:hover {
	background: url(../ts2/img/ts2-step_bt.png) no-repeat -358px -75px;
	width:350px;
	height:65px;
	display:block;	
	margin-bottom:10px;}	
		
/* -----------------------------------------------------------
	services,index 	商品案内
----------------------------------------------------------- */
div.services_fx {
	background:url(../services/images/index_bg.png) no-repeat 0 0;
	height:170px;
	padding:5px;}

div.services_oil {
	background:url(../services/images/index_bg.png) no-repeat -380px 0;
	height:170px;
	padding:5px;}

div.services_gold {
	background:url(../services/images/index_bg.png) no-repeat 0 -200px;
	height:170px;
	padding:5px;}				

div.services_cfd {
	background:url(../services/images/index_bg.png) no-repeat -380px -200px;
	height:170px;
	padding:5px;}

div.services_mt4 {
	background:url(../services/images/index_bg.png) no-repeat 0 -390px;
	height:170px;
	padding:5px;}

div.services_rc {
	background:url(../services/images/index_bg.png) no-repeat -380px -390px;
	height:170px;
	padding:5px;}	

div.services_ts2 {
	background:;
	height:170px;
	padding:5px;}			

/* -----------------------------------------------------------
	glossaries
----------------------------------------------------------- */	
#gloss_overflow {
	overflow:auto;
	width:730px;
	height:1900px;
	margin:20px 0 0 0;}
	
#gloss_overflow h2.gloss {
	background:#666;
	background-image: none;
	width:680px;
	font-weight:bold;
	color:#fff;
	padding:3px 10px;
	margin:10px 0 5px 0;
	clear:both;}
	
#gloss_overflow dt {
	background:#dedede;
	width:680px;
	font-weight:bold;
	color:#333;
	padding:3px 10px;
	margin:10px 0 5px 0;}	
	
#gloss_overflow dl {width:700px;}

ul.gloss_cate_ul{
	margin:0;padding:0;
	list-style-type:none;}
	
.gloss_cate{
	width:25px;
	height:16px;
	background:url(../img/icon/icon_Sprite.png) no-repeat 0 -315px;
	text-align:center;
	float:left;
	padding:2px 0;
	margin:0 5px 3px 0;}

#gloss_overflow .gloss_next{
	background:url(../img/icon/icon_Sprite.png) no-repeat 0 -365px;
	padding:2px 0 0 25px;
	margin:0 5px 3px 0;
	font-weight:bold;
	float:right;}		
/* -----------------------------------------------------------
	faq
----------------------------------------------------------- */	
#faq {}
#faq .h3_faq {
	background:url(../img/share/ttl_Sprite.png) no-repeat 0 -80px;
	height:1.8em;
	margin:0;
	padding:3px 0 0 35px;
	color:#D20000;
	font-weight:bold;
	clear:both;}

#faq .h3_faq_line2 {
	background:url(../img/share/ttl_Sprite.png) no-repeat 0 -80px;
	height:3em;
	margin:0;
	padding:3px 20px 0 35px;
	color:#D20000;
	font-weight:bold;
	line-height:1.5em;
	clear:both;}
	
#faq .h3_faq_line3 {
	background:url(../img/share/ttl_Sprite.png) no-repeat 0 -80px;
	height:4.5em;
	margin:0;
	padding:3px 20px 0 35px;
	color:#D20000;
	font-weight:bold;
	line-height:1.5em;
	clear:both;}
	
#faq .h3_faq a:hover ,
#faq .h3_faq_line2 a:hover ,
#faq .h3_faq_line3 a:hover {
	color:#D20000;}
#faq h2 a:hover {	color:#FFFFFF;}
		
#faq dd.dd_faq{
	margin:0 0 15px 0;
	padding:5px;
	border:1px solid #ccc;}

#faq .faq_cau{color:#009999;}

#faq .disc {
	margin-left:1.5em;
	font-weight:bold;
	list-style-type:disc;} 

#faq ol li {
	margin-left:2em;
	font-weight:bold;
	list-style-type:decimal;} 	

#faq .li_cau {
	background:url(../img/icon/icon_Sprite.png) no-repeat 0 -47px;
	color:#CC0000;
	font-weight:bold;
	padding-left:16px;}	

.beginner_menu{
	color:#000;
	text-decoration:none;
	background: url(../img/share/subttl_Sprite.png) no-repeat 0px -214px;
	width:220px;
	height:26px;
	font-weight:bold;
	float:left;
	padding:5px 0 0 10px;
	margin:0 10px 10px 0;
	list-style-type:none;}	

	.beginner_menu a:link, 
	.beginner_menu a:visited {
		color:#000;
		text-decoration:underline;}
	
	.beginner_menu a:hover {
		color:#000;
		text-decoration: none;}		

#faq ul.qu {
	margin-bottom:1em;}

	#faq ul.qu li {
		background:url(../img/icon/icon_Sprite.png) no-repeat 0 -530px;
		padding-left:23px;
		margin-bottom:3px;	}	

/* FAQ ttl */
#faq p.qu_txt {
		background:url(../img/icon/icon_Sprite.png) no-repeat 0 -481px;
		background-color:#eaeaea;
		font-weight:bold;
		font-size:medium;
		padding:3px 3px 3px 23px;
		margin-bottom:5px;}	
#faq table{ border-collapse:collapse; border:1px solid #999; margin:10px;}
#faq td{padding:5px; border:1px solid #999;}	
#faq td.td-ttl{padding:5px; border:1px solid #999;background:#CBFDFE;font-weight:bold;}		

#expander ,
#expander2 ,
#expander3 ,
#expander4 ,
#expander5 ,
#expander6 ,
#expander7 ,
#expander10 ,
#expander11 ,
#expander12 ,
#expander13 ,
#expander14 ,
#expander15 ,
#expander16 ,
#expander17 ,
#expander18 {
	background:url(../img/icon/icon_Sprite.png) no-repeat -240px -307px;
	padding-left:18px;
	color:#333;
	height:20px;
	width:450px;}
#expander8,
#expander9{
	background:none;
	padding-left:18px;
	color:#333;
	height:20px;
	width:450px;}	
	
#collapser ,
#collapser2 , 
#collapser3 ,
#collapser4 ,
#collapser5 ,
#collapser6 ,
#collapser7 ,
#collapser17 ,
#collapser18{	
	background:url(../img/icon/icon_Sprite.png) no-repeat -710px -307px;
	padding-left:18px;
	color:#333;
	height:20px;}

#collapser8,
#collapser9{	
	background:none;
	color:#333;}	

#expander a ,
#expander2 a ,
#expander3 a ,
#expander4 a ,
#expander5 a ,
#expander6 a ,
#expander7 a ,
#expander10 a ,
#expander11 a ,
#expander12 a ,
#expander13 a ,
#expander14 a ,
#expander15 a ,
#expander16 a ,
#expander17 a ,
#expander18 a ,
#collapser a ,
#collapser2 a , 
#collapser3 a ,
#collapser4 a ,
#collapser5 a ,
#collapser6 a ,
#collapser7 a ,
#collapser10 a ,
#collapser11 a ,
#collapser12 a ,
#collapser13 a ,
#collapser14 a ,
#collapser15 a ,
#collapser16 a ,
#collapser17 a ,
#collapser18 a{
	color:#333;}	
		
/* -----------------------------------------------------------
	account_process
----------------------------------------------------------- */
#account_process {}
#account_process h4 ,
#quick h4{
	font-size:medium;
	padding:10px 0 0 80px;
	height:30px;
	color:#fff;}

#account_process h5 ,
#quick h5 ,{
	font-size:14px;
	margin-bottom:0.5em;}
	
	#account_process .step1 ,
	#quick .step1{
		background:url(../img/share/ttl_Sprite.png) no-repeat 0 -720px;
		width:730px;}

	#account_process .step2 ,
	#quick .step2{
		background:url(../img/share/ttl_Sprite.png) no-repeat 0 -780px;
		width:730px;}

	#account_process .step4 ,
	#quick .step4{
		background:url(../img/share/ttl_Sprite.png) no-repeat 0 -840px;		
		width:730px;}

	#account_process .step5,
	#quick .step5 {
		background:url(../img/share/ttl_Sprite.png) no-repeat 0 -900px;		
		width:730px;}

	#account_process .step6 ,
	#quick .step6{
		background:url(../img/share/ttl_Sprite.png) no-repeat 0 -960px;		
		width:730px;}

	#account_process .step3_ex ,
	#quick .step3 {
		background:url(../img/share/ttl_Sprite.png) no-repeat 0 -1120px;		
		width:730px;}		
													
/*----------------------------------------------------------- */
#account_process div.account_box ,
#quick div.account_box {
	width:708px;
	border:1px solid #0086A5;
	padding:10px;
	margin:1px 0 0 0;}

#account_process .account_box_l {
	float:left;
	width:150px;
	padding:10px;}

#quick .account_box_l{
	float:left;
	width:250px;
	padding:0px;}	

#account_process .account_box_r{
	padding:10px;	
	overflow: auto;
	zoom: 1;
	background:#f2f2f2;}

#quick .account_box_r{
	padding:10px;	
	overflow: auto;
	zoom: 1;
	background:#f2f2f2;}	

#account_process .step ,
#quick .step {
	text-align:center;
	margin:0;
	padding:1px 0;
	width:750px;
	clear:both;}

#account_process .account_box_r li.ex ,
#account_process .account_box li.ex {	
		padding-left: 20px;
		background: url(../img/icon/icon_Sprite.png) no-repeat 0 -47px;
		font-weight:normal;
		width:500px;}	
		
#account_process .account_box_r li.listred ,
#account_process .account_box li.listred {	
		padding-left: 0px;
		background: none;
		font-weight:normal;
		width:500px;
		color:#ff0000;
		padding-left: 1em; 
		text-indent: -1em;
		margin-bottom:-0.5em;}			
						
#account_process .account_box_r li.attachment {	
		padding-left: 20px;
		background: url(../img/icon/Attachment.png) no-repeat 0 0;
		font-weight: bold;
		width:500px;
		color:#333;
		margin-bottom:-0.5em;}	

#account_process .account_box_r li.attlist {	
		padding-left: 0px;
		background: none;
		font-weight:normal;
		width:500px;
		color:#333;
		padding-left: 1em;
		margin-bottom:-0.5em;}

/* table */
#account_process table {	
	width:500px;
	border-collapse:collapse;
	border:1px solid #666;}

	#account_process td {
		border:1px solid #666;
		padding:10px;
		background:#fff;}
	
	#account_process .td_req_th {
		background:#B5F2FF;
		font-weight:bold;}	
			
	#account_process .td_req_center {	
		font-weight:bold;
		font-size:x-large;
		text-align:center;}	

#account_process .tbl{	
	width:700px;
	border-collapse:collapse;
	border:1px solid #666;}			
		
/* btn */					
.btn_box_main {
	margin:10px 0 0 0px;
	padding:0;
	height:100px;
	text-align:center;
	clear:both;}
.btn ,
.btn a {
	background: url(../beginner/images/account_img_08.png) no-repeat 0 0;
	width:730px;
	height:100px;
	display:block;	
	margin:0;}

.btn a:hover {
	background: url(../beginner/images/account_img_08.png) no-repeat 0 -120px;
	width:730px;
	height:100px;
	display:block;	
	margin:0;}

.displaynone {	display:none;}		

/* step3 */
#account_process .step3ul{
	background:url(../img/share/ttl_Sprite.png) no-repeat 0 -1010px;
	height:85px;
	width:300px;
	padding:5px 0 0 70px;}

#account_process .div_left{
	float:left;
	width:360px;	
	margin:0 5px 0 0;}

#account_process .step3{
	text-align:center;
	margin:0;
	padding:1px 0;
	width:360px;}	

#account_process h4.step3h4 {
	font-size:medium;
	padding:0;
	margin-bottom:-1em;
	width:350px;
	color:#333;}

#account_process .div_left li.list_red {	
		padding-left: 0px;
		background: none;
		font-weight:normal;
		width:500px;
		color:#ff0000;
		padding-left: 1em; 
		text-indent: -1em;
		margin-bottom:-0.5em;}

#account_process .div_left li.list_h4 {	
		padding-left: 0px;
		background: none;
		font-weight: bold;
		width:350px;
		color:#333;
		margin-bottom:-0.5em;}

#account_process dl dt{
	font-weight:bold;}			
	
/* -----------------------------------------------------------
	safe_trade , trading
----------------------------------------------------------- */	
#safe_trade , 
#trading {}

#safe_trade p ,
#trading p { 
	overflow:auto; zoom:1;
	padding:0 1em 0 0;}

#safe_trade .pict ,
#trading .pict {margin:0px 20px 10px 0;}	

#safe_trade h3 {
	background:url(../img/share/ttl_Sprite.png) no-repeat top left;
	width:725px;
	height:22px;
	padding:3px 0 0 5px;
	margin-bottom:10px;}

li.pdf {
	background:url(../img/icon/icon_Sprite.png) no-repeat -480px -167px;
	padding-left:25px;
	font-weight:bold;}

#safe_trade .yakutei_img{
	display:block;
	background:url(../beginner/images/yakutei_img.png) no-repeat 0 0;
	width:730px;
	height:275px;}
	
#trading p.open_account {
	background: url(../img/icon/icon_Sprite.png) no-repeat 0 -167px;
	padding-left:23px;
	margin:0px 0 1em 0;}	
/* -----------------------------------------------------------
	req
----------------------------------------------------------- */
#req {}
#req ul.req_cau_ul {
	padding: 10px;
	border: 1px solid #FFCC00;
	background: #FFFBBF;}

	#req ul.req_cau_ul li {
		padding-left: 20px;
		font-weight: bold;
		background: url(../img/icon/icon_Sprite.png) no-repeat 0 -47px;}

#req ul.req_cau_ul2 {
	padding: 10px;
	border: 1px solid #4DD2FF;
	background: #C4F0FF;}

	#req ul.req_cau_ul2 .ttl{
		font-weight: bold;
		line-height:1.5em;}

	#req ul.req_cau_ul2 .list,
	#faq ul.req_cau_ul2 .list {
		padding-left: 20px;
		font-weight: bold;
		background: url(../img/icon/icon_Sprite.png) no-repeat 0 -47px;}				

#req .ttl {
	font-size:medium;
	font-weight:bold;}		

/* table */
#req table {	
	width:730px;
	border-collapse:collapse;
	border:1px solid #666;}

	#req td {
		border:1px solid #666;
		padding:10px;}
	
		#req td ul li {
			list-style-type:disc;
			margin-left:1.5em;}
	
	#req .td_req_th {
		background:#ccc;
		font-weight:bold;}	
			
	#req .td_req_center {	
		font-weight:bold;
		font-size:x-large;
		text-align:center;}			
			
/* -----------------------------------------------------------
	contact
----------------------------------------------------------- */		
#contact {clear:both;}
#odl_index , #policy {}

#odl_index p.link ,
#contact  p.link ,
#faq  ul li.link ,
#account_process  ul li.link {
	background:url(../img/icon/icon_Sprite.png) no-repeat 0 -365px;
	font-weight:bold;
	padding-left:25px;
	width:600px;}

.free {
	background:url(../img/icon/icon_Sprite.png) no-repeat 0 -425px;
	font-weight:bold;
	padding-left:45px;
	height:22px;
	padding-top:3px;
	font-size: x-large;
	color:#329F2C;
	float:left;
	list-style-type:none;}	

.free_time {
	font-weight:bold;
	margin:3px 0 1em 3px;	
	color:#329F2C;
	list-style-type:none;}
	
/* -------------------------------------------------------------
	comparison
----------------------------------------------------------- */		
h4.comparison-h4{
	margin:1px;
	padding:5px 0 5px 23px;
	background:#CEFFFF url(../img/icon/star.png) no-repeat 5px 5px;
	font-size:14px;}

dl.comparisonlist-dl {padding:10px;}
dt.comparisonlist-dt{
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	margin-bottom:0.5em;}
dd.comparisonlist-dd{
	margin-bottom:1em;}
	
td.td_comparison{
	padding: 10px;
	border: 1px solid #999; 
	text-align:center;
	font-weight:bold;
	font-size:medium;}