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

	Site Name: ひまわり証券
	Description: 株式TOPページモジュール用
	Version: 1.0

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


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

	0: 汎用class


	1: div#header ヘッダー
		

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


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


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


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

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

			div#stocksTopContents 株式トップコンテンツモジュール
			
			div#module-screen-hits Hits株式取引画面モジュール
			
			div#module-tabArea タブパネルモジュール（jQuery UI tabs使用）
			
			div#module-tabArea2 タブパネルモジュール2（jQuery UI tabs使用）
			
			Tabs（jQuery UI tabsで動的に制御、上記タブパネルモジュールに付随。）		
			

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

	5: div#footer フッター



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





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





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





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





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





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

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





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

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

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

/*
div#module-campaignBnr キャンペーンバナーモジュール
---------------------------------------------------------*/
div#mainColumn div#module-campaignBnr {
	clear:both;
	margin-bottom: 10px;
	display: inline-block;	/* for IE6 */
	width: 700px;
}

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


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


/*
div#stocksTopContents 株式トップコンテンツモジュール
---------------------------------------------------------*/
div#mainColumn div#stocksTopContents {
	margin-bottom: 20px;
	display: inline-block;	/* for IE6 */
	width: 700px;
	background: url(../img/background_stocksTopCntents-foot.gif) left bottom no-repeat;
}

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

div#mainColumn div#stocksTopContentsInner {
	padding: 8px 8px 0;
	background: url(../img/background_stocksTopCntents-top.gif) left top no-repeat;
}

div#mainColumn div#stocksTopContents div.sectionWrap {
	width: 684px;
}

div#mainColumn div#stocksTopContents div.text {
	float: left;
	width: 280px;
}

div#mainColumn div#stocksTopContents div.text h2,
div#mainColumn div#stocksTopContents div.text h3,
div#mainColumn div#stocksTopContents div.text p {
	margin: 0 0 8px;;
}

div#mainColumn div#stocksTopContents div.img {
	float: right;
	width: 385px;
}

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


/*
div#module-screen-hits Hits株式取引画面モジュール
---------------------------------------------------------*/
div#mainColumn div#module-screen-hits {
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

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

div#mainColumn div#module-screen-hits h2 {
	margin-bottom: 10px;
}

div#mainColumn div#module-screen-hits div.sectionWrap {
	margin-left: 8px;
	padding-bottom: 8px;
	display: inline-block;	/* for IE6 */
	width: 678px;
	background: url(../../common/img/border_dotted.gif) left bottom repeat-x;
}

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

div#mainColumn div#module-screen-hits div.text {
	float: left;
	width: 335px;
}

div#mainColumn div#module-screen-hits div.text p {
	margin: 0 0 20px;
}

div#mainColumn div#module-screen-hits div.text ul li {
	margin: 0 0 10px 0;
}

div#mainColumn div#module-screen-hits div.img {
	float: right;
	width: 335px;
}

div#mainColumn div#module-screen-hits p.linkText {
	margin: 8px 8px 8px 0;
	clear: both;
	text-align: right;
}


/*
div#module-tabArea タブパネルモジュール（jQuery UI tabs使用）
---------------------------------------------------------*/
div#mainColumn div#module-tabArea {
	margin: 0 0 10px;
	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-tabArea2 タブパネルモジュール2（jQuery UI tabs使用）
---------------------------------------------------------*/
div#mainColumn div#module-tabArea2 {
	margin: 10px 0 20px;
	width: 698px;
	border: 1px solid #CCCCCC;
}

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

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

div#mainColumn div#module-tabArea2 ul#tabs2 li {
	margin: 5px 5px 0 0;
	padding: 0;
	display: block;
	float: left;
	width: 123px;
	background: none;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 123px;
	height: 25px;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li.firstChild {
	padding-left: 8px;
	width: 143px;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li.firstChild a {
	width: 143px;
}

div#mainColumn div#module-tabArea2 ul#tabs2 li.secondChild,
div#mainColumn div#module-tabArea2 ul#tabs2 li.secondChild a {
	width: 143px;
}

div#mainColumn div#module-tabArea2 div.tabContents {
	padding: 10px 8px 8px;
	clear: both;
}

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

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

div#mainColumn div#module-tabArea2 div.tabContents ul li {
	margin-bottom: 5px;
	display: block;
	float: left;
	width: 226px;
}

div#mainColumn div#module-tabArea2 div.tabContents ul li a {
	padding-left: 12px;
	background: url(../../common/img/ico_arrow-link.gif) left center no-repeat;
}


/*
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;
}



/*
ul#imgSwitch 
---------------------------------------------------------*/
div#mainColumn ul#imgSwitch li#switch1,
div#mainColumn ul#imgSwitch li#switch2,
div#mainColumn ul#imgSwitch li#switch3{
	width:315px;
}





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





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