@charset "utf-8";

/********************************************************
*														*
*						 Base CSS						*
*														*
*-------------------------------------------------------*
*	CSS information										*
*	file name  :  spc.css								*
*	last edit  :  2018/06/15							*
*	style info :  サイト全体のスタイルの設定			*
********************************************************/
/*--------------------
		INDEX
----------------------
	reset
	General Styles
	Common Elements
====================================================== */



/* ------------------------------------------------------
	reset
------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
/* selectとinputはウェブコレの文字自動改行対応 */
select {
padding: 4px 26px 4px 6px;
    vertical-align:middle;
	font-size: 15px;
	
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
}
.slcWrap{
display: inline-block;
position: relative;
border: 1px solid #c1c1c1;
}
.slcWrap:after{
position: absolute;
z-index: 0;
content: '';
  width: 20px;
  height: 100%;
  top: 0;
  right: 0;
  pointer-events: none;
background:url(../../images/smart/select_arrow.png) no-repeat 50% 50% #c1c1c1;
background-size: 10px auto;
}




input {
	vertical-align:middle;
	word-break:normal;
}




/* ------------------------------------------------------
	General Styles
------------------------------------------------------ */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */

.hidden { display: none; }

.float_l { float: left; margin-right: 10px; margin-left:0 !important; margin-bottom: 10px; }
.float_r { float: right; margin-left: 10px; margin-bottom: 10px; }
.clear { clear: both; }

.disc li { list-style: disc; margin-left:2em; margin-bottom:2px; }
.circle li { list-style: circle; margin-left:2em; margin-bottom: 2px; }
.decimal li { list-style: decimal; margin-left:2em; margin-bottom: 2px; }

.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }

.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mt1 { margin-top: 1px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.p60 { width: 65%; margin: 0 auto; }
.p80 { width: 85%; margin: 0 auto; }

.ls5 { letter-spacing: -5px; }

.s_text { font-size: 13px !important; }
.l_text { font-size: 20px !important; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }

.red, font[color="red"]{ color: #da3124 !important; }

/* ------------------------------------------------------
	Common Elements
------------------------------------------------------ */
html, body, #wrapper {
	height: 100%;
	-webkit-text-size-adjust: none;
}

body {
	color:#333;
	background: #FFF;
	font: 16px/1.231;
	-webkit-text-size-adjust: none;
	font-family:"ヒラギノ角ゴ StdN","ヒラギノ角ゴ Pro W3", sans-serif;

}
/* ウェブコレの文字自動改行対応*/
dd {
	word-break:break-all;
	word-wrap:break-word;
}

#wrapper {
	min-height: 100%;
	position: relative;
	background: #ededed;
}

body > #wrapper {
  	height: auto;
}

#container {
	padding-bottom: 58px;
	/*background: #ededed;*/
}

#header {
	padding: 15px 10px;
	background: #fff;
}

.input_holder {
   margin:5px 0 0;
   padding:0;
   display:block;
   font-family:sans-serif;
   font-size:15px;
   color: #999999;
   position:absolute;
   cursor:text;
   top:6px;
   left:3px;
}


/* タイトルA
============================================== */
.title_A {
	margin: 0 0 0;
	padding: 12px 15px;
	font-size: 19px;
	font-weight: bold;
	text-align: left;
	background:url(../../images/smart/stripe.png) repeat;
	background-size: 3px auto;
	color: #fff;
}
.title_A + p{
	margin: 4px 0 0;
}
/* タイトルB
============================================== */
.title_B {
position: relative;
	margin-top: 10px;
	padding: 18px 15px;
	font-size: 18px;
}
.title_B::before{
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #fff;
top: 1px;
left: 0;
}
.title_B + p{
padding: 20px 15px 10px;
}

.section .title_B:first-child {
	margin-top: 0;
}



/* タイトルC
============================================== */

.title_C {
border-top: 1px solid rgb(166,166,166);
position: relative;
	padding: 18px 15px 18px;
	font-size: 18px;
	line-height: 1.4;
}
.title_C::before{
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #fff;
top: 1px;
left: 0;
}
.title_C + p{
padding: 0 15px 10px;
}


/* 表A
============================================== */
.list_A li {
	padding: 10px 15px;
}

.list_A dt {
margin: 0 0 8px;
font-weight: bold;
font-size: 15px;
}
.list_A dd {
}

.list_A li.even {
}


/* 表B
============================================== */
.list_B {
	margin: 0 10px;
	border: 1px solid #d7d7d7;
	border-radius:4px;
	background: #fff;
}

.list_B li {
	padding: 14px 15px 16px;
	border-bottom: 1px solid #d7d7d7;
	
}

.list_B li.even {
}
.list_B li.auto_odd_even:nth-child(1n){
}
.list_B li.auto_odd_even:nth-child(2n) {
}

.list_B li.auto_odd_even:last-of-type {
	border-bottom: none;
	/*-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;*/
}

.list_B li.end {
	border-bottom: none;
	/*-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;*/
}

.list_B dt {
margin: 0 0 8px;
font-weight: bold;
}
.list_B dd {
	margin-top: 2px;
	color: #333;
	line-height: 1.4;
}

.list_B dd.lawson {
	background-image: url(../../images/smart/icon_lawson.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 52px auto;
	padding-top: 15px;
	color: #333;
}

.list_B dd.seicomart {
	background-image: url(../../images/smart/icon_seikomart.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 55px auto;
	padding-top: 15px;
	color: #333;
}



.list_B dd.ministop {
	background-image: url(../../images/smart/icon_ministop.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 60px auto;
	padding-top: 43px;
}

/* リンクＢ
============================================== */
.link_B {
	margin: 0 10px 0;
	line-height: 1.2;
	text-align: right;
}

.link_B li {
	margin-bottom: 10px;
}

.link_B a {
display: inline-block;
	padding: 0 14px 0 0;
	line-height: 20px;
	text-decoration: underline;
	color: #333;
	background: url(../../images/smart/arrow_2.png) no-repeat 97% 50%;
	background-size: auto 10px;
}


/* ボタンA
============================================== */
.btn_A {
	text-align: center;
	margin: 10px 25px 0;
}

.btn_A a {
	height: 43px;
	line-height: 43px;
	padding: 0 10px;
	border: 2px solid #bebebe;
	display: block;
	text-decoration: none;
	color: #333;
border-radius: 4px;
background: url(../../images/smart/arrow_3.png) no-repeat 98% 50% #cecece;
background-size: 6px auto;
	font-weight: bold;
	font-size: 18px;
}

.btn_A a.tch-active {
	color: #ffa500;
	background: url(../../images/smart/btn_active.gif) repeat #ffe9c0;
	border: 2px solid #ffa500;
}

.btn_A_s {
	text-align: center;
	margin-top: 10px;
}

.btn_A_s a {
	height: 30px;
	line-height: 30px;
	margin: 0 10px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 21px;
	color: #FFF;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(139,139,139)),color-stop(0.5, rgb(139,139,139)),color-stop(0.5, rgb(149,149,149)),color-stop(1, rgb(206,206,206)));
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 1px 1px #2b442c;
	box-shadow: 0px 1px 1px #2b442c;
}

.btn_A_s a.tch-active {
	color: #ffa500;
	background:url(../../images/smart/btn_active.gif) repeat #ffe9c0;
	border: 1px solid #ffa500;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn_A_half {
	text-align: center;
	margin-top: 10px;
	width: 42%;
}
.btn_A_half.float_l{
	margin-left: 20px!important;
	margin-right: 0!important;
}
.btn_A_half.float_r{
	margin-left: 0!important;
	margin-right: 20px!important;
}
.btn_A_half a {
	height: 43px;
	line-height: 43px;
	padding: 0 10px;
	border: 2px solid #bebebe;
	display: block;
	text-decoration: none;
	color: #333;
border-radius: 4px;
background: url(../../images/smart/arrow_3.png) no-repeat 97% 50% #cecece;
background-size: 6px auto;
text-align: center;
}

.btn_A_half a.tch-active {
	color: #ffa500;
	background: url(../../images/smart/btn_active.gif) repeat #ffe9c0;
	border: 2px solid #ffa500;
}


/* ボタンB
============================================== */
.btn_B {
	margin: 10px 25px 30px;
}

.btn_B li {
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 60%, #f3f3f3 100%);
background: -webkit-linear-gradient(top,  #ffffff 60%,#f3f3f3 100%);
background: linear-gradient(to bottom,  #ffffff 60%,#f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	border-radius: 4px;
	border: 2px solid #d7d7d7;
	margin-bottom: 12px;
}

.btn_B li.end {
	margin-bottom: 0;
}

.btn_B li span {
	height: 57px;
	line-height: 57px;
	display: block;
	background: url(../../images/smart/arrow_3.png) no-repeat 98% 50%;
	background-size: 6px auto;
}

.btn_B li span.inactive {
	height: 57px;
	line-height: 57px;
	display: block;
	background: none;
}

.btn_B li a {
	height: 57px;
	line-height: 57px;
	padding-left: 86px;
	display: block;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.btn_B li.kuronekopay-active a { 
background:url(../../images/smart/icon_kuronekopay1.png) no-repeat 17px 50%;
background-size: 170px auto;
}
.btn_B li.kuronekopay-inactive img {
	position: relative;
	top: 5px;
	left: 15px;
	opacity: 0.3;
}

.btn_B li.card a,
.btn_B li.conveni a{
padding-left: 60px;
}
.btn_B li.card a {
background:url(../../images/smart/icon_card.png) no-repeat 22px 50%;
background-size: 30px auto;
}
.btn_B li.conveni a {
background:url(../../images/smart/icon_conveni.png) no-repeat 22px 50%;
background-size: 30px auto;
}



.btn_B li.seven a { background:url(../../images/smart/icon_seven.png) no-repeat 18px 50%;background-size: 42px auto;}
.btn_B li.lawson a { background:url(../../images/smart/icon_lawson.png) no-repeat 14px 50%;background-size: 52px auto;}
.btn_B li.familymart a { background:url(../../images/smart/icon_familymart.png) no-repeat 14px 50%;background-size: 66px auto;}
.btn_B li.seikomart a { background:url(../../images/smart/icon_seikomart.png) no-repeat 14px 50%;background-size: 55px auto;}
.btn_B li.ministop a {
	background-image: url(../../images/smart/icon_ministop.png);
	background-repeat: no-repeat;
	background-size: 60px auto;
	background-position: 8px 50%;
}




.btn_B li a.tch-active {
	color: #ffa500;
	background-color: #ffe9c0;
	border: 1px solid #ffa500;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}


/* ボタンD
============================================== */
.btn_D {
	margin: 10px 25px 0;
}

.btn_D a {
	height: 43px;
	line-height: 43px;
	padding: 0 10px;
	border: 2px solid #bebebe;
	display: block;
	text-decoration: none;
	color: #333;
border-radius: 4px;
background: url(../../images/smart/arrow_3.png) no-repeat 98% 50% #cecece;
background-size: 6px auto;
text-align: center;
}

.btn_D a.tch-active {
	color: #ffa500;
	background: url(../../images/smart/btn_active.gif) repeat #ffe9c0;
	border: 2px solid #ffa500;
}

/* ボタンD disabled版
============================================== */
.btn_D_dis {
	margin: 10px 10px 0;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	border: 1px solid #c0c0c0;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	text-decoration: none;
	color: #c0c0c0;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, rgb(240,240,240)),color-stop(1, rgb(254,254,254)));
}
/* ボタンE
============================================== */
.btn_E {
}
.btn_E2 {
margin: 0 15px;
text-align: right;
}
.btn_E a {
display: inline-block;
	height: 36px;
	padding: 0 14px 0 0;
	line-height: 36px;
	text-decoration: underline;
	color: #333;
	background: url(../../images/smart/arrow_2.png) no-repeat 97% 50%;
	background-size: auto 8px;
	font-size: 15px;
}

.btn_E a.tch-active {
	color: #ffa500;
	background-color: #ffe9c0;
	border: 1px solid #ffa500;
}


/* ボタンF
============================================== */
.btn_F {
	margin: 10px 10px 0;
}

.btn_F a {
	height: 43px;
	line-height: 43px;
	padding: 0 10px;
	border: 2px solid #bebebe;
	display: block;
	text-decoration: none;
	color: #333;
border-radius: 4px;
background: url(../../images/smart/arrow_3.png) no-repeat 98% 50% #cecece;
background-size: 6px auto;
text-align: center;
}

.btn_F a.tch-active {
	color: #ffa500;
	background: url(../../images/smart/btn_active.gif) repeat #ffe9c0;
	border: 2px solid #ffa500;
}


/* ボタンG
============================================== */
.btn_G {
	text-align: center;
	margin: 15px 25px;
	border-radius: 4px;
background: #4e79a0;
background: -moz-linear-gradient(top,  #4e79a0 0%, #235889 100%);
background: -webkit-linear-gradient(top,  #4e79a0 0%,#235889 100%);
background: linear-gradient(to bottom,  #4e79a0 0%,#235889 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e79a0', endColorstr='#235889',GradientType=0 );
}

.btn_G a {
	display: block;
	padding: 12px 20px 14px;
	border: 2px solid #235889;
	text-decoration: none;
	color: #fff;
	border-radius: 4px;
background: url(../../images/smart/arrow_3_wt.png) 98% 50% no-repeat;
background-size: 6px auto;
text-align: center;
}

.btn_G a.tch-active {
	color: #ffa500;
	background:url(../../images/smart/btn_active.gif) repeat #ffe9c0;
	border: 2px solid #ffa500;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* フッターA
============================================== */
#footer {
	width: 100%;
	padding: 12px 0;
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
	position: absolute;
	left: 0;
	bottom: 0;
	background:url(../../images/smart/stripe.png) repeat;
	background-size: 3px auto;
}

#footer.color_B {
/* background:url(../../images/smart/stripe_wt.png) repeat #FECB0A; */
background:url(../../images/smart/stripe_wt.png) repeat rgb(255,218,68);
background-size: 3px auto;
color: #333;
}

#footer.color_C {
	background: #666 !important;
}


/* 画面遷移A
============================================== */
.flow {
padding: 10px 0 14px;
background: #fff;
	text-align: center;
}

.flow li {
position: relative;
width: 28%;
margin: 0 0.5%;
box-sizing: border-box;
	display: inline-block;
	padding: 6px 10px 8px;
	background: #f1f1f1;
	border-radius:3px;
	color: #999;
	font-size: 14px;
}

.flow li.toright {
}

.flow li.current {
	color: #FFF;
	background: #5c5c5c;
}
.flow li.current::after{
content: "";
position: absolute;
bottom: -6px;
left: calc(50% - 4px);
width: 0;
height: 0;
border-style: solid;
border-width: 8px 6px 0 6px;
border-color: #5c5c5c transparent transparent transparent;
}
  
  

/* 注記A
============================================== */
.y_box {
	margin: 20px 15px 30px;
	padding: 12px 16px;
	border-radius: 4px;
	border: 1px solid #c1c1c1;
	font-size: 14px;
	line-height: 1.6;
}
.y_box a{
	color: #333;
}

.list_C {
	padding: 10px 15px;
}

.list_C dt {
margin: 0 0 6px;
font-weight: bold;
}

.list_C dd {
	margin-top: 2px;
}

.list_C dl {
}

.list_C dd dt {
	margin-top: 10px;
}

.inner {
	padding: 10px 10px 0;
}

input.text_style {
	width: 100%;
	font-size: 15px;
	padding: 8px 6px;
}

.select_style {
	font-size: 15px;
}

.select_style_l {
	font-size: 20px;
}

input:focus {
	border: 2px solid #009a8b;
}

p {
	padding: 10px 15px;
	font-size: 16px;
	line-height: 1.6;
}
p + p{
	padding: 0 15px 10px;
}

img {
	vertical-align: middle;
}


/* 固定色
============================================== */
.color_G {
position: relative;
	/*border-top: 1px solid #ffd01c !important;
	border-bottom: 1px solid #ffd01c !important;
	background: linear-gradient(to bottom, #fff5cf, #ffeb99, #ffda44, #ffda44);
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, rgb(255,218,68)),color-stop(1, rgb(255,245,207))) !important;*/
border:none!important;
	background:url(../../images/smart/stripe_wt.png) repeat rgb(255,218,68);
	background-size: 3px auto;
}
.color_G::before {
    content: "";
    width: 0;
    height: 0;
    background: none;
}


/* 商品名preタグ設定
============================================== */
pre.goods-name{
	font-family: inherit;

	/* Mozilla */
	white-space: -moz-pre-wrap;

	/* Opera 4-6 */
	white-space: -pre-wrap;

	/* Opera 7 */
	white-space: -o-pre-wrap;

	/* CSS3 */
	white-space: pre-wrap;

	/* IE 5.5+ */
	word-wrap: break-word;
}

/* 伝票問い合わせ遷移ボタン
============================================== */
div.pager {
	position: releative;
	margin-top: 20px;
	margin-left: 10px;
}

.pager li {
	float: left;
	list-style: none;
}

li.left {
	width: 33%;
	text-align: left;
}

li.center {
	width: 33%;
	text-align: center;
}

li.right {
	width: 34%;
	text-align: right;
}
/* 商標文言
============================================== */
.emoney_trademark {
	font-size: 8px;
}

input[type="radio"] {
	font-size:150%;
	height:15px;
	width:15px;
	margin:10px;
}
font.card-saved {
	font-size:20px;
}
.retryable_annotation {
	font-size: 13px;
}

/** 決済入力画面注釈フォント設定 */
.gray_notes,
dt.gray_notes{
margin-top: 10px;
font-size: 14px;
line-height: 150%;
	font-weight: normal;
	color:#666;
}

/** Suica情報入力画面文言色設定 */
.red_notes {
	color:#ff0000;
	font-size: 8px;
}

/* ショッピングサイトへ戻るボタン
============================================== */
.btn_ec_return {
	margin: 10px 25px 0;
}

.btn_ec_return a {
	height: 43px;
	line-height: 43px;
	padding: 0 10px;
	border: 2px solid #bebebe;
	display: block;
	text-decoration: none;
	color: #333;
border-radius: 4px;
background: url(../../images/smart/arrow_3.png) no-repeat 98% 50% #cecece;
background-size: 6px auto;
text-align: center;
}

.btn_ec_return a.tch-active {
	color: #ffa500;
	background: url(../../images/smart/btn_active.gif) repeat #ffe9c0;
	border: 2px solid #ffa500;
}


/* セキュアドシール設定 */
p.sekyuado {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 150%;
}
p.sekyuado a{
color: #333;
}
p.sekyuado b{
font-weight: normal;
}
ul.sekyuado {
margin: 20px 0 -22px;
background: #fff;
padding: 28px 0;
	display:table;
	width:100%;
}
.sekyuado li {
	display:table-cell;
	vertical-align:middle;
}
.sekyuado dt {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 10px;
	display: inline-block;
	line-height: 1.3;
}

/* セキュリティコードについて等説明画面の閉じるボタン
============================================== */
.explanation_close {
	margin: 10px 25px 0;
}

.explanation_close a {
	height: 43px;
	line-height: 43px;
	padding: 0 10px;
	border: 2px solid #bebebe;
	display: block;
	text-decoration: none;
	color: #333;
border-radius: 4px;
background: url(../../images/smart/arrow_3.png) no-repeat 98% 50% #cecece;
background-size: 6px auto;
text-align: center;
}

.explanation_close a.tch-active {
	color: #ffa500;
	background:url(../../images/smart/btn_active.gif) repeat #ffe9c0;
	border: 2px solid #ffa500;
}

/* 決済金額内訳設定
============================================== */
.list_B dd.settlePriceDetailsLink_dd {
position: relative;
right: -5px;
	text-align: right;
}
.list_B dd.settlePriceDetailsLink_dd::before{
content: "";
position: absolute;
width: calc(100% + 30px);
height: 1px;
background: #fff;
top: -13px;
left: -20px;
}
.list_B a.settlePriceDetailsLink_a {
display: inline-block;
padding: 0 14px 4px 0;
background: url(../../images/smart/arrow_2.png) no-repeat 97% 50%;
background-size: auto 8px;
	color: #333;
	text-decoration: underline;
	font-size: 14px;
}
.list_B li.settlePriceDetails_li {
	padding: 0px 16px;
	border-bottom: 0px;
}
.list_B dl.settlePriceDetails_dl:not(:last-child) {
	border-bottom: 1px dotted#ccc;
	margin-bottom: 7px;
}
.list_B dt.settlePriceDetails_dt {
	margin-bottom: 5px;
}
.list_B dd.settlePriceDetails_dd {
	text-align: right;
	margin-bottom: 10px;
	margin-left: 16px;
}


/* 下部注意書
============================================== */
.noteArea_A{
margin: 20px 0;
padding: 15px 20px;
border-top:1px dotted #5f5d5d;
border-bottom:1px dotted #5f5d5d;
}
.noteArea_B{
margin: 20px 0;
padding: 15px 20px;
border-top:1px dotted #5f5d5d;
}




/* テキストリンク
============================================== */
.txtlink_A {
}
.txtlink_A {
text-align: left;
}
.txtlink_A a {
display: inline-block;
	height: 36px;
	padding: 0 14px 0 0;
	line-height: 36px;
	text-decoration: underline;
	color: #333;
	background: url(../../images/smart/arrow_2.png) no-repeat 97% 50%;
	background-size: auto 10px;
}


/* コメント
============================================== */
.noteSect{
padding: 0 0 5px;
}
.noteSect p,
.noteSect dd{
font-size: 14px;
line-height: 1.8;
}
.noteSect .title_C{
font-size: 17px;
}

/* セキュリティコード
============================================== */
.cardImg{
	margin: 0 20px;
padding: 14px 10px 14px;
background: #fff;
}