@charset "utf-8";
@import url('reset.css');

* {
	padding: 0px;
	margin: 0px;
	line-height: 100%;
	outline: none;
}

html {
	border: 0px;
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
}

body {
	color: #333333;
	cursor: default;
	font-family:'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
	background-color: #DCDCDC;
	background-image: url(../../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

a {
	text-decoration: none;
	cursor: pointer;
}

a {overflow:hidden;}
a:link { color: #5e855a; text-decoration: none;}
a:visited { color: #5e855a; text-decoration: none;}
a:active { color: #5e855a; text-decoration: underline; outline: none;}
a:hover { color: #096e00; text-decoration: underline;}
a:focus { -moz-outline-style: none; }

.mgn_btm_10 { margin-bottom: 10px; }
.mgn_btm_20 { margin-bottom: 20px; }
.mgn_btm_30 { margin-bottom: 30px; }
.mgn_btm_40 { margin-bottom: 40px; }
.mgn_btm_50 { margin-bottom: 50px; }



div#wrapper { width: 943px; margin: 40px auto; font-size: 75%; position: relative; background: url(/creditcard/use/gold/images/bg_center.png) repeat-y 0 0; 
}
div#wrapper .btm_btn {
	position: absolute;
	bottom: 0px;
}


div#mainContents {
	clear: both;
	margin: 0 auto 30px auto;
	width: 852px;
}

/* ========================================================
   header
   ===================================================== */
header#headerGlobal { background: url(/creditcard/use/gold/images/bg_top.gif) no-repeat 0 0; margin: 0 auto; width: 943px; position: relative; 
}
header#headerGlobal p.close { position: absolute; left: 906px; top: -6px; }

header#headerGlobal .headGroup {
	width: 853px;
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
}
h1 { margin-bottom: 20px; }
.navi { width: 650px; margin-right: auto; margin-left: auto; }

.navi li { height: 47px; width: 201px; margin-right: 15px; margin-bottom: 15px; list-style-type: none; float: left; }



.headGroup .btn_0111 { 
	position: absolute; 
	left: 405px; 
	top: 54px; 
	padding-right: 10px; 
	padding-left: 10px;
	border-left-width: 1px; 
	border-left-style: solid; 
	border-left-color: #666; 
	padding-top: 5px; 
	padding-bottom: 5px; 
}

.headGroup .btn_01 { 
	position: absolute; 
	left: 587px; 
	top: 54px; 
	padding-right: 10px; 
	padding-left: 10px;
	border-left-width: 1px; 
	border-left-style: solid; 
	border-left-color: #666; 
	padding-top: 5px; 
	padding-bottom: 5px; 
}

.headGroup .btn_02 { 
	position: absolute; 
	left: 597px; 
	top: 54px; 
	padding-right: 10px; 
	padding-left: 10px;
	border-left-width: 1px; 
	border-left-style: solid; 
	border-left-color: #666; 
	padding-top: 5px; 
	padding-bottom: 5px; 
}
.headGroup .btn_03 { 
	position: absolute; 
	left: 713px; 
	top: 54px; 
	padding-right: 10px; 
	padding-left: 10px; 
	border-right-width: 1px; 
	border-right-style: solid; 
	border-right-color: #666;
	border-left-width: 1px; 
	border-left-style: solid; 
	border-left-color: #666; 	
	padding-top: 5px; 
	padding-bottom: 5px; 
}


ul.headPoint { position: absolute; top: 270px; left: 30px; 
}
ul.headPoint li {
	float: left;
	margin-right: 20px;
}

nav#navGlobal {
	clear: both;
	float: left;
	margin: 0 0 25px 80px;
	width: 702px;
	_margin-left: 40px;
}
nav#navGlobal ul {
	margin-left: 35px;
}
nav#navGlobal ul li {
	float: left;
	margin: 0 15px 10px 0;
	background: url(images/common/global_nav_line.jpg) no-repeat scroll right 0;
}
nav#navGlobal ul li a img {
	display: block;
}
section div.box { border: 3px solid #333; padding-left: 40px; padding-top: 30px; }

.entryGroup_1-wrapper { text-align: center; margin-bottom: 40px; width: 850px; position: relative;
}
.entryGroup_1 { position: absolute; top: 11px; right: 12px;
}
.entryGroup_1_2 { position: absolute; top: 70px; right: 12px;
}
.entryGroup_1_4 { position: absolute; top: 59px; right: 12px;
}
/*.entryGroup_1 { text-align: center; margin-bottom: 40px; background-image: url(/creditcard/use/gold/images/bg_propose_01.gif); height: 162px; width: 205px; padding-top: 17px; clear: both; padding-left: 620px; 
}*/

.entryGroup_2-wrapper { text-align: center; margin-bottom: 40px;width: 850px; position: relative;
}
.entryGroup_2 { position: absolute; top: 11px; right: 12px;
}
.entryGroup_2_2 { position: absolute; top: 63px; right: 12px;
}
/*.entryGroup_2 { text-align: center; margin-bottom: 40px; background-image: url(/creditcard/use/gold/images/bg_propose_02.gif); height: 75px; width: 330px; padding-top: 10px; clear: both; padding-left: 520px; }*/
.bnrArea {
	height: 100px;
	width: 850px;
	position: relative;
	margin-bottom: 30px;
}
.bnrArea p.bnr1 { height: 107px; width: 850px; position: absolute; left: 0px; top: 0px; }
.bnrArea p.bnr2 { height: 107px; width: 415px; position: absolute; left: 0px; top: 5px; }
.bnrArea p.bnr3 { height: 107px; width: 415px; position: absolute; left: 433px; top: 5px; }
#link_a div.point1 { background-image: url(/creditcard/use/gold/images/point1_01.jpg); height: 219px; width: 765px; position: relative; margin-bottom: 30px; }

#link_a div.point1 a { position: absolute; left: 382px; top: 198px; }

#link_a div.point2 { background-image: url(/creditcard/use/gold/images/point1_02.jpg); height: 220px; width: 765px; position: relative; margin-bottom: 30px; background-repeat: no-repeat; }
#link_a div.point2 a { position: absolute; left: 382px; top: 196px; }
#link_a div.point3 { background-image: url(/creditcard/use/gold/images/point1_03.jpg); height: 184px; width: 765px; position: relative; margin-bottom: 30px; }
#link_a div.point3 a { position: absolute; left: 382px; top: 163px; }
#link_a div.point4 { background-image: url(/creditcard/use/gold/images/point1_04.jpg); height: 215px; width: 765px; position: relative; margin-bottom: 30px; }
#link_a div.point4 a { position: absolute; left: 382px; top: 188px; }
#link_a div.point5 { background-image: url(/creditcard/use/gold/images/point1_05.jpg); height: 181px; width: 765px; position: relative; margin-bottom: 30px; }
#link_a div.point5 a { position: absolute; left: 382px; top: 158px; }
#link_a div.point6 { background-image: url(/creditcard/use/gold/images/point1_06.jpg); height: 181px; width: 765px; position: relative; margin-bottom: 30px; }
#link_a div.point6 a { position: absolute; left: 382px; top: 158px; }
#link_b div.point1 { background-image: url(/creditcard/use/gold/images/point2_01.gif); height: 493px; width: 789px; position: relative; margin-bottom: 30px; }

#link_b div.point1 a { position: absolute; left: 549px; top: 364px; }
#link_b div.point2 { background-image: url(/creditcard/use/gold/images/point2_01.gif); height: 520px; width: 789px; position: relative; margin-bottom: 30px; background-repeat: no-repeat; }
#link_b div.point2 p.link1 { position: absolute; left: 519px; top: 470px; }
#link_b div.point2 p.link2 { position: absolute; left: 470px; top: 500px; }
#link_c div.point1 { background-image: url(/creditcard/use/gold/images/point3_01.gif); height: 871px; width: 758px; position: relative; margin-bottom: 30px; }
#link_c div.point1 a { position: absolute; left: 220px; top: 495px; }
#link_c div.point1 a.btn2 { position: absolute; left: 220px; top: 748px; }
#link_d div.point1 { background-image: url(/creditcard/use/gold/images/point4_01.jpg); height: 145px; width: 758px; position: relative; }
#link_d div.point2 { background-image: url(/creditcard/use/gold/images/point4_02.jpg); height: 342px; width: 758px; position: relative; margin-bottom: 30px; }


.top_return { text-align: right; margin-top: 10px; margin-bottom: 30px; }



/* ========================================================
   footer
   ===================================================== */
footer#footerGlobal {
	clear: both;
	background: url(/creditcard/use/gold/images/bg_bottom.gif) no-repeat 0 bottom;
	margin: 0 auto;
	width: 943px;
	position: relative;
}
footer#footerGlobal p.footer {
	text-align: center;
	padding-bottom: 40px;
}

footer#footerGlobal p.pageTop  {
	position: absolute;
	top: 0;
	right: 48px;
}

.pageTop {
	width: 128px;
	margin: 0 0 0 725px;
	padding-bottom: 25px;
}
.pageTop img {
	float: right;
}

.marB0 {margin-bottom: 0!important;}
.marB5 {margin-bottom: 5px!important;}
.marB10 {margin-bottom: 10px!important;}
.marB20 {margin-bottom: 20px!important;}
.marB30 {margin-bottom: 30px!important;}
.marB40 {margin-bottom: 40px!important;}
.marB50 {margin-bottom: 50px!important;}
.marB80 {margin-bottom: 80px!important;}

.center {
	text-align: center;
}


#back-top {
	position: fixed;
	bottom: 20px;
	right: 30px;
}
 
#back-top a {
	width: 100px;
	height: 20px;
	display: block;
	padding-top: 5px;
	background: #000000; /* IE�p */
	background: -moz-linear-gradient(top, #333, #666 50%,#333 51%, #000);/* Firefox�p */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), color-stop(0.5, #666), color-stop(0.51, #333), to(#000));/* Safari,Google Chrome�p */
	background: -o-linear-gradient(top, #333, #666 50%,#333 51%, #000);
	background: linear-gradient(top, #333, #666 50%,#333 51%, #000);
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	line-height: 1.2;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-size: 12px;
}
 
#back-top a:hover {
background: #EEEEEE; /* IE�p */
background: -moz-linear-gradient(top, #CCC, #FFF 50%,#EEE 51%, #CCC);/* Firefox�p */
background: -webkit-gradient(linear, left top, left bottom, from(#CCC), color-stop(0.5, #FFF), color-stop(0.51, #EEE), to(#CCC));/* Safari,Google Chrome�p */
background: -o-linear-gradient(top, #CCC, #FFF 50%,#EEE 51%, #CCC);
background: linear-gradient(top, #CCC, #FFF 50%,#EEE 51%, #CCC);
color: #000;
}

/* ==============   footer   ============== */

#floatMenu{ width: 72px; height: 131px; position: absolute; top:100px; 
	left: : 10px; left: 934px; 
}

/* ==============   archivesBox   ============== */
.archivesBox {
	border: 2px solid #000;
	padding-top: 38px;
	margin-bottom: 30px;
}
.archivesBox_past {
	border: 2px solid #000;
	padding-top: 30px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
}


.archives { margin-left: 75px; position: relative; height: 190px; margin-bottom: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-right: 72px; 
}

.archives .bnr {
	position: absolute;
	left: 0px;
	top: 0px;
}

.archives .linkArea {
	height: 90px;
	width: 510px;
	position: absolute;
	left: 190px;
}

.archives .linkArea h3 { background-image: url(/creditcard/use/gold/campaign/images/arrow_icon.gif); background-repeat: no-repeat; background-position: 0px 3px; font-size: 14px; line-height: 125%; padding-left: 20px; font-weight: bold; margin-bottom: 10px; 
}
.archives .linkArea .period {
	color: #FFF;
	background-color: #AF7F00;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-left: 20px;
}
.archives .linkArea .day { color: #666; padding: 0px; margin-top: 10px; font-size: 12px; clip: rect(auto,auto,auto,20px); margin-left: 20px; margin-bottom: 10px; 
}
.archives .linkArea .end { color: #F00; padding: 0px; margin-top: 10px; font-size: 11px; clip: rect(auto,auto,auto,20px); margin-left: 20px; }
.no_bdr { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }




/* ==============   slideBTN   ============== */
.nav { padding: 0; position: absolute; top: -200px; margin-top: 0; margin-right: auto; margin-left: auto; display: none; }
.fixed {
	position: fixed;
	top: 0;
	width: 120px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	padding-left: 944px;
}
.png_bg { position: relative; }


/* ==============   toggleBTN   ============== */



.topToggleBnr {
  margin: 30px auto;
  text-align: left;
}
.topToggleBnr input {
  display: none;
}
.topToggleBnr label {
  color: #4776AF;
  cursor: pointer;
  padding: 30px 0;
}
.topToggleBnr label:hover {
  color: #ccc;
}
.topToggleBnr .top {
  padding: 10px;
  background: #fff;
}
.topToggleBnr .btm {
  transition: 3s;
  height: 0;
  overflow: hidden;
  padding: 0;
}
.topToggleBnr .btn {
  text-align: left;
  display: block;
  width: 80px;
  margin: 0;
}
.topToggleBnr .btn2 {
  text-align: center;
  display: block;
  width: 80px;
  margin: 0 auto;
}
.topToggleBnr input:checked + .btm {
  height: auto;
  padding: 0;
  background: #fff;
}


.topToggleBnr label:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}