@charset "utf-8";
/* =======================================

OUTLINE

	UCカードオフィシャルサイト

	カード一覧

========================================== */

body {
	overflow-x:hidden;
}

.cpBtn{
	text-align:center;
	padding-top:11px;
	}

.cpBtn img{
	width:300px;
	}

h1{
	margin-bottom:0;
	}

ul.linkBtn {
	margin-top:0;
	}

#contena_box_new2008 > #spHeader #hdLogo, #spTop #spHeader #hdLogo {
	padding: 6px 0 6px 10px;
	}

/* ----- top_anchorlink ----- */

.top_anchorlink {
	text-align: center;
}

.top_anchorlink p {
	display: inline-block;
	width: 40%;
	margin: 20px 10px;
}
.top_anchorlink p a {
	position: relative;
	display: block;
	padding: 0.7em;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #3f4690;
	color: #FFFFFF;
	font-size: 14px;
    line-height: 17px;
	font-weight: bold;
	background: #8ba0d6;
	background: -moz-linear-gradient(top, #bfbce0 0%, #8ba0d6 70%, #bfbce0 100%);
	background: -webkit-linear-gradient(top, #bfbce0 0%,#8ba0d6 70%,#bfbce0 100%);
	background: linear-gradient(to bottom, #bfbce0 0%,#8ba0d6 70%,#bfbce0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbce0', endColorstr='#bfbce0',GradientType=0 );
	border-radius: 8px;
    box-shadow: 0px 1px 1px #999999;
	transition: 0.3s;
}


/* ----- タイトル ----- */

.contents h2 {
	border-bottom: double 3px #b9b9b9 !important;
    padding: 30px 10px 0;
    margin: -10px 0 0px;
    color: #333333 !important;
    background-color: #FFFFFF !important;
    z-index: 1;
	}

.contents h3 {
	width: 100%;
	position: relative;
	margin: 15px 0 0;
	padding: 8px 10px;
	background: #6d7eae; /* Old browsers */
	background: linear-gradient(to right, #6d7eae 0%,#bfbce0 80%,#6b7ab2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d7eae', endColorstr='#6b7ab2',GradientType=1 ); /* IE6-9 */
    color: #FFFFFF;
	font-size: 14px;
    font-weight: bold;
	text-shadow: 1px 1px 2px #122882;
	box-sizing: border-box;
    box-shadow: 2px 2px 0px #a1a1a1;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
	overflow: hidden;
}
.contents h3:before {
	content: "";
    background: rgba(255,255,255,0.2);
    position: absolute;
    top: 0;
    right: -20px;
    width: 100px;
    height: 10px;
	transform: rotate(45deg);
}
.contents h3:after {
	content: "";
    background: rgba(255,255,255,0.2);
    position: absolute;
    top: 0;
    right: -35px;
    width: 100px;
    height: 3px;
	transform: rotate(45deg);
	visibility: visible;
}
.contents h3 span {
	font-size: 0.8em;
	float: right;
	line-height: 19px;
}
.contents h3 span em {
	color: #ffee00;
}

.option.clearfix:after {
	height: auto !important;
}