@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 table.standard table.standard {
	margin: 8px 0 0;
}


div#mainColumn div.module-aboutlite {
	margin-bottom: 40px;
	display: inline-block;	/* for IE6 */
}


/*
area_movie 動画エリア
---------------------------------------------------------*/

div#mainColumn div.area_movie{
	width:683px;
	margin:10px auto 40px 0px;
	border:1px solid #CCC;
	padding:10px 5px 10px 10px;
	display:inline-block;
	background-color:#F5F4EF;
	clear:both;
	
}
*:first-child+html div#mainColumn div.area_movie{
	margin-top:30px;
	
}
* html div#mainColumn div.area_movie{
	width:700px;
	clear:both;
	margin-top:30px;
}

div#mainColumn div.area_movie div.text {
	float: left;
	width: 400px;
}
div#mainColumn div.area_movie div.text2 {
	float: left;
	width: 365px;
}

div#mainColumn div.area_movie div.movie {
	float: left;
	margin-right:8px;
	width: 256px;
	background-color:#FFF;
	padding:5px 5px 2px 5px;
	border:1px solid #CCC;
}
* html div#mainColumn div.area_movie div.movie {
	width: 246px;
}

div#mainColumn div.area_movie div.img {
	float: left;
	margin-right:8px;
	width: 290px;
}

div#mainColumn div.area_movie div.text p.f_sml{
	font-size:92%;
}

/*
module-superfundjp 機能一覧テーブル
---------------------------------------------------------*/

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

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

div#mainColumn div.module-superfundjp div.text {
	margin-right: 10px;
	float: left;
	width: 400px;
}

div#mainColumn div.module-superfundjp div.img {
	float: left;
	width: 275px;
	margin-bottom: 20px;
}


div#mainColumn div.module-superfundjp div.text p.f_sml{
	font-size:92%;
}

div#mainColumn div.module-superfundjp2{
	display:inline-block;	/* for IE6 */
	margin-left:10px;
}

div#mainColumn div.module-superfundjp2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
div#mainColumn div.module-superfundjp2 div.img {
	float: left;
	margin:0 15px 5px 0;
	width:370px;
}
* html div#mainColumn div.module-superfundjp2 div.img {
	padding-bottom:5px;
}
div#mainColumn div.module-superfundjp2 div.text p{
	margin-left:0;
}
div#mainColumn div.module-superfundjp2 div.text p.f_sml{
	font-size:92%;
}

div#mainColumn table.standard td.right{
	text-align:right;
}

div#mainColumn div.introduction{
	background-color:#F3F6FB;
	padding:8px;
	border:1px solid #CCC;
	display:inline-block;
	margin-bottom:10px;
	overflow:hidden;
}

div#mainColumn div.introduction h2{
	margin:0 0;
	margin: 0 0 10px;
	padding: 0 25px;
	width: 632px;
	background: url(../img/background_h2.gif) left top no-repeat;
	height: 35px;
	line-height: 35px;
	
}
div#mainColumn div.introduction div.column-left{
	float:left;
	margin-left:5px;
	width:320px;
	text-align:left;
}
div#mainColumn div.introduction div.column-right{
	float:right;
	margin-right:5px;
	width:330px;
	text-align:left;
}
div#mainColumn div.introduction div.column-left p.floatLeft,
div#mainColumn div.introduction div.column-right p.floatLeft{
	margin-right:5px;
	margin-left:0px;
	
}
/*
4-2: div#subColumn サブカラム（右）
=========================================================*/


/*
div#module-sidePriceInfo 価格情報モジュール
（module-sideMenuStandardの追記）
---------------------------------------------------------*/

div#subColumn div.module-sidePriceInfo dd{
	border:none;
}
div#subColumn div.module-sidePriceInfo dd#text{
	border: none;
	background-color: transparent;
	margin-bottom:5px;
}
div#subColumn div.module-sidePriceInfo dd#update{
	margin-top:5px;
	border: none;
	background-color: transparent;
	text-align: right;
}
div#subColumn div.module-sidePriceInfo dd table.standard {
	margin: 0 0;
	width:167px !important;width/**/:166px;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	border-width: 1px 0 0 1px;
}
div#subColumn div.module-sidePriceInfo dd table.standard th,
div#subColumn div.module-sidePriceInfo dd table.standard td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 0;
	line-height: 1.4;
	background-color: #FFFFFF;
}
div#subColumn div.module-sidePriceInfo dd table.standard th {
	font-weight: bold;
	color: #003366;
	background: url(../../../../common/img/background_th.gif) left top no-repeat;
}
div#subColumn div.module-sidePriceInfo dd table.standard th.center,
div#subColumn div.module-sidePriceInfo dd table.standard td.center{
	text-align:center;
}
div#subColumn div.module-sidePriceInfo dd table.standard tr.odd td,
div#subColumn div.module-sidePriceInfo dd table.standard tr.odd th,
div#subColumn div.module-sidePriceInfo dd table.standard th.color,
div#subColumn div.module-sidePriceInfo dd table.standard td.color {
	background: url(../../../../common/img/background_td.gif) left top no-repeat;
}



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