@charset "utf-8";

/*___ standard-amount ___*/

.standard-amount{margin:0 auto 20px; width:670px; background-image: url(/fx/images/sa_bg_b.gif);}
.standard-amount .inner{padding:10px 15px 3px 15px; background-image: url(/fx/images/sa_bg_t.gif);}

.standard-amount,
.standard-amount .left,
.standard-amount .right{background-position: bottom; background-repeat: no-repeat;}

.standard-amount .inner,
.standard-amount .left .inner,
.standard-amount .right .inner{background-position: top; background-repeat: no-repeat;}

.standard-amount .herd-area{margin-bottom:5px;}
.standard-amount .herd-area p{ vertical-align:bottom;}
.standard-amount .herd-area .sa-title{float:left; margin-right:5px; margin-bottom:3px; padding-top:12px;}
.standard-amount .herd-area .date{float:left; color:#333; font-weight:bold; font-size:93%; padding-top:12px;}
.standard-amount .btn{float:right; margin-top:0px;}

.standard-amount .left,
.standard-amount .right{width:315px; margin-bottom:10px;}
.standard-amount .left{float:left; background-image: url(/fx/images/sa_fx_bg_b.gif);}
.standard-amount .right{float:right; background-image: url(/fx/images/sa_fx_bg_b.gif);}

.standard-amount .left .inner,
.standard-amount .right .inner{width:315px; padding:5px 0;}
.standard-amount .left .inner{background-image: url(/fx/images/sa_fx_bg_t.gif);}
.standard-amount .right .inner{background-image: url(/fx/images/sa_fx_bg_t.gif);}

.standard-amount .left .com,
.standard-amount .right .com{width:165px; margin-top:5px; text-align:center; float:left;}

.standard-amount .left .date,
.standard-amount .right .date{width:150px; text-align:center; float:left; color:#f00; font-weight:bold; font-size:130%;}

.standard-amount .last{margin-bottom:3px !important;}



/* Clear Fix
-------------------------------------*/

.standard-amount .inner,
.standard-amount .herd-area,
.standard-amount .left .inner,
.standard-amount .right .inner,
.standard-amount .btn{
zoom:1;
}

.standard-amount .inner:after,
.standard-amount .herd-area:after,
.standard-amount .left .inner:after,
.standard-amount .right .inner:after,
.standard-amount .btn:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}


ul#fx_tpbnr2 {
margin: 10px 0 0 0;
padding: 0 0 15px 0;
}
ul#fx_tpbnr2 li.left {
margin: 0;
padding: 0 0 0 15px;
float: left;
}
ul#fx_tpbnr2 li.right {
margin: 0;
padding: 0 15px 0 0;
float: right;
}

/* くりっく365（取引所FX） 岡三オンラインFXの魅力 */
.tesuuryou {
margin: 0;
padding: 0 0 10px 0;
}
.tesuuryou p.pgh-right {
margin: 0;
padding: 0;
float: right;
}
.tesuuryou p.pgh-left {
margin: 3px 0 0 0;
padding: 0;
float: left;
}
.section02 table{
width:650px; margin:0 auto 10px; border:none;}

.section02 table td,
.section02 table tr
{border:none;
vertical-align:top;}

.section02 table td.border{
border:solid 1px #cccccc;
padding:10px;}

.section02 table p.img{
text-align:center;
padding:0 0 10px 0;
}

.section02 table p.ssttl{
padding:0 0 5px 0;
}

.section02 table p.last{
margin-top:10px;
}

.section02 .ttl-365fx{
margin-bottom:5px;
text-align:center;
}
.section04 {
width:650px;
margin:0 auto;
}

#fx_attractive .lay-pict-col2-01 div {
margin-right: 10px;
}

/* 外貨預金型FXコース（1倍コース） */
#main_image {
margin: 0 auto;
padding: 0;
width: 670px;
}
#main_image .mainlnk {
margin: 0;
padding: 0;
width: 668px;
background: #F1EEDB;
border-bottom: none;
border-left: 1px solid #45A388;
border-right: 1px solid #45A388;
}
#main_image .mainlnk2 {
margin: 0 0 15px 0;
padding: 0;
width: 668px;
background: #F1EEDB;
border-bottom: 1px solid #45A388;
border-left: 1px solid #45A388;
border-right: 1px solid #45A388;
}
.mainlnk li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.mainlnk2 li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.main_banner {
margin:0 auto 1em;
width: 670px;
padding: 0;
}
.main_banner li.left {
float: left;
}
.main_banner li.right {
float: right;
}
#one_point {
margin: 0 auto;
padding: 0;
background: url(../../fx/images/gaika_1pnt_02.gif) 0 bottom;
width: 631px;
}
#one_point h4 {
margin: 0;
padding: 0 0 10px 0;
}
#one_point ul {
margin: 0;
padding: 0 10px;
}
#one_point li {
margin: 0;
padding: 0 0 10px 0;
list-style: none;
line-height: 1.5;
}
#one_point li.p1txt {
margin: 0;
padding: 0 0 10px 13px;
list-style: none;
line-height: 1.5;
text-indent: -1em;
}

/* 商品案内 */
.feature-nav td.ttl {
background: #D6F2E6;
}
.feature-nav td {
padding: 0.6em 6px;
vertical-align: top;
}

/* 証拠金基準額 */
.link-flag-01 {
margin-right:4px;
}

/* くりっく365（取引所FX）岡三オンラインFXの魅力 */ 
#attractive_main{
position:relative;
}

#attractive_main p#animation{
position:absolute;
top:6px;
left:493px;
}
#attractive_main p#campaign{
position:absolute;
top:56px;
left:493px;
}

#attractive_nav ul{
background:#f20334;
padding:6px 0 6px 60px;
}

#attractive_nav ul li{
float:left;
margin-right:50px;
}

#attractive_nav ul li.last{
margin-right:0;
}

#attractive_sec01 h2,
#attractive_sec01 h3,
#attractive_sec01 p,
#attractive_sec02 h2,
#attractive_sec02 h3,
#attractive_sec03 h2,
#attractive_sec03 h3,
#attractive_sec04 h2,
#attractive_sec04 h3{
margin-bottom:10px;
}

#attractive_sec01 h3,
#attractive_sec02 h3,
#attractive_sec03 h3,
#attractive_sec04 h3{
margin-bottom:15px;
}

#attractive_sec01 p.txt_01{
font-size:80%;
text-align:right;
margin-top:0;
}

#attractive_sec01 .more .txt{
float:left;
width:550px;
}

#attractive_sec01 .more .btn{
float:right;
}

#attractive_sec01 .list-notice-02 li{
margin-bottom:0.2em;
}


#attractive_sec02_cts01 ul{
margin-bottom:20px;
}

#attractive_sec02_cts01 ul li{
float:left;
margin-right:145px;
width:235px;
}

#attractive_sec02 ul li.last{
margin-right:0;
}

#attractive_sec02_cts01 ul span.txt{
font-size:90%;
display:block;
padding-top:10px;
}

#attractive_sec02_cts02 ul{
margin-bottom:30px;
}

#attractive_sec02_cts02 ul li{
float:left;
}

#attractive_sec02_cts02 ul li p{
margin-bottom:0.7em;
}

#attractive_sec02_cts02 ul li.left{
width:255px;
padding-right:130px;
}

#attractive_sec02_cts02 ul li.right{
width:170px;
}

#attractive_sec02_cts02 ul span.txt{
font-size:90%;
display:block;
margin-top:0.7em;
line-height:1.5;
}


#attractive_sec02_cts03 p.left{
float:left;
width:318px;
}

#attractive_sec02_cts03 p.left span.img{
display:block;
margin:20px 0 20px;
}

#attractive_sec02_cts03 p.left span.txt{
display:block;
margin-top:10px;
}

#attractive_sec02_cts03 p.right{
float:right;
width:362px;
}

#attractive_sec03 .tbl01,
#attractive_sec03 .tbl01 tr,
#attractive_sec03 .tbl01 td{
border:0 !important;
}

#attractive_sec03 .tbl01{
margin-bottom:10px;
}


#attractive_sec03 .tbl01 span.ttl{
display:block;
font-size:165%;
font-weight:bold;
margin-bottom:10px;
font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
line-height:none;
}

#attractive_sec03 .tbl01 td{
padding:10px;
}

#attractive_sec03 .tbl01 td.st01{
border:2px solid #a1a1a1 !important;
}

#attractive_sec03 .tbl01 td.st01 p.left{
float:left;
width:330px;
}

#attractive_sec03 .tbl01 td.st01 p.right{
float:right;
}

#attractive_sec04_cts01 p.left{
float:left;
padding-right:10px;
width:315px;
}

#attractive_sec04_cts01 p.right{
float:right;
}

#attractive_sec04_cts01 span.txt_01{
font-size:90%;
display:block;
margin-top:10px;
}

/*モバイル取引*/
#fx_mobile .btn_smt{
width:390px;
float:right;
}
#fx_mobile .btn_smt p{
width:172px;
float:right;
}
#fx_mobile .list-definition-01 dt{
border-bottom:dotted 1px #666666;
}
#fx_mobile .lay-pict-l-03 .text{
padding-left: 400px;
}
#fx_mobile .lay-pict-l-03 .pict {
width: 380px;
}

/*くりっく365の魅力*/
.ttl-365_at{
background:#dff5d6;
}
.ttl-365_at span{
border-left:solid #548540 5px;
}

.txt-365_at_01{
font-size:110%;
font-weight:bold;
background:#dff5d6;
padding:0.5em;
}

/*10月1日より実質手数料負担減少！*/
.decreaseDetail {
}
	.decreaseDetail .pict {
	width:280px;
	float:left;
	}
	.decreaseDetail .text {
	width:400px;
	float:right;
	}

/* Chart Plus（チャートプラス）くりっく365 */
.comment2 {
margin-bottom:1em;
min-height: 35px;
padding: 20px 230px 15px 20px;
background:url(../../fx/images/comment2.gif) 0 0 no-repeat;
}
.kojiroTxt {
width:350px;
float:left;
}
	.kojiroTxt p {
	font-weight:bold;
	font-size:123.1%;
	margin-bottom:20px;
	}
		.kojiroTxt p img {
		margin-right:8px;
		}
.kojiroMovie {
width:300px;
float:right;
}


/*--------------------------------------------------
	追加設定：ログイン
--------------------------------------------------*/
.mobiletrade {
margin-bottom:15px;
padding-bottom:15px;
background:url(../../shared/images/line_04.gif) 0 100% repeat-x;
}
	.mobiletrade .img {
	float:left;
	padding-right:15px;
	}
	.mobiletrade .txt {
	width:420px;
	float:left;
	}
		.mobiletrade .txt h4 {
		font-size:16px;
		font-weight:bold;
		}
		.mobiletrade .txt h5 {
		font-size:14px;
		margin-bottom:10px;
		}
		.mobiletrade .txt p {
		margin-bottom:10px;
		}
	.mobiletrade .qr {
	text-align:center;
	float:right;
	width:135px;
	padding:3px;
	border:solid 1px #cccccc;
	}
		.mobiletrade .qr dt {
		font-size:93%;
		font-weight:bold;
		background-color:#eeeeee;
		padding:6px 0 0;
		}
		.mobiletrade .qr dd {
		background-color:#eeeeee;
		padding:6px 0;
		}
.login-list-arrow {
}
	.login-list-arrow li {
	width:300px;
	margin-bottom: 0.6em;
	line-height: 1.3;
	float:left;
	}
		.login-list-arrow li a {
		padding-left: 16px;
		background-image:url(../images/mark_normal.png);
		background-repeat: no-repeat;
		background-position:0 1px;
		}
		.login-list-arrow li a:hover {
		background-image:url(../images/mark_active.png);
		}
	.login-list-arrow li.last {
	}
#fx_login {
}
	#fx_login .ttl-h1-02 {
	}
		#fx_login .ttl-h1-02 span {
		display: table-cell;
		vertical-align: middle;
		margin: 0;
		}
		/*for IE7 */
		*:first-child+html #fx_login .ttl-h1-02 span {
		display:inline;
		zoom: 1;
		}
			#fx_login .ttl-h1-02 span img {
			padding:0 8px;
			}

/*--------------------------------------------------
	追加設定：今注目の通貨ペア！南アフリカランド/円
--------------------------------------------------*/
table .zarjpy {
background-color:#FFF0F5;
font-weight:bold;
}


/*--------------------------------------------------
	追加設定：くりっく365ラージ
--------------------------------------------------*/
.largeCatch {
font-size:153.9%;
text-align:center;
margin-bottom:0.5em;
}

#largeNav {
background-color:#ededed;
padding:20px 0 20px 20px;
margin-bottom:1em;
}
	#largeNav li {
	float:left;
	width:171px;
	margin-right:5px;
	}
		#largeNav li a {
		text-align:center;
		display:block;
		background-color:#ffffff;
		background-image:url(../images/arrow05.png);
		background-repeat:no-repeat;
		background-position:50% 90%;
		color:#000000;
		text-decoration:none;
		padding:15px 0 40px;
		font-size:108%;
		margin-top:-3px;
		border-bottom:solid 3px #d6d5d5;
		}
		#largeNav li a:hover {
		margin-top:-6px;
		border-bottom:solid 6px #d6d5d5;
		}
		#largeNav li a:active {
		margin-top:0;
		border-bottom:solid 0 #d6d5d5;
		}

		#largeNav li a span {
		background-repeat:no-repeat;
		background-position:50% 0;
		padding-top: 50px;
		display: block;
		}
		#largeNav li#nav01 a span {
		background-image:url(/fx/images/num01.png);
		}
		#largeNav li#nav02 a span {
		background-image:url(/fx/images/num02.png);
		}
		#largeNav li#nav03 a span {
		background-image:url(/fx/images/num03.png);
		}
		#largeNav li#nav04 a span {
		background-image:url(/fx/images/num04.png);
		}

#largePair {
}
	#largePair li {
	width:315px;
	float:left;
	padding:16px 13px;
	margin:0 20px 20px 0;
	background-color:#f5f5f5;
	border:solid 1px #d9d9d9;
	}
		#largePair li dl {
		}
			#largePair li dl dt {
			float:left;
			margin-right:3px;
			padding-top: 8px;
			}
			#largePair li dl dd {
			float:left;
			margin-left:5px;
			}
				#largePair li dl dd span {
				font-size:116%;
				}

/*--------------------------------------------------
	追加設定：必要証拠金額
--------------------------------------------------*/
.zar_jpy-box-02{
	border:1px solid #ccc;
	margin-bottom:10px;
	padding:15px 10px 10px 10px;
	background-color:#ededed
	}
	.zar_jpy01{
		margin:0 0 0 90px
	}
	.zar_jpy01 dl.jpy{
	float: left ;
	text-align: center ;
	margin-bottom:10px
	}
	.zar_jpy01 dl.jpy dt{
	float: left ;
	clear: left ;
	width: 165px ;
	font-weight: bold ;
	margin-bottom:5px;
	}
	.zar_jpy01 dl.jpy img.down{
		vertical-align:bottom
	}
	.zar_jpy01 dl.jpy dd{
		font-size:12px;
	margin-left: 0px ;
	width: 165px ;
	}
	
	.zar_jpy02 dl.margin{
		border:2px solid #d61a18;
		background-color:#d61a18;
	float: left ;
	text-align: center ;
	}
	.zar_jpy02 dt{
		font-size:120%;
	float: left;
	clear: left;
	width: 177px;
	background-color: #d61a18;
	font-weight: bold;
	padding:14px 0 0 0;
	color:#fff
	}
	.zar_jpy02 dd{
		font-size:90%;
		float: left;
	margin-left: 0px;
	padding:7px 0;
	width: 695px;
	background-color: #fff;
	line-height:1.2;
	}