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

			div.module-linkListRowの追記
			div.module-systemContents 売買システムコンテンツモジュール
			div.module-pr PRモジュール
			table.standardの追記

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

			div#module-subNavi サブナビゲーションの追記
			div.module-outlineSubNavi 商品概要・サービス用サブナビゲーションモジュール

	5: div#footer フッター


	6: novelty.html専用


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





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





/*
1: div#header ヘッダー
=========================================================*/





/*
2: div#globalNavi グローバルナビゲーション
=========================================================*/





/*
3: div#slidePanel スライドパネル
=========================================================*/





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





/*
4-1: div#mainColumn メインカラム（左）
=========================================================*/

/*
div.module-linkListの追記
---------------------------------------------------------*/
div#mainColumn div.module-linkList ul li{
	margin-bottom:0;
	padding-bottom:0;
}
div#mainColumn table div.module-linkList ul li{
	margin-bottom:.5em;
}



/*
div.module-linkListRowの追記
---------------------------------------------------------*/
div#mainColumn div.module-linkListRow{
	margin-bottom:40px;
	width:690px;
}

div#mainColumn div.module-linkListRow ul li{
	width:320px;
	float:left;
}



/*
table.standardの追記
---------------------------------------------------------*/
div#mainColumn table.standard{
	table-layout:fixed;
}
div#mainColumn table.standard th span{
	color:#006697;
	font-weight:normal;
}
div#mainColumn table.standard td div.module-linkList{
	margin:0;
}
div#mainColumn table.standard td div.module-linkList ul{
	padding-top:8px;
}
div#mainColumn table.standard div.pdf{
	margin-top:10px;
}
div#mainColumn table.standard a.link{
	display:inline-block;
	background-position:0 5px;
}



/*
div.module-anchorUpper
---------------------------------------------------------*/
div#mainColumn div.module-anchorUpper{
	display:inline-block;
	width:100%;
	margin-bottom:40px;
}
div#mainColumn div.module-anchorUpper a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../../../../common/img/ico_anchor-header.gif) no-repeat scroll left 5px;
	display:block;
	float:right;
	margin:0;
	padding:0 0 0 12px;
}



/*
div.module-infoArea インフォメーションモジュール
---------------------------------------------------------*/
div#mainColumn div.module-infoArea{
	border:1px solid #CCC;
	background:#FAF8F1;
	padding:.5em 0 1px;
	margin-bottom:40px;
}
div#mainColumn div.module-infoArea p{
	margin-bottom:.5em;
}
div#mainColumn div.module-infoArea dl{
	margin:0 10px .4em;
}
div#mainColumn div.module-infoArea dl dt{
	clear:left;
	float:left;
	width:9em;
	margin:0 0 .4em;
	font-weight:bold;
}
div#mainColumn div.module-infoArea dl dd{
	margin:0 0 .4em;
	padding:0 0 0 9em;
}



/*
PDF特典配置
---------------------------------------------------------*/
div#mainColumn div#module-juliustopbnr{
	margin-bottom:10px;
	width:700px;
	height:200px;
}
div#mainColumn div#module-juliustopbnr div.btnleft{
	width:350px;
	height:180px;
	float:left;
	background:url(../julius/img/img_julius01.gif) center top no-repeat;
}
div#mainColumn div#module-juliustopbnr div.btnleft p.btn1{
	margin-top:185px;
	margin-left:95px;
}
div#mainColumn div#module-juliustopbnr div.btnright{
	width:350px;
	height:180px;
	float:right;
	background:url(../julius/img/img_julius02.gif) center top no-repeat;
}
div#mainColumn div#module-juliustopbnr div.btnright p.btn3{
	margin-top:185px;
	margin-left:100px;
}





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





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




/*
6: novelty.html専用
=========================================================*/
body#novelty div#contentsInner{
	margin:0 auto;
	width:900px;
	text-align:center;
}
body#novelty div#mainColumn{
	width:700px;
	margin:20px auto;
	text-align:center;
}
body#novelty div#mainColumn h1{
	margin:0 0 18px;
	padding:0 25px;
	width:700px;
	height:35px;
	line-height:35px;
	background:url(../../../../common/img/background_h2.gif) left top no-repeat;
	font-size:117%;
	font-weight:bold;
	color:#003366;
}
body#novelty div#mainColumn h2{
	margin:0 0 10px 10px;
	padding:4px 14px;
	background:url(../../../../common/img/background_h3.gif) left bottom no-repeat;
	color:#000000;
	font-size:117%;
	font-weight:bold;
}
body#novelty div#mainColumn h3{
	margin:0 0 2px 10px;
	color:#7D6D2F;
	font-size:117%;
	font-weight:bold;
}
body#novelty div#mainColumn p{
	margin:0 0 1em 10px;
}
body#novelty div#mainColumn p.lastChild{
	margin-bottom:40px;
}
body#novelty div#mainColumn div.module-noveltyContents{
	margin-bottom:40px;
	display:inline-block;	/* for IE6 */
}
body#novelty div#mainColumn div.module-noveltyContents:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
body#novelty div#mainColumn div.module-noveltyContents div.text{
	margin-right:25px;
	float:left;
	width:475px;
}

body#novelty div#mainColumn div.module-noveltyContents div.img{
	float:left;
	width:200px;
}
body#novelty div#mainColumn div.module-noveltyContents div.img p{
	margin:0;
	text-align:center;
}
body#novelty div#mainColumn div.module-noveltyContents div.img img{
	margin-bottom:8px;
}
body#novelty div#mainColumn div.module-noveltyContents div.img a.zoom{
	padding-left:12px;
	background:url(../../../../common/img/ico_zoom.gif) left center no-repeat;
}

body#novelty div#mainColumn div#module-account{
	margin-bottom:20px;
	width:700px;
	background:url(../../../../img/background_aboutDealings.gif) center bottom no-repeat;
}
body#novelty div#mainColumn div#module-account h3{
	margin-bottom:1em;
}
body#novelty div#mainColumn div#module-account h4{
	margin:0 0 0 10px;
}
body#novelty div#mainColumn div#module-account div.novelty-flow{
	background:url(../../../../img/background_aboutDealingsInner.gif) center top no-repeat;
	padding:20px 12px 1px;
}
body#novelty div#mainColumn div#module-account div.novelty-flow p.indentWrap{
	margin-bottom:.3em;
}
body#novelty div#mainColumn div#module-account div.novelty-flow ol li{
	margin-bottom:.5em;
}