@charset 'shift_jis';

/* ========================================
OUTLINE
	クレディセゾン・UCカード：カード選択
	カード詳細

CONTENTS
	00：ワイヤー
	10：共通：カード名＆スペック
	20：共通：カテゴリ
	30：共通：特典
	40：共通：申込み（ネット・学生）
	50：共通：右カラム
	80：ゴールド［body.bdGold］
======================================== */



/* 00：ワイヤー
======================================== */

#contents {
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	}

#topicpath {
	padding-bottom: 5px;
	}

#cardMain {
	_display: inline;
	float: left;
	width: 610px;
	margin-left: 9px;
	padding-top: 1em;
	}

#cardSub {
	float: right;
	width: 221px;
	}



/* 10：共通：カード名＆スペック
======================================== */

/* カード名 */

#cardMain #cardTop {
	min-height: 217px;
	height: auto !important;
	height: 217px;
	background-position: 3px 136px;
	background-repeat: no-repeat;
	}

#cardMain #cardTop div.floatR {
	width: 374px;
	}

#cardMain #cardTop div.floatR div.apply {
	width: 256px;
	margin: 10px auto 20px;
	background: url(/join/images/lineup/btn_apply_ov.gif) no-repeat left top;
	}

#cardMain #cardTop div.floatR div.apply a.rpimg {
	width: 256px;
	height: 59px;
	}

#cardMain #cardTop div.floatR div.apply p {
	margin: 5px 3px 0;
	}

#cardMain #cardTop div.floatR div.apply2 {
	width: 256px;
	margin: 10px auto 20px;
	background: url(/join/images/lineup/btn_apply2_ov.gif) no-repeat left top;
	}

#cardMain #cardTop div.floatR div.apply2 a.rpimg {
	width: 256px;
	height: 59px;
	}

#cardMain #cardTop div.floatR div.apply2 p {
	margin: 5px 3px 0;
	}

#cardMain #cardTop div.floatR dl.uvoice {
	min-height: 23px;
	height: auto !important;
	height: 23px;
	padding: 8px 40px 8px 2px;
	background: url(/join/images/lineup/uservoice_bg.gif) no-repeat right bottom #f2f2f2;
	line-height: 1.15;
	}

#cardMain #cardTop div.floatR dl.uvoice dt,
#cardMain #cardTop div.floatR dl.uvoice dd {
	float: left;
	}

#cardMain #cardTop div.floatR dl.uvoice dt {
	padding-right: 8px;
	}

#cardMain #cardTop div.floatR dl.uvoice dd {
	width: 250px;
	}

#cardMain #cardTop div.floatR p.voicemore {
	overflow: hidden;
	height: 11px;
	padding: 1px 40px 1px 0;
	border-bottom: 1px solid #cab39f;
	background: url(/join/images/lineup/uservoice_more_bg.gif) no-repeat right bottom;
	text-align: right;
	font-size: 0.1em;
	}

/* 利用者の声 */

#cardMain #cardTop #voice {
	display: none;
	position: absolute;
	width: 517px;
	height: 407px;
	left: 155px;
	top: 90px;
	padding: 23px 23px 10px;
	background: url(/join/images/lineup/voice_bg.png) no-repeat left top;
	z-index: 10;
	}

#cardMain #cardTop #voice div.clearfix {
	height: 30px;
	}

#cardMain #cardTop #voice div.scrWrap {
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 360px;
	}

#cardMain #cardTop #voice div.scrWrap dl {
	width: 485px;
	border-bottom: 1px solid #ccc;
	padding-top: 1px;
	background: url(/join/images/lineup/voice_psbg.gif) repeat-x left bottom;
	}

#cardMain #cardTop #voice div.scrWrap dl.first {
	border-top: 1px solid #ccc;
	}

#cardMain #cardTop #voice div.scrWrap dl dt {
	padding: 3px;
	color: #fff;
	font-weight: bold;
	}

#cardMain #cardTop #voice div.scrWrap dl.man dt {
	background-color: #2c3064;
	}

#cardMain #cardTop #voice div.scrWrap dl.woman dt {
	background-color: #fa917f;
	}

#cardMain #cardTop #voice div.scrWrap dl dd {
	min-height: 40px;
	height: auto !important;
	height: 40px;
	padding: 15px 20px 15px 50px;
	background-repeat: no-repeat;
	background-position: 9px 16px;
	color: #333 !important;
	}

#cardMain #cardTop #voice div.scrWrap dl.man dd {
	background-image: url(/join/images/lineup/voice_man.gif);
	}

#cardMain #cardTop #voice div.scrWrap dl.woman dd {
	background-image: url(/join/images/lineup/voice_woman.gif);
	}


/* カード画像 */

#cardMain #cardTop div.floatL img.block {
	padding-left: 3px;
	}

#cardMain #cardTop div.floatL p.request {
	padding: 20px 0 0 5px;
	}


/* カードスペック */

#cardMain table.cardSpec {
	width: 610px;
	margin-top: 30px;
	}

#cardMain table.cardSpec th,
#cardMain table.cardSpec td {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #fff;
	text-align: left;
	vertical-align: middle;
	}

#cardMain table.cardSpec th {
	width: 155px;
	padding: 5px 5px 5px 33px;
	background: url(/join/images/lineup/spec_hdbg.gif) repeat-y left top;
	font-weight: bold;
	}

#cardMain table.cardSpec td {
	padding: 8px 8px 8px 30px;
	border-right: 1px solid #e8e8e8;
	background: url(/join/images/lineup/spec_tdbg.gif) repeat-x left bottom;
	}

#cardMain table.cardSpec td.brand img {
	margin-right: 15px;
	vertical-align: middle;
	}

#cardMain table.cardSpec em {
	color: #db3407;
	font-weight: bold;
	font-style: normal;
	}



/* 20：共通：カテゴリ
======================================== */

#cardMain h2 {
	margin-top: 30px;
	margin-bottom: 15px;
	}

#cardMain dl.category {
	padding-bottom: 0px;
	}

#cardMain dl.category dt,
#cardMain dl.category dd {
	float: left;
	/*color: #725858;*/
	}

#cardMain dl.category dt {
	width: 135px;
	text-align: center;
	}

#cardMain dl.category dd {
	width: 473px;
	}

#cardMain dl.category dd p.fsLarge {
	margin-bottom: 0.5em;
	color: #333333;
	font-weight: bold;
	}

#cardMain dl.category dd strong {
	color: #db3407;
	}

#cardMain dl.category dd em {
	font-weight: bold;
	font-style: normal;
	color: #db3407;
	}

#cardMain dl.category dd p.refe {
	margin-top: 0.8em;
	text-align: right;
	}


/* 旅行保険 表＋説明 */

#cardMain table.travelIns {
	width: 600px;
	margin: 15px auto 0;
	}

#cardMain table.travelIns th,
#cardMain table.travelIns td {
	padding: 8px;
	border: 1px solid #ccc;
	vertical-align: middle;
	}

#cardMain table.travelIns thead th,
#cardMain table.travelIns thead td {
	background-color: #242424;
	color: #fff;
	text-align: center;
	font-weight: bold;
	}

#cardMain table.travelIns tbody th {
	background-color: #ededed;
	}

#cardMain table.travelIns tbody th,
#cardMain table.travelIns tbody th p {
	text-align: center;
	}

#cardMain table.travelIns tbody th p {
	margin: 3em auto;
	}

#cardMain dl.travelIns {
	margin: 0 5px;
	}

#cardMain dl.travelIns dt {
	font-weight: bold;
	margin-top: 1em;
	}

#cardMain dl.travelIns dd.atn {
	margin-top: 0.8em;
	}


/* 永久不滅ドットコム店舗 */

#cardMain dl.eikyuShop {
	width: 543px;
	margin: 30px auto 0;
	}

#cardMain dl.eikyuShop dd {
	padding: 15px;
	}

#cardMain dl.eikyuShop dd img {
	display: block;
	margin: 0 auto 15px;
	}

#cardMain dl.eikyuShop dd ul {
	text-align: right;
	}

#cardMain dl.eikyuShop dd ul li {
	display: inline;
	margin-left: 1.5em;
	}

/* バナー */
#cardMain .banner {
	margin:20px 0 0;
	text-align:center;
	}

#cardMain .banner img {
	margin:0;
	padding:0;
	}



/* 30：共通：特典
======================================== */

#cardMain div.privBlk {
	width: 574px;
	margin: 0 auto 50px;
	}


/* ----- all open & all close ----- */

#cardMain div.privBlk ul.console {
	font-size: 0.1em;
	}

#cardMain div.privBlk ul.console li {
	_display: inline;
	float: right;
	margin-left: 7px;
	padding-left: 7px;
	}

#cardMain div.privBlk ul.console li.close {
	border-left: 1px dashed #ccc;
	}

#cardMain div.privBlk ul.upper {
	padding-bottom: 8px;
	}

#cardMain div.privBlk ul.lower {
	padding-top: 8px;
	background: url(/join/images/lineup/priv_ftbg.gif) no-repeat left top;
	}


/* ----- acordion block ----- */

#cardMain div.privBlk #merit {
	background: url(/join/images/lineup/priv_bg.gif) repeat-y left top;
	}

#cardMain div.privBlk #merit div.first {
	background: url(/join/images/lineup/priv_first.gif) no-repeat left top;
	}

/* 見出し */

#cardMain div.privBlk #merit div.privTtl {
	min-height: 39px;
	height: auto !important;
	height: 39px;
	padding-bottom: 3px;
	background: url(/join/images/lineup/priv_hdbg.gif) no-repeat left top;
	font-weight: bold;
	line-height: 1.3;
	}

#cardMain div.privBlk #merit div.first {
	background: url(/join/images/lineup/priv_hdbg_first.gif) no-repeat left top;
	}

#cardMain div.privBlk #merit div.privTtl img.icprv {
	float: left;
	margin: 12px 0 0 15px;
	}

#cardMain div.privBlk #merit div.privTtl img.ocbtn {
	float: right;
	margin-top: 10px;
	}

#cardMain div.privBlk #merit div.privTtl p {
	float: left;
	width: 435px;
	padding-top: 9px;
	padding-left: 10px;
	}

#cardMain div.privBlk #merit div.privTtl img.logo {
	margin: 0 3px;
	}

/* 詳細 */

#cardMain div.privBlk #merit div.ocbox {
	padding: 10px 15px 15px 0;
	}

#cardMain div.privBlk #merit div.ocbox div.floatL {
	width: 116px;
	text-align: center;
	}

#cardMain div.privBlk #merit div.ocbox div.floatR {
	width: 442px;
	}

#cardMain div.privBlk #merit div.ocbox div.floatR em {
	color: #db3407;
	font-weight: bold;
	font-style: normal;
	}

#cardMain div.privBlk #merit div.ocbox div.floatR img.block {
	margin: 5px auto;
	}



/* 40：共通：申込み（ネット・学生）
======================================== */

#cardMain div.netApply {
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 40px 0 50px;
	background: url(/join/images/lineup/apply_net_bg.gif) no-repeat left top;
	}

#cardMain div.netApply h2 {
	margin: 0;
	padding: 11px 0 4px 112px;
	}

#cardMain div.netApply a.rpimg {
	width: 256px;
	height: 59px;
	margin-left: 178px;
	}

#cardMain div.netApply ul {
	margin-top: 7px;
	text-align: center;
	}

#cardMain div.netApply ul li {
	display: inline;
	margin: 0 8px;
	}

#cardMain p.stdApply,
#cardMain p.stdApply a {
	width: 256px;
	height: 59px;
	}

#cardMain p.stdApply {
	margin: 15px auto 0;
	background: url(/join/images/lineup/btn_apply_stud_ov.gif) no-repeat left top;
	}

#cardMain ul.stdApply {
	margin-top: 5px;
	text-align: center;
	}

#cardMain ul.stdApply li {
	display: inline;
	margin: 0 8px;
	}

#cardMain div.netApply2 {
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 40px 0 50px;
	background: url(/join/images/lineup/apply_net2_bg.gif) no-repeat left top;
	}

#cardMain div.netApply2 h2 {
	margin: 0;
	padding: 11px 0 4px 112px;
	}

#cardMain div.netApply2 a.rpimg {
	width: 256px;
	height: 59px;
	margin-left: 178px;
	}

#cardMain div.netApply2 ul {
	margin-top: 7px;
	text-align: center;
	}

#cardMain div.netApply2 ul li {
	display: inline;
	margin: 0 8px;
	}

/* 50：共通：右カラム
======================================== */

#cardSub #cn-search {
	height: 144px;
	background: url(/join/images/lineup/rc_oth_card_bg.jpg) no-repeat 0px 56px;
	}

#cardSub #cn-search dl dt {
	padding-bottom: 9px;
	}

#cardSub #cn-search dl dd {
	overflow: hidden;
	height: 16px;
	padding: 0 0 1px 20px;
	}

#cardSub #cn-search form {
	margin: 10px 0 0 20px;
	}

#cardSub #cn-search form input {
	vertical-align: middle;
	}

#cardSub #cn-search form input.cksf {
	width: 117px;
	}

#cardSub div.recCards {
	margin-top: 15px;
	background: url(/join/images/lineup/rc_blockbg.gif) no-repeat left bottom;
	}

#cardSub div.recCards dl {
	border-top: 1px solid #e8e8e8;
	}


/* 最近チェック */

#cardSub #cn-recent dl {
	padding: 15px 20px;
	zoom: 100%;
	}

#cardSub #cn-recent dl:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: ".";
	}

#cardSub #cn-recent dl dt {
	float: left;
	width: 63px;
	}

#cardSub #cn-recent dl dd {
	float: left;
	width: 118px;
	}


/* 関連・注目 */

#cardSub #cn-kanren dl,
#cardSub #cn-pickup dl {
	padding: 20px;
	}

#cardSub #cn-kanren dl dt,
#cardSub #cn-kanren dl dd p,
#cardSub #cn-pickup dl dt,
#cardSub #cn-pickup dl dd p {
	text-align: center;
	}

#cardSub #cn-kanren dl dd p,
#cardSub #cn-pickup dl dd p {
	padding: 5px 0;
	}


/* バナー */

#cardSub ul.bnrArea {
	margin-top: 15px;
	font-size: 0.1em;
	}

#cardSub ul.bnrArea li {
	margin-bottom: 8px;
	padding: 4px;
	background-color: #ededed;
	}

#cardSub ul.bnrArea li img {
	display: block;
	}




/* 80：ゴールド
======================================== */

/* ----- WireFrames ----- */

body.bdGold {
	background: #242424;
	}

body.bdGold #wrapper,
body.bdGold #container {
	background: none;
	}

body.bdGold #contents {
	padding: 0 0 50px;
	border-bottom: 15px solid #fff;
	background: url(/common/img/wrap_bg_g.gif) repeat-y center top #242424;
	}

body.bdGold #topicpath {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1em;
	background-color: #242424;
	color: #fff;
	}

body.bdGold #topicpath a {
	color: #acacac;
	}

body.bdGold #goldwrap {
	padding: 20px 20px 0;
	background: url(/common/img/cntn_bg_g.gif) no-repeat center top;
	}

body.bdGold #footer {
	margin-top: 2px;
	background-color: transparent;
	color: #fff;
	}

body.bdGold #footer a {
	color: #fff;
	}

body.bdGold #footer ul.nav2 li {
	background-image: url(/common/img/footer_mkr_01_g.gif);
	}

body.bdGold #footer address {
	background: url(/common/img/footer_copyright_g.gif) no-repeat left top;
	}

body.bdGold #footer address img {
	visibility: hidden;
	}

/* ----- バナー下テキスト ----- */

body.bdGold #cardMain p.bannerTxt {
	color: #fff;
	margin:10px auto 0;
	width:535px;
	}

/* ----- カード名＆スペック ----- */

body.bdGold #cardMain #cardTop,
body.bdGold #cardMain #cardTop a {
	color: #fff;
	}

body.bdGold #cardMain #cardTop div.floatR div.apply {
	background-image: url(/join/images/lineup/btn_apply_g_ov.gif);
	}

body.bdGold #cardMain #cardTop div.floatR div.apply2 {
	background-image: url(/join/images/lineup/btn_apply_g3_ov.gif);
	width: 256px;
	margin: 10px auto 20px;
	}

body.bdGold #cardMain #cardTop div.floatR dl.uvoice {
	background-image: url(/join/images/lineup/uservoice_g_bg.gif);
	background-color: #2c2c2c;
	}

body.bdGold #cardMain #cardTop div.floatR p.voicemore {
	border-bottom: 1px solid #b39707;
	background-image: url(/join/images/lineup/uservoice_more_g_bg.gif);
	}

/* カードスペック */

body.bdGold #cardMain table.cardSpec th,
body.bdGold #cardMain table.cardSpec td {
	border-top: none;
	border-bottom: 1px solid #242424;
	color: #fff;
	}

body.bdGold #cardMain table.cardSpec th {
	background-image: url(/join/images/lineup/spec_hdbg_g.gif);
	}

body.bdGold #cardMain table.cardSpec td {
	border-left: 1px solid #242424;
	border-right: none;
	background-image: none;
	background-color: #434242;
	}

body.bdGold #cardMain table.cardSpec td.brand img {
	border: 3px solid #fff;
	}

body.bdGold #cardMain table.cardSpec em {
	color: #fff;
	}
body.bdGold #cardMain table.cardSpec em.red {
	color: #db3407;
	font-weight: bold;
}
body.bdGold #cardMain table.cardSpec a {
	color:#ffffff;
	}


/* ----- カテゴリ以下 ----- */

body.bdGold #cardMain div.ctgBlocks {
	background-color: #fff;
	}


/* ----- カテゴリ ----- */

body.bdGold #cardMain dl.category dt,
body.bdGold #cardMain dl.category dd,
body.bdGold #cardMain dl.category dd p.fsLarge {
	color: #333;
	}

body.bdGold #cardMain dl.category dd {
	width: 463px;
	padding-right: 10px;
	}

body.bdGold #cardMain dl.category dd em {
	color: #db3407;
	}

/* ゴールド多彩な特典 */

body.bdGold #cardMain dl.goldvar {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	}

body.bdGold #cardMain dl.goldvar dd p.right {
	margin-top: 0.8em;
	}


/* ----- 特典 ----- */

body.bdGold #cardMain div.privBlk #merit div.ocbox div.floatR p.right {
	margin-top: 0.8em;
	}


/* ----- 申込み（ネット） ----- */

body.bdGold #cardMain div.netApply {
	margin-bottom: 0;
	background-image: url(/join/images/lineup/apply_net_g_bg.gif);
	}

body.bdGold #cardMain div.netApply ul li a {
	color: #333;
	}

body.bdGold #cardMain div.netApply2 {
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 40px 0 50px;
	background: url(/join/images/lineup/apply_net_bg.gif) no-repeat left top;
	}

body.bdGold #cardMain div.netApply2 h2 {
	margin: 0;
	padding: 11px 0 4px 112px;
	}

body.bdGold #cardMain div.netApply2 a.rpimg {
	width: 256px;
	height: 59px;
	margin-left: 178px;
	}

body.bdGold #cardMain div.netApply2 ul {
	margin-top: 7px;
	text-align: center;
	}

body.bdGold #cardMain div.netApply2 ul li {
	display: inline;
	margin: 0 8px;
	}

body.bdGold #cardMain div.netApply2 {
	margin-bottom: 0;
	background-image: url(/join/images/lineup/apply_net_g4_bg.gif);
	}

body.bdGold #cardMain div.netApply2 ul li a {
	color: #333;
	}


/* ----- 右カラム ----- */

body.bdGold #cardSub {
	color: #fff;
	}

body.bdGold #cardSub a {
	color: #b39707;
	}

body.bdGold #cardSub #cn-search {
	background-image: url(/join/images/lineup/rc_oth_card_bg_g.gif);
	}

body.bdGold #cardSub div.recCards {
	background: url(/join/images/lineup/rc_blockbg_g.gif) repeat-y left top;
	}

body.bdGold #cardSub div.recCards dl {
	border-top: 1px solid #242424;
	}

body.bdGold #cardSub ul.bnrArea li {
	background-color: #dbca95;
	}