@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 span.indent2 {
	margin-left: 1.1em;
	display: block;
	text-indent: -0.7em;
}


/*
div.module-compositionContents 画面構成コンテンツモジュール
---------------------------------------------------------*/

div#mainColumn div.module-compositionContents_top {
	margin-bottom: 40px;
	display: inline-block;	/* for IE6 */
	width: 660px;
	background: url(../img/img_cap-ninepattern.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	height: 211px;
}
div#mainColumn div.module-compositionContents_top div.textleft {
	float: left;
	width: 322px;
}
div#mainColumn div.module-compositionContents_top div.p_link {
	float: left;
	margin-top: 80px;
}

div#mainColumn div.module-compositionContents_level {
	_display: inline-block;
	background: url(../img/level_bg.gif) no-repeat top;
	width: 620px;
	height: 590px;
	padding: 20px;
	margin:0 auto;
}
div#mainColumn div.module-compositionContents_level .ti {
   color: #0075a0;
   font-size: 14px;
   font-weight:bold;
   margin-bottom: 15px;
}
div#mainColumn div.module-compositionContents_level .ti2 {
   color: #7D6D2F;
   font-size: 12px;
   font-weight:bold;
   margin-bottom: 8px;
}
div#mainColumn div.module-compositionContents_level .com {
   width: 620px;
   margin-bottom: 10px;
}
div#mainColumn div.module-compositionContents_level .img_l {
   float: left;
   width: 270px;
   margin-left:15px ;
   margin-top: 10px;
   _margin-right: 10px;
}
div#mainColumn div.module-compositionContents_level .img_r {
   float: right;
   width: 270px;
   margin-right:15px;
   margin-top: 10px;
}

div#mainColumn div.module-compositionContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

div#mainColumn p.gray {color: #999999;}
p.floatLeft{ padding-right:20px;}


/*
4-2: div#subColumn サブカラム（右）
=========================================================*/





/*
5: div#footer フッター
=========================================================*/




