/* CSS Document */

@import "form.css";




/*------------------------------

Futures Truth Asia [common]

------------------------------*/
*{ margin: 0px; padding: 0px; }*


body
{
	background: #4d4333;
	margin-top: 0px;
	font: 12px normal small "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.6em;
}

img{
	margin:0;
	padding;
	border:0;
}

a {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: 12px;
	text-decoration:none;
}

a:link {
	color: #38332b;
	text-decoration:none;
}
a:visited {
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #3a6886;
	text-decoration:none;
}
a:active {
	color: #38332b;
	text-decoration:none;
}

p{
	margin:0;
	padding:0;
}

.red {
	color:#FF0000:

}


.main{
	width:809px;
	height:100%;
	background-image:url(img/centerbg.jpg);
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	}

.category_main{
	width:809px;
	height:100%;
	background-image:url(img/centerbg.jpg);
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	}

#header{
	width:800px;
	height:70px;
	padding-right:4px;
	padding-left:4px;
}
	
h1{ 
	border: none;
	text-indent: -9999px;
	margin:0;
	padding:0;
	height:1px;
}

h2{ 
	border: none;
	text-indent: -9999px;
	background-image:url(img/caption1.gif);
	width:561px;
	height:31px;
	margin:0;
	padding:0;
}

h3{ 
	border: none;
	text-indent: -9999px;
	background-image:url(img/caption2.gif);
	width:561px;
	height:31px;
	margin:0;
	padding:0;
}

h4{ 
	border: none;
	text-indent: -9999px;
	background-image:url(img/caption3.gif);
	width:561px;
	height:31px;
	margin:0;
	padding:0;
}


*html h1{ 
	border: none;
	text-indent: -9999px;
	margin:0;
	padding:0;
	height:1px;
}



/*-----------------------------------------

Futures Truth Asia [index] button_menu

-----------------------------------------*/

.index_home a, .index_home a:hover{
	text-decoration: none;
	background: url(img/index_home.gif) no-repeat;
}

.index_home, .index_home a{
	width:130px;
	height:32px;
	display: block;
}

.index_home a {
	background-position: 0 0;
}

.index_home a:hover {
	background-position: 0 -32px;
}

.index_john a, .index_john a:hover{
	text-decoration: none;
	background: url(img/index_john.gif) no-repeat;
}

.index_john a, .index_john a:hover{
	width:130px;
	height:32px;
	display: block;
}

.index_john a {
	background-position: 0 0;
}

.index_john a:hover {
	background-position: 0 -32px;
}

.index_algorithm a, .index_algorithm a:hover{
	text-decoration: none;
	background: url(img/index_algorithm.gif) no-repeat;
}

.index_algorithm a, .index_algorithm a:hover{
	width:152px;
	height:32px;
	display: block;
}

.index_algorithm a {
	background-position: 0 0;
}

.index_algorithm a:hover {
	background-position: 0 -32px;
}


.index_process a, .index_process a:hover{
	text-decoration: none;
	background: url(img/index_process.gif) no-repeat;
}

.index_process a, .index_process a:hover{
	width:131px;
	height:32px;
	display: block;
}

.index_process a {
	background-position: 0 0;
}

.index_process a:hover {
	background-position: 0 -32px;
}

.index_inquiry a, .index_inquiry a:hover{
	text-decoration: none;
	background: url(img/index_inquiry.gif) no-repeat;
}

.index_inquiry a, .index_inquiry a:hover{
	width:118px;
	height:32px;
	display: block;
}

.index_inquiry a {
	background-position: 0 0;
}

.index_inquiry a:hover {
	background-position: 0 -32px;
}

.index_corporate a, .index_corporate a:hover{
	text-decoration: none;
	background: url(img/index_corporate.gif) no-repeat;
}

.index_corporate a, .index_corporate a:hover{
	width:109px;
	height:32px;
	display: block;
}

.index_corporate a {
	background-position: 0 0;
}

.index_corporate a:hover {
	background-position: 0 -32px;
}


/*-----------------------------------------

Futures Truth Asia [index] LOGIN

-----------------------------------------*/

#login_bg {
	width:194px;
	height:168px;
	background-image:url(img/member_login.jpg);
	background-repeat:no-repeat;
	}

#my_login {
	width:119px;
	height:16px;
	padding-top:61px;
	padding-left:20px;
	padding-right:15px;
	}

#pass {
	width:119px;
	height:16px;
	padding-top:16px;
	padding-left:20px;
	padding-right:15px;
	}


.form_btn {
	width: 105px;
	height: 23px;
	margin-top:17px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}

/*buttons*/
button { 
  border:0; 
  cursor:pointer; 
}

button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
}

button.submitBtn { 
  background:url(img/login_btn_login.gif) no-repeat; 
 width: 105px;
 height: 23px;
  margin-left:auto;
  margin-right:auto;
}



button.submitBtn:hover {
  background:url(img/login_btn_login_on.gif) no-repeat; 
}

button.submitBtn span { 
text-indent: -9999px;
}


.passworf_foget {
 padding-left:55px;
 font-size:10px;
}

.passworf_foget a {
 font-size:10px;
}

.passworf_foget a:hover {
 font-size:10px;
text-decoration:underline;
 color:#999999;
}





/*-----------------------------------------

Futures Truth Asia [index] main

-----------------------------------------*/

#picture {
	width:770px;
	height:272px;
	padding-left:19px;
	padding-right:20px;
}

#category_space {
	width:770px;
	height:249px;
	padding-left:19px;
	padding-right:20px;
}


#menu {
	width:770px;
	height:32px;
	padding-left:19px;
	padding-right:20px;
}



#left{
	width:575px;
	height:520px;
	float:left;
	padding-left:20px;
	padding-top:21px;

}

#caption1{
	width:561px;
	height:31px;
}

#caption1_content{
	width:515px;
	height:255px;
	padding-top:16px;
	line-height:21px;
	padding-left: 23px;
	padding-right: 23px;
}


#caption2{
	width:561px;
	height:31px;
}

#caption2_content{
	width:515px;
	height:120px;
	padding-bottom:19px;
	padding-top:19px;
	padding-left: 23px;
	padding-right: 24px;
}

#magazine{
	width:102px;
	height:102px;
	padding-right:21px;
	float:left;
}

#magazine_descriptiontop {
	width:386px;
	height:102px;
	float:left;

}



#caption3{
	width:561px;
	height:31px;
}
#caption3_content{
	width:561px;
	height:226px;
}

#right{
	width:198px;
	height:100%;
	padding-right:12px;
	float:left;
}

#member_login{
	width:194px;
	height:169px;
	float: left;
	padding-left: 6px;
}

*html #member_login{
	width:194px;
	height:150px;
	float: left;
	margin-right: 0px;
	padding-left: 6px;
}

#futures_truth_banner{
	width:186px;
	height:68px;
	padding-top:5px;
	padding-left:9px;
}

#trade_system_banner{
	width:186px;
	height:68px;
	padding-top:5px;
	padding-left:9px;
}

#futures{
	width:186px;
	height:68px;
	padding-top:5px;
	padding-left:9px;

}

#age_limit{
	width:186px;
	height:127px;
	padding-top:5px;
	padding-left:9px;
	padding-right:1px;
}

#hongkong_link{
	width:186px;
	height:68px;
	padding-left:9px;
	padding-right:1px;
	padding-top:5px;

}

#agency_link {
	width:186px;
	height:68px;
	padding-left:9px;
	padding-right:1px;
	padding-top:5px;
}

#fotter{
width:800px;
height:100%;
padding-left:4px;
padding-right:5px;
padding-top:23px;
}

#category_fotter{
width:800px;
height:100%;
padding-left:4px;
padding-right:5px;
padding-top:23px;
}

#copyright{
padding-top:7px;
text-align:center
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9999px;
}

/*-----------------------------------------

Futures Truth Asia [index] main

-----------------------------------------*/
#whatsnew01{
	 width:561px;
	 height:10px;
}

#whatsnew02{
	width:553px;
	height:30px;
	padding-top:1px;
	margin-left:8px;
	background-image:url(img/whatsnew_bg.gif);
	background-repeat:no-repeat;
}

*:first-child+html #whatsnew02{
	width:553px;
	height:25px;
	margin-top:1px;
	margin-left:8px;
	background-image:url(img/whatsnew_bg.gif);
	background-repeat:no-repeat;
}


#date{
	width:120px;
	height:30px;
	text-align: center;
	float:left;
}

#title{
	width:430px;
	height:30px;
	text-align: left;
	float:left;
}

/*------------------------------

Futures Truth Asia [category]

------------------------------*/



#categorytop{
	width:770px;
	height:24px;
}

#category_left{
width:153px;
height:225px;
float:left;

}

#category_right{
width:617px;
height:225px;
float:left;

}


#magazine_description{
	width:770px;
	height:100%;
	padding-left:19px;
	padding-right:20px;
	padding-top:22px;

}

#john_description{
	width:770px;
	height:100%;
	padding-left:19px;
	padding-right:20px;
	padding-top:22px;
	margin-bottom:20px;

}

#takeout_description{
	width:770px;
	height:100%;
	padding-left:19px;
	padding-right:20px;
	padding-top:22px;
	margin-bottom:20px;

}

#company_description{
	width:770px;
	height:100%;
	padding-left:19px;
	padding-right:20px;
	padding-top:22px;
	margin-bottom:20px;

}

#category_main_01{
	width:511px;
	height:273px;
	padding-top:16px;
	padding-bottom:19px;
	padding-left:148px;
	padding-right:150px;

}

*:first-child+html #category_main_01{
	width:511px;
	height:273px;
	padding-top:16px;
	padding-bottom:40px;
	padding-left:148px;
	padding-right:150px;

}

#magazine_main{
	width:150px;
	height:100%;
	float:left;

}


*html #magazine_main{
	width:150px;
	height:272px;
	float:left;

}

*:first-child+html #magazine_main{
	width:150px;
	height:272px;
	float:left;
	margin-left:15px;

}

#magazine1{
	width:149px;
	height:192px;
	margin-bottom:60px;
	padding-right:30px;
}

#magazine2{
	width:149px;
	height:192px;
	margin-bottom:60px;
	padding-right:30px;
}

#magazine3{
	width:149px;
	height:192px;
	margin-bottom:60px;
	padding-right:0px;
}


*html #magazine1{
	width:149px;
	height:192px;
	margin-bottom:5px;
	margin-right:15px;
}

*html #magazine2{
	width:149px;
	height:192px;
	margin-bottom:5px;
	margin-right:15px;
}

*html #magazine3{
	width:149px;
	height:192px;
	margin-bottom:5px;
	margin-right:0px;
}


*:first-child+html #magazine1{
	width:149px;
	height:192px;
	margin-bottom:30px;

}

*:first-child+html #magazine2{
	width:149px;
	height:192px;
	margin-bottom:30px;

}

*:first-child+html #magazine3{
	width:149px;
	height:192px;
	margin-bottom:30px;

}

/*-----------------------------------------

Futures Truth Asia [category] button_menu

-----------------------------------------*/



.category_home a, .category_home a:hover{
	text-decoration: none;
	background: url(img/category_home.gif) no-repeat;
}

.category_home, .category_home a{
	padding: 0;
	width:153px;
	height:37px;
	display: block;
}

.category_home a {
	background-position: 0 0;
}

.category_home a:hover {
	background-position: 0 -37px;
}

.category_john a, .category_john a:hover{
	text-decoration: none;
	background: url(img/category_john.gif) no-repeat;
}

.category_john a, .category_john a:hover{
	padding: 0;
	width:153px;
	height:38px;
	display: block;
}

.category_john a {
	background-position: 0 0;
}

.category_john a:hover {
	background-position: 0 -38px;
}

.category_algorithm a, .category_algorithm a:hover{
	text-decoration: none;
	background: url(img/category_algorithm.gif) no-repeat;
}

.category_algorithm a, .category_algorithm a:hover{
	padding: 0;
	width:153px;
	height:38px;
	display: block;
}

.category_algorithm a {
	background-position: 0 0;
}

.category_algorithm a:hover {
	background-position: 0 -38px;
}


.category_process a, .category_process a:hover{
	text-decoration: none;
	background: url(img/category_process.gif) no-repeat;
}

.category_process a, .category_process a:hover{
	padding: 0;
	width:153px;
	height:38px;
	display: block;
}

.category_process a {
	background-position: 0 0;
}

.category_process a:hover {
	background-position: 0 -38px;
}

.category_inquiry a, .category_inquiry a:hover{
	text-decoration: none;
	background: url(img/category_inquiry.gif) no-repeat;
}

.category_inquiry a, .category_inquiry a:hover{
	padding: 0;
	width:153px;
	height:38px;
	display: block;
}

.category_inquiry a {
	background-position: 0 0;
}

.category_inquiry a:hover {
	background-position: 0 -38px;
}

.category_corporate a, .category_corporate a:hover{
	text-decoration: none;
	background: url(img/category_corporate.gif) no-repeat;
}

.category_corporate a, .category_corporate a:hover{
	padding: 0;
	width:153px;
	height:36px;
	display: block;
}

.category_corporate a {
	background-position: 0 0;
}

.category_corporate a:hover {
	background-position: 0 -36px;
}

/*-----------------------------------------

Futures Truth Asia [会社概要] table

-----------------------------------------*/

.tbl1 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}

.tbl1 td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	vertical-align: top;	
	
}

.tbl1 th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	font-weight: bold;
	background-color: #EFEFEF;
	text-align: center;	
}


/*-----------------------------------------

Futures Truth Asia [購読申し込み] 

-----------------------------------------*/

#takeout_input{
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
	border-bottom:#666666 1px solid;
	border-left:#666666 1px solid;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:476px;
	color:#000000;
	text-align:left;
}

/*-----------------------------------------

Futures Truth Asia [申し込み] 

-----------------------------------------*/

#request_form
{
	width:476px;
	text-align:left;
	color:#000000;
	margin-top:30px;
	margin-bottom:20px;
	margin-right:auto;
	margin-left:auto;
	border: solid 1px #666666;
}

/*-----------------------------------------

Futures Truth Asia [common] 

-----------------------------------------*/


#common_description{
	width:770px;
	height:100%;
	padding-left:19px;
	padding-right:20px;
	padding-top:22px;
	margin-bottom:20px;

}

/*-----------------------------------------

Futures Truth Asia [よくある質問] 

-----------------------------------------*/

#faq01{
	width:770px;
	height:48px;
	background-image:url(img/faq_header.gif);
}


#faq02{
	width:765px;
	height:100%;
	background-image:url(img/faq_bg.gif);
	background-repeat:repeat-y;
	padding-left:5px;
}

#faq03{
	width:770px;
	height:17px;
	background-image:url(img/faq_footer.gif);
	background-repeat: no-repeat;
}