@charset "UTF-8";



.header h1{
font-weight:normal;
font-size:100%;
}

.contents{
background:url("/ordercard/images_sub/banner_bg.gif") repeat-x top left;
}
/* bannerArea */
#bannerArea{
width:974px;
height:204px;
clear:both;
overflow: hidden;
background:#ffffff;
padding:3px;
zoom:1;
}
.jsDisabled{
height:180px;
padding:15px;
border:1px solid #cccccc;
background:#ffffff;
}
#slidImage{
float:left;
width:690px;
margin-right:3px;
}
#slidImage a{
overflow:hidden;
zoom: 1;
}

#bannerArea li.bannerBtnOn a:visited,
#bannerArea li.bannerBtnOn a:link {
color:#333;
text-decoration:none;
}

#bannerArea li.bannerBtnOff a:visited,
#bannerArea li.bannerBtnOff a:link{
color:#333;
text-decoration:none;
}

#bannerArea li.bannerBtnOff a:hover,
#bannerArea li.bannerBtnOn a:hover{
text-decoration:underline;
}


#bannerArea ul{
width:281px;
margin:0;
padding:0;
float:left;
list-style-type:none;
}
#bannerArea img,
#bannerArea li{
margin:0;
padding:0;
}
#bannerArea li{
display:block;
width:281px;
height:66px;
}
#bannerArea li a{
display:block;
margin-left:7px;
width:231px;
height:51px;
padding:13px 0 0 25px;
}
#bannerArea li.bannerBtnOn{
background:#ffffcc;
opacity:1;
}
#bannerArea li.bannerBtnOff{
background:#fff;
opacity:1;
}
#bannerArea li.bannerBtnOn a{
background:url("/ordercard/images_sub/arrow_on.gif") no-repeat left center;
}
#bannerArea li.bannerBtnOff a{
background:url("/ordercard/images_sub/arrow_off.gif") no-repeat left center;
}
#bannerArea img{
border:none;
vertical-align:top;
}
.topSection{
margin-top:30px;
overflow:hidden;
}
.topSection .inner{
padding:0 10px;
overflow:hidden;
}
.topSection ul.cardList{
width:1000px;
margin-right:-20px;
overflow:hidden;
}
.topSection ul.cardList li{
float:left;
margin-right:12px;
}
.topWithNavi .contentsMain{
display:inline;
float:left;
width:692px;
margin-right:8px;
}
.topWithNavi .contentsMain .topCol{
width:702px;
margin-top:20px;
margin-left:10px;
margin-right:-20px;
overflow:hidden;
}
.topWithNavi .contentsMain .topCol4-2{
float:left;
width:330px;
margin-right:10px;
padding-top:18px;
background:url("/ordercard/images_sub/recommended_credit_card_bg.gif") no-repeat center top;
text-align:center;
}
.topWithNavi .contentsMain .topCol4-2 .cardTxt,
.topWithNavi .contentsMain .topCol4-2 .cardLink{
margin-bottom:15px;
font-weight:bold;
}
.topWithNavi .contentsMain .topCol4-2 .cardPicWide{
height:130px;
background:url("/ordercard/images_sub/recommended_credit_card_chaddow01.gif") no-repeat center 100px;
margin-bottom:20px;
}
.topWithNavi .contentsMain .topCol4-2 .cardPicWide.adjust{
margin:25px 0;
}
.topWithNavi .contentsMain .topCol4-2 .cardPicNarrow{
height:185px;
background:url("/ordercard/images_sub/recommended_credit_card_chaddow02.gif") no-repeat center 160px;
}
.topWithNavi .contentsSub{
float:left;
width:277px;
}
.topWithNavi .contentsSub .subBox{
border:1px solid #CCCCCC;
margin-bottom:15px;
}
.topWithNavi .contentsSub .subBox .inner{
margin:10px;
}
.topWithNavi .contentsSub .subBox .imgL{
margin:0 10px 0 0;
float:left;
}
.topWithNavi .contentsSub .subBox .imgL img{
margin-top:10px;
}
.topWithNavi .contentsSub .subBox .txtR p{
margin-top:0;
}
.topWithNavi .contentsSub .subBox .txtR dt{
font-weight:bold;
}
.topWithNavi .contentsSub .subBox .txtR dd{
margin-left:0;
}
.topWithNavi .contentsSub .subBox fieldset{
border:none;
margin:0;
padding:0;
}
.topWithNavi .contentsSub .subBox legend{
}
/* bannerArea */
#bannerArea noscript .box{
background:none;
width:auto;
}
#bannerArea noscript .boxIn{
background:none;
}
#bannerArea noscript .boxInner{
background:none;
width:auto;
}
#bannerArea noscript .boxContents{
width:auto;
padding-left:30px;
}


/* 2014.9.24 追加 */
/*----------------------------------------------------*/

#bannerArea ul.subImage li a{
display:block;
margin-left:0px;
width:277px;
height:62px;
padding:2px 2px 2px 2px;
}
#bannerArea ul.subImage li.bannerBtnOn{
background:#f27900;
opacity:1;
}
#bannerArea ul.subImage li.bannerBtnOff{
background:#d6d7d7;
opacity:1;
}
#bannerArea ul.subImage li.bannerBtnOn a{
background: none;
}
#bannerArea ul.subImage li.bannerBtnOff a{
background: none;
}

/* bannerArea */
#bannerAreaB{
width:980px;
height:210px;
clear:both;
overflow: hidden;
background: none;
padding:0;
zoom:1;
margin-bottom: 10px;
}
#bannerAreaB ul{
margin: 0 -10px 0 0;
overflow: hidden;
zoom: 1;
}
#bannerAreaB ul li{
float: left;
margin: 0 10px 0 0;
padding-bottom: 0;
width: 312px;
height: 202px;
display: inline;
border: 4px solid #fff;
}