@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 メインカラム（左）

		div.module-linkListRow リンクリストの横並びモジュール（投資信託用枠つき）

		div#module-cfdInfo fundインフォメーションモジュール

	4-2: div#subColumn サブカラム（右）
	
			div#module-sideCampaignBnr サイドキャンペーンバナーモジュール
			
			div#module-fundSideNavi 投資信託サイドナビモジュール
			
			div#module-fundSideNavi2 投資信託サイドナビモジュール2（投資信託TOP以外用）
			
			div#module-subNavi サブナビゲーションモジュールの追記
			
			div.module-outlineSubNavi 商品概要・サービス用サブナビゲーションモジュール
			
			div#module-sideMobile モバイルサービスモジュール（module-sideMenuStandardの追記）
			
			div#module-sideMenuQuestion よくある質問モジュール（module-sideMenuStandardの追記）
			
			div#module-sidePriceInfo 価格情報モジュール（module-sideMenuStandardの追記）
		

	5: div#footer フッター



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





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





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





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





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





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





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

/*
div.module-linkListRow リンクリストの横並びモジュール（投資信託用枠つき）
---------------------------------------------------------*/
div#mainColumn div.module-linkListRow{
	display:block;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
	margin:10px 0;
	padding:6px 0 4px 10px;
	width:688px !important;width/**/:700px;
}

div#mainColumn div.module-linkListRowLastChild{
	margin-bottom:40px;
}

div#mainColumn div.module-linkListRow ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
* html div#mainColumn div.module-linkListRow ul{
	display:inline-block;
}

div#mainColumn div.module-linkListRow ul li{
	float:left;
	display:block;
	margin-right:15px;
	margin-bottom:.3em;
}
div#mainColumn div.module-linkListRow ul li a{
	display:inline-block;
	white-space:nowrap;
}



/*
div#module-cfdInfo fundインフォメーションモジュール
---------------------------------------------------------*/
div#mainColumn div#module-fundInfo{
	margin-bottom:20px;
	padding:5px 10px;
	border:1px solid #CCCCCC;
	background-color:#FAF8F1;
}
div#mainColumn div#module-fundInfo.module-fundInfoLastChild{
	margin-bottom:40px;
}

div#mainColumn div#module-fundInfo dl{
	display:inline-block;	/* for IE6 */
	width:658px;
	padding-top:3px;
}
div#mainColumn div#module-fundInfo dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
div#mainColumn div#module-fundInfo dt{
	padding:0 0 .4em;
	float:left;
	clear:left;
	width:11.5em;
	font-weight:bold;
}
div#mainColumn div#module-fundInfo dd{
	padding:0 0 .4em 11.5em;
}

div#mainColumn div#module-fundInfo dd a.link{
	padding-left:20px;
	background-position:5px .3em;
}
div#mainColumn div#module-fundInfo dd a.linkPdf{
	display:inline-block;
	background-position:0px 3px;
}
div#mainColumn div#module-fundInfo dd a.linkSeminar img{
	vertical-align:middle;
}



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

/*
div#module-sideCampaignBnr サイドキャンペーンバナーモジュール
---------------------------------------------------------*/
div#subColumn div#module-sideCampaignBnr{
	margin-bottom:10px;
}


/*
div#module-fundSideNavi 投資信託サイドナビモジュール
=========================================================*/
div#subColumn div#module-fundSideNavi{
	margin-bottom:10px;
	padding:8px 9px 5px;
	background-color:#00578A;
}

div#subColumn div#module-fundSideNavi dt{
	display:none;
}

div#subColumn div#module-fundSideNavi li{
	margin-bottom:3px;
}


/*
div#module-fundSideNavi2 投資信託サイドナビモジュール2（投資信託TOP以外用）
=========================================================*/
div#subColumn div#module-fundSideNavi2{
	margin:15px 0 0;
	padding:8px 9px 5px;
	background:#00578A url(../img/border_fund-sideMenu.gif) left bottom no-repeat;
}

div#subColumn div#module-fundSideNavi2 dt{
	display:none;
}

div#subColumn div#module-fundSideNavi2 li{
	margin-bottom:3px;
}


/*
div#module-subNavi サブナビゲーションモジュールの追記
---------------------------------------------------------*/
div#subColumn div#module-subNavi{
	margin:0 0 10px;
}


/*
div.module-outlineSubNavi 商品概要・サービス用サブナビゲーションモジュール
---------------------------------------------------------*/
div#subColumn div.module-outlineSubNavi{
	margin:0;
	padding:8px 10px 10px;
	background:#00578A url(../img/border_fund-sideMenu.gif) left bottom no-repeat;
}

div#subColumn div.module-outlineSubNaviLastChild{
	margin:0 0 10px;
	background-image:none;
}

div#subColumn div.module-outlineSubNavi dl{
	width:165px;
	background:url(../../../common/img/background_subNavi-foot.gif) center bottom no-repeat;
}

div#subColumn div.module-outlineSubNavi dt{
	padding-bottom:8px;
	display:block;
	background-image:none;
	background-color:#00578A;
	color:#FFFFFF;
	font-weight:bold;
}

div#subColumn div.module-outlineSubNavi dd{
	padding:6px 4px 5px;
	background:url(../../../common/img/background_subNavi-top.gif) center top no-repeat;
}

div#subColumn div.module-outlineSubNavi ul{
	width:157px;
}

div#subColumn div.module-outlineSubNavi ul li{
	padding-bottom:3px;
	background:url(../../../common/img/background_subNavi-border.gif) left bottom no-repeat;
	font-weight:bold;
}

div#subColumn div.module-outlineSubNavi ul li.lastChild{
	padding-bottom:1px;
	background:none;
}

div#subColumn div.module-outlineSubNavi ul li a{
	padding:8px 5px 8px 14px;	
	display:block;
	color:#333333;
	background:url(../../../common/img/background_subNavi-link.gif) left top no-repeat;
	text-decoration:none;
}

div#subColumn div.module-outlineSubNavi ul li.active a,
div#subColumn div.module-outlineSubNavi ul li a:hover{
	color:#FFFFFF;
	background:url(../../../common/img/background_subNavi-active.gif) left top no-repeat;
}



/*
div#module-sideMobile モバイルサービスモジュール
（module-sideMenuStandardの追記）
---------------------------------------------------------*/
div#subColumn div#module-sideMobile dd div#qrcode{
	margin:5px 0 10px;
	text-align:center;
}


/*
div#module-sideMenuQuestion よくある質問モジュール
（module-sideMenuStandardの追記）
---------------------------------------------------------*/
div#subColumn div#module-sideMenuQuestion ul li.lastChild span{
	display:block;
}

div#subColumn div#module-sideMenuQuestion ul li.lastChild span:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div#subColumn div#module-sideMenuQuestion ul li.lastChild a{
	float:right;
}


/*
div#module-sidePriceInfo 価格情報モジュール
（module-sideMenuStandardの追記）
---------------------------------------------------------*/
div#subColumn div#module-sidePriceInfo dd#graph{
	border:none;
}

div#subColumn div#module-sidePriceInfo dd#update{
	border:none;
	background-color:transparent;
	text-align:right;
}





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