@charset "utf-8";


img:not([width]) {
	zoom: .5;  /* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}



/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

  #pay

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */

/* ///////////////////////////////////////////////////////////////////
	PageTitle
/////////////////////////////////////////////////////////////////// */

#pageTitle{
	background: url(../common/pagettl/pay.gif) no-repeat;
	background-position:7px 8px;
	background-size:28px 26px;
	-webkit-background:28px 26px;
	color:#0055CA;
	padding:12px 10px 8px 40px;
	font-size:18px;
	margin:0px 0px 18px 0px;
	border-bottom:2px #33AAD7 solid;
}

/* ///////////////////////////////////////////////////////////////////
	text00
/////////////////////////////////////////////////////////////////// */

#pay .textbox p{
	width:94%;
	margin:0px auto 15px auto;
}

/* ///////////////////////////////////////////////////////////////////
	secTitle01
/////////////////////////////////////////////////////////////////// */

#pay .secTitle01{
	background:#DDF0FB;
	padding:6px 10px 6px 10px;
	margin:0px 0px 10px 0px;
	font-size:14px;
	overflow:hidden;
}

#pay .secTitle01 span.icon01{
		background-color: #029BE1;
		height:20px;
		width: 5px;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius: 0px;
		display:block;
		float:left;
		margin:0px 8px 2px 0px;
	}

#pay .secTitle02{
	border-top:2px dotted #9BD8FB;
	border-bottom:2px dotted #9BD8FB;
	padding:6px 10px 6px 10px;
	margin:0px 0px 10px 0px;
	font-size:14px;
	overflow:hidden;
	color:#378ABF;
}

#pay .att{
	font-size:11px;
	line-height:1.2em;
	background:#efefef;
	padding:8px;
}

#pay .bdbox{
	padding:8px;
	border:1px solid #8ECEFC;
	margin:10px;
}

#pay .zen{
	text-align:right;
	background:#efefef;
	padding:8px;
}

ul.accordion { width:94%; margin:0 auto 15px;
}
ul.accordion span {
	display:block;
	padding:10px 33px 10px 10px;
	background-position:99% center;
	background-repeat:no-repeat;
	color:#333;
	font-weight:bold;
	border-bottom:1px #fff solid;
}
ul.accordion ul {
	display:none;
	padding:3px;
	}
ul.accordion > li { background: #fff;}
ul.accordion > li > p {
	background: #93E1FD;
	cursor:pointer;
	}
ul.accordion > li > p span {
	background-image:url(../faq/img/open.png);
}
ul.accordion > li > p span.open {
	background-image:url(../faq/img/close.png);
}

ul.accordion > li > ul > li {
	padding:5px;}


ul.accordion > li > ul > li img{
	padding:8px 0;}






.pglink{
	width:98%;
	margin:0px auto 15px;
}
.pglink li{
	float:left;
	padding:8px 2px 13px;
	margin:5px 3px;
	background:#2782EF;
	width:30%;
	text-align:center;
}
.pglink li a{
	color:#fff;
	font-size:13px;
	text-decoration:none;
	background:url(../common/arrow07.png) no-repeat center bottom;
	padding-bottom:8px;
}


	
#pay .tyusk{
	background:#9ED9FB;	
	padding:5px;
	clear:both;
	}
	
div.dataArea table{
	border-top:2px solid #0784D3;
	margin:0 auto 25px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

div.dataArea table th{	
	background:#DDEDF7;	
	border-bottom:3px solid #CCC;
	border-right:1px solid #CCC;
}

div.dataArea table td{
	padding:5px;
	background:#FFF;
	border-bottom:1px dotted #399AD6;
}
div.dataArea table td.bg01{
	background:#EBF4FA;
	width:60%;
}
div.dataArea table td.bg02{
	background:#EBF4FA;
	width:20%;
}


div.dataArea .prc{
	text-align:right;
	width:20%;
}

.bdbox-inner-list li{
	position: relative;
	text-indent: -1em;
	padding-left: 1em;
}

.bdbox-inner-list li::before{
	content: '●';
}

.text-indent{
	text-indent: -1em;
	padding-left: 1em;
}

.text-indent02{
	text-indent: -2.5em;
	padding-left: 2.5em;
}