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

	Site Name: ひまわり証券
	Description: ポップアップ用
	Version: 1.0

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


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

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



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





/*
1: div#popupContentsWrap レイアウト
=========================================================*/
body{
	background-color:#FFF;
}
div#popupContentsWrap{
	margin:0 auto;
	width:620px;
	height:730px;
}





/*
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 h1{
	margin-bottom:30px;
	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.module-item アイテムモジュール
---------------------------------------------------------*/
div#popupContents div.module-item{
	margin:0 20px 70px;
	display:inline-block;	/* for IE6 */
	width:580px;
}
div#popupContents div.module-item:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div#popupContents div.module-item div.img{
	float:left;
	width:280px;
}
div#popupContents div.module-item div.text{
	float:right;
	width:280px;
}
div#popupContents div.module-item div.text div.ico{
	margin-bottom:5px;
}
div#popupContents div.module-item div.text dl{
	margin-bottom:25px;
}
div#popupContents div.module-item div.text dt{
	font-size:117%;
}
div#popupContents div.module-item div.text dd.price{
	color:#FF0000;
	font-weight:bold;
}
div#popupContents div.module-item div.text p{
	margin-bottom:10px;
}
div#popupContents div.module-item div.text p.lastChild{
	margin-bottom:40px;
}
div#popupContents div.module-item div.text p.lastChild2{
	margin-bottom:0px;
}



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





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