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

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

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


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

	0: 汎用class


	1: div#mainColumn メインカラム

		div#section



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



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

img.app {
	margin:15px 0 30px!important;
}

.circle {
	color:#84a1c2;
}

.rate {
	color:#990000;
}

ul.list {
	margin:20px 3em;
	width:790px;
}

ul.list li {
	background:transparent url(../img/ico_list.gif) no-repeat 0 6px;
	margin:5px 0;
}

ol.list {
	margin-left:3em !important;
	list-style-type:none !important;
}

ol.list li {
	margin:5px 0;
}

il.list ol.list {
	margin:0 !important;
	list-style-type:none !important;
}


/*
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 {
	margin:0;
	padding:10px 0 0;
	background: none;
}

#section01 h4 {
	margin-top:30px;
}

#section02 h4 {
	margin-top:10px;
}

#section01 h5 {
	margin:20px 0 10px 20px;
	color:#333;
	font-size:117%;
	font-weight:bold;
}

#section02 h5 {
	margin:10px 20px 10px;
	color:#333;
	font-size:117%;
	font-weight:bold;
}

#section01 p,
#section02 p {
	margin-left:30px !important;
}

#btnArea p {
	margin:0 auto; text-align:center;
}

#btnArea img {
	vertical-align:middle;
}

/*#btnArea .textLink {
	position:relative; top:-20px;
}

* html body #btnArea .textLink {
	position:relative; top:25px;
}*/





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

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

#section01 .inner {
	text-align:center;
}

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

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

#section01 .details {
	margin:0 auto;
	width:830px;
}

#section02 .details {
	margin:0 auto;
	width:860px;
}

#section01 ul.stepBusiness,
#section01 ul.stepPresent {
	margin-left:40px;
	overflow:hidden;
	clear:both;
}

#section01 ul.stepBusiness li,
#section01 ul.stepPresent li {
	margin-right:35px;
	float:left;
	width:240px;
	display:inline;
}

#section01 ul.stepBusiness li.lastChild,
#section01 ul.stepPresent li.lastChild {
	margin-right:0;
	float:left;
	width:230px;
	display:inline;
}
	
* html body #application {
	position:relative;
	 left:0 !important;
}