body, td, th {
	color: #330033;
}
h1{
	color:#9A9A9A;
}
h2, h4 {
	color: #666666;
}
h3, h5, h6 {
	color: #666666;
}
a {
  color: #FF3300;
}

body{
    font-family:"メイリオ",Verdana,Arial,"Osaka","MS P Gothic",sans-serif;
	background:url(../img/back_mid.gif) top center repeat-y #ffffff ;
	width:100%;
	margin: 10px auto;
    padding: 0 auto;
	line-height:18px;
	}
	
img {
     border:0px;
    }





	
#frame1{
     width:800px;
     margin: 20px auto;
     padding: 0 auto;
	 background:#FDF8E8;}


#frame1:after {
	clear:both;
	content:"";
	display:block;
	overflow:hidden;
	}
	 
#header{
     background-image:url(../img/back_head_img.jpg);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header2{
     background-image:url(../img/back_head_img1.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header3{
     background-image:url(../img/back_head_img2.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header4{
     background-image:url(../img/back_head_img3.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header5{
     background-image:url(../img/back_head_img4.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header6{
     background-image:url(../img/back_head_img5.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header7{
     background-image:url(../img/back_head_img6.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header8{
     background-image:url(../img/back_head_img7.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header9{
     background-image:url(../img/back_head_img8.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header10{
     background-image:url(../img/back_head_img9.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header11{
     background-image:url(../img/back_head_img10.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header12{
     background-image:url(../img/back_head_img11.gif);
     background-repeat: no-repeat;
     width:800px;
	 height:440px;
     float:left;
     margin: 0 auto;
     padding: 0 auto;
	 }
	 
#header_img{
	width:225px;
	margin-top:260px;
	margin-left:550px;
	_margin-left:275px;
	float:left;
	}

#header_img img{
	width:225px;
	height:61px;
	margin-top:10px;
	float:left;
	}


#campaign{
	width:670px;
	height:255px;
	margin-left:70px;
	_margin-left:35px;
	float:left;
	}

.account{
	width:515px;
	height:62px;
	margin:10px 150px 10px;
	_margin:10px 75px 10px;
	float:left;
	}

#demo{
	background-image:url(../img/demo_trade.jpg);
	background-repeat: no-repeat;
	width:800px;
	height:190px;
	float:left;
	}

#demo img{
	width:142px;
	height:190px;
	margin-left:658px;
	float:left;
	}


.box{
	width:800px;
	margin:10px 0px;
	float:left;
	}


.box p{
	width:720px;
	margin:15px 40px 10px;
	_margin:15px 20px 10px;
	font-size:12px;
	color:#0F0F0F;
	float:left;
	}

.risk{
	width:740px;
	margin:10px 0px;
	padding-left:30px;
	}

dl#risk_detail{

}

dl#risk_detail dt{
	background: #999999;
	padding: 5px;
	color:#FFFFFF;
	font-size:14px;
	margin: 0 0 10px 0;
}

dl#risk_detail dd{
	font-size:12px;
	margin: 0 0 15px 0;
}


dl#risk_detail dd ul li{
	padding-left: 10px;
	margin:0;
}






#gray{
	width:800px;
	margin:10px 0px 20px;
	float:left;
	}


div#grayback{
	background: url(../img/bg_grayback.gif) repeat-y;
	width:650px;
	padding: 0;
	margin-left: 75px;
	margin-bottom: 10px;
}

div#grayback div.top{
	background: url(../img/i_gray_top.jpg) no-repeat top left;
	width: 650px;
	height: 10px;
	margin-bottom: 7px;
}

div#grayback div.btm{
	background: url(../img/i_gray_btm.jpg) no-repeat bottom left;
	width: 650px;
	height: 10px;
	margin-top: 7px;
	overflow: hidden;
}

div#grayback p{
	margin: 0 0 7px 20px;
	width: 611px;
	font-size:12px;
}

div#grayback ul {
	margin-bottom: 10px;
	font-size:12px;
}

div#grayback ul li{
	list-style:none;
	float: left;
	font-size:12px;
}

div#grayback ul li.tel{
	background: url(../img/i_tel.jpg) no-repeat 0 3px;
	padding-left:18px;
	color:#373E62;
	margin: 0 15px 0 0;
}

div#grayback ul li.mail{
	background: url(../img/i_mail.jpg) no-repeat 0 5px;
	padding-left:20px;
	color:#373E62;
	margin: 0;
}


.clearfix { display:inline-block; }

.clearfix:after { display:block; clear:both; content:""; }

* html .clearfix { height: 1em; }


div#CFD{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	_margin-left: 20px;
	width:167px;
	height:14px; 
	}






		
table
	{
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	color: black;
	font: 10pt;
	margin-bottom: 25%;
	}
tr.subhead
	{
	background-color: #cccccc;
	}
th
	{
	padding: 0 3%;
	}
th.alt
	{
	background-color: black;
	color: white;
	padding: 3% 3% 2%;
	}
td
	{
	padding: 0 3%;
	}
tr.alt
	{
	background-color: #eeeeee;
	}
h1
	{
	font: 8pt "MS P Gothic",sans-serif;
	text-align:left;
	margin:5px 30px 5px;
	}
h2
	{
	font: 14px "メイリオ",sans-serif;
	background-image:url(../img/back_risk.gif);
	background-repeat:no-repeat;
	text-indent:15px;
	line-height:30px;
	width:740px;
	font-weight:bold;
	color:#FFFFFF;
	}
h3
	{
	font: 12pt "MS P Gothic",sans-serif;
	margin: 15px 15px 5px;
	font-weight:bold;
	}
	
h4
	{
	font: 11pt "MS P Gothic",sans-serif;
	margin: 15px 15px 0px;
	font-weight:bold;
	}
	
th a
	{
	color: #00008b;
	font: 8pt "MS P Gothic",sans-serif;
	}
a
	{
	color: #00008b;
	text-decoration: none;
	}
a:hover
	{
	color: #00008b;
	text-decoration: underline;
	}
div.outer
	{
	width: 90%;
	margin: 15%;
	}
table.viewmenu td
	{
	background-color: #006699;
	color: white;
	padding: 0 5%;
	}
table.viewmenu td.end
	{
	padding: 0;
	}
table.viewmenu a
	{
	color: white;
	font: 8pt verdana, arial;
	}
table.viewmenu a:hover
	{
	color: white;
	font: 8pt verdana, arial;
	}
a.tinylink
	{
	color: #00008b;
	font: 8pt verdana, arial;
	text-decoration: underline;
	}
a.link
	{
	color: #00008b;
	text-decoration: underline;
	}
div.buffer
	{
	padding-top: 7%;
	padding-bottom: 17%;
	}
.small
	{
	font: 8pt verdana, arial;
	}
table td
	{
	padding-right: 20%;
	}
table td.nopad
	{
	padding-right: 5%;
	}
/*****akira added*****/
.kawaform{
    width: 90%;
	margin:5px 35px;
	float:left;
	}
*html body .kawaform{
    width: 90%;
	margin:5px 20px;
	float:left;}
*+html body .kawaform{
    width: 90%;
	margin:5px 35px;
	float:left;}


.kawaform table {
    line-height: 140%;
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
	float:left;}
.kawaform td,
.kawaform th {
	font-size: 14px;
	border: 2px solid #70A600;
	padding: 5px;
	}
.kawaform th {
	background: #f4f4f4;
	width: 30%;
	text-align: right;
	}
.kawaform td {
	background: #ffffff;
	width: 70%;
	text-align: left;
	}
.simple table {
	margin: 0 0 20px 0;
	}
.simple td,
.simple th {
	border: 0px;
	vertical-align: top;
	width: auto;
	}

strong {
    color: #FF0000;
    font-size: 16pt;
    line-height: 150%;
    background-color: #FFFF00;
}