/* コンテンツ
----------------------------------------

	1.ページ全体
	
----------------------------------------*/


/* ================================================================================
	1.ページ全体構成
================================================================================ */

body {
	background: #F5F5F5 url(../images/body_bg.gif) center repeat-y;
	margin: 0;
	padding: 0;
	}
img { border: none; }

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	list-style-type: none;
	}

div,td		{ font-size: 12px; line-height: 1.4em;	}	/* ※テキストサイズ 中 "12px" */
.xs			{ font-size: 10px; }	/* ※テキストサイズ 小 "10px" */
.mid		{ font-size: 14px; }	/* ※テキストサイズ 大 "14px" */
.big		{ font-size: 16px; }	/* ※テキストサイズ 最大 "16px" */
.f11		{ font-size: 11px; }	/* ※テキストサイズ "11px" */
.bold		{ font-weight: bold; }
.red		{ color: #FF0000; }
.blue		{ color: #0066FF; }
img			{ border: 0; }
.clear		{ clear: both; }

#FXwrapper {
	color: #333333;
	width: 680px;
	margin: 0 auto;
	}
#FXwrapper .pgTop {
	font-size: 11px;
	margin: 20px auto 0 auto;
	text-align: right;
	}
#FXwrapper h1		{ text-align: right; }
#FXwrapper #navi	{ margin: 20px auto 0 auto; }

/*-- ナビゲーション用 --*/
#navi a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 50px;
	width: 201px;
	}
#navi a:hover {
	background-position: 0 -201px;
	}
#navi .p1	{
	background: url(../images/navi_pt1.gif) no-repeat;
}
#navi .p2	{
	background: url(../images/navi_pt2.gif) no-repeat;
}
#navi .p3	{
	background: url(../images/navi_pt3.gif) no-repeat;
}


#FXwrapper #point1	{ margin: 30px 0 0 0; }
.Ptxt	{ width: 580px; }
.m10	{ margin: 10px auto 0 auto; }
.m20	{ margin: 20px auto 0 auto; }
.m40	{ margin: 40px auto 0 auto; }
.leverageTtl,.bboardTtl {
	font-weight: bold;
	margin: 20px auto 0 auto;
	text-align: center;
	}
.leverage {
	background: #FFFFD5;
	border: 1px solid #666666;
	margin: 5px auto 0 auto;
	padding: 10px 20px;
	width: 410px;
	}
#FXwrapper #point1 .leverage_btm {
	margin: 3px auto 0 auto;
	text-align: right;
	width: 450px;
	}

.bboard {
/*	background: #005000;*/
	margin: 5px auto 0 auto;
	width: 580px;
	}

#swapWrapperTable {
	margin: 20px auto 0 auto;
	width: 580px;
	}
#swapWrapperTable .leftTd {
	width: 240px;
	padding: 0 40px 0 0;
	vertical-align: top;
	}
#swapWrapperTable .rightTd {
	vertical-align: top;
	}
#swapWrapperTable .rightTd .swap {
	background: #FFFFD5;
	border: 1px solid #666666;
	margin: 0 auto;
	padding: 10px 20px;
	}
#swapWrapperTable .rightTd .swap td {
	padding: 2px 0;
	text-align: center;
	}
#swapWrapperTable .rightTd .swap .btmTd {
	padding: 10px 0 0 0;
	text-align: right;
	}


.case1		{ margin: 20px 0 0 50px; }
.case1 p	{ margin: 8px 0 0 67px; }
.case2		{ margin: 30px 0 0 50px; }
.case2 p	{ margin: 8px 0 0 67px; }
.caseAttention {
	border: 1px solid #CCCCCC;
	margin: 20px auto 0 auto;
	padding: 10px 20px;
	width: 410px;
	}

#FXwrapper #point2,#point3 {
	margin: 50px 0 0 0;
	}
.iconTable {
	margin: 15px auto 0 auto;
	width: 437px;
	}
.spreadTable {
	margin: 20px auto 0 auto;
	width: 531px;
	}
.costTable {
	display: block;
	margin: 20px auto 0 auto;
	text-align: center;
	width: 536px;
	}
.costTable .main {
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	padding: 12px 0 8px 0;
	}
.costTable table {
	margin: 0 auto;
	}
.costTable td {
	padding: 2px 5px;
	text-align: center;
	}
.costTable p {
	margin: 3px auto 0 auto;
	}

/*-- オススメ用 --*/
#osusume {
	background: url(../images/pt3_osusume_bg1.gif) center repeat-y;
	margin: 20px auto 0 auto;
	}
	/* 汎用1段目 */
	#osusume .oTop {
		background: url(../images/pt3_osusume.gif) no-repeat;
		padding: /*15px*/0 0 0 55px;
		}
	/* 汎用2段目以降 */
	#osusume .oOther {
		background: url(../images/pt3_osusume_b.gif) no-repeat;
		padding: /*15px*/0 0 0 55px;
		}
#osusume .o1 {
	background: url(../images/pt3_osusume1.gif) no-repeat;
	padding: /*15px*/0 0 0 55px;
	}
#osusume .o2 {
	background: url(../images/pt3_osusume2.gif) no-repeat;
	padding: /*15px*/0 0 0 55px;
	}
#osusume .afTable {
	margin: 15px 0 0 0;
	width: 595px;
	}
#osusume .afName {
	font-weight: bold;
	padding: 0 0 8px 0;
	}
#osusume .afBn {
	vertical-align: top;
	width: 140px;
	}
#osusume .afTxt {
	vertical-align: top;
	}
#osusume .btmTable {
	margin: 12px 0 2px 0;
	}
#osusume .btmTable .leftTd {
	width: 140px;
	}
	
	/*-- 比較あり --*/
	#osusume .btm2Table {
		margin: 15px 0 0 0;
		}
	#osusume .btm2Table .leftTd {
		vertical-align: top;
		width: 260px;
		}
	#osusume .btm2Table .rightTd {
		vertical-align: top;
		}
	#osusume .compTable td {
		padding: 0 4px 0 4px;
		text-align: center;
		width: 70px;
		}
	#osusume .compTable .ttl {
		padding: 0 0 12px 0;
		}
		
#osusume .condTable table td {
	padding: 0 0 6px 0;
	}
/*-- ここまで --*/

#afList {
	margin: 20px auto 0 auto;
	}
#afBlock {
	background: url(../images/pt3_af_bg.gif) no-repeat;
	margin: 0 0 15px 0;
	padding: 8px 0 0 0;
	}
#afBlock .afTable {
	width: 650px;
	margin: 0 auto 0 auto;
	}
#afBlock .afTable td {
	vertical-align: top;
	}
#afBlock .afTable .afName {
	font-weight: bold;
	padding: 0 0 8px 0;
	}
#afBlock .afTable .afBn {
	width: 140px;
	}
#afBlock .afTable .condTable table td {
	padding: 0 0 6px 0;
	}
#afBlock .afTable .afTxt {
	background: url(../images/pt3_af_dot.gif) repeat-x;
	padding: 6px 0 0 0;
	width: 500px;
	}

.gameTxt {
	background: #FFCC00 url(../images/pt3_game_bg1.gif) no-repeat;
	margin: 20px auto 10px auto;
	width: 500px;
	}
.gameTxt .main {
	background: url(../images/pt3_game_bg2.gif) bottom no-repeat;
	padding: 11px 20px 32px 20px;
	}

#foot {
	border-top: 2px solid #333333;
	margin: 20px 0 0 0;
	padding: 7px 0 20px 0;
	text-align: center;
	}