/*=====================================================
 * css Name: join_financialpass1412.css
 * Style URL: /sp/amc/cpn/join_financialpass1412/css/join_financialpass1412.css
 * Description: SP【ANAマイレージクラブ Financial Pass Visaデビットカード】新規入会＆利用で最大8,500マイルプレゼントキャンペーン！CSS
 * Version: 1.0
 * Last Up Date: 2014/12/15
=====================================================*/
@charset "utf-8";


/*====================
左タブコンテンツ
==================*/

/* コンテンツ枠線 */
div.cpnBox{
	background-color:#e7f2ff;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

/* 見出し */
.cpnTtl{
	position: relative;
	color: #fff;
	padding: 8px 0 !important;
	background: #000f52;
	background: -moz-linear-gradient(left, #000f52 0%, #163b95 50%, #000f52 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000f52), color-stop(50%,#163b95), color-stop(100%,#000f52));
	background: -webkit-linear-gradient(left, #000f52 0%,#163b95 50%,#000f52 100%);
	background: -o-linear-gradient(left, #000f52 0%,#163b95 50%,#000f52 100%);
	background: -ms-linear-gradient(left, #000f52 0%,#163b95 50%,#000f52 100%);
	background: linear-gradient(to right, #000f52 0%,#163b95 50%,#000f52 100%);
}

.cpnTtl:after{
	content:"";
	position: absolute;
	bottom: 2px;
	left: 0;
	border-bottom:2px solid #5566a0;
	width: 100%;
}

.cpnTtl:before{
	content:"";
	position: absolute;
	top: 2px;
	left: 0;
	border-bottom:2px solid #5566a0;
	width: 100%;
}

.cpnTtl img{
	left: 5px;
	position: absolute;
	top: -3px;
}

.cpnTtl span{
	display: block;
	padding-left: 90px;
}

/* テキストエリア */
.cpnTextArea{
	padding: 5px 7px 10px !important;
}

/* 白背景枠 */
div.whiteBox{
	background-color: #fff;
	padding: 7px;
	margin: 5px 10px 14px !important;
}

/* テーブル */
table.useTB{
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0 10px !important;
	text-align: left;
}

table.useTB th,table.useTB td{
	border: 1px solid #ccc;
	padding: 5px;
	width: 50%;
}

table.useTB th.lBlu{
	background: #568cd0;
	color: #fff;
}

table.useTB th.hBlu{
	background: #80a2cd;
	color: #fff;
}

table.useTB td{
	background: #fff;
}

/* キャンペーンアイコン */
.cpnIco {
	background-color: #003399;
	color: #fff;
	display: inline-block;
	margin: 10px 0 0 !important;
	padding: 2px 14px !important;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
}

/*====================
右タブコンテンツ
==================*/

.cardBox{
	padding: 10px;
}

div.GlyBg{
	background-color: #edf1f4;
	margin: 10px 0 !important;
	padding:8px !important;
}

/* 最下部コンテンツ */
.ttl2Card{
	color: #fff;
	padding: 10px !important;
	background: #084a95;
	margin: 20px 0 0!important;
}

div.cardbloc{
	border-left: 1px solid #1499e0;
	border-right: 1px solid #1499e0;
	border-bottom: 1px solid #1499e0;
	padding: 7px;
}

p.bluBox{
	padding:6px !important;
	border: 1px solid #1499e0;
	display: inline-block;
	color: #1499e0;	
}


/*====================
その他
==================*/

/* フォント */
.fntB{
font-weight: bold;
}

.fntCpnRed{
	color: #e81c1e;
}


/* margin */
.mBottom{
	margin-bottom: 20px !important;
}

.mBtmZero{
	margin-bottom: 0 !important;
}


/* clear */
.clear {
	clear:both;
	float:none;
}