@charset "shift-jis";
/*///////////////////////////////////////emc////////////////////////////////////////////
       Site Name  :  DMM FX
       File Name  :  detail.css
       Created     :  2010.01.07
       Up Date     :  2010.07.30
       Copyright (C) DMM FX All Rights Reserved.
//////////////////////////////////////////////////////////////////////////////////////*/
/* ランディングページ > 共通スタイル02
-------------------------------------------------------------*/
div.LpStyle02 {
	text-align: center;
	background-color: #eef8da;
}

/* DMM Header */
div.LpStyle02 div#LpDmmHeader {
	background:#FFF;
	position: relative;
	margin: 0 auto;
	width:auto;
	height:60px;
	border-top: 6px solid #FCD475;
	border-bottom:1px solid #B9CD92;
}

div.LpStyle02 div#LpDmmHeader > div{
	height:59px;
	border-bottom:1px solid #8A9D64;
}

div.LpStyle02 div#LpDmmHeader h1 {
	width:774px;
	margin:0 auto;
	text-align:left;
}

/*contents*/
div.LpStyle02 div#ContentWrapp {
	background:url(../../img/dmmfx/lp_bg.png) 0 0 repeat-y #286504;
	width: 794px;
	margin:0 auto;
	padding:0;
}

div.LpStyle02 div#LpDmmHeader p.HeaderRisk {
	position: absolute;
	top: 4px;
	right: 5px;
	width: 166px;
	height: 47px;
}

/* No.1 バナー */
div.LpStyle02 div#Bnr_No1 {
	margin:0 0 1px;
	padding:0;
}

/* 注意書き */
ol.LpAddNote {
	text-align: left;
	width: 750px;
	margin : 5px auto 20px;
	font-size: 92%;
}

ol.LpAddNote li{
	list-style:none;
}

/* Content */
div.LpStyle02 div#Content h3.ContentTitle1 {
	clear: both;
	display: block;
	overflow: hidden;
	width: 730px;
	height: 35px;
	margin: 0 auto 1em;
}

div.LpStyle02 div#Content h3.ContentTitle2 {
	background: url(../../img/2011-01dmmfx/lp_merit_ttl.png) 0 0 no-repeat;
	clear: both;
	display: block;
	overflow: hidden;
	width: 732px;
	height: 53px;
	margin: 0 0 1em 20px;
	text-indent: -999px;
}

div.LpStyle02 div#Content h3.ContentTitle3 {
	background: url(../../img/2011-01dmmfx/lp_merit_ttl.png) 0 0 no-repeat;
	clear: both;
	display: block;
	overflow: hidden;
	width: 732px;
	height: 74px;
	margin: 0 0 1em 20px;
	text-indent: -999px;
}
div.LpStyle02 div#Content h3#ContentMerit1 { background-position: 0 0; }
div.LpStyle02 div#Content h3#ContentMerit2 { background-position: 0 -53px; }
div.LpStyle02 div#Content h3#ContentMerit3 { background-position: 0 -106px; }
div.LpStyle02 div#Content h3#ContentMerit4 { background-position: 0 -159px; }
div.LpStyle02 div#Content h3#ContentMerit5 { background-position: 0 -212px }
div.LpStyle02 div#Content h3#ContentMerit6 { background-position: 0 -265px; }
div.LpStyle02 div#Content h3#ContentMeritmore { background-position: 0 -320px; }
div.LpStyle02 div#Content p.MeritNote { width: 706px; margin: 0 auto 1em; }

div.LpStyle02 div#Content div.MeritArea {
	overflow: hidden;
	width: 706px;
	margin: 0 auto;
}
div.LpStyle02 div#Content p.ContentImg {
	float: right;
	margin: 0 0 1em 1em;
}

/* リアルタイムレート */
div.LpStyle02 div#Content img#RealtimeRate {
	margin: 0 auto 15px;
	display:block;
}

/* Content Footer */
div.LpStyle02 div#Content div#ContentFooter {
	width: 100%;
	margin: 1em 0 0 0;
	padding: 14px 0 0;
	text-align: center;
	border-top:1px solid #BBBBBB;
}

div.LpStyle02 div#Content div#ContentFooter address {
	font-size: 10px;
}

/* Entry Button */
div.LpStyle02 p.EntryBtn {
	width: 300px;
	margin: 1em auto;
} 

div.LpStyle02 p.EntryBtn a {
	background: url(../../img/dmmfx/join_button.gif) left top no-repeat;
	width:300px;
	height:0;
	padding-top:80px;
	overflow:hidden;
	display:block;
}

div.LpStyle02 p.EntryBtn a:hover {
	background-position:left -80px;
}

/* Content */
div.LpStyle02 div#Content {
	width: 774px;
	margin: 25px auto 0;
	padding: 0;
	text-align: left;
}

div.LpStyle02 h3#ContentMeritTtl {
	display: block;
	overflow: hidden;
	width: 730px;
	height: 60px;
	margin: 0 auto 5px;
}

div.LpStyle02 ol#ContentMerit {
	width:735px;
	margin:0 auto 10px;
	list-style-type:none;
}

div.LpStyle02 ol#ContentMerit li {
	margin:0;
	list-style-type:none;
	display:inline;
	float:left;
}

div.LpStyle02 ol#ContentMerit li a {
	background:url(../../img/2011-01dmmfx/merit.png) no-repeat;
	height:133px;
	display:block;
	overflow:hidden;
	text-indent:-999px;
}

div.LpStyle02 ol#ContentMerit li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

div.LpStyle02 ol#ContentMerit li.Merit1 a {background-position:left top; width:246px;}
div.LpStyle02 ol#ContentMerit li.Merit2 a {background-position:-246px top; width:244px;}
div.LpStyle02 ol#ContentMerit li.Merit3 a {background-position:right top; width:245px;}
div.LpStyle02 ol#ContentMerit li.Merit4 a {background-position:left bottom; width:246px;}
div.LpStyle02 ol#ContentMerit li.Merit5 a {background-position:-246px bottom; width:244px;}
div.LpStyle02 ol#ContentMerit li.Merit6 a {background-position:right bottom; width:245px;}
div.LpStyle02 ol#ContentMerit li.Merit4 { clear: left;}

small.ContentMeritNote {
	width:730px;
	margin:0 auto 30px;
	display:block;
	text-align: right;
	font-size:100.01%;
	clear: both;
}

div.LpStyle02 div#Content p.MeritCampBnr {
	margin: 1.5em 0 1em;
	text-align: center;
}

/* メリット5 キャンペーン詳細 */
div.LpStyle02 div#ContentWrapp h4.CpDetailTtl {
	width:704px;
	height:27px;
	margin:1.5em 0 1.5em 48px;
}

div.LpStyle02 div#ContentWrapp div#SpreadCpInfo {
	width:678px;
	height:250px;
	margin:1em 0 1em 60px;
	text-align:left;
	background:url(../../img/2011-01dmmfx/spreadcp_splist.png) no-repeat right top;
}

div.LpStyle02 div#ContentWrapp div#SpreadCpInfo div {
	width: 270px;
	padding: 20px 0 0;
}

div.LpStyle02 div#ContentWrapp div.CpDetailWrapp {
	overflow: hidden;
	width: 678px;
	margin: 1em 0 1em 60px;
}

div.LpStyle02 div#ContentWrapp div.CpDetailWrapp p {
	margin: 0 0 1em;
}

div.LpStyle02 div#ContentWrapp div.CpDetailWrapp p.CpDetailImg {
	float: right;
	margin: 0 0 1em 1em;
}

div.LpStyle02 div#ContentWrapp div.CpDetailWrapp p.CpDetailImg a:hover {
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

div.LpStyle02 div#ContentWrapp div.CpDetailWrapp dl.CpInfo {
	margin: 0 0 1em;
}

div.LpStyle02 div#ContentWrapp div.CpDetailWrapp dl.CpInfo dt {
	color: #266B00;
}

/* さらに　ツールバナー */
div.LpStyle02 div#Content div.MoreArea {
	overflow: hidden;
	width: 706px;
	margin: 0 auto;
}

div#Tool_Nolink {
	background :transparent url(../../img/2011-01dmmfx/lp_tools_img2.png) no-repeat scroll 0 0;
	disply:block;
	margin:0 0 30px 0;
	height:173px;
	width:706px;
	overflow: hidden;
	text-indent: -9999px;
	}

/* 提携金融機関一覧 */
div.MeritArea div.BankList {
	margin: 20px 0;
}

div.MeritArea div.BankList h3 {
	background: url(../../img/2011-01dmmfx/md_bg.png) 0 0 repeat-x #525252;
	margin:0;
	padding:4px 5px;
	color:#fff;
}

div.MeritArea div.BankList ul {
	margin: 0 0 5px;
	padding:10px;
	border: solid 1px #bbb;
}

div.MeritArea div.BankList ul li {
	display: inline;
	margin:10px;
	list-style: none;
	text-align: center;
}

div.MeritArea div.BankList ul li p{
	text-align:left;
	margin-top:-20px;
}

/* ランディングページ > 口座開設キャンペーン＆取引応援ポイントキャンペーン (2010.08)
-------------------------------------------------------------*/
/* Content Header */

/* Half_CntHeader 半分の高さのタイプ */
div#Lp1008 div#ContentWrapp div.Half_CntHeader {
	position: relative;
	width: 774px;
	margin: 0 auto 10px;
	text-align: left;
}

/* スプレッドバナー */
div#Lp1008 div#CampSpread {
	display: block;
	width: 676px;
	height: 365px;
	margin: 2em auto 0.5em;
	text-align: left;
}

div#Lp1008 div#CampSpread > img{
	position:relative;
	z-index:1;
}

div#Lp1008 div#CampSpread > div{
	position:relative;
	margin-top:-365px;
	z-index:0;
}