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

	Site Name: ひまわり証券
	Description: セミナー共通モジュール用
	Version: 1.0

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


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

	0: 汎用class


	1: div#header ヘッダー
		

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


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


	4: div#contents コンテンツ
	
			div.module-reserveArea-A　予備エリアモジュールA
			
			div.module-reserveArea-B　予備エリアモジュールB
			
			div#systemtrade-topContents システムトレードトップコンテンツ
		

	4-1: div#mainColumn メインカラム（左）

			div.module-reserveArea3　予備エリアモジュール3

			div.module-infoArea インフォメーションモジュール
			
			div#module-aboutSystemtrade システムトレードとはモジュール

			div#module-todaysSeminar 本日のセミナーモジュール
					
			div#module-himawariNews ひまわりニュースモジュール
			
			div#module-tabArea タブパネルモジュール（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;
}


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


/*
div#systemtrade-topContents システムトレードトップコンテンツ
---------------------------------------------------------*/
div#contents div#systemtrade-topContents{
	margin-bottom: 10px;
	padding-bottom:5px;
	display: inline-block;	/* for IE6 */
	width: 700px;
	background: url(../img/background_topContents-foot.gif) left bottom no-repeat;
}

div#contents div#systemtrade-topContents:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div#contents div#systemtrade-topContentsInner{
	overflow:hidden;
	padding: 10px 10px 0;
	background: url(../img/background_topContents-top.gif) left top no-repeat;
}
div#contents div#systemtrade-topContents h1{
	margin: 0 0px 0 0;
	float: left;
	width: 680px;
	text-align:left;
	height: 174px;
	background:none;
	padding:0 0 !important;
}
/*
div#contents div#systemtrade-topContents div#rankingArea{
	border:1px solid #CCCCCC;
	position:relative;
	float:left;
	width:433px !important;
	height:207px !important;;
	overflow:hidden;
	background-color:#FFFFFF;
}

div#contents div#systemtrade-topContents div#rankingAreaInner{
	padding:1px 1px 0;
}

div#contents div#systemtrade-topContents div#rankingArea h2{
	margin-bottom:3px;
}
div#contents div#systemtrade-topContents div#rankingArea p#period{
	text-align:right;
	position:relative;
	float:right;
	margin:-2em;
	margin-right:5px;
	font-size: 84%;
	color: #FFFFFF;
}
*/


/*
div#bondRanking
メイン画像右横のランキング表示が「証券のみ」の場合
---------------------------------------------------------*/
/*div#contents div#systemtrade-topContents div#bondRanking{
}

div#contents div#systemtrade-topContents div#bondRanking table{
	border:1px solid #CCCCCC;
	width: 426px;
}*/

/* 「証券のみ」のランキングここまで */



/*
div#bondRanking
div#fxRanking
メイン画像右横のランキング表示が「証券とFXの2つ並び」の場合

この直下のCSSのコメントアウトを外し、
上の「証券のみ」ランキングのCSSは削除あるいはコメントアウトしてください。
---------------------------------------------------------*/


/*
div#contents div#systemtrade-topContents div#bondRanking{
	float:left;
	display:inline;
	width: 211px;
	margin-left:3px;
}


div#contents div#systemtrade-topContents div#fxRanking{
	float: right;
	display:inline;
	width: 425px;
	margin-right:1px;
}
*/
/*div#contents div#systemtrade-topContents div#bondRanking table,*/
div#contents div#systemtrade-topContents div#fxRanking table{
	border:1px solid #CCCCCC;
	width: 422px;
}
/* 「証券とFXの2つ並び」のランキングここまで 


/*
div#contents div#systemtrade-topContents table caption{
	padding-bottom:2px;
	font-weight:bold;
	color: #003366;
}
div#contents div#systemtrade-topContents table tr th img{
	margin-top:-3px;
	margin-right:5px;
	vertical-align:middle;
}
div#contents div#systemtrade-topContents table tr th{
	padding:0 3px;
	border-bottom: 1px solid #CCCCCC;
	vertical-align:middle;
}
div#contents div#systemtrade-topContents table tr td{
	padding: 0 3px;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 0;
	text-align: right;
	vertical-align:middle;
}

div#contents div#systemtrade-topContents table tr.topThree th{
	padding:5px 0 3px 5px;
	font-weight: bold;
	background: url(../../common/img/background_th.gif) left top no-repeat;
	word-break:break-all;
}
div#contents div#systemtrade-topContents table tr.topThree td{
	padding:5px 5px 3px;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 0;
	font-weight: normal;
	background: url(../../common/img/background_th.gif) right bottom no-repeat;
}

div#contents div#systemtrade-topContents div#rankingList{
	position:absolute;
	bottom:2px;
	right:5px;
	text-align:right;
}
div#contents div#systemtrade-topContents div#rankingList a{
	padding-left: 12px;
	background: url(../../common/img/ico_arrow-link.gif) left center no-repeat;
}


*/

/*
4-1: div#mainColumn メインカラム（左）
=========================================================*/

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

div#mainColumn h3{
	margin: 0;
	padding: 0;
	background: none;
}

/*div#mainColumn div.module-infoArea p{
	margin: 0 0 3px 3px;
}*/


/*
div.module-infoArea インフォメーションモジュール
---------------------------------------------------------*/
div#mainColumn div.module-infoArea{
	border:1px solid #CCC;
	background:#FAF8F1;
	padding:.5em 0 1px;
	margin-bottom:10px;
}
div#mainColumn div.module-infoArea p{
	margin-bottom:.5em;
}
div#mainColumn div.module-infoArea dl{
	margin:0 0 .4em 10px;
}
div#mainColumn div.module-infoArea dl dt{
	clear:left;
	float:left;
	width:9em;
	margin:0 0 .4em;
	font-weight:bold;
}
div#mainColumn div.module-infoArea dl dd{
	margin:0 0 .4em;
	padding:0 0 0 9em;
}


/*
div.module-reserveArea3　予備エリアモジュール3
---------------------------------------------------------*/
div#mainColumn div.module-reserveArea3{
	margin: 0 0 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	clear: both;
}

div#mainColumn div.module-reserveArea3 p{
	margin: 0;
}


/*
div#module-aboutSystemtrade システムトレードとはモジュール
---------------------------------------------------------*/
div#mainColumn div#module-aboutSystemtrade{
	border: 1px solid #CCCCCC;	
	margin: 0 0 20px;
	width: 698px;
}

div#mainColumn div#module-aboutSystemtradeInner{
	padding-bottom: 10px;
	border: 1px solid #FFFFFF;
	background-color: #F3F6FA;
}

div#mainColumn div#module-aboutSystemtrade p{
	margin: 10px;
}

div#mainColumn div#module-aboutSystemtrade h3{
	margin: 10px 0 0 10px;
	padding: 0 0 0 8px;
	border-left: 4px solid #BEAE63;
}

div#mainColumn div#module-aboutSystemtrade div.section1{
	margin: 0 0 0 10px;
	width: 676px;
	background-color: #FFFFFF;
}

div#mainColumn div#module-aboutSystemtrade div.section1Inner{
	border: 1px solid #CCCCCC;
}

div#mainColumn div#module-aboutSystemtrade div.section1 div.module-linkListRow{
	margin: 0;
	padding: 1em 0;
	width: 100%;
	background: url(../../common/img/border_dotted.gif) left top repeat-x;
}

* html body div#mainColumn div#module-aboutSystemtrade div.section1 div.module-linkListRow{
	width: auto;
}

div#mainColumn div#module-aboutSystemtrade div.section1 div.module-linkListRow ul{
	padding: 0 10px;
}

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

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

div#mainColumn div#module-aboutSystemtrade div.sectionWrap div.section2{
	padding-bottom: 4em;
	border-top: 1px solid #CCCCCC;
	float: left;
	width: 333px;
}

div#mainColumn div#module-aboutSystemtrade div.sectionWrap div.section3{
	padding-bottom: 4em;
	border-top: 1px solid #CCCCCC;
	float: right;
	width: 333px;
}

div#mainColumn div#module-aboutSystemtrade div.sectionWrap div.section2 div.linkList{
	position: absolute ;
	bottom: 0;
	left: 0;
	width: 333px;
	background: url(../../common/img/border_dotted.gif) left top repeat-x;
}

div#mainColumn div#module-aboutSystemtrade div.sectionWrap div.section3 div.module-linkListRow{
	position: absolute ;
	bottom: 0;
	left: 341px;
	width: 333px;
	background: url(../../common/img/border_dotted.gif) left top repeat-x;
	margin-left: 0;
}

div#mainColumn div#module-aboutSystemtrade div.sectionWrap div.section2 div.linkList ul,
div#mainColumn div#module-aboutSystemtrade div.sectionWrap div.section3 div.module-linkListRow ul{
	padding: 1em 10px;
}


/*
div#module-todaysSeminar 本日のセミナーモジュール
---------------------------------------------------------*/
div#mainColumn div#module-todaysSeminar{
	margin: 0 0 20px;
	width: 698px;
	border: 1px solid #CCCCCC;	
}

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

div#mainColumn div#module-todaysSeminarInner div.pageList{
	padding: 10px 10px 10px 0;
	float: right;
}

div#mainColumn div#module-todaysSeminar table.standard{
	margin: 0 10px 10px;
	width: 676px;
}

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

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


/*
div#module-himawariNews ひまわりニュースモジュール
---------------------------------------------------------*/
div#mainColumn div#module-himawariNews{
	margin: 0 0 20px;
	width: 698px;
	border: 1px solid #CCCCCC;	
}

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

div#mainColumn div#module-himawariNews div.pageList{
	padding: 10px 10px 0 0;
	float: right;
}

div#mainColumn div#module-himawariNews dl{
	margin: 0 10px 10px;
	clear: right;
}

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

div#mainColumn div#module-himawariNews dt img{
	vertical-align: top;
}

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

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

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


/*
div#module-tabArea タブパネルモジュール（jQuery UI tabs使用）
---------------------------------------------------------*/
div#mainColumn div#module-tabArea{
	margin: 0 0 20px;
	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: 163px;
	display: block;
	float: left;
	background: none;
}

div#mainColumn div#module-tabArea ul#tabs li a{
	margin: 0;
	padding: 0;
	display: block;
	width: 163px;
	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 ul{
	display: inline-block;	/* for IE6 */
}

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

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

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


/*
Tabs（jQuery UI 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 サブカラム（右）
=========================================================*/
body div#subColumn{
 display: block;
}

div#subColumn div#module-systemtradeSideNavi{
background-image:none !important;
margin:0px 0 10px 0;
}
body div#subColumn div.module-linkArea{
	margin-bottom: 10px;
	padding: 5px;
	border: 3px solid #ccc;
}

body div#subColumn div.module-linkArea a.link{
	display: block;
	background-position: left 5px;
}


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