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

/*
img.middle
---------------------------------------------------------*/
div#mainColumn img.middle{
	vertical-align:middle;
}

/*
div.attention
---------------------------------------------------------*/
div#mainColumn div.attention{
	margin-bottom:40px;
	padding:13px 10px 1px;
	border:1px solid #CCCCCC;
	background-color:#FAF8F1;
}

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


div#mainColumn div.explanation {
	margin:20px 10px 40px 10px;
	padding:10px 10px 0px 0px;
	border: 1px solid #CCCCCC;
	width: 665px;
	background-color: #F3F6FA;
	text-align:center;
}

div#mainColumn div.explanation table.standardEcoFX{
	margin:0 auto 15px;
	border-collapse:collapse;
	border:1px solid #007dc9;
	border-width:1px 0 0 1px;
	text-align:left;
	clear:both;
}
div#mainColumn div.explanation table.standardEcoFXLastChild{
	margin-bottom:40px;
}
div#mainColumn div.explanation table.standardEcoFX caption{
	caption-side:top;
	text-align:left;
}
div#mainColumn div.explanation table.standardEcoFX th,
div#mainColumn div.explanation table.standardEcoFX td{
	padding:6px 10px;
	border:1px solid #007dc9;
	border-width:0 1px 1px 0;
	background-color:#FFFFFF;
	font-size:12px;
}
div#mainColumn div.explanation table.standardEcoFX tr th{
	font-weight:bold;
	color:#FFF;
	background:#007dc9;
}
div#mainColumn div.explanation table.standardEcoFX tr th.colorNone{
	background:transparent;
}
div#mainColumn div.explanation table.standardEcoFX th.center,
div#mainColumn div.explanation table.standardEcoFX td.center{
	text-align:center;
}
div#mainColumn div.explanation table.standardEcoFX th.right,
div#mainColumn div.explanation table.standardEcoFX td.right{
	text-align:right;
}

div#mainColumn div.explanation table.standardEcoFX td.focus{
color:#e73859;
font-weight:bold;

}
div#mainColumn div.explanation table.standardEcoFX div.pair{
margin:0 auto;
font-weight:bold;
overflow:hidden;
width:130px;
}
div#mainColumn div.explanation table.standardEcoFX img.pair{
margin-right:10px;
float:left;
}
div#mainColumn div.explanation table.standardEcoFX div.pair span.pair{
padding-top:16px;
float:left;
display:inline-block;
}



/*
div.lastChild
---------------------------------------------------------*/
div#mainColumn div.lastChild{
	margin-bottom:40px !important
}


/*
div .module-link
---------------------------------------------------------*/

div#mainColumn div.module-link{
	padding:5px 32px;
	text-align:center;
}
div#mainColumn div.module-linkLastChild{
	margin-bottom:40px;
}

div#mainColumn div.module-link p{
	margin:0 0 10px;
	text-align:center;
}

div#mainColumn div.module-link p.button{
	margin:0;
}
div#mainColumn div.module-link p.buttonlastChild{
	margin-bottom:20px;
}

div#mainColumn div.module-link img{
	vertical-align:middle;
}




/*
div.floatRight
---------------------------------------------------------*/
div#mainColumn div.floatRight{
	width:355px;
	text-align:right;
}
div#mainColumn div.floatRight img{
	margin-left:5px;
}
div#mainColumn div.floatRight p{
	margin:.5em 0 0 15px;
}

/*
div.module_sales_contents メイン訴求エリア
---------------------------------------------------------*/
div#mainColumn div.module_sales_contents{
margin:20px auto 30px;
 
}

/*
div.module-announceContents エコトレリニューアルアナウンスモジュール
---------------------------------------------------------*/
div#mainColumn div.module-announceContents{
	margin-bottom:20px;
	display:inline-block;	/* for IE6 */
}
div#mainColumn div.module-announceContents:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
div#mainColumn div.module-announceContents div.text{
	margin-right:25px;
	float:left;
	width:415px;
}

div#mainColumn div.module-announceContents div.text div.img1{
	float:left;
	margin:0px auto;
	width:400px;
}

div#mainColumn div.module-announceContents div.text div.img1 p{
	text-align:center;
	margin-bottom:10px;
}



div#mainColumn div.module-announceContents div.img2{
	float:left;
	width:250px;
}

div#mainColumn div.module-announceContents div.img2 img{
	margin-bottom:0px;
}

div#mainColumn div.module-announceContents div.img2 span{
	 float:right;
	 font-size:84%;
	 margin-bottom:10px;
	text-align:right;
	margin-left:0;
}


div#mainColumn div.module-announceContents div.img2 p.zoom{
	text-align:center;
	clear:both;
	margin:0px auto 10px auto;}

div#mainColumn div.module-announceContents div.img2 a{
	text-align:center;
}

div#mainColumn div.module-announceContents ul{
clear: both;
margin:10px auto 15px 15px;
border:1px solid #007dc9;
overflow:hidden;
display:inline-block;
_width:690px;
/*_margin-left:0px !important;*/
}
div#mainColumn div.module-announceContents ul li{
float:left;
padding:10px 10px;
/padding:10px 8px 10px 9px;
border-right:1px solid #007dc9;
}
div#mainColumn div.module-announceContents ul li.lastChild{
border-right:none;

}

div#mainColumn div.module-announceContents div.imgword{
margin:0 0 0 15px;
}

div#mainColumn p a.zoom {
	padding-left: 12px;
	background: url(../../../../common/img/ico_zoom.gif) left center no-repeat;
}


/*
div.module-campaign キャンペーンモジュール
---------------------------------------------------------*/
div#mainColumn div.module-campaign{
	background-color:#ffffff;
	padding:10px 1px 1px;
	overflow:hidden;
}
* html div.mainColumn div.module-campaign{
	zoom:1;
}
div#mainColumn div.module-campaign h2{
	margin-bottom:10px;
	text-align:center;
}
div#mainColumn div.module-campaign div.sectionWrap{
	background:url(../img/background_campaignWrap.gif) no-repeat left bottom;
	margin:0 -10px 10px 9px;
	overflow:hidden;
}
* html div.mainColumn div.module-campaign div.sectionWrap{
	zoom:1;
}
div#mainColumn div.module-campaign div.sectionWrap div.sectionBox{
	width:334px;
	border-top:1px solid #cccccc;
	margin-right:10px;
	float:left;
}
div#mainColumn div.module-campaign div.sectionWrap div.sectionBox h3{
	background-image:none;
	border-left:4px solid #BEAE63;
	margin:10px 1em 10px 10px;
	padding:0 0 0 8px;
}
div#mainColumn div.module-campaign div.sectionWrap div.sectionBox p{
	margin-right:10px;
	padding-left:124px;
}
div#mainColumn div.module-campaign div.sectionWrap div.sectionBox p.itemImg{
	display:inline;
	width:75px;
	margin-left:30px;
	padding:0;
	float:left;
}
div#mainColumn div.module-campaign div.mobile-announce{
	text-align:right;
	float:right;
	font-size:84%;
	margin-bottom:20px;
	margin-right:10px;
}	


/*
div.module-supportContents エコトレFXリニューアルサポートモジュール
---------------------------------------------------------*/
div#mainColumn div.module-supportContents{
	margin-bottom:10px;
	padding-left:10px;
	display:inline-block;	/* for IE6 */
	overflow:hidden;
	width:690px;
}

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

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


div#mainColumn div.module-supportContents div.text{
	margin-right:20px;
	float:left;
	width:450px;
}



div#mainColumn div.module-supportContents div.img{
	float:right;
	width:200px;
}
div#mainColumn div.module-supportContents div.img p{
	margin:0;
	text-align:center;
}
div#mainColumn div.module-supportContents div.img img{
	margin-bottom:8px;
}

div#mainColumn div.module-supportContents div.img2{
	float:right;
	width:200px;
}
div#mainColumn div.module-supportContents div.img2 p{
	margin:0;
	text-align:center;
}

div#mainColumn div.module-supportContents div.img2 img{
	margin-bottom:40px;
}

div#mainColumn div.module-supportContents div.text{
	margin-right:20px;
	float:left;
	width:450px;
}




/*
div.module-relatedInfo2 関連情報の追記
---------------------------------------------------------*/
div#mainColumn div.module-relatedInfo2 ul li a img{
margin:0;
padding-left:5px;
}

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


/*
div.module-outlineSubNavi 商品概要・サービス用サブナビゲーションモジュール
---------------------------------------------------------*/
div#subColumn div.module-outlineSubNavi{
	margin:0 0 10px;
	padding:8px 10px 10px;
	background-color:#00578A;
}
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:#333;
	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;
}





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