@charset "utf-8";
@import "basic.css";

/* 目次
01:基本
02:サイトマップ
03:Ｑ＆Ａ
04:用語集
05:キャンペーン
06:申し込みボタン
07:上に戻る
08:関連エントリータイトル
09:カード詳細
10:カード詳細レフト
11:カード詳細ライト
*/

/* 01:基本 */
h1{
font-size:24px;
border-bottom:2px solid #333333;
padding:0 0 5px 0;
line-height:normal;
margin:10px 0;
font-weight:normal;
}

h3{
background-image:url(../img/common_files/bg_content_title.gif);
padding:4px 0 0 15px;
height:21px;
font-size:14px;
margin:10px 0 !important;
}

/* 02:サイトマップ */
ul.siteMaplist02{
line-height:24px;
width:100%;
}

ul.siteMaplist02 li{
width:250px;
float:left;
margin:0 5px 0 0;
background:url(../img/sitemap/icon_sitemap.gif) 0 10px no-repeat;
padding:0 0 0 10px;
}

ul.siteMaplist03{
line-height:24px;
}

ul.siteMaplist03 li{
width:163px;
float:left;
margin:0 5px 0 0;
background:url(../img/sitemap/icon_sitemap.gif) 0 10px no-repeat;
padding:0 0 0 10px;
}

/* 03:Ｑ＆Ａ */
ul.qalist{
}

ul.qalist li{
background:url(../img/common_files/bg_dot.gif) bottom repeat-x;
padding:0 0 1px 0;
}

ul.qalist li a{
text-decoration:none;
}

ul.qalist li a:hover{
text-decoration:underline;
}

/* 04:用語集 */
ul.wordlist{
line-height:24px;
}

ul.wordlist li{
width:163px;
float:left;
margin:0 5px 0 0;
background:url(../img/top/icon_dot.gif) 0 5px no-repeat;
padding:0 0 0 10px;
}

/* 05:キャンペーン */
.campaignBox{
width:530px;
padding:10px;
background: url(../img/common_files/bg_light.gif);
margin:0 0 10px 0;
}

.campaignPic{
float:left;
width:125px;
margin:0 10px 0 0;
}

.campaignText{
float:left;
width:395px;
}
/* カードリスト */
p.cardList{
text-align:center;
float:left;
margin:0 10px 10px 0;
font-size:10px;
}

/* 06:申し込みボタン */
.entryMoushikomi a{
background:url(../img/common_files/btn_moushikomi.gif);
margin:15px auto 15px auto;
text-indent:-1000em;
width:250px;
height:50px;
display:block;
text-decoration:none;
}

.entryMoushikomi a:hover{
background-position:0 -50px;
}

/* 07:上に戻る */
p.top{
margin:15px 0 0 0; text-align:center;
background:#EEEEEE;
padding:5px;
}

/* 08:関連エントリータイトル */
.otherEntryTitle{
background-image:url(../img/common_files/bg_content_title.gif);
padding:4px 0 0 15px;
height:21px;
font-size:14px;
margin:15px 0 10px 0;
}

.otherEntryBox{
background:url(../img/common_files/bg_dot.gif) bottom repeat-x;
padding:0 0 5px 0;
width:550px;
margin:0 0 5px 0;
}

.otherEntryPic{
float:left;
width:60px;
margin:0 10px 0 0;
}

.otherEntryText{
float:left;
width:480px;
}

/* 09:カード詳細 */
div.cardDetail{
width:530px;
background: url(../img/common_files/bg_light.gif);
padding:10px;
margin:0 0 10px 0;
}

div.cardDetailLeft{
float:left;
margin:0 10px 0 0;
width:120px;
}

div.cardDetailRight{
float:left;
width:400px;
}

/* 10:カード詳細レフト */
div.cardDetailLeft p{
font-size:10px;
}

ul.brandList{
margin:8px 0 0 0;
width:120px;
}

ul.brandList li.visa{
float:left;
background:url(../img/card/brand/visa.gif) no-repeat;
width:30px;
height:18px;
text-indent:-1000em;
margin:0 3px 0 0;
}

ul.brandList li.master{
float:left;
background:url(../img/card/brand/master.gif) no-repeat;
width:30px;
height:18px;
text-indent:-1000em;
margin:0 3px 0 0;
}

ul.brandList li.jcb{
float:left;
background:url(../img/card/brand/jcb.gif) no-repeat;
width:30px;
height:18px;
text-indent:-1000em;
margin:0 3px 0 0;
}

ul.brandList li.amex{
float:left;
background:url(../img/card/brand/amex.gif) no-repeat;
width:30px;
height:18px;
text-indent:-1000em;
margin:0 3px 0 0;
}

ul.brandList li.diners{
float:left;
background:url(../img/card/brand/diners.gif) no-repeat;
width:60px;
height:18px;
text-indent:-1000em;
}

/* 11:カード詳細ライト */
div.cardDetailRight p.cardDetailTitle{
font-size:16px;
margin:0 !important;
}

div.cardDetailRight p{
margin:5px 0;
line-height:18px;
}

/* アイコンリスト */
ul.iconList{
width:400px;
}

ul.iconList li{
float:left;
margin:0 4px 0 0;
width:39px;
height:39px;
text-indent:-1000em;
}

ul.iconList .muryo{
background:url(../img/card/icon/muryo.gif);
}

ul.iconList .shonendo{
background:url(../img/card/icon/shonendo.gif);
}

ul.iconList .kokunai{
background:url(../img/card/icon/kokunai.gif);
}

ul.iconList .kaigai{
background:url(../img/card/icon/kaigai.gif);
}

ul.iconList .ribo{
background:url(../img/card/icon/ribo.gif);
}

ul.iconList .yutai{
background:url(../img/card/icon/yutai.gif);
}

ul.iconList .point{
background:url(../img/card/icon/point.gif);
}

ul.iconList .shopping{
background:url(../img/card/icon/shopping.gif);
}

ul.iconList .gakusei{
background:url(../img/card/icon/gakusei.gif);
}

ul.iconList .josei{
background:url(../img/card/icon/josei.gif);
}

ul.iconList .kuruma{
background:url(../img/card/icon/kuruma.gif);
}

ul.iconList .etc{
background:url(../img/card/icon/etc.gif);
}

ul.iconList .keitai{
background:url(../img/card/icon/keitai.gif);
}

ul.iconList .design{
background:url(../img/card/icon/design.gif);
}

ul.iconList .gold{
background:url(../img/card/icon/gold.gif);
}

/* カード詳細テーブル */
#detailTable{
border:1px solid #CCCCCC;
margin:10px 0 0 0;
width:550px;
}

#detailTable th{
border:1px solid #CCCCCC;
background:#F6F6F6;
padding:5px;
font-weight:normal;
width:168px;
}

#detailTable td{
border:1px solid #CCCCCC;
padding:5px;
}