@charset "utf-8";
/*
CSS Information
==============================================================

	Site Name: ひまわり証券
	Description: FX TOPページモジュール用
	Version: 1.0

==============================================================
*/


/*
CONTENTS
==============================================================

	0: 汎用class


	1: div#header ヘッダー
		

	2: div#slidePanel スライドパネル


	3: div#globalNavi グローバルナビゲーション


	4: div#contents コンテンツ
	
			div.module-reserveArea-A　予備エリアモジュールA
				

	4-1: div#mainColumn メインカラム（左）
	
			div.module-reserveArea-B　予備エリアモジュールB
	
			div#fxTopContents FXトップコンテンツ
		
			div#module-campaign キャンペーンモジュール
					
			div#module-fxSeminar fxに関するセミナーモジュール
					
			div#module-tabArea タブパネルモジュール（jQuery UI tabs使用）
			
			div#module-tabArea2 タブパネルモジュール2（jQuery UI tabs使用）
			
			Tabs（jQuery UI tabsで動的に制御、上記タブパネルモジュールに付随。）


	4-2: div#subColumn サブカラム（右）
	

	5: div#footer フッター



==============================================================
*/





/*
0: 汎用class
=========================================================*/





/*
1: div#header ヘッダー
=========================================================*/





/*
2: div#globalNavi グローバルナビゲーション
=========================================================*/





/*
3: div#slidePanel スライドパネル
=========================================================*/





/*
4: div#contents コンテンツ
=========================================================*/

/*
div.module-reserveArea-A　予備エリアモジュールA
---------------------------------------------------------*/
div#contents div.module-reserveArea-A{
	margin:0 0 10px;
	clear:both;
}





/*
4-1: div#mainColumn メインカラム（左）
=========================================================*/
div#mainColumn h1{
	margin:0 0 20px;
	padding:0;
	height:auto;
	background:none;
	
}

div#mainColumn h2{
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	line-height:1;
	background:none;
}

div#mainColumn h3{
	margin:0 0 5px 10px;
	color:#7D6D2F;
	font-size:117%;
	font-weight:bold;
	background:none;
	padding:0 0 0 8px;
	border-left:4px solid #BEAE63;
}


/*
div#module-dfxInfo 大証FXインフォメーションモジュール
---------------------------------------------------------*/
div#mainColumn div#module-dfxInfo{
	margin:0 0 10px;
	border:1px solid #CCCCCC;
	background-color:#FAF8F1;
}

div#mainColumn div#module-dfxInfoInner{
	padding:1px;
}


div#mainColumn div#module-dfxInfo ul{
	padding:0 10px;
	margin:10px 0;
}

div#mainColumn div#module-dfxInfo ul li{
	margin-bottom:5px;
}

div#mainColumn div#module-dfxInfo ul li a{
	margin-left:15px;
	display:inline-block;
}



/*
div#module-dfx_Bnr 詳細
---------------------------------------------------------*/

div#mainColumn div#module-dfxstart div.details{
margin:10px 15px 10px auto;
}

div#mainColumn div#module-dfxstart div.details p{
	text-align:right;
}


/*
div#module-dfx_Bnr TOPバナーモジュール
---------------------------------------------------------*/
div#mainColumn div#module-dfx_Bnr{
	clear:both;
	margin-bottom:10px;
	display:inline-block;	/* for IE6 */
	width:700px;
	margin-top:15px;
}

div#mainColumn div#module-dfx_Bnr:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}



/*
div#module-dfxstart ひまわり証券ではじめる大証FXモジュール
---------------------------------------------------------*/
div#mainColumn div#module-dfxstart{
	margin:0 0 20px;
	width:698px;
	border:1px solid #CCCCCC;
}

div#mainColumn div#module-dfxstartInner{
	padding:1px;
}

div#mainColumn div#module-dfxstart h2{
	margin-bottom:10px;
}

div#mainColumn div#module-dfxstart h3{
	border:none;
	padding:0;
	margin-bottom:10px;
}
div#mainColumn div#module-dfxstart p{
	margin-left:14px;
	margin-top:15px;
}
div#mainColumn div#module-dfxstart p img.mg_r{
	margin-right:31px;
}
/*
div#module-dfxcharm 大証FXの魅力モジュール
---------------------------------------------------------*/
div#mainColumn div#module-dfxcharm{
	margin:0 0 20px;
	width:698px;
	border:1px solid #CCCCCC;
}

div#mainColumn div#module-dfxcharmInner{
	padding:1px 5px 1px 1px;
}
* html div#mainColumn div#module-dfxcharmInner{
	padding:1px 1px 1px 1px;
}

div#mainColumn div#module-dfxcharmInner div.module-dfxcharmLeft{
	float:left;
	width:330px;
	border:1px solid #CCC;
	background-color:#F3F6FA;
	margin-left:10px;
	margin-bottom:10px;
}
* html div#mainColumn div#module-dfxcharmInner div.module-dfxcharmLeft{
	margin-left:6px;
}
div#mainColumn div#module-dfxcharmInner div.module-dfxcharmRight{
	float:left;
	width:330px;
	margin-bottom:10px;
	margin-left:10px;
	border:1px solid #CCC;
	background-color:#F3F6FA;
}

div#mainColumn div#module-dfxcharmInner div.module-dfxcharmLeft h3,
div#mainColumn div#module-dfxcharmInner div.module-dfxcharmRight h3{
	margin:5px auto;
	text-align:center;
	color:#036;
	border:none;
}
div#mainColumn div#module-dfxcharmInner div.module-dfxcharmLeft div.text,
div#mainColumn div#module-dfxcharmInner div.module-dfxcharmRight  div.text{
	margin:5px 5px 5px 10px;
	float:left;
	text-align:left;
	width:180px;
}
* html div#mainColumn div#module-dfxcharmInner div.module-dfxcharmLeft div.text,
* html div#mainColumn div#module-dfxcharmInner div.module-dfxcharmRight  div.text{
	margin-left:5px;
}

div#mainColumn div#module-dfxcharmInner div.module-dfxcharmLeft div.img,
div#mainColumn div#module-dfxcharmInner div.module-dfxcharmRight  div.img{
	margin:5px 10px 10px 0;
	float:right;
	text-align:right;
	width:120px;
}
* html div#mainColumn div#module-dfxcharmInner div.module-dfxcharmLeft div.img,
* html div#mainColumn div#module-dfxcharmInner div.module-dfxcharmRight  div.img{
	margin-right:5px;
}

div#mainColumn div#module-dfxcharm h2{
	margin-bottom:10px;
}
div#mainColumn div#module-dfxcharm div.details{
margin:10px 15px 10px auto;
}

div#mainColumn div#module-dfxcharm div.details p{
	text-align:right;
}

/*
div#module-dfxcharm_3column 大証FXの魅力モジュール-3カラム
---------------------------------------------------------*/
div#mainColumn div#module-dfxcharm_3column{
	margin:0 0 20px;
	width:698px;
	border:1px solid #CCCCCC;
}

div#mainColumn div#module-dfxcharm_3columnInner{
	padding:1px 5px 1px 1px;
}
* html div#mainColumn div#module-dfxcharm_3columnInner{
	padding:1px 1px 1px 1px;
}

div#mainColumn div#module-dfxcharm_3columnInner div#module-dfxcharm_3columnBox{
	background:url(../img/bg_dfxcharm_foot.gif) 10px bottom no-repeat;
	height:100%;
	display:inline-block;
}


div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnLeft h3,
div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnMiddle h3,
div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnRight h3{
	width:218px;
	margin:0 auto;
	padding-top:5px;
	text-align:center;
	color:#036;
	border:none;
	background:url(../img/bg_dfxcharm_top.gif) left top no-repeat;
}

div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnLeft,
div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnMiddle{
	float:left;
	width:218px;
	margin-left:10px;
	margin-bottom:10px;
}
* html div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnLeft{
	margin-left:5px;
}


div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnRight{
	float:left;
	width:218px;
	margin-bottom:10px;
	margin-left:10px;
}

div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnLeft div.text,
div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnMiddle div.text,
div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnRight div.text{
	margin:10px;
}

div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnLeft div.img,
div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnMiddle div.img,
div#mainColumn div#module-dfxcharm_3columnInner div.module-dfxcharm_3columnRight div.img{
	width:120px;
	margin:5px 48px 10px;
}


div#mainColumn div#module-dfxcharm_3column h2{
	margin-bottom:10px;
}

div#mainColumn div#module-dfxcharm_3column div.details{
margin:10px 15px 10px auto;
}

div#mainColumn div#module-dfxcharm_3column div.details p{
	text-align:right;
}


/*
div#module-dfxsystem 機能性を重視した取引システムモジュール
---------------------------------------------------------*/
div#mainColumn div#module-dfxsystem{
	margin:0 0 20px;
	width:698px;
	border:1px solid #CCCCCC;
}

div#mainColumn div#module-dfxsystemInner{
	padding:1px 1px 13px 1px;
}

div#mainColumn div#module-dfxsystem h2{
	margin-bottom:10px;
}

div#module-dfxsystem div.module-dfxsystemContents{
	margin-bottom:20px;
	display:inline-block;	/* for IE6 */
}

div#module-dfxsystem div.module-dfxsystemContents:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div#module-dfxsystem div.module-dfxsystemContents div.text{
	margin-right:10px;
	float:left;
	width:425px;
}

div#module-dfxsystem div.module-dfxsystemContents div.img{
	float:left;
	width:250px;
}

div#module-dfxsystem div.module-dfxsystemContents div.img p{
	margin:0;
	text-align:center;
}

div#module-dfxsystem div.module-dfxsystemContents div.img img{
}


/*
div#module-dfxbegin 大証FXをはじめるには
---------------------------------------------------------*/
div#mainColumn div#module-dfxbegin{
	margin:0 0 20px;
	width:698px;
	border:1px solid #CCCCCC;
}

div#mainColumn div#module-dfxbeginInner{
	padding:1px;
}
div#mainColumn div#module-dfxbegin div.Flowleft{
	float:left;
	text-align:center;
	width:312px;
}
div#mainColumn div#module-dfxbegin div.Flowright{
	float:right;
	text-align:center;
	width:312px;
}
div#mainColumn div#module-dfxbegin div.Flow{
	clear:both;
	width:636px;
	margin:5px 30px;
	text-align:center;
	overflow:hidden;
	display:block;
	margin-top:15px;
}
div#mainColumn div#module-dfxbegin div.Flow img{
	margin-bottom:5px;}
	
div#mainColumn div#module-dfxbegin div.details{
margin:10px 15px 10px auto;
}

div#mainColumn div#module-dfxbegin div.details p{
	text-align:right;
}


/*大証FX WEB　表示
---------------------------------------------------------*/
.section-dfweb{
	width:320px;
	margin:15px 0 10px 20px;
	padding:0;
	float:left;
	display:inline;
	text-align:left;
	}
* html .section-dfweb{
	margin:15px 0 10px 10px;
}
.section-dfweb img{
	margin:0 auto 10px 45px;
	}

/*
div#module-dfxSeminar fxに関するセミナーモジュール
---------------------------------------------------------*/
div#mainColumn div#module-dfxSeminar{
	margin:0 0 20px;
	width:698px;
	border:1px solid #CCCCCC;
}

div#mainColumn div#module-dfxSeminarInner{
	padding:1px;
}

div#mainColumn div#module-dfxSeminar h2{
	margin-bottom:10px;
}

div#mainColumn div#module-dfxSeminar div#linkList{
	margin-bottom:10px;
	padding:0 10px;
}

div#mainColumn div#module-dfxSeminar div#linkList ul{
	text-align:right;
}

div#mainColumn div#module-dfxSeminar div#linkList ul li{
	display:inline;
}

div#mainColumn div#module-dfxSeminar div#linkList ul li a{
	padding-right:26px;
}

div#mainColumn div#module-dfxSeminar div#linkList ul li.lastChild a{
	padding-right:0;
}



div#mainColumn div#module-dfxSeminar table.standard{
	width:676px;
}

div#mainColumn div#module-dfxSeminar table.standard th,
div#mainColumn div#module-dfxSeminar table.standard td{
	text-align:center;
}

div#mainColumn div#module-dfxSeminar table.standard td.seminarName{
	text-align:left;
}


div#mainColumn div#module-dfxSeminar div#recommendSeminer{
	margin:10px;
	padding:3px;
	border:1px solid #CCCCCC;
}


/*
div#module-tabArea タブパネルモジュール（jQuery UI tabs使用）
---------------------------------------------------------*/
div#mainColumn div#module-tabArea{
	margin:0 0 10px;
	width:698px;
	border:1px solid #CCCCCC;
}

div#mainColumn div#module-tabAreaInner{
	padding:1px;
}

div#mainColumn div#module-tabArea ul#tabs{
	margin:0;
	padding:0;
	width:696px;
	height:30px;
	background:url(../img/background_tab.gif) left top no-repeat;
}

div#mainColumn div#module-tabArea ul#tabs li{
	margin:5px 5px 0 0;
	padding:0;
	width:220px;
	display:block;
	float:left;
	background:none;
}

div#mainColumn div#module-tabArea ul#tabs li a{
	margin:0;
	padding:0;
	display:block;
	width:220px;
	height:25px;
}

div#mainColumn div#module-tabArea ul#tabs li.firstChild{
	padding-left:8px;
}

div#mainColumn div#module-tabArea div.tabContents{
	padding:10px 8px 8px;
}

div#mainColumn div#module-tabArea div.tabContents div.pageList{
	float:right;
}

div#mainColumn div#module-tabArea div.tabContents dl{
	clear:right;
}

div#mainColumn div#module-tabArea div.tabContents dt{
	padding:6px 0 4px;
	width:7em;
	float:left;
	clear:left;
}

div#mainColumn div#module-tabArea div.tabContents dt img{
	vertical-align:top;
}

div#mainColumn div#module-tabArea div.tabContents dd{
	padding:5px 0 5px 7em;
	background:url(../../../common/img/border_dotted.gif) bottom left repeat-x;
}

div#mainColumn div#module-tabArea div.tabContents dd.lastChild{
	background:none;
}

div#mainColumn div#module-tabArea div.tabContents dd span{
	padding-left:12px;
	display:block;
	background:url(../../common/img/ico_arrow-link.gif) left 5px no-repeat;
}


/*
div#module-tabArea2 タブパネルモジュール2（jQuery UI tabs使用）
---------------------------------------------------------*/
div#mainColumn div#module-tabArea2{
	margin:10px 0 20px;
	width:698px;
	border:1px solid #CCCCCC;
}

div#mainColumn div#module-tabArea2Inner{
	padding:1px;
}

div#mainColumn div#module-tabArea2 ul#tabs2{
	margin:0;
	padding:0;
	width:696px;
	height:30px;
	background:url(../img/background_tab2.gif) left top no-repeat;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li{
	margin:5px 5px 0 0;
	padding:0;
	display:block;
	float:left;
	width:123px;
	background:none;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li a{
	margin:0;
	padding:0;
	display:block;
	width:123px;
	height:25px;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li.firstChild{
	padding-left:8px;
	width:143px;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li.firstChild a{
	width:143px;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li.secondChild,
div#mainColumn div#module-tabArea2 ul#tabs2 li.secondChild a{
	width:143px;
}

div#mainColumn div#module-tabArea2 div.tabContents{
	padding:10px 8px 8px;
	clear:both;
}

div#mainColumn div#module-tabArea2 div.tabContents ul{
	display:inline-block;	/* for IE6 */
}

div#mainColumn div#module-tabArea2 div.tabContents ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div#mainColumn div#module-tabArea2 div.tabContents ul li{
	margin-bottom:5px;
	display:block;
	float:left;
	width:226px;
}

* html body div#mainColumn div#module-tabArea2 div.tabContents ul li{	/* for IE6 */
	height:1.4em;
	overflow:hidden;
}

div#mainColumn div#module-tabArea2 div.tabContents ul li a{
	padding-left:12px;
	background:url(../../common/img/ico_arrow-link.gif) left center no-repeat;
}


/*
Tabs（jQuery UI tabsで動的に制御、上記タブパネルモジュールに付随。）
---------------------------------------------------------*/
ul.ui-tabs-nav{
	position:relative;
}

ul.ui-tabs-nav li.ui-tabs-selected a{
	background:none;	/* for IE6 */
}

ul.ui-tabs-nav li.ui-tabs-selected a img{
	width:0;
	height:0;
}

div.ui-tabs-panel{
	display:block;
	background:none;
}

div.ui-tabs-hide{
	display:none !important;
}


/*
div#module-dfx-system 取引システムモジュール
---------------------------------------------------------*/
div#mainColumn div#module-dfx-system{
	margin-bottom:20px;
}

div#mainColumn div#module-dfx-system div.sectionWrap{
	margin-bottom:10px;
	display:inline-block;	/* for IE6 */
	position:relative;
	width:700px;
	background:url(../img/background_dfxWrap.gif) left bottom no-repeat;
}

div#mainColumn div#module-dfx-system div.sectionWrapLastChild{
	margin-bottom:0;
}

div#mainColumn div#module-dfx-system div.sectionWrap:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div#mainColumn div#module-dfx-system div.sectionWrap h2{
	padding:1px 2px 0;
}

div#mainColumn div#module-dfx-system div.sectionWrap h3{
	margin:10px 0 0 12px;
	padding:0;
	color:#7D6D2F;
	font-size:117%;
	font-weight:bold;
}

div#mainColumn div#module-dfx-system div.sectionWrap div.img{
	margin:8px 10px 10px;
}

div#mainColumn div#module-dfx-system div.sectionWrap p{
	margin:10px;
}

div#mainColumn div#module-dfx-system div.sectionWrap div.section1{
	padding-bottom:2em;
	border-top:1px solid #CCCCCC;
	float:left;
	width:345px;
}

div#mainColumn div#module-dfx-system div.sectionWrap div.section2{
	padding-bottom:2em;
	border-top:1px solid #CCCCCC;
	float:right;
	width:345px;
}



/*
4-2: div#subColumn サブカラム（右）
=========================================================*/
body div#subColumn{
 display:block;
}
div#subColumn div#module-fxSideNavi2{
	margin-top:0;
}

div#subColumn div#module-subNavi{
	margin-bottom:0px;
}



/*
div#module-fxSideNavi3 FXサイドナビモジュール2（FXTOP以外用）
=========================================================*/
div#subColumn div#module-fxSideNavi3{
	margin:0px 0 10px;
	padding:8px 9px 5px;
	background-color:#00578A;
	background-image:url(../../common/img/border_fx-sideMenu.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
div#subColumn div#module-fxSideNavi3 dt{
	display:none;
}
div#subColumn div#module-fxSideNavi3 li{
	margin-bottom:3px;
}
div#subColumn div#module-fxSideNavi3 ul#menuList2 li{
	margin-bottom:5px;
}
div#subColumn div#module-fxSideNavi3 ul#menuList2 li{
	display:block;
	margin-bottom:5px;
}
div#subColumn div#module-fxSideNavi3 ul#menuList2 li a{
	color:#FFFFFF;
}



/*
div#module-futuresInfo
---------------------------------------------------------*/
div#mainColumn div#module-futuresInfo{
	border:1px solid #CCC;
	background:#FAF8F1;
	padding:.5em 0 1px;
	margin-top:0px;
	margin-bottom:10px;
	overflow:hidden;
}
div#mainColumn div#module-futuresInfo p{
	margin-bottom:.6em;
}
div#mainColumn div#module-futuresInfo dl{
	display:block;
	margin:0 10px;
	padding-bottom:2px;
}
div#mainColumn div#module-futuresInfo dl dt{
	clear:left;
	float:left;
	width:10em;
	margin:0 0 .3em;
	font-weight:bold;
}
div#mainColumn div#module-futuresInfo dl dd{
	margin:0 0 .3em;
	padding:0 0 0 10em;
	line-height:1.3;
}
div#mainColumn div#module-futuresInfo dl dd a.link{
	background-position:0 .4em;
}




/*
5: div#footer フッター
=========================================================*/