@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#mainColumn strong.red {
	color: #FF0000;
	font-weight: normal;
}


/*
table#chargeList 料金一覧テーブル
---------------------------------------------------------*/
div#mainColumn table#chargeList {
	width: 690px;
}

div#mainColumn table#chargeList tr th,
div#mainColumn table#chargeList tr td.period {
	text-align: center;
}

div#mainColumn table#chargeList tr td.price {
	text-align: right;
}

/*
div.explanation 
---------------------------------------------------------*/

div#mainColumn div.explanation {
	height:auto;
	padding-bottom:5px;
	margin:0 0 10px 8px;
	border:1px solid #CCCCCC;
	background-color:#F3F6FA;
}

div#mainColumn div.explanation ul {
	margin:5px 0;
}

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

div#mainColumn div.explanation ul li {
	margin:5px 5px 0 0;
	padding-left:18px;
	width:300px;
	display:block;
	float:left;
}

div#mainColumn div.explanation ul li a {
	margin:0;
	padding:0;
	display:block;
	width:300px;
	height:20px;
}

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


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





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