@charset "Shift_JIS";

/************************************************* ₯”Δ—pƒNƒ‰ƒX */

/* ---------- RESET ---------- */
html {	width: 100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size: small;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {	border: 0;}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
em, strong {	font-style: normal;}
li {	list-style: none;}
caption, th {	text-align: left;}
h1, h2, h3, h4, h5, h6 {	font-weight: normal;}
q:before, q:after {	content: '';}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {	vertical-align: text-top;}
sub {	vertical-align: text-bottom;}
input, textarea, select {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
}

legend {	color: #000;}

/*	SET	*/

table {
	font-size: inherit;
}

pre, code, kbd, samp, tt {
	line-height: 100%;
	font-family: monospace;
	*font-size: large;
}
p {	margin: 0 0 1em;}

sup {
	position: relative;
	top: -.4em;
}

.clearfix:after{
	display: block;
	clear: both;
	height: 0;
	content: "";
}
* html .clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
*:first-child+html .clearfix { min-height: 1px; }


/* ---------- floatŽw’θ ---------- */

.left{	float: left;}
.right{	float: right;}

/* ---------- ƒtƒHƒ“ƒgƒJƒ‰[ ---------- */

.red { color: #ba0501;}


/************************************************* ₯‘Sƒy[ƒW‹€’Κ_ƒfƒUƒCƒ“˜g */

body * {
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif !important;
}


#wrapper #header{	margin: 0 !important;}


/* ---------- ‰‘•‚πŽw’θ ---------- */
#header #head_link{	width: 860px;}

/* ---------- “ΑW‚Μ”wŒi ---------- */

#bg1{
	width: 100%;
	background:url(../img/bgimage.jpg) center top no-repeat #FFFFFF;
}

#content {
	width: 850px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color:#FFFFFF;
}

#content_inner {
	width:850px;
	margin:0 auto;
}


/* ---------- layout ---------- */


#MainContentsArea{
		width:850px;
	margin:0 auto;
}

#tcardCt{
	width: 850px;
	text-align: left;
}
#tcardCt h3{
	clear: both;
	padding: 7px 10px 8px 10px;
	background-color: #04237d;
	font-size: 16px;
	color: #fff;
}
#tcardCt table{
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

#tcardCt table td,
#tcardCt table th{
	padding: 10px 12px 6px 12px;
	border-color:#fff;
	border-style:solid;
	
}
#tcardCt table td{
	background-color: #f4f2ed;
	border-width: 0 0 3px 0;
}
#tcardCt table th{
	width: 120px;
	background-color: #ece9e2;
	vertical-align: middle;
	text-align: center;
	border-width: 0 3px 3px 0;
	font-weight: normal;
	white-space:normal;
}
#tcardCt a:link,
#tcardCt a:visited,
#tcardCt a:hover{ color:#323232; }
#tcardCt a:link,
#tcardCt a:visited{ text-decoration: underline; }
#tcardCt a:hover{ text-decoration: none; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-------------------------------------------

 key Visual and G-navi

-------------------------------------------*/


#mainArea{
	border:1px solid #04237d;
	margin-bottom: 16px;
margin-top: 15px;
	text-align:center;
}

#mainArea h2,
#mainArea ul li{
	line-height: 0;
	font-size: 0;
}
#mainArea ul li{ float: left; }
#mainArea ul li,
#mainArea ul li a{
	display: block;
	width: 162px;
	height:39px;
}
#mainArea ul li a{
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -99999px;
}
#mainArea ul li#tnavi01 a{ background-image: url(/pc/r/credit/img/img_gnavi01.gif);}
#mainArea ul li#tnavi02 a{ background-image: url(/pc/r/credit/img/img_gnavi02.gif);}
#mainArea ul li#tnavi03 a{ background-image: url(/pc/r/credit/img/img_gnavi03.gif);}
#mainArea ul li#tnavi04 a{ background-image: url(/pc/r/credit/img/img_gnavi04.gif);}
#mainArea ul li#tnavi01 a:hover{ background-image: url(/pc/r/credit/img/img_gnavi01_on.gif);}
#mainArea ul li#tnavi02 a:hover{ background-image: url(/pc/r/credit/img/img_gnavi02_on.gif);}
#mainArea ul li#tnavi03 a:hover{ background-image: url(/pc/r/credit/img/img_gnavi03_on.gif);}
#mainArea ul li#tnavi04 a:hover{ background-image: url(/pc/r/credit/img/img_gnavi04_on.gif);}


/*-------------------------------------------

@campaign

-------------------------------------------*/
#cmpArea{
	clear: both;
	margin-bottom: 20px;
}

#cmpArea h3{ margin-bottom: 14px; }
#cmpArea ul{ margin-bottom: 4px; }
#cmpArea ul li{
	display: block;
	margin-bottom: 12px;
}
#cmpArea p.btn{
	text-align: center;
	line-height: 0;
	font-size: 0;
}

/*-------------------------------------------

@Features of the card

-------------------------------------------*/

#featuresArea{ margin-bottom: 16px; }
#featuresArea .wrapIn{
	padding:19px 18px 24px 18px;
	border-color:#cecece;
	border-style:solid;
	border-width: 0 2px 2px 2px;
}

#featuresArea .box{
	clear: both;
	padding-bottom: 22px;
	margin-bottom: 22px;
	background-image: url(../img/bg_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#featuresArea .box.lastChild{ background-image: none; }
#featuresArea .box .icoArea{
	display: block;
	width: 114px;
	float: left;
	line-height: 0;
	font-size: 0;
}
#featuresArea .box .textArea{
	width: 650px;
	float: left;
}
#featuresArea .box .textArea p{ font-size: 14px; font-weight: bold; }
#featuresArea .box .textArea strong{ font-size: 16px; }
#featuresArea .box .textArea strong.emphasis01{ color:#04237d;}
#featuresArea .box .textArea strong.emphasis02{ color:#ff0000;}
#featuresArea .box .textArea p.ico{
	line-height: 0;
	font-size: 0;
	margin-bottom: 8px;
}
#featuresArea .notes,
#featuresArea .box .textArea p.notes{
	padding-left: 1em;
	text-indent: -1em;
	font-size: 11px; 
	font-weight: normal;
}

/*-------------------------------------------

@service

-------------------------------------------*/
#serviceArea h3{ margin-bottom: 9px; }
#tcardCt #serviceArea table{ margin-bottom: 23px; }
#tcardCt #serviceArea table th{ text-align: left; }