@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-fxInfo 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 ヘッダー
=========================================================*/
div#header p#siteDescription2{
	right:139px;
}

div#header ul#globalLink{
	float:right;
	/margin-top:-1px;
	margin-right:8px;
	
}
div#header ul#globalLink li{
	float:left;
	display:inline;
	margin-right:5px;
	line-height:15px;
}
div#header ul#globalLink li img{
	vertical-align:middle;
}





/*
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;
}

div#contents div.announce p.pr{
	margin:10px 0 10px;
	clear:both;
	border:1px solid #FF0000;
	background:#FFF;
	padding:1px 3px 3px;
	color:#FF0000;
}
#contents div.announce p.pr a{
	color:#FF0000 !important;
}





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



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



/*
div#fxTopContents FXトップコンテンツ
---------------------------------------------------------*/
div#contents div#fxTopContents{
	margin-bottom:20px;
}



/*
div#module-fxInfo FXインフォメーションモジュール
---------------------------------------------------------*/
div#mainColumn div#module-fxInfo{
	border:1px solid #CCC;
	background-color:#FAF8F1;
	margin:0 10px 10px;
	padding:5px 10px;
}
div#mainColumn div#module-fxInfo dl{
	display:inline-block;	/* for IE6 */
}
div#mainColumn div#module-fxInfo dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
div#mainColumn div#module-fxInfo dt{
	padding:5px 0;
	float:left;
	clear:left;
	width:11em;
	font-weight:bold;
}
div#mainColumn div#module-fxInfo dd{
	padding:5px 0 5px 11em;
}



/*
div#module-fxMain
---------------------------------------------------------*/
div#mainColumn div#module-fxMain{
	/*padding-bottom:10px;*/
	overflow:hidden;
}
* html div#mainColumn div#module-fxMain{ /*forIE6*/
	zoom:1;
}

div#mainColumn div#module-fxMain h2{
	margin-bottom:10px;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx,
div#mainColumn div#module-fxMain div.sectionDealfx{
	width:698px;
	padding:1px;
	border:1px solid #CCC;
	border-bottom:none;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx p,
div#mainColumn div#module-fxMain div.sectionDealfx p{
	margin:0 9px 10px;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx p.textRight,
div#mainColumn div#module-fxMain div.sectionDealfx div.sectionDealfxWrapper p.textRight{
	margin-bottom:0;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx{
	width:696px;
	overflow:hidden;
	_width:697px;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx p.himawariFX{
width:320px;
margin-right:15px;
_margin-right:8px;
float:right;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx p.ecotreFX{
width:320px;
margin-left:15px;
_margin-left:8px;
float:left;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx h1{
	height: 56px;
	margin-bottom:10px;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx p.pr{
	border:1px solid #FF0000;
	background:#FFF;
	padding:1px 5px 3px;
	margin-top:-.5em;
	margin-bottom:0;
	color:#FF0000;
}
div#mainColumn div#module-fxMain div.sectionHimawarifx p.pr a{
	color:#FF0000 !important;
}
div#mainColumn div#module-fxMain div.sectionDealfx{
	width:341px;
	padding-bottom:20px;
}
* html div#mainColumn div#module-fxMain div.sectionDealfx{ /*forIE6*/
	width:345px;
}
div#mainColumn div#module-fxMain div.sectionDealfx div.sectionDealfxWrapper{
	overflow:hidden;
	background:url(../img/img_dotted.gif) repeat-y 199px top;
}
* html div#mainColumn div#module-fxMain div.sectionDealfx div.sectionDealfxWrapper{/* forIE6 */
	zoom:1;
}
div#mainColumn div#module-fxMain div.sectionDealfx div.sectionDealfxLeft p,
div#mainColumn div#module-fxMain div.sectionDealfx div.sectionDealfxRight p{
	margin:0 0 10px;
}
div#mainColumn div#module-fxMain div.sectionDealfx div.sectionDealfxLeft{
	display:inline;
	float:left;
	width:180px;
	margin-left:7px;
}
div#mainColumn div#module-fxMain div.sectionDealfx div.sectionDealfxRight{
	display:inline;
	float:right;
	width:122px;
	margin-right:7px;
}



/*
div#module-campaign キャンペーンモジュール
---------------------------------------------------------*/
div#mainColumn div#module-campaign{
	background-color:#ffffff;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:10px 1px 1px;
	_padding:10px 0px 1px 1px;
	margin-bottom:10px;
	overflow:hidden;
}
* html div#mainColumn div#module-campaign{
	zoom:1;
}
div#mainColumn div#module-campaign h2{
	margin-bottom:10px;
	text-align:center;
}
div#mainColumn div#module-campaign div.sectionWrap{
	background:url(../img/background_campaignWrap.gif) no-repeat left bottom;
	margin:0 -10px 10px 9px;
	overflow:hidden;
}
* html div#mainColumn div#module-campaign div.sectionWrap{
	zoom:1;
}
div#mainColumn div#module-campaign div.sectionWrap div.sectionBox{
	width:334px;
	border-top:1px solid #cccccc;
	margin-right:10px;
	float:left;
}
div#mainColumn div#module-campaign div.sectionWrap div.sectionBox h3{
	background-image:none;
	border-left:4px solid #BEAE63;
	margin:10px 1em 10px 10px;
	padding:0 0 0 8px;
}
div#mainColumn div#module-campaign div.sectionWrap div.sectionBox p{
	margin-right:10px;
	padding-left:154px;
}
div#mainColumn div#module-campaign div.sectionWrap div.sectionBox p.itemImg{
	display:inline;
	width:144px;
	padding:0;
	float:left;
}
div#mainColumn div#module-campaign div.sectionWrap div.sectionBox ul{
	padding-left:164px;
	margin-bottom:10px;
}



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

div#mainColumn div#module-fxSeminar h2{
	margin-bottom:10px;
}
div#mainColumn div#module-fxSeminar div#linkList{
	margin-bottom:10px;
	padding:0 10px;
}
div#mainColumn div#module-fxSeminar div#linkList ul{
	text-align:right;
}
div#mainColumn div#module-fxSeminar div#linkList ul li{
	display:inline;
}
div#mainColumn div#module-fxSeminar div#linkList ul li a{
	padding-right:26px;
}
div#mainColumn div#module-fxSeminar div#linkList ul li.lastChild a{
	padding-right:0;
}
div#mainColumn div#module-fxSeminar table.standard{
	width:676px;
}
div#mainColumn div#module-fxSeminar table.standard th,
div#mainColumn div#module-fxSeminar table.standard td{
	text-align:center;
}
div#mainColumn div#module-fxSeminar table.standard td.seminarName{
	text-align:left;
}
div#mainColumn div#module-fxSeminar div#recommendSeminer{
	margin:10px;
	padding:3px;
	border:1px solid #CCCCCC;
}
div#mainColumn div#module-fxSeminar div#recommendSeminer h3{
	background-image:none;
	padding:0;
	margin:0 0 2px 10px;
	color:#7D6D2F;
	font-size:117%;
	font-weight:bold;
}



/*
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;
}





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





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