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


/* Next-link 次のページへ推移 リンク設定
---------------------------------------------------------*/
div#mainColumn div#Next-link{
	margin:20px 0px;
	padding:10px 5px;
	background: url(../../../../../common/img/border_dotted.gif) left top repeat-x;
}


div#mainColumn div#Page-navigation{
	background-color:#F0F1F5;
	width:600px;
	text-align:center;
	margin:0 auto 40px auto;
	padding:5px;
}
* html div#mainColumn div#Page-navigation{
	margin:0 auto 40px 45px;

}

div#mainColumn div#Page-navigation ul.Navi-list{
	display:inline-block;
	margin:0px auto;
	text-align:center;
}
* html div#mainColumn div#Page-navigation ul.Navi-list{
	margin:0px auto 5px auto;
	display:inline;
}

*:first-child+html div#mainColumn div#Page-navigation ul.Navi-list{
	margin:0px auto 5px auto;
	display:inline;
}

div#mainColumn div#Page-navigation ul.Navi-list li{
	background:url(../img/pager_bg.gif) center;
	width:20px;
	height:19px;
	padding-top:1px;
	text-align:center;
	float:left;
	margin:5px 15px 5px 0px;
}

div#mainColumn div#Page-navigation ul.Navi-list li.first{
	margin-right:35px;
	width:66px;
	background:none;
}
div#mainColumn div#Page-navigation ul.Navi-list li.last{
	margin-left:20px;
	background:none;
	width:66px;
	margin-right:0px;
	
}
div#mainColumn div#Page-navigation ul.Navi-list li.active{
	background:url(../img/pager_activebg.gif) center;
	width:20px;
	height:19px;
	padding-top:1px;
	text-align:center;
	font-weight:bold;
	color:#333;
	
}
* html div#mainColumn div#Page-navigation ul.Navi-list li.active,
* html div#mainColumn div#Page-navigation ul.Navi-list li{
	height:20px;
}


/* module-lessonContents 次のページへ推移 リンク設定
---------------------------------------------------------*/
* html div#mainColumn div.module-lessonContents {
	display: inline-block;	/* for IE6 */
}
div#mainColumn div.module-lessonContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
div#mainColumn div.module-lessonContents div.text {
	margin-right: 25px;
	float: left;
	width: 425px;
}

div#mainColumn div.module-lessonContents div.img {
	float: left;
	width: 250px;
}

div#mainColumn div.module-lessonContents div.img p {
	margin: 0;
	text-align: center;
}

div#mainColumn div.module-lessonContents div.img img {
	margin-bottom: 8px;
}

div#mainColumn div.module-lessonContentsW {
	display: inline-block;	/* for IE6 */
}

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

div#mainColumn div.module-lessonContentsW div.text {
	margin-right: 25px;
	float: left;
	width: 335px;
}

div#mainColumn div.module-lessonContentsW div.img {
	float: left;
	width: 340px;
	margin-bottom: 20px;
}

div#mainColumn div.module-lessonContentsW div.img p {
	margin: 0;
	text-align: center;
}

div#mainColumn div.module-lessonContentsW div.img img {
	margin-bottom: 8px;
}



/*
div.module-linkListRow2
---------------------------------------------------------*/
div#mainColumn .module-linkListRow2{
	background: url(../../../../../common/img/border_dotted.gif) repeat-x 0 0;
	padding:10px 10px 0;
	margin:40px 0 12px;
	width:680px !important;width/**/:700px;
}
div#mainColumn .module-linkListRow2 ul{
	float:left;
	clear:both;
	width:328px;
}
div#mainColumn .module-linkListRow2 ul.even{
	clear:none;
	float:right;
	/* Hack IE7>= START*/
	*float:none;
	*margin-left:330px;
	/* Hack IE7>= END*/
}
div#mainColumn .module-linkListRow2 ul li{
	margin:0 0 .2em;
}
div#mainColumn .module-linkListRow2 ul li.active{
	padding-left:12px;
	background: url(../../../../../common/img/ico_arrow-link.gif) left center no-repeat;
}





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





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