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

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

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


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

	0: 汎用class


	1: div#header ヘッダー
		

	2: div#slidePanel スライドパネル


	3: div#globalNavi グローバルナビゲーション


	4: div#contents コンテンツ
	
			div.module-reserveArea-A　予備エリアモジュールA
	
			div#promotion プロモーション
		

	4-1: div#mainColumn メインカラム（左）
	
			div.module-reserveArea-B　予備エリアモジュールB

			div.module-reserveArea-C　予備エリアモジュールC

			div#module-brandingArea ブランディングエリアモジュール
			
			div#module-tabArea タブパネルモジュール（jQuery UI tabs使用）

			Tabs（jQuery UI tabsで動的に制御、上記タブパネルモジュールに付随）
			
			div#module-aboutDealings お取引についてモジュール
						

	4-2: div#subColumn サブカラム（右）
	
			div#module-homeSideNavi ユーティリティーメニューモジュール
			
			div#module-companyInformation 会社情報モジュール
			
			div.module-sideReserveArea サイド予備エリアモジュール
			
			div#module-linkList リンクリストモジュール
			

	5: div#footer フッター



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





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





/*
1: div#header ヘッダー
=========================================================*/
div#header ul#globalLink{
	float:right;
	/margin-top:-1px;
	margin-right:8px;
	
}
div#header ul#globalLink li{
	float:left;
	display:inline;
	margin-right:5px;
	line-height:15px;
}
div#header ul#globalLink li img{
	vertical-align:middle;
}




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





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





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

/*
div.module-reserveArea1　予備エリアモジュールA
---------------------------------------------------------*/
div#contents div.module-reserveArea-A {
	margin: 0 0 10px;
	clear: both;
}


/*
div#promotion プロモーション
---------------------------------------------------------
div#contents div#promotion {
	margin-bottom: 10px;
	width: 900px;
	height: 217px;
}
*/

/*
div#promotion プロモーション
---------------------------------------------------------*/
div#mainColumn div#promotion {
	margin-bottom: 10px;
	width: 700px;
	height: 217px;
}




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

/*
div.module-reserveArea2　予備エリアモジュールB
---------------------------------------------------------*/
div#mainColumn div.module-reserveArea-B {
	margin: 0 0 10px;
	clear: both;
}


/*
div.module-reserveArea2　予備エリアモジュールC
---------------------------------------------------------*/
div#mainColumn div.module-reserveArea-C {
	margin: 0 0 10px;
	clear: both;
}



/*
div#module-brandingArea ブランディングエリアモジュール
---------------------------------------------------------*/
#module-brandingArea {
	display: inline-block;	/* for IE6 */
	width: 700px;
	background: #FFFFFF url(../img/background_homeNavi.gif) center bottom no-repeat;
	}

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

#module-brandingArea dl {
	width:230px;
	margin:0 5px 0 0;
	float:left;
	display:inline;
	background: url(../img/background_homeNaviInner.gif) center top no-repeat;
}

#module-brandingArea dl.lastChild {
	width:230px;
	margin:0;
	float:left;
	display:inline;
	background: url(../img/background_homeNaviInner.gif) center top no-repeat;
}

#module-brandingArea dt {
	margin:2px 2px 8px 2px;
	}
#module-brandingArea dd {
 margin:0 10px 10px 10px;
}

* html body #module-brandingArea dd{
 margin:0 8px 10px 8px; /* for IE6 */
}
#module-brandingArea dd img {
	margin:0 0 10px 0;
	}
#module-brandingArea dd p.answer {
	background:url(../img/background_brandingAnswer.gif) no-repeat;
	padding:33px 8px 8px 8px;
	margin:0 0 5px 0;
	height:32px;
	font-weight:bold;
	}


/*
div#module-brandingAreaNew ブランディングエリアモジュール　2011/07/25 追加
--------------------------------------------------------------------------*/
#module-brandingAreaNew {
	display: inline-block;	/* for IE6 */
	width: 700px;
	background:#FFFFFF url(../img/background_services.jpg) center top no-repeat;
	padding:10px 0 0 0;
	margin-bottom:10px;
	}

#module-brandingAreaNewInner {
	border:1px solid #ccc;
	border-top:none;
	overflow:hidden;
	_display:inline-block;

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

#module-brandingAreaNew dl {
	width:220px;
	margin:25px 10px 0 0;
	_margin:25px 3px 0 0;
	float:left;
	display:inline;
}

#module-brandingAreaNew dl.lastChild {
	width:220px;
	margin-right:0;
	float:left;
	display:inline;
}

#module-brandingAreaNew dt {
display:none;
	}
#module-brandingAreaNew dd {
 margin:0 10px 10px 10px;
}

* html body #module-brandingAreaNew dd{
 margin:0 0px 10px 8px; /* for IE6 */
}


/*
div#module-tabArea タブパネルモジュール（jQuery UI tabs使用）
---------------------------------------------------------*/
div#mainColumn div#module-tabArea {
	clear:both;
	margin: 10px 0;
	width: 698px;
	border: 1px solid #CCCCCC;
}

div#mainColumn div#module-tabAreaInner {
	padding: 1px;
}

div#mainColumn div#module-tabArea ul#tabs {
	margin: 0;
	padding: 0;
	width: 696px;
	height: 30px;
	background: url(../img/background_tab.gif) left top no-repeat;
}

div#mainColumn div#module-tabArea ul#tabs li {
	margin: 5px 5px 0 0;
	padding: 0;
	width: 220px;
	display: block;
	float: left;
	background: none;
}

div#mainColumn div#module-tabArea ul#tabs li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 220px;
	height: 25px;
}

div#mainColumn div#module-tabArea ul#tabs li.firstChild {
	padding-left: 8px;
}

div#mainColumn div#module-tabArea div.tabContents {
	padding: 10px 8px 8px;
}

div#mainColumn div#module-tabArea div.tabContents div.pageList {
	float: right;
}

div#mainColumn div#module-tabArea div.tabContents dl {
	clear: right;
}

div#mainColumn div#module-tabArea div.tabContents dt {
	padding: 6px 0 4px;
	width: 7em;
	float: left;
	clear: left;
}

div#mainColumn div#module-tabArea div.tabContents dt img {
	vertical-align: top;
}

div#mainColumn div#module-tabArea div.tabContents dd {
	padding: 5px 0 5px 7em;
	background: url(../common/img/border_dotted.gif) bottom left repeat-x;
}

div#mainColumn div#module-tabArea div.tabContents dd.lastChild {
	background: none;
}

div#mainColumn div#module-tabArea div.tabContents dd span {
	padding-left: 12px;
	display: block;
	background: url(../common/img/ico_arrow-link.gif) left 5px no-repeat;
}

/*
div#module-tabArea タブパネルモジュール（jQuery UI tabs使用）プレスリリースPDFアイコン
---------------------------------------------------------*/

div#mainColumn div#module-tabArea div.tabContents dd span.ico_pdf{
	padding-left: 20px;
	display: block;
	background: url(../common/img/ico_pdf.gif) left 2px no-repeat;
}


/*
Tabs（jQuery UI tabsで動的に制御、上記タブパネルモジュールに付随。）
※他ページでjQuery UI tabsを使用する場合は、下記をコピペ
---------------------------------------------------------*/
ul.ui-tabs-nav {
	position: relative;
}

ul.ui-tabs-nav li.ui-tabs-selected a {
	background: none;	/* for IE6 */
}

ul.ui-tabs-nav li.ui-tabs-selected a img {
	width: 0;
	height: 0;
}

div.ui-tabs-panel {
	display: block;
	background: none;
}

div.ui-tabs-hide {
	display: none !important;
}


/*
div#module-aboutDealings お取引についてモジュール
---------------------------------------------------------*/
div#mainColumn div#module-aboutDealings {
	margin-bottom: 20px;
	width: 700px;
	background: url(../img/background_aboutDealings.gif) center bottom no-repeat;
}

div#mainColumn div#module-aboutDealings dl {
	padding: 12px;
	background: url(../img/background_aboutDealingsInner.gif) center top no-repeat;
}

div#mainColumn div#module-aboutDealings dl dt {
	margin-bottom: 0.3em;
	font-weight: bold;
}





/*
4-2: div#subColumn サブカラム（右）
=========================================================*/
body div#subColumn {
 display: block;
}

/*
div#module-homeSideNavi ユーティリティーメニューモジュール
---------------------------------------------------------*/
div#subColumn div#module-homeSideNavi {
	padding: 11px 8px 6px;
	background: #00578A;
}

div#subColumn div#module-homeSideNavi dt {
	display: none;
}

div#subColumn div#module-homeSideNavi ul#menuList1 {
}

div#subColumn div#module-homeSideNavi ul#menuList1 li {
	margin-bottom: 5px;
}

div#subColumn div#module-homeSideNavi ul#menuList2 {
	margin-top: 20px;
}

div#subColumn div#module-homeSideNavi ul#menuList2 li {
	margin-bottom: 5px;
	padding-left: 12px;
	display: block;
	background: url(../img/ico_arrow-homeSideNavi.gif) left 5px no-repeat;
}

div#subColumn div#module-homeSideNavi ul#menuList2 li a {
	color: #FFFFFF;
}


/*
div.module-sideReserveArea サイド予備エリアモジュール
---------------------------------------------------------*/
div.module-sideReserveArea li {
	margin-bottom: 5px;
}


/*
div#module-linkList リンクリストモジュール
---------------------------------------------------------*/
div#subColumn div#module-linkList {
	padding: 0 10px;
}

div#subColumn div#module-linkList dt {
	display: none;
}

div#subColumn div#module-linkList li {
	margin-bottom: 10px;
	padding-left: 12px;
	display: block;
	background: url(../common/img/ico_arrow-link.gif) left 5px no-repeat;
	line-height: 1.6;
}

* html body div#subColumn div#module-linkList li {
	background-position: left 3px;	/* for IE6 */
}

div#subColumn div#module-linkList li a img {
	margin-left: 5px;
	vertical-align: baseline;
}



/*
div.module-sideBanner バナーモジュール
---------------------------------------------------------*/
div#subColumn div.module-sideBanner2{
	border:3px double #FF0101;
	padding:.3em 5px;
	margin-bottom:10px;
}
div#subColumn div.module-sideBanner2 p a.linkPdf{
	display:inline-block;
	background-position:0 .3em;
}




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