@charset "utf-8";


/* 全体
-------------------------------------------------- */

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.35;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
}


body, div, p, ul, li, ol, dl, dt, dd, td, th, h1, h2, h3 {margin:0;	padding:0;}
ul li { list-style-type: none; }

img{border: 0;}
.img { border: 0; } 
.alC { text-align:center; }
.inlineList01 li { display: inline; }

/* テキスト
-------------------------------------------------- */

.indent01 {margin-left:1em; text-indent:-1em;}
.fs01 { font-size:10px; }
.fm01 { font-size:12px; }
.fl01 { font-size:14px; }
.fx01 { font-size:16px; }

.fOrg01 { color:#FC900F; }
.fRed01 { color:#CC3300; }

.bold { font-weight:bold; }


/* リンク
------------------------------------------ */
a:link    { color: #fea62a; text-decoration: underline; background: transparent; }
a:visited { color: #810081; text-decoration: underline; background: transparent; }
a:hover,
a:active  { color: #fea62a; text-decoration: none; background: transparent; }


/* レイアウト
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clearboth { clear: both;}
br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }

#container { margin: 0px; padding: 0px;	width: 100%; min-width: 1000px; background-color:#828999; background-image:url(/nyukai/affiliate/gundam/lp_imgs/repeat.gif); background-position:top; background-repeat:repeat-x;}
#wrapper { margin: 0 auto; width:920px;padding-top:0px; }


#header { margin: 0px; padding: 0px; height: 50px;}
#header .logo {	width: 950px; margin-left:auto; margin-right:auto; text-align:right;  padding-top:0px;}


#title { margin: 0px; padding: 0px; height:800px; background:url(/nyukai/affiliate/gundam/lp_imgs/bg_center.gif) center bottom no-repeat;}


#apply { margin: 0 auto; padding: 0px; width: 950px; height:max-content; }

/* レイアウト（トップ・CVボタン）
-------------------------------------------------- */
.mainTitle {
  margin: 20px 0;
}
.flexWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin-top: 30px;
}
.flexItem_logo {
  margin-left: 30px;
  display:inline-block;
}
.flexItem_cards {
  width: 770px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flexItem_card {
  width: 291px;
  display: inline-block;
  margin-left: 30px;
  text-align: center;
}
.flexItem_card img {
  width: 100%;
}
.flexItem_card span+img {
  margin-top: 10px;
}


/* レイアウト（バナー）
-------------------------------------------------- */
.bnrArea {
  margin-top: 40px;
  padding-bottom: 110px;
}
.bnr {
  text-align: center;
}

/* レイアウト（ナビメニュー）
-------------------------------------------------- */
#menu {margin-right:auto; margin-left:auto; width:920px; margin-top: -30px;}
#menu ul {height:100%; padding-left:0px;}
#menu ul li {float:left; padding-right:0px;}
#menu ul li.first {float:left;}
#menu ul li.last {float:left; padding-right:0px;}


/* レイアウト（最新情報）
-------------------------------------------------- */
#lead {	margin:0px auto; width:880px; text-align:center; height:91px; background-image:url(/nyukai/affiliate/gundam/lp_imgs/news_bg.png); background-repeat:no-repeat; padding-top:48px;}
#lead .wrap { margin:0px auto 10px auto;; width:880px; height:auto; padding:0px 10px; }
#lead .logo_l { float:left; padding-left:10px; padding-right:10px;}
#lead .logo_r { float:right; padding-right:10px;}
#lead .topic { float:left; width:880px; height:80px;}
 
#lead dl.list309 {
overflow:auto;  
 width:840px;
 height:70px;
 margin:10px auto 0 auto;
 padding: 0px 10px 0px10px;  
 color: #fff;
}


dl.list309 dt {
  clear: left;
  float: left;
  margin: 0 1em 0.5em 0.5em;
  width: 60px;
}

dl.list309 dd {
  margin-bottom: 0.5em;
  text-align:left;
}




/* レイアウト（キャンペーン情報）
-------------------------------------------------- */
.campaign_first { text-align:center; padding-bottom:20px; }
.campaign { text-align:center; padding:0 0 20px 0; clear:both; }

#cardDetail { margin-right:auto; margin-left:auto; padding-top:25px; width:920px; }



/* レイアウト（問い合わせ先）
-------------------------------------------------- */
#toiawase { margin:0 auto; padding:0; width:920px; height:100px; background-color:#fff; background-image: url(/nyukai/common/bg_line_guide.gif); background-repeat: repeat-x;}
#toiawase dl { margin:0; padding:0; }
#toiawase dt { float: left; padding-left:20px;}
#toiawase dd { float: right; width: 540px; }


/* レイアウト（カード申し込み／ページ下部）
-------------------------------------------------- */
#apply02 { width:920px;height:470px; background-color:#fff; background-image:url(/nyukai/affiliate/gundam/lp_imgs/img_apply02.gif); background-repeat:no-repeat; margin-top:15px; }

.apply_gundam {
width:404px;
height:430px;
float:left;
margin-top:15px;
margin-bottom:10px;
margin-left:50px;
background-image:url(/nyukai/affiliate/gundam/lp_imgs/bg_gundam_apply.gif);
background-repeat:no-repeat;
display:inline;
}

.apply_zaku {
width:404px;
height:430px;
float:left;
margin-top:15px;
margin-bottom:10px;
margin-left:10px;
background-image:url(/nyukai/affiliate/gundam/lp_imgs/bg_zaku_apply.gif);
background-repeat:no-repeat;
display:inline;
}


.btn_apply_gundam {
margin-top:280px;
margin-left:20px;
}

.btn_siryo_gundam {
margin-top:5px;
margin-left:20px;
}

.btn_apply_zaku {
margin-top:280px;
margin-left:25px;
}



/* レイアウト（フッター）
-------------------------------------------------- */
#footer { margin: 0px; padding: 0px; height: 66px; clear:both;}


.tokuten { margin-right:auto; margin-left:auto; padding-top:25px; width:920px; }
.txt { margin-left:auto; margin-right:auto; padding-top:10px; width: 920px; }
.flL01 {float:left; padding-left:20px;padding-right: 10px;}
.flL02 {float:left; padding-bottom:18px;}
.flL {float:left;}
.flR {float:right;}
.copyright { text-align:center; padding:10px; font-size:0.8em; color:#FFFFFF; }

/* IE以外のモダンWebブラウザ向けの指定
----------------------------------------*/
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}


/* IE7およびMac版IE5向けの指定
----------------------------------------*/
.clearfix { display:inline-block; }


/* IE6以前向けの指定
----------------------------------------*/
/* Hides from IE-mac \*/
*html.clearfix { height:1%; }
.clearfix { display:block; }
/*End hide from IE-mac */


/* マージン・パディング
------------------------------------------ */
.pdgt3 { padding-top: 3px!important; }
.pdgt5 { padding-top: 5px!important; }
.pdgt10 { padding-top: 10px!important; }
.pdgt15 { padding-top: 15px!important; }
.pdgt20 { padding-top: 20px!important; }
.pdgt25 { padding-top: 25px!important; }
.pdgt30 { padding-top: 30px!important; }
.pdgt40 { padding-top: 40px!important; }

.pdgl10 { padding-left: 10px!important; }
.pdgl20 { padding-left: 20px!important; }
.pdgl30 { padding-left: 30px!important; }

.pdgr6 { padding-right: 6px!important; }
.pdgr10 { padding-right:10px!important; }
.pdgr20 { padding-right:20px!important; }
.pdgr30 { padding-right:30px!important; }
.pdgr40 { padding-right:40px!important; }
.pdgr50 { padding-right:50px!important; }

.pdgb10 { padding-bottom: 10px!important; }
.pdgb20 { padding-bottom: 20px!important; }
.pdgb30 { padding-bottom: 30px!important; }


/* table
-------------------------------------------------- */
table.tbl01 { border: 1px #999999 solid; border-collapse: collapse; border-spacing: 0; }

table.tbl01 th {
    padding:10px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #EEEEEE;
    font-weight: bold;
    line-height: 120%;
}
table.tbl01 td { padding: 10px; border: 1px #999999 solid; border-width: 0 0 1px 1px;background: #fff; }



/* table (no-border)
-------------------------------------------------- */
table.tbl02 { border: none; }

table.tbl02 tr {
    padding:4px;
	border: none;
}
table.tbl02 td { padding: 4px;border: none; text-align:left; }



/* 注意事項 */
.attention ul {
font-size:12px; margin-top:10px; text-align:left;
}

.attention ul li {
margin-left:1em; text-indent:-1em; padding-bottom:3px; list-style-type:none;
}



/* 追加可能カード */
[class^="icon_add-card__"],
[class^="icon_electronic-money__"]{
    display: inline-block;
    font-size: 0;
    width: 55px;
    height: 55px;
    vertical-align: top;
    margin-top: 2px;
    margin-bottom: 2px;
}
.card-data__icon_box [class^="icon_add-card__"] span,
.card-data__icon_box [class^="icon_electronic-money__"] span{
    display: none;
}
[class^="icon_add-card__"]{
    background: url(/nyukai/card/responsive/img/common/icon_add-card.png) no-repeat;
    background-size: 100% auto;
}
[class^="icon_electronic-money__"]{
    background: url(/nyukai/card/responsive/img/common/icon_electronic-money.png) no-repeat;
    background-size: 100% auto;
}
.icon_add-card__ETC{
    background-position: 0 0;
}
.icon_add-card__SamsungPay{
  background: url(/nyukai/card/responsive/img/common/icon_samsung-pay.png) no-repeat;
  background-size: 100% auto;
}
.icon_electronic-money__iD-designated{
    background-position: 0 0;
}
.icon_electronic-money__iD-integrated{
    background-position: 0 -55px;
}
.icon_electronic-money__applepay{
    background-position: 0 calc(-55px * 5);
}
.icon_electronic-money__googlepay{
    background-position: 0 calc(-55px * 6);
}

/* カード情報　利用可能枠 */
.useLimit dt { float: left; width: 16em; margin-bottom:8px; }
.useLimit dd { margin-left: 10em; margin-bottom:8px; }


/* サムネイル＆ポップアップ */
.popup { clear:left; }
.popup img.pop {
display:block;
top:-10000px;
left:-10000px;
position:absolute;
border:none;
}

.popup a:hover { position:relative; border:none; }
.popup a:hover img.pop { top:-280px; left:30px; border:none; }

/* ページトップに戻る */
.pagetop {
clear:left;
padding-bottom:20px;
text-align:right;
}

.wd550{
	width: 550px;	
}
th p{
	width: 131px;	
}
/*
td p{
	width: 371px;	
}
*/

.tdM{ width: 100%;}

#tbl01 p{
		 width: auto;
}