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

	Site Name: ひまわり証券
	Description: 証拠金ポップアップページ用CSS
	Version: 1.0

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


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

	1: div#popupContentsWrap レイアウト
	
	2: div#popupHeader ヘッダー
	
	3: div#popupContents コンテンツ
	
	4: div#popupFooter フッター



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





/*
1: div#popupContentsWrap レイアウト
=========================================================*/
body{
	background-color:#FFFFFF;
}

div#popupContentsWrap{
	margin:0 auto;
	width:620px;
}

/* .width820 */
body.width820 div#popupContentsWrap{
	width:820px;
}
body.width820 div#popupContents div#mainColumn{
	width:820px;
}

/* .width920 */
body.width920{
	background-color:#F0F1F5;
}
body.width920 div#popupContentsWrap{
	margin:0 auto;
	padding:0 5px;
	width:920px !important;width:/**/930px;
	background:#FFFFFF url(../../../../common/img/background_contents.gif) 50% 0 repeat-y;
}
body.width920 div#popupContents div#mainColumn{
	width:920px;
}
body.width920 div#popupContents div#mainColumn h2{
	background-position:9px -1px;
	padding-left:34px;
	margin-left:1px;
	margin-right:1px;
}
body.width920 div#popupContents div#mainColumn div.module-linkListRow{
	width:880px;
}




/*
2: div#popupHeader ヘッダー
=========================================================*/
div#popupHeader{
	position:relative;
	height:78px;
	background:url(../../../../common/img/background_popup-header.gif) left top repeat-x;
}

div#popupHeader p#siteLogo{
	padding:23px 0 0 20px;
}

div#popupHeader p#siteDescription1{
	position:absolute;
	top:39px;
	left:212px;
}





/*
3: div#popupContents コンテンツ
=========================================================*/
div#popupContents .color-red{
	color:#CC0000;
}

div#popupContents .color-blue{
	color:#0000FF;
}

div#popupContents strong{
	font-weight:bold;
}

div#popupContents p{
	margin:0 20px 10px 20px;
}

div#popupContents p.lastChild{
	margin-bottom:40px;
}

div#popupContents p.lastChild2{
	margin-bottom:0px;
}


div#popupContents p.attention{
	margin:0 0 5px 20px;
	font-size:117%;
	font-weight:bold;
}

div#popupContents h1{
	margin-bottom:10px;
	padding-left:20px;
	height:45px;
	line-height:45px;
	color:#FFFFFF;
	background:url(../../../../common/img/background_popup-heading.gif) left top repeat-x;
	font-size:117%;
	font-weight:bold;
}

div#popupContents h2{
	margin:10px;
	padding:0 25px;
	height:35px;
	line-height:35px;
	background:url(../../../../common/img/background_h2.gif) left top no-repeat;
	font-size:117%;
	font-weight:bold;
	color:#003366;
}

div#popupContents h3{
	margin:0 10px 10px 10px;
	padding:4px 14px;
	background:url(../../../../common/img/background_h3.gif) left bottom no-repeat;
	color:#000000;
	font-size:117%;
	font-weight:bold;
}

div#popupContents .floatClear{
	clear:both;
}

div.attentionBox{
	border:1px solid #CCC;
	padding:.5em 10px 0;
	margin:0 20px 10px;
	background:#f3f6fa;
}

div.attentionBox h3{
    background:none !important;
	padding-left:0px !important;
	padding-bottom:0px !important;
	color:#666 !important; 
}


/*
テーブル
---------------------------------------------------------*/
div#popupContents table{
	margin:10px 20px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	border-width:1px 0 0 1px;
}

div#popupContents table.standardLastChild{
	margin-bottom:20px !important;

}

div#popupContents table th,
div#popupContents table td{
	padding:3px 5px;
	border:1px solid #CCCCCC;
	border-width:0 1px 1px 0;
	line-height:1.4;
	background-color:#FFFFFF;
	text-align:center;
}

div#popupContents table tr th{
	font-weight:bold;
	text-align:center;
	color:#003366;
	background:url(../../../../common/img/background_th.gif) left top no-repeat;
}

div#popupContents table tr.odd td,
div#popupContents table tr.odd th{
	background:url(../../../../common/img/background_td.gif) left top no-repeat;
}


div#popupContents table tr th.color,
div#popupContents table td.color{
	background:#FFCCFF;
}

div#popupContents table tr th.colorYellow,
div#popupContents table td.colorYellow{
	background:#FFFFCC;
}

div#popupContents table th.left,
div#popupContents table td.left{
	text-align:left;
}

div#popupContents table th.text-small,
div#popupContents table td.text-small{
	font-size:85%;
}


/*
リスト
---------------------------------------------------------*/
div#popupContents ul.list{
	margin:0 0 0 10px;
}

div#popupContents ul.listLastChild{
	margin-bottom:40px;
}

div#popupContents ul.list li{
	padding-left:18px;
}

div#popupContents ul.list2 li{
	padding-left:20px;
	background:none;
}


/*
div.module-linkListRow リンクリストの横並びモジュール
---------------------------------------------------------*/
div#popupContents div.module-linkListRow{
	/*width:578px;*/
	margin:10px 20px;
	padding:8px 5px;
	display:inline-block;	/* for IE6 */
	border:#CCCCCC solid 1px;
	background-color:#EFEFEF;
}

div#popupContents div.module-linkListRowLastChild{
	margin-bottom:20px;
}

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

div#popupContents div.module-linkListRow ul li{
	margin-right:15px;
	margin-bottom:0.5em;
	display:block;
	float:left;
} 




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

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

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



/*
div.module-close 閉じるモジュール
---------------------------------------------------------*/
div#popupContents div.module-close{
	margin:20px 0 15px 0;
	clear:both;
	text-align:center;
}



/*
字下げぶら下がり
---------------------------------------------------------*/
div#popupContents span.indent2{
	margin-left:2em;
	display:block;
	text-indent:-2em;
}

div#popupContents span.indent{
	margin-left:1.1em;
	display:block;
	text-indent:-1em;
}

div#popupContents span.indent3{
	margin-left:1em;
	display:block;
	text-indent:-1em;
}

/*
字下げぶら下がり2
---------------------------------------------------------*/
div#popupContents p.indentWrap{
	margin-bottom:0 !important;
}


/*
その他
---------------------------------------------------------*/
div#popupContents div.module-border{
	margin:15px 20px;
	border:#CCCCCC solid 1px;
}



/*
div#module-scheduleInfo
---------------------------------------------------------*/
div#popupContents div.module-scheduleInfo{
	border:1px solid #CCC;
	padding:1em 0 1px;
	margin:0 20px 10px;
	overflow:hidden;
}
div#popupContents div.module-scheduleInfoLastchild{
	margin-bottom:40px;
}
div#popupContents div.module-scheduleInfo p{
	margin-bottom:.6em;
}
div#popupContents div.module-scheduleInfo dl{
	display:block;
	margin:0 10px;
	padding-bottom:2px;
}
div#popupContents div.module-scheduleInfo dl dt{
	clear:left;
	float:left;
	width:7em;
	margin:0 0 .3em;
	padding-left:18px;
	font-weight:bold;
	background:url(../../../../common/img/ico_list.gif) 6px 6px no-repeat;
}
div#popupContents div.module-scheduleInfo dl dd{
	margin:0 0 10px;
	padding:0 0 0 9em;
	line-height:1.3;
}
div#popupContents div.module-scheduleInfo dl dd a.link{
	background-position:0 .4em;
}



/*
div#mainColumn
---------------------------------------------------------*/
div#popupContents div#mainColumn{
	margin:10px 0 0;
}
div#popupContents div#mainColumn .color-blue{
	color:#0000FF !important;
}
div#popupContents div#mainColumn .color-red{
	color:#FF0000 !important;
}
div#popupContents div#mainColumn .left{
	text-align:left;
}
div#popupContents div#mainColumn h2{
	width:auto;
	margin-left:0;
	margin-right:0;
	border-top:1px solid #C7CED8;
	background-color:#F3F6FA;
	background-position:0 -1px;
}
div#popupContents div#mainColumn p{
	margin:0 20px 1em;
}
div#popupContents div#mainColumn p.lastChild{
	margin-bottom:20px;
}
div#popupContents div#mainColumn p.indentWrap{
	margin-bottom:0;
}
div#popupContents div#mainColumn p span.indent{
	margin-left:3em;
	text-indent:-3em;
}

div#popupContents div#mainColumn a img{
	margin:0 3px;
	vertical-align:baseline;
}



/* table.schedule */
div#popupContents div#mainColumn table.standard,
div#popupContents div#mainColumn table.schedule{
	margin:0 20px 10px;
}
div#popupContents div#mainColumn table.schedule caption{
	margin:0 0 2px;
	font-size:117%;
	font-weight:bold;
	color:#7D6D2F;
}
div#popupContents div#mainColumn table.schedule th,
div#popupContents div#mainColumn table.schedule td{
	line-height:1.3;
	padding-left:0;
	padding-right:0;
}
div#popupContents div#mainColumn table.schedule a img{
	margin:0 0 0 1px;
}
div#popupContents div#mainColumn table.schedule tr.closed td,
div#popupContents div#mainColumn table.schedule td.closed,
div#popupContents div#mainColumn table.schedule td.none{
	background:#ebebeb !important;
}
div#popupContents div#mainColumn table.schedule tr td.closed{
	color:#FF0000;
}
div#popupContents div#mainColumn table.schedule tr td.date,
div#popupContents div#mainColumn table.schedule tr td.day{
	background:url(../../../../common/img/background_td.gif) no-repeat 0 0;
	padding-left:5px;
	padding-right:5px;
}
div#popupContents div#mainColumn table.schedule tr td.date{
	text-align:right;
}
div#popupContents div#mainColumn table.schedule tr td.note{
	background:#FFFFCC;
	color:#444;
}
div#popupContents div#mainColumn table.schedule tr th sup{
	font-weight:normal;
}
div#popupContents div#mainColumn table.schedule tr td sup{
	/*vertical-align:middle;*/
}
div#popupContents div#mainColumn table.schedule tr td.note sup{
	vertical-align:super;
}

div#popupContents div#mainColumn div.module-linkList{
	margin-left:20px;
	margin-right:20px;
}
div#popupContents div#mainColumn div.module-linkList ul li{
	margin-bottom:.2em;
}
div#popupContents div#mainColumn div.module-linkListRow{
	width:780px;
	margin:10px 20px 20px;
	padding:5px 0 7px;
}
div#popupContents div#mainColumn div.module-linkListRow ul{
	margin:0;
	padding:0;
}
div#popupContents div#mainColumn div.module-linkListRow ul li{
	margin:0 10px;
	line-height:1.2;
}
div#popupContents div#mainColumn div.module-linkListRow ul li a.anchorlink{
	display:inline-block;
	background-position:1px .35em;
}



/* div.module-anchorHeader */
div#popupContents div#mainColumn div.module-anchorHeader{
	display:block;
	width:auto;
	margin:0 20px 15px;
	text-align:right;
}
div#popupContents div#mainColumn div.module-anchorHeader a{
	float:none;
	display:inline-block;
}



/* div.lastChild */
div#popupContents div#mainColumn div.lastChild{
	margin-bottom:30px !important;
}

/* div.note */
div#popupContents div#mainColumn div.note{
	border:1px solid #CCC;
	padding:.5em 10px 0;
	margin:0 20px 10px;
}
div#popupContents div#mainColumn div.note p{
	margin:0 0 .5em;
}





/*
4: div#popupFooter フッター
=========================================================*/
div#popupFooter{
	background:url(../../../../common/img/background_popup-footer.gif) left top repeat-x;
}

div#popupFooter address{
	padding:10px 15px 0 0;
	text-align:right;
}