@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 コンテンツ


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


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


	5: div#footer フッター



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





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





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





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





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





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





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

/*
div.module-selectSystem 売買システム選択モジュール
---------------------------------------------------------*/
div#mainColumn div.module-selectSystem{
	margin-bottom:20px;
}



/*
div#module-chartList 有償損益グラフモジュール
---------------------------------------------------------*/
div#mainColumn div#module-chartList{
	margin-left:10px;
	display:inline-block;	/* for IE6 */
	width:690px;
}
div#mainColumn div#module-chartList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div#mainColumn div#module-chartList div.section{
	margin-right:10px;
	float:left;
	width:220px;
	height:200px;
	overflow:hidden;
}
div#mainColumn div#module-chartList div.section img{
	margin-bottom:5px;
}
div#mainColumn div#module-chartList div.section p{
	margin-left:0;
}
div#mainColumn div#module-chartList div.section p a.link{
	display:block;
	background-position:0 5px;
}



/*
ul.supplement
---------------------------------------------------------*/
div#mainColumn ul.supplement{
	margin:0 0 1em 45px;
}
div#mainColumn ul.supplement li{
	display:inline;
}
div#mainColumn ul.supplement li img{
	vertical-align:middle;
}





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





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