@charset "UTF-8";

/* =======================================
OUTLINE
	セゾンカードオフィシャルサイト
	トップページ-コンテンツエリア
========================================== */

/*======================================== */
/* ヘッダ背景描画調整
/*======================================== */

@media print {
 body {
  background:none;
 }
 #b_header {
  background:url(/cmn_data/img/hd_bg_01.gif) left -10px repeat-x;
 }
 #goSpnBtn {
  display: none;
 }
}


/*======================================== */
/* ヘッダロゴ
/*======================================== */
#b_header {
 background:url(/cmn_data/img/hd_bg_01.gif) left -10px repeat-x;
}
#b_header h1 {
 display:block;
 position:absolute;
 left:20px;
 top:0;
 color:white;
 font-size:66%;
 font-weight:normal;
 padding-top:4px;
}
/*IE7*/
*:first-child+html #b_header h1 {
 position:relative;
 margin-bottom:-15px;
 font-size:65%;
}
/*IE8*/
#b_header h1 {
 font-size:62%\9;
}
#b_header #hdLogo {/* トップページ用 */
 float:left;
 padding: 24px 0 0 20px;
 margin-bottom: -4px;
}

/*======================================== */
/* ブランドパネルバナーエリア
/*======================================== */

#brandPanel{
	height:235px;
 overflow:hidden;
}

#brandPanel .images {
	position:relative;
	width:680px;
	height:235px;
	float:left;
	cursor:pointer;
 overflow:hidden;
}

#brandPanel .images li {
	display:none;
	position:absolute;
	top:0;
	left:0;
 padding:2px;
 border:solid 1px #d4d4d4;
}

#brandPanel .images li img{
width:674px;
height:227px;
display:block;
}

#brandPanel .slidetabs {
	clear:both;
	padding-top:9px;
	zoom:1;
	position:relative;
 top:-46px;
 left:8px;
}

#brandPanel .slidetabs:after { 
 content : ''; 
 display : block; 
 clear : both; 
 margin-bottom:0px;
}

#brandPanel .slidetabs a {
	width:42px;
	height:26px;
	float:left;
	background-color:#fff;
 margin-left:3px;
 overflow:hidden;
}

#brandPanel .slidetabs a img {
	opacity:0.3;		
	filter: Alpha(opacity=30);	
}

#brandPanel .slidetabs a.current img,
#brandPanel .slidetabs a:hover img  {
	opacity:1;
	filter: Alpha(opacity=100);
  margin-left:-2px;
 margin-top:-2px;
}

#brandPanel .slidetabs a.current,
#brandPanel .slidetabs a:hover{
	width:38px;
	height:22px;
 border:solid 2px #1948d1;
}

/*======================================== */
/* バナーエリア
/*======================================== */

#tpBnrArea{
padding:9px 0 10px 0;
background:url(../img/idx_bg01.gif) left top no-repeat;
}

/*#tpBnrArea ul{
padding-top:9px;
}

#tpBnrArea ul li{
float:left;
padding-left:10px;
font-size:1px;
line-height:1;
margin-bottom:10px;
_margin-bottom:0;
}*/


#tpBnrArea img{
margin-bottom:10px;
}

#tpBnrArea .centerImg{
margin:0 10px
}

a.alpha:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}

/*======================================== */
/* What'New
/*======================================== */

#whatsNew{
clear:both;
border:solid 1px #d4dbef;
position:relative;
margin-bottom:38px;
height:100%;
}

#whatsNew h2 {
z-index:100;
position:relative;
}

#whatsNew ul{
overflow:hidden;
padding:0 10px 0 10px;
}

#whatsNew ul li{
border-top: dotted 1px #7f7f7f;
padding-top:8px;
margin:-1px 0 8px 0;
*position:relative;
background:url(../../cmn_data/img/listmark01.gif) left 1em no-repeat;
_background:url(../../cmn_data/img/listmark01.gif) left 1.3em no-repeat;
padding-left:9em;
 zoom: 100%;
 line-height:1.4em
 }

#whatsNew ul li:after {
 display: block;
 clear: both;
 height: 0;
 line-height: 0;
 overflow: hidden;
 visibility: hidden;
 content: ".";
}

#whatsNew ul li a{
position:relative;
}


#whatsNew ul li span.wnDate{
position:absolute;
left:-8em;
font-weight:bold;
}

#whatsNew #whatsNewLink{
display:block;
font-weight:bold;
position:absolute;
bottom:-20px;
right:0;
}

#whatsNew strong {
color:#f00;
}


/*======================================== */
/* PICKUP CANPAIGN
/*======================================== */

#tpPickup{
padding-bottom:20px;
width:680px;
background:url(../img/idx_bg01.gif) left 41px no-repeat;
}

#tpPickup iframe {
margin-bottom:15px;
border:none;
overflow:hidden
	}

#tpPickup #pickupLink{
display:block;
float:right;
}

/*======================================== */
/* RECOMMEND SERVICE
/*======================================== */

#tpRecommend{
clear:both;
padding-bottom:33px;
width:680px;
background:url(../img/idx_bg01.gif) left 41px no-repeat;
}

#tpRecommend h2{
margin-bottom:9px;
}

#tpRecommend ul{
position:relative;
margin-left:-9px;
}

#tpRecommend ul li{
 float:left;
 padding-left:9px;
 line-height:1;
 font-size:1px;
 margin-bottom:9px;
}

#tpRecommend #tpRecommendLink{
display:block;
float:right;
}

/*======================================== */
/* SERVICES
/*======================================== */

#tpServices{
background:url(../img/idx_bg01.gif) left 41px no-repeat;
padding-bottom:20px;
clear:both;
}

#tpServices dl{
width:220px;
float:left;
padding:13px 0 0 5px;
font-size:0.9em;
}

#tpServices dl dt{
margin-bottom:10px;
}

#tpServices dl dd{
margin-bottom:6px;
padding-left:2px;
}

#tpServices dl dd a{
background:url(../../cmn_data/img/listmark01.gif) left 0.3em no-repeat;
padding-left:8px;
}

/*======================================== */
/* SECURITY
/*======================================== */
/*======================================== */
/* GUIDE
/*======================================== */

#tpSecurity,
#tpGuide{
padding-bottom:20px;
width:330px;
}

#tpSecurity ul,
#tpGuide ul{
padding:13px 0 0 5px;
font-size:0.9em;
}

#tpSecurity ul li,
#tpGuide ul li{
margin-bottom:6px;
padding-left:2px;
}

#tpSecurity ul li a,
#tpGuide ul li a{
background:url(../../cmn_data/img/listmark01.gif) left 0.3em no-repeat;
padding-left:8px;
}

#tpSecurity{
background:url(../img/idx_security_bg01.jpg) left 37px no-repeat;
float:left;
}

#tpGuide{
background:url(../img/idx_guide_bg01.jpg) left 37px no-repeat;
float:right;
}

/*======================================== */
/* 重要なお知らせ
/*======================================== */

#tpImportant{
clear:both;
background-color:#fcfcfc;
}

#tpImportant h2 {
z-index:100;
position:relative;
}

#tpImportant ul{
overflow:hidden;
border:solid 1px #dddddd;
border-top:none;
padding:0 10px 0 10px;
}

#tpImportant ul li{
border-top: dotted 1px #7e7e7e;
padding-top:12px;
margin:-1px 0 12px 0;
*position: relative;
z-index:2;
font-size:0.9em;

}

#tpImportant ul li a{
background:url(../../cmn_data/img/listmark02.gif) left 0.4em no-repeat;
padding-left:10px;
}

#tpImportant #tpImportantLink{
padding-top:10px;
display:block;
float:right;
}

#tpImportant strong {
color:#f00;
}


/* 2012/11/02追記
/*======================================== */

#top_info{
border:1px solid #ff0000;
padding:10px;
margin:0 0 20px 0;
}

#top_info a{
background: url(../../cmn_data/img/listmark01.gif) left 0.3em no-repeat;
padding-left: 8px;
color:#ff0000 !important;
font-weight:bold;
}

/* 2014/06/13追記
/*======================================== */
.cap_text{
position: relative;
left: 253px;
/*top: -44px;
margin-bottom: -44px;*/
width:680px;
clear:both;
padding:0 0 13px;
color:gray;
font-size: 71%;
}

/* 2014/07/14追記
/*======================================== */
.oshirase_details{
border:1px dashed #e31010;
padding:1em 1em 0 1em;
margin-top:1em;
}
.oshirase_details p{
line-height:1.5;
margin-bottom:1em
}
.oshirase_details p strong{
font-size:1.44em;
}

a.onImg:hover{
filter: alpha(opacity=50);
opacity:0.5;
}