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

	Site Name: ひまわり証券
	Description: 共通モジュール用
	Version: 1.0

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


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

	0: 汎用class
	
		clearfix float解除用
		
		etc その他


	1: div#header ヘッダー


	2: div#globalNavi グローバルナビゲーション
		
		
	3: div#mainColumn メインカラム（左）
	
		div#module-localMenu ローカルメニューモジュール
		
		div.module-separator セパレーターモジュール
		
		div.module-anchorHeader ページの先頭に戻るリンクモジュール
		
		div.module-anchorHeader2 ページの先頭に戻るリンクモジュール2


	4: div#footer フッター
	
		div#topicPath トピックパス
		
		div#footerNavi フッターナビ
	
		div#license 免許・許可・登録
		
		div#copyright コピーライト



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





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

/*
clearfix float解除用
---------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;	/* for IE6 */
}


/*
etc その他
---------------------------------------------------------*/
.clear {
	clear: both;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.invisible {
	visibility: hidden;
}

.print_only {	/* 印刷時のみに表示 */
	display: none;
}





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

div#headerInner {
	position: relative;
}

div#header h1#siteLogo,
div#header p#siteLogo {
	padding: 23px 0 0;
}

div#header p#siteDescription2 {
	position: absolute;
	top: 39px;
	right: 5px;
}

div#header div#loginBtn {
	position: absolute;
	top: 39px;
	right: 5px;
}

div#header div#loginBtn a {
	display: block;
	width: 80px;
	height: 39px;
	background: url(../../common_ad/img/btn_slidePanelOpen.gif) left top no-repeat;	
}

div#header div#loginBtn a.open img {
	width: 0;
	height: 0;
}





/*
div#headerNavi ヘッダーナビゲーション
---------------------------------------------------------*/
div#header div#headerNavi {
	position: absolute;
	top: 39px;
	right: 90px;
	width: 280px;
	height: 31px;
	background: url(../../common_ad/img/background_headerNavi.gif) left top no-repeat;
}

div#header div#headerNavi form {
	position: relative;
}

div#header div#headerNavi form input#search {
	position: absolute;
	top: 5px;
	left: 6px;
	border: 1px solid #E9E9E9;
	width: 154px;
	height: 19px;
}

div#header div#headerNavi form input#searchSubmit {
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	top: 5px;
	left: 165px;
	width: 35px;
	height: 21px;
	background: url(../../common_ad/img/btn_search.gif) left top no-repeat;
	text-indent: -9999em;
}

div#header div#headerNavi form span {
	margin-left: 210px;
	display: block;
	width: 68px;
	height: 31px;
	line-height: 31px;
	font-size: 10px;
	text-align: center;
}





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

div#globalNavi ul {
	display: inline-block;	/* for IE6 */
}

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

div#globalNavi ul li {
	display: block;
	float: left;
}

div#globalNavi ul li a {
	display: block;
	height: 45px;
}

div#globalNavi ul li.linksystore a,
div#globalNavi ul li.linkwhat a, 
div#globalNavi ul li.linkenjoy a,
div#globalNavi ul li.linkbacknumber a {
	width: 230px;
}

div#globalNavi ul li a:hover {
	background: none;	/* for IE6 */
}


body#st-con div#globalNavi ul li.linksystore a img,
body#st-con_2 div#globalNavi ul li.linkwhat a img,
body#st-con_3 div#globalNavi ul li.linkenjoy a img,
body#st-con_4 div#globalNavi ul li.linkbacknumber a img,
div#globalNavi ul li a:hover img {
	width: 0;
	height: 0;
}





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


/*
div.participation
---------------------------------------------------------*/

* html body .participation {
	position:relative;
}

.participation .inner {
	margin-left:437px;
	width:490px;
	overflow:hidden;
	clear: both;
}

.participation p.btnContest {
	margin:0 !important;
	float:left;
	display:inline;
}
	
.participation p.btnParticipation {
	margin:0 !important;
	float:left;
	display:inline;
}


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

/*
div#module-localMenu ローカルメニュー
---------------------------------------------------------*/
div#mainColumn div#module-localMenu {
	margin-bottom: 30px;
	padding: 0 10px 5px;
	background: url(../../common_ad/img/border_dotted.gif) left bottom repeat-x;
}

div#mainColumn div#module-localMenu dt {
	display: none;
}

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

div#mainColumn div#module-localMenu dd.doubles {
	display: inline-block;	/* for IE6 */
	margin-bottom:5px;
}

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

div#mainColumn div#module-localMenu ul {
	margin: 0;
}

div#mainColumn div#module-localMenu li {
	margin-right: 6px;
	padding: 6px 10px 9px;
	display: block;
	float: left;
	background: url(../../common_ad/img/background_localMenu.gif) center bottom no-repeat;
}

div#mainColumn div#module-localMenu li.lastChild {
	margin-right: 0;
}

div#mainColumn div#module-localMenu li a {
	color: #FFFFFF;
}

div#mainColumn div#module-localMenu li.active {
	color: #FFFFFF;
	background: url(../../common_ad/img/background_localMenu-active.gif) center bottom no-repeat;
	font-weight: bold;
}





/*
div.module-anchorHeader ページの先頭に戻るリンクモジュール
---------------------------------------------------------*/
div#mainColumn div.module-anchorHeader,
div#mainColumn div.module-close {
	display: inline-block;	/* for IE6 */
	width: 100%;
}

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

div#mainColumn div.module-anchorHeader a {
	margin: 0;
	padding: 0 0 0 12px;
	float: right;
	display: block;
	background: url(../../common_ad/img/ico_anchor-header.gif) left 5px no-repeat;
}

div#mainColumn div.module-close a {
	margin-bottom: 10px;
	padding: 0 0 0 12px;
	float: right;
	display: block;
	background: url(../../common_ad/img/ico_close.gif) left 5px no-repeat;
}





/*
div.module-anchorHeader2 ページの先頭に戻るリンクモジュール2
---------------------------------------------------------*/
div#mainColumn div.module-anchorHeader2 {
	display: inline-block;	/* for IE6 */
	width: 100%;
}

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

div#mainColumn div.module-anchorHeader2 li.back {
	display: block;
	float: left;
}

div#mainColumn div.module-anchorHeader2 li.top {
	display: block;
	float: right;
}

div#mainColumn div.module-anchorHeader2 li.top a {
	margin: 0;
	padding: 0 0 0 12px;
	display: block;
	background: url(../../common_ad/img/ico_anchor-header.gif) left 5px no-repeat;
}

div#mainColumn div.module-anchorHeader2 li.back a {
	margin: 0;
	padding: 0 0 0 12px;
	display: block;
	background: url(../../common_ad/img/ico_arrow-back.gif) left 5px no-repeat;
}





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

/*
div#topicPath トピックパス
---------------------------------------------------------*/
div#footer div#topicPath {
	margin-bottom: 5px;
	width: 900px;
	height: 31px;
	background: url(../../common_ad/img/background_topicPath.gif) left top no-repeat;
}

div#footer div#topicPath dt {
	display: none;
}

div#footer div#topicPath li {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	color: #000000;
	font-weight: bold;
}

div#footer div#topicPath li.lastChild {
	padding-left: 25px;
	background: url(../../common_ad/img/background_topicPath-lastChild.gif) left center no-repeat;
}

div#footer div#topicPath li a {
	padding: 0 10px 0 25px;
	display: block;
	height: 31px;
	background: url(../../common_ad/img/background_topicPath-link.gif) left center no-repeat;
	font-weight: normal;
}

* html body div#footer div#topicPath li a {
	height: auto;	/* for IE6 */
}

div#footer div#topicPath li.firstChild a {
	padding: 0;
	width: 29px;
	background: url(../../common_ad/img/background_topicPath-home.gif) left top no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}





/*
div#footerNavi フッターナビ
---------------------------------------------------------*/
div#footer div#footerNavi dt {
	display: none;
}

div#footer div#footerNavi ul {
	display: inline-block;	/* for IE6 */
	height: 35px;
	line-height: 35px;
}

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

div#footer div#footerNavi ul li {
	display: block;
	float: left;
	text-align: center;
}

div#footer div#footerNavi ul li.linkHome {
	width: 166px;
}

div#footer div#footerNavi ul li.linkRisk {
	width: 167px;
}

div#footer div#footerNavi ul li.linkSitepolicy {
	width: 166px;
}

div#footer div#footerNavi ul li.linlPrivacy {
	width: 166px;
}

div#footer div#footerNavi ul li.linkFaq {
	width: 119px;
}

div#footer div#footerNavi ul li.linkInquiry {
	width: 116px;
}

div#footer div#footerNavi ul li a {
	color: #FFFFFF;
}



/*
div#license 免許・許可・登録
---------------------------------------------------------*/
div#footer div#license {
	margin: 15px 0;
}


/*
div#copyright コピーライト
---------------------------------------------------------*/
div#footer div#copyright {
	padding: 10px 0 45px;
	width: 900px;
	background: url(../../common_ad/img/border_dotted.gif) left top repeat-x;
}

div#footer div#copyright address {
	text-align: right;
}