@charset "Shift_JIS";
/* CSS Document */

/*base*/

.center{text-align:center !important;}
.right{text-align:right !important;}
.left{text-align:left !important;}
.bgPinkTxt{
	background:#d11c6c;
	color:#FFF;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	padding:0 3px;
}
.bgYellowTxt{
	background:#ffe600;
	color:#cc0000;
	display:inline-block;
	font-size:17px;
	font-weight:bold;
	padding:0 5px;
	margin:0 0 5px;
}
/*contens*/

#container{
	width:100%;
	margin:0;
	padding:0;
	line-height:1.5;
	font-family:”Hiragino Kaku Gothic Pro”ヒラギノ角ゴ Pro W3″;
	position:relative;
	top:-10px;
}
/*bgYellowBlockA01*/
.bgYellowBlockA01{
	font-size:16px;
	font-weight:bold;
	color:#cc0000;
	background:#ffe600;
	margin:15px 0 0;
	padding:3px 5px;
	text-align:center;
}
/*sectionInner*/
.sectionInnerA01{
	padding:0px;
}
.sectionInnerA02{
	padding:0 20px;
}
/*headingBlock*/
.headingBlockA01 {
	margin:0 auto;
}
.headingBlockA01 h2{
	padding: 0;
}
.headingBlockA01 h2 img{
	display: block;
	margin: 0 auto;
	padding: 10px 0px 0px;
	width:100%;
	height:auto;
}
.headingBlockB01{
	background:#fbe1ed;
	margin:15px 0 0;
}

.headingBlockB01 h3{
	font-size:16px;
	padding:3px 5px;
	text-align:center;
}
/*borderLeftBlock*/
.borderLeftBlockA01{
	border-left:5px solid #d11c6c;
	margin:5px 0 0;
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 5px;
	line-height:1.3;
}
/*detailBlock*/
.detailBlockA01{
	border:1px solid #d7d7d7;
	border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px 10px 10px;
	margin:10px 0 0;
}

.detailBlockA01 p.title{
	font-size:15px;
	font-weight:bold;
	margin:0 0 3px;
}
.detailBlockA02{
	border:1px solid #d7d7d7;
	border-radius:5px;
	-webkit-border-radius:5px;
	padding:7px 20px 15px 10px;
	margin:10px 0 0;
}

.detailBlockA02 p.title{
	font-size:15px;
	font-weight:bold;
	margin:0 0 10px;
}
.detailBlockB01{
	border:1px solid #d7d7d7;
	border-radius:5px;
	-webkit-border-radius:5px;
	font-size:15px;
	padding:10px;
	margin:30px 0 0;
}

.detailBlockB01 p.title{
	font-size:20px;
	font-weight:bold;
}
/*bgBlock*/
.bgBlockA01{
	font-size:12px;
	background:url(/smp/prepaid/img/bg_001.png) right center no-repeat;
	background-size:92px 28px;
	-webkit-background-size:92px 28px;
	padding:0 95px 0 0;
	min-height:28px;
}
.bgBlockA02{
	font-size:12px;
	background:url(/smp/prepaid/img/bg_002.png) right center no-repeat;
	background-size:89px 74px;
	-webkit-background-size:89px 74px;
	padding:0 95px 0 0;
	min-height:74px;
}
.bgBlockA03{
	font-size:12px;
	background:url(/smp/prepaid/img/bg_003.png) right center no-repeat;
	background-size:69px 23px;
	-webkit-background-size:69px 23px;
	padding:0 85px 0 0;
	min-height:23px;
}
.bgBlockA04{
	font-size:12px;
	background:url(/smp/prepaid/img/bg_004.png) right center no-repeat;
	background-size:62px 36px;
	-webkit-background-size:62px 36px;
	padding:0 85px 0 0;
	min-height:36px;
}
/*txtBlock*/
.txtBlockA01{
	font-size:15px;
	padding:0 10px;
	margin:20px 0 0;
	
}
/*imgBlock*/
.imgBlockA01{
	margin:7px 0 0;
	padding:0 10px;
}



/* 2015.6.1追加 */
.headingBlock{
	margin-bottom:35px;
}
.headingBlock img{
	width:100%;
	height:auto;
}
.btn{
	width:80%;
	margin:0 auto;
}
.btn img{
	width:100%;
	height:auto;
}
.sectionInnerA02 img{
	width:100%;
	height:auto;
}
.mgb40{
	margin-bottom:40px;
}
.attBloc{
	padding:0 20px;
}
.attBloc .attTtl img{
	width:100%;
	height:auto;
}
.attBloc .innerBloc{
	border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	background:#f2f2f2;
	color:#333;
	padding:20px 20px;
}
.attBloc dl{
	margin-bottom:10px;
}
.attBloc dt{
	margin:0 auto 10px;
	font-size:14px;
	font-weight:bold;
	position:relative;
	padding-left:1em;
	text-indent:-1em;
}
.attBloc dd{
	width:auto;
	padding-left:20px;
	margin-bottom:10px;
	font-size:12px;
}
.attBloc dd em{
	font-weight:bold;
	font-size:14px;
	font-style:normal;
	padding-bottom:5px;
}
.attBloc ul{
	margin:0;
	padding:0;
	font-size:12px;
}
.attBloc li{
	text-indent:-1em;
	padding-bottom:5px;
}
.moreLink{
	text-align:right;
}
.moreLink a{
	display:inline-block;
	padding-left:15px;
	background:url(../img/arw.gif) no-repeat left 2px;
	color:#0036af;
	text-decoration:none;
}
#window{
	padding-top:50px;
}

.shopList{
}
.shopList .listTtl{
	border-bottom:2px solid #CC0000;
	padding:0 20px 5px;
	margin-bottom:5px;
}
.shopList .listTtl em{
	font-size:110%;
	font-weight:bold;
	font-style:normal;
	color:#c00;
}
.shopList .update{
	display:block;
	text-align:right;
	margin-bottom:10px;
}
.shopList dl{
	margin:0 auto 5px;
	padding:10px 20px;
}
.shopList dl:nth-of-type(2n+1){
	background-color: #feeeef;
}
.shopList dt{
	font-weight:bold;
	font-size:105%;
	color:#c00;
	margin-bottom:5px;
}
.shopList dd{
	margin-bottom:8px;
	padding-left:10px;
	font-size:12px;
}


.anchorBlock{
	padding:10px 0 0;
}
.anchorBlock ul{
	padding-bottom:10px;
	border-bottom:1px solid #CC0000;
}
.anchorBlock li{ 
float:left; 
margin:0 5px 7px 0;
border:1px solid #cacaca; 
background-color:#fff;
width : 32%; /* IE8以下とAndroid4.3以下用フォールバック */
 width : -webkit-calc(100% / 3 - 5px);
 width : calc(100% / 3 - 5px);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
overflow:hidden;
box-shadow:0px 2px 0px rgba(0,0,0,0.08);
}
.anchorBlock li a{
	padding:5px 5px 10px; 
	text-align:center;
	min-height:60px;
	font-size:14px;
	color:#333;
	text-decoration:none;
	border:1px solid #fff;
	width:100%;
display:-webkit-box;
display:-moz-box;
display:box;
-webkit-box-align:center;
-moz-box-align:center;
box-align:center;
-webkit-box-pack:center;
-moz-box-pack:center;
box-pack:center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background: url(/smp/prepaid/img/icon02.png) center bottom no-repeat,url(/smp/prepaid/img/bg01.gif) left bottom repeat-x;
background-size: 8px 6px,10px 8px;-moz-background-size: 8px 6px,10px 8px;-webkit-background-size: 8px 6px,10px 8px;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.anchorBlock li a span{
	font-size:12px;
}
.linkTop{
	text-align:right;
}
.linkTop a{
	color: #333 !important;
	font-size:12px;
	text-decoration: none;
	padding-left: 17px;
	background: url(/smp/prepaid/img/icn_up.png) no-repeat left center;
	background-size: 13px 12px;-moz-background-size: 13px 12px;-webkit-background-size: 13px 12px;
}
.attTxt{
	font-size:12px;
	color:#666;
	padding: 20px;
}

/*-----------------------------------------------
 20160316 プリペイドカードページ更新
 -----------------------------------------------*/
#container .p0{padding:0 !important;}
/*------------------
bgColorPink
------------------*/
/*bgColorPinkA01*/
#container .bgColorPinkA01Outer{
	background:#feeeef;
	padding:7px;
	margin: 17px 0 0;
}
#container .bgColorPinkA01{
	background:url(/smp/prepaid/img/bg_005_top.gif) no-repeat top center #fff;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	padding:1% 0 0;
}
#container .bgColorPinkA01Inner{
	background:url(/smp/prepaid/img/bg_005_bottom.gif) no-repeat bottom center #fff;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	padding: 11px 10px 25px;
}
/*bgColorPinkA02*/
#container .bgColorPinkA02{
	background:#fff6f7;
	padding:10px 10px 15px;
	margin:17px 0 0;
}
/*bgColorBlueA01*/
#container .bgColorBlueA01{
	background:#F2F7FB;
	padding:8px 10px 15px;
	margin:12px 0 0;
}
#container .bgColorBlueA01 .read{
	line-height:1.4;
}
/*bgColorGrayA01*/
#container .bgColorGrayA01{
	background:#f2f2f2;
	padding:10px 8px 10px;
	margin:26px 0 0;
}
/*------------------
headingBlock
------------------*/
/*headingBlockB02*/
#container .headingBlockB02{
	color:#FD537C;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	margin:0 0 5px;
}
/*headingBlockB03*/
#container .headingBlockB03{
	background:url(/smp/prepaid/img/border_001.gif) no-repeat bottom center;
	background-size:100% 6px;
	-webkit-background-size:100% 6px;
	color:#ff537b;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	padding:0 0 13px;
	margin:0 0 15px;
}
/*headingBlockB04*/
#container .headingBlockB04{
	color:#333;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	margin:0 0 8px;
}
/*subhead*/
#container .subhead{
	text-align:center;
}
#container .subhead span{
	background:#fff;
	color:#ff7689;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
	padding:3px 4px 2px;
	margin: 0 5px 0 0;
}
/*------------------
sectionInner
------------------*/
/*sectionInnerA03*/
.sectionInnerA03{
	padding:0px 5px;
}

/*------------------
imgBlock
------------------*/
/*imgBlockA02*/
#container .imgBlockA02{
	text-align:center;
	margin:0 auto;
}
#container .imgBlockA02 p{
	margin:15px 0 0;
}
/*------------------
btnBlock
------------------*/
/*btnBlockA01*/
#container .btnBlockA01{
	margin:13px 0 0;
}
/*btnBlockA01*/
#container .btnBlockA02{
	margin:13px 10px 0;
}
/*------------------
cautionBlock
------------------*/
/*cautionBlockA01*/
#container .cautionBlockA01{
	margin:10px 0 0;
}
#container .cautionBlockA01 ul li{
	font-size:12px;
	text-indent:-1em;
	padding:0 0 0 1em;
}
#container .cautionBlockA01 ul li a {
	color: #0000cc;
	text-decoration:underline !important;
}
/*cautionBlockA02*/
#container .cautionBlockA02{
	margin:2px 0 0;
}
#container .cautionBlockA02 ul li{
	font-size:12px;
	text-indent:-0.5em;
	padding:0 0 0 0.5em;
}
/*caution01*/
#container div.caution01{
	margin:18px 0 0;
}
#container div.caution01:first-child{
	margin:0;
}
#container div.caution01 p{
	font-size:15px;
	font-weight:bold;
}
#container div.caution01 p.caution_link{
	text-align:right;
}
#container div.caution01 p a {
	background: url(/smp/prepaid/img/arw_002.gif) no-repeat left center;
	background-size:6px auto;
	-webkit-background-size:6px auto;
	color: #0000cc;
	font-size:12px;
	text-decoration:underline !important;
	padding:0 0 0 17px;
}
/*------------------
potintBlock
------------------*/
/*potintBlockA01*/
#container .potintBlockA01{
	text-align:center;
	margin:15px auto 0;
}
#container .potintBlockA01 p{
	margin:7px 0 0;
}
#container .potintBlockA01 p:first-child{
	margin:0;
}
/*------------------
stepBlock
------------------*/
/*stepBlockA01*/
#container .stepBlockA01{
	font-size:15px;
	margin:12px 0 0;
}
#container .stepBlockA01 .headline{
	background:#ff7689;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:2px 0;
}
#container .stepBlockA01 .step_contents{
	margin:15px 0 0;
}
#container .stepBlockA01 .step_contents > p{
	text-align:center;
	padding:10px 0 5px;
}
#container .stepBlockA01 .step_element{
	background: #6CBDED;
	border:2px solid #6CBDED;
	border-radius:5px;
	-webkit-border-radius:5px;
	font-weight:bold;
}
#container .stepBlockA01 .step_element .head{
	background:#7AC7F5;
	border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	color:#ffef75;
	text-align:center;
	padding:1px 0 2px;
}
#container .stepBlockA01 .step_element .text{
	background:#fff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	padding:7px 10px 5px;
}
#container .stepBlockA01 .step_element .text span{
	color:#0490e1;
}

/*-----------------------------------------------
 20160415 プリカページ残高確認追加制作
 -----------------------------------------------*/
/*listBlockA01*/
#container .listBlockA01{
	margin:6px 0 0;
}
#container .listBlockA01 ul{
	padding:0 0 0 6px;
}
#container .listBlockA01 ul li{
	font-size:15px;
	text-indent:-0.5em;
	padding:0 0 0 0.5em;
}
#container .listBlockA01 >p{
	font-size: 15px;
}
/*txtBlock*/
#container .txtBlockA02{
	font-size:15px;
}
/*-------------
 20160422 
 -------------*/
.mt5{margin-top:5px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
/*imgBlockB01*/
#container .imgBlockB01{
	margin:9px 0 0;
	padding:0 15px;
}
#container .imgBlockB01 >p:first-child{
	text-indent:-0.5em;
}
#container .imgBlockB01 .device{
	margin:10px 0 0;
}
#container .imgBlockB01 .device >p:first-child{
	text-align:center;
	margin:0;
}
#container .imgBlockB01 .device p{
	margin:5px 0 0;
}

/*-------------
 20161115 
 -------------*/
#container div.cautionBlockA02 p.normalText01 {
	font-size: 100%;
}
#container div.cautionBlockA02 p.caution_link {
	margin-bottom: 5px;
}
.alC {
	text-align: center !important;
}