@charset "utf-8";
/*
CSS Information
==============================================================

	Site Name: ひまわり証券
	Description: Homeページ・モジュール用
	Version: 1.0

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


/*
CONTENTS
==============================================================

	0: 汎用class


	1: div#contents コンテンツ
	
			div#promotion プロモーション
		

	2: div#mainColumn メインカラム

			div#module-brandingArea ブランディングエリアモジュール



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



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

.notice {
	color:#990000;
}





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

/*
div#promotion プロモーション
---------------------------------------------------------*/
div#contents div#promotion {
	margin-left:-10px;
	width: 920px;
	height: 310px;
}

* html body div#contents div#promotion {
	position:relative;
	 left:5px;
}





/*
2: div#mainColumn メインカラム
=========================================================*/

div#mainColumn h2 {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	line-height: 1;
	background: none;
}

div#mainColumn h3 {
	margin: 0;
	padding: 0;
	background: none;
}





/*
2Column
---------------------------------------------------------*/

div#rightColumn:after,
div#leftColumn:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

#leftColumn {
	margin-bottom:15px;
	float:left;
	width:689px;
}

#rightColumn {
	margin-bottom:10px;
	padding-bottom:25px;
	float:left;
	width:210px;
	background:url(../img/homeSideNavi_btm-1.gif) left bottom no-repeat;
}

#rightColumn ul li.attentionQuick {
	margin:10px 5px;
	padding:5px;
	border:#FF9933 solid 2px;
}



	
/*
div#section
---------------------------------------------------------*/

#section01 {
	margin-bottom:5px;
	padding-bottom:18px;
	background:url(../img/section_btm-1.gif) left bottom no-repeat;
}
	
#section01 .inner {
	padding:0 20px;
	width:860px;
	background:url(../img/sectionbg-1.gif) repeat-y;
	overflow:hidden;
	clear: both;
}

* html body #section01 .inner {
	width:100%;
}
	
#section02 {
	margin-bottom: 15px;
	width: 900px;
	text-align: center;	/* for IE6 */
}
	
#section02,
#section03 {
	margin-bottom:5px;
	padding-bottom:18px;
	width:675px;
	background:url(../img/section_btm-2.gif) left bottom no-repeat;
}

#section02 .inner,
#section03 .inner {
	padding:0 20px;
	width:675px;
	background:url(../img/sectionbg-2.gif) repeat-y;
	overflow:hidden;
	clear: both;
}

#section02 dl {
	margin:0 0 10px 9px;
	float:left;
	width:302px;
}
	
#section03 .inner .left {
	margin-right:30px;
	padding-top:10px;
	float:left;
	width:150px;
}
	
#section03 .inner .right {
	padding-top:10px;
	float:left;
	width:445px;
}
	
* html body #section02 #btn_fx {
	margin-left:-9px;
	width:100%;
}


ul.btnArea{
	border:1px solid #990000;
	margin:0 5px 15px;
	padding:5px 10px;
	text-align:center;
}