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

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

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


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

	0: 汎用class


	1: div#mainColumn メインカラム

		div#section



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



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


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

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

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

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


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

#section01,
#section02,
#section03 {
	margin-bottom:5px;
	padding-bottom:18px;
	background:url(../../common/img/section_btm-1.gif) left bottom no-repeat;
}

#section01 #movieSwf {
	margin-left:105px;
}

#section01 .datails {
	margin:20px 0 10px;
}

#section01 .datails p {
	margin:0 auto;
	text-align:center;
}
	
#section02 .inner .left {
	margin:5px 40px 0 0;
	float:left;
	width:450px;
}
	
#section02 .inner .right {
	float:left;
	width:352px;
}

#section02 p.bold b {
	color:#c33;
}
#section02 div.btn{
	margin:0 0 3px;
}
#section02 ul.link{
	margin:5px 0 1em;
}
#section02 ul.link li{
	display:inline;
	margin:0 15px 0 0;
}

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

* html body #section01 .inner,
* html body #section02 .inner,
* html body #section03 .inner {
	width:100%;
}

#section03 .details1 ul {
	overflow:hidden;
	clear: both;
}

#section03 .details1 ul li {
	margin-right:6px;
	float:left;
	width:210px;
}

#section03 .details1 ul li.lastChild {
	margin-right:0;
	float:left;
	width:420px;
}

* html body #application {
	position:relative;
	 left:0 !important;
}

#attentionArea {
	margin:20px 15px;
}

#attentionArea ul.list li {
	background:transparent url(../../common/img/ico_list.gif) no-repeat scroll 6px 6px;
	padding-left:18px;
}