@charset "UTF-8";
/*///////////////////////////////////////FCS////////////////////////////////////////////
       Site Name  :  DMM FX
       File Name  :  detail.css
       File pass  :  /_css/campaign/detail.css
       Created     :  2010.01.22
       Up Date     :  2015.11.05
       Copyright (C) DMM FX All Rights Reserved.
//////////////////////////////////////////////////////////////////////////////////////*/

/* キャンペーン
-------------------------------------------------------------*/
.Font14 {
	font-size: 14px;
}

/* キャンペーンフレーム */
div#CpWrapp {
	background: #fefcf6;
	border: 3px solid #d5b344;
	margin: 20px 0;
}
div#CpWrapp h2 {
	background: url(/_img/campaign/now_ttl_right.png) right top no-repeat;
	margin: -5px -3px 0 -9px;
}
div#CpWrapp h2 span {
	background: url(/_img/campaign/now_ttl_left.png) left top no-repeat;
	display: block;
	height: 60px;
}
div#CpWrapp h2 span span {
	background: url(/_img/campaign/now_ttl.png) center top no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 60px;
}

/* キャンペーン予告フレーム */
div#CpWrappNext {
	background: #fefcf6;
	border: solid 3px #c0c0c0;
	margin: 20px 0;
}
div#CpWrappNext h2 {
	background: url(/_img/campaign/next_ttl_right.png) right top no-repeat;
	margin: -5px -3px 0 -9px;
}
div#CpWrappNext h2 span {
	background: url(/_img/campaign/next_ttl_left.png) left top no-repeat;
	display: block;
	height: 60px;
}
div#CpWrappNext h2 span span {
	background: url(/_img/campaign/next_ttl.png) center top no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 60px;
}

/* 終了キャンペーンフレーム */
div#CpWrappEnd {
	background: #fefcf6;
	border: 3px solid #c0c0c0;
	margin: 20px 0;
	padding-bottom:20px;
}
div#CpWrappEnd h2 {
	background: url(/_img/campaign/end_ttl_right.png) right top no-repeat;
	margin: -5px -3px 0 -3px;
}
div#CpWrappEnd h2 span {
	background: url(/_img/campaign/end_ttl_left.png) left top no-repeat;
	display: block;
	height: 39px;
}
div#CpWrappEnd h2 span span {
	background: url(/_img/campaign/end_ttl.png) center top no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 39px;
}

/* オリジナルサービスフレーム */
div#CpWrappOri {
	background: #fefcf6;
	border: 3px solid #1C9f4f;
	margin: 20px 0;
}
div#CpWrappOri h2 {
	background: url(/_img/campaign/service_ttl_right.png) right top no-repeat;
	margin: -5px -3px 0 -3px;
}
div#CpWrappOri h2 span {
	background: url(/_img/campaign/service_ttl_left.png) left top no-repeat;
	display: block;
	height: 39px;
}
div#CpWrappOri h2 span span {
	background: url(/_img/campaign/original_ttl.png) center top no-repeat;
	height: 0;
	overflow: hidden;
	padding-top: 39px;
}

/* レイアウト */
div.CpFx,
div.CpCfd,
div.CpFxCfd,
div.CpVirtual {
	clear: both;
	margin: 20px 12px 0;
	overflow: hidden;
}
div.CpPict {
	display: inline;
	float: left;
	margin: 0 0 20px;
	position: relative;
}
div.CpInfo {
	margin: 0 0 20px 310px;
}
div.CpMoreInfo {
	clear: both;
	margin: 0 0 14px;
	padding: 10px 0;
	text-align: center;
}
div.CpPict a.Pict:hover {
	filter: alpha(opacity=90);
	opacity: 0.9;
}

/* 詳しくみる */
div#CpWrapp p.MoreBtn {
	margin: 210px 0 0 75px;
	width: 140px;
}
div#CpWrappOri p.MoreBtn {
	margin: 10px 0 0 75px;
	width: 140px;
}
p.MoreBtn a {
	background: url(/_img/campaign/btn_campaign.png) top no-repeat;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 32px;
}
p.MoreBtn a:hover {
	background-position: 0 -32px;
}

/* タイトル */
div.CpFx .CpTitle, div.CpCfd .CpTitle, div.CpFxCfd .CpTitle, div.CpVirtual .CpTitle {
	background: url(/_img/campaign/icon_fx.png) no-repeat scroll left top transparent;
	font-size: 151%;
	line-height: 25px;
	margin: 0 0 10px;
	overflow: hidden;
	padding-left: 85px;
}
div.CpCfd .CpTitle {
	background: url(/_img/campaign/icon_cfd.png) left top no-repeat;
}
div.CpFxCfd .CpTitle {
	background: url(/_img/campaign/icon_fxcfd.png) left top no-repeat;
}
div.CpVirtual .CpTitle {
	background: url(/_img/campaign/icon_virtual.png) left top no-repeat;
}

/* 日付 */
div.CpInfo .CpDate {
	color: #c80000;
	font-size: 108%;
	margin: 0 0 10px;
}

/* 内容 */
div.CpInfo dl {
	margin: 0 0 10px;
}
div.CpInfo dl dt {
	margin-bottom: 5px;
	color: #266b00;
}
div.CpCfd div.CpInfo dl dt {
	color: #ff8100;
}
div.CpInfo dl dd p {
	margin: 0 0 1em;
}

/* スプレッドキャンペーン内容 */
dl.CpInfoSpread {
	background-color: #efefef;
	margin: 1em 0 0;
	height: 13em;
	overflow: hidden;
	padding: 1em;
}
dl.CpInfoSpread dl {
	float: left;
	width: 45%;
}
dl.CpInfoSpread dt {
	margin: 0;
	color: #266b00;
	font-weight: bold;
}
dl.CpInfoSpread dl dt {
	color: #000;
	float: left;
	margin: 0;
	width: 9em;
}
div.FxAboCamp hr {
	clear: both;
	border-color: #976710;
	border-style: dotted;
	border-width: 1px 0px 0px 0px;
	height: 1px;
	margin: 0 12px;
}

/* キャンペーン終了処理 */
div#CpWrapp div.CpPict {
	position: relative;
}
div#CpWrapp div.CpPict img {
	position: absolute;
}
div#CpWrapp div.CpPict img.EndImage {
	position: absolute;
	top: 0; left: 0;
}
div#CpWrappEnd div.CpPict {
	position: relative;
}
div#CpWrappEnd div.CpPict img {
	position: absolute;
}
div#CpWrappEnd div.CpPict img.EndImage {
	left: 0;
	position: absolute;
	top: 0;
}

/* 詳しくみる */
div#CpWrappEnd p.MoreBtn {
	float:left;
	margin: 210px 0 0 75px;
	width: 140px;
}
div#CpWrappEnd p.MoreBtn a {
	background: url(/_img/campaign/btn_campaign.png) top no-repeat;
	display: block;
	height: 0;
	padding-top: 32px;
	overflow: hidden;
}
div#CpWrappEnd p.MoreBtn a:hover {
	background-position: 0 -32px;
}

/*テキストカラー変更*/
.Red{
	color:#c80000;
}

/*過去のページへ*/
p.PastCp {
	text-align: right;
}