@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
=========================================================*/

.inside {
	margin:10px 10px; !important
}

.center{text-align:center;  !important}

.box1{
	width:420px;
	margin:10px 20px 10px 0;
	padding-left:10px;
	height:120px;
	float:left;
}

.box2{
	width:230px;
	height:120px;
	float:left;
}

.clear2 { clear: both; visibility: hidden; height: 0;} 




/*
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;
}



/* video---------------------------------------------------- */
.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 100%;
	margin: 20px 10px -50px 10px;
    overflow: hidden;
}
 
.video-wrap iframe,  
.video-wrap object,  
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 85px;
    width: 80%;
    height: 80%;
}

.video-wrap iframe {
	border:none;
}





/*
div.module-linkList リンクリストの縦並びモジュール2
---------------------------------------------------------*/
.module-linkList2 {
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',sans-serif;
	margin: 0 0 1em 10px;
	padding-left: 20px;
	float: left;
	width: 220px;
}

.module-linkList3 {
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',sans-serif;
	margin: 0 0 1em 10px;
	padding-left: 20px;
	float: left;
	width: 400px;
}

.module-linkList4 {
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka',sans-serif;
	margin: 0 0 1em 10px;
	padding-left: 20px;
	float: left;
	width: 300px;
}



.module-linkList2 ul li {
	margin-bottom: 10px;
	color:#2A2A2A;
	display: block;
	font-size:120%;
}

.module-linkList3 ul li {
	margin-bottom: 10px;
	color:#2A2A2A;
	display: block;
	font-size:120%;
}	

.module-linkList4 ul li {
	margin-bottom: 10px;
	color:#2A2A2A;
	display: block;
	font-size:120%;
}	


.clear2{ clear: both; visibility: hidden; height: 0;} 


/*
その他
---------------------------------------------------------*/
.mg20{margin:20px 0;
}

.mg30-20{
	margin:30px 20px 0 20px;
}

.mg30-18{
	margin:30px 18px 0 20px;
}

.mg40{margin-top:40px;
}