/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  スタイルシート
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* default clear
────────────────────────────────────*/
body {
	margin: 0;
	font-size: 13px;
	color: #333;
	line-height: 1.4;
	}
ul {
	margin: 0; padding: 0;
	list-style-type: none;
	}
p {
	margin: 0 0 1em 15px;
	padding: 0;
	}
a img {
	border: none;
	}

/* headline
────────────────────────────────────*/
h2#ttl_payment {
	width: 726px;
	height: 50px;
	margin: 0px 0 10px;
	background: url(../paymentimgs/ttl_payment.gif) no-repeat;
	text-indent: -1000em;
	}
h3 {
	clear: both;
	height: 150px;
	margin: 0em 0 1em;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	text-indent: -1000em;
	}
h3#paymentstyle {
	background: url(../paymentimgs/h3ttl_paymentstyle.gif) no-repeat;
	}
h3#creditcard {
	background: url(../paymentimgs/h3ttl_creditcard.gif) no-repeat;
	}
h3#conveniencestore {
	background: url(../paymentimgs/h3ttl_conveniencestore.gif) no-repeat;
	}
h3#atobarai {
	background: url(../paymentimgs/h3ttl_atobarai.gif) no-repeat;
	}
h3#netbank {
	background: url(../paymentimgs/h3ttl_netbank.gif) no-repeat;
	}
h3#kuroneko {
	background: url(../paymentimgs/h3ttl_kuroneko.gif) no-repeat;
	}
h4 {
	clear: both;
	width: 665px; /* paddingと合計で726px */
	height: 26px;
	padding: 0px 0 0 45px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.8;
	}
h4.paymentstyle {
	background: #0099FF url(../paymentimgs/bg_hdlinearrw-paymentstyle.gif) no-repeat 0 0px;
	}
h4.creditcard {
	background: #EF9700 url(../paymentimgs/bg_hdlinearrw-creditcard.gif) no-repeat 0 0px;
	}
h4.conveniencestore {
	background: #7FBF00 url(../paymentimgs/bg_hdlinearrw-conveniencestore.gif) no-repeat 0 0px;
	}
h4.atobarai {
	background: #EF86B4 url(../paymentimgs/bg_hdlinearrw-atobarai.gif) no-repeat 0 0px;
	}
h4.netbank {
	background: #8F7B59 url(../paymentimgs/bg_hdlinearrw-netbank.gif) no-repeat 0 0px;
	}
h4.kuroneko {
	background: #E2BF00 url(../paymentimgs/bg_hdlinearrw-kuroneko.gif) no-repeat 0 0px;
	}
h5 {
	clear: both;
	margin: 2em 20px 0.5em;
	padding: 2px 0 2px 20px;
	font-size: 13px;
	}
h5.paymentstyle {
	background: #DFF2FF url(../paymentimgs/limark_rnd-paymentstyle.gif) no-repeat 2px 2.5px;
	border-top: 1px #0099FF solid;
	border-bottom: 1px #0099FF solid;
	}
h5.creditcard {
	background: #FFF3DF url(../paymentimgs/limark_rnd-creditcard.gif) no-repeat 2px 2.5px;
	border-top: 1px #EF9700 solid;
	border-bottom: 1px #EF9700 solid;
	}
h5.conveniencestore {
	background: #FAFFEF url(../paymentimgs/limark_rnd-conveniencestore.gif) no-repeat 2px 2.5px;
	border-top: 1px #7FBF00 solid;
	border-bottom: 1px #7FBF00 solid;
	}
h5.atobarai {
	background: #FFEFF6 url(../paymentimgs/limark_rnd-atobarai.gif) no-repeat 2px 2.5px;
	border-top: 1px #EF86B4 solid;
	border-bottom: 1px #EF86B4 solid;
	}
h5.netbank {
	background: #EFEAE0 url(../paymentimgs/limark_rnd-netbank.gif) no-repeat 2px 2.5px;
	border-top: 1px #8F7B59 solid;
	border-bottom: 1px #8F7B59 solid;
	}

/* list
────────────────────────────────────*/
ul#paymentlist {
	margin: 0 auto;
	width: 700px;
	}
ul#paymentlist li {
	float: left;
	width: 343px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #078BCD;
	}
ul#paymentlist li.right {
	margin-right: 0px;
	}

/* 決済サービス情報
────────────────────────────────────*/
.paymentservice {
	width: 710px;
	padding: 0;
	position: relative;
	}
.paymentservice img {
	position: absolute;
	left: 0;
	top: 0;
	}
.paymentservice div.info {
	margin: 0 0 0.5em 260px;
	padding: 0.5em 1em;
	background-color: #EEEEEE;
	}
.paymentservice .info .name {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	}
.paymentservice div.info2 {
	margin: 0 0 0.5em 260px;
	padding: 0.5em 0;
	}

/* クレジット決済サービス　費用等一覧
────────────────────────────────────*/
table#creditfee {
	width: 700px;
	margin: 0; padding: 0;
	border: none;
	border-collapse: collapse;
	}
table#creditfee th, table#creditfee td {
	padding: 2px;
	border: #CFCFCF 1px solid;
	text-align: center;
	}
table#creditfee th {
	background-color: #EEEEEE;
	}
table#creditfee td {
	padding: 2px 5px;
	}
table#creditfee th.koumoku {
	width: 95px;
	letter-spacing: -0.07em;
	}
table#creditfee th.company {
	width: 155px;
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0;
	vertical-align: top;
	}
table#creditfee th.kishindo {
	width: 90px;
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0;
	vertical-align: top;
	}
table#creditfee th.company img, table#creditfee th.kishindo img {
	margin: 3px 0;
	}
table#creditfee td.percent {
	text-align: left;
	vertical-align: top;
	}
table#creditfee img.crediticn {
	margin-right: 2px;
	}
table#creditfee img.crediticn-tail {
	margin-right: 5px;
	}

/* コンビニ決済サービス　費用等一覧
────────────────────────────────────*/
table#convenientfee {
	width: 600px;
	margin: 0 0 0 50px; padding: 0;
	border: none;
	border-collapse: collapse;
	}
table#convenientfee caption {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	border-bottom: 3px #078BCD double;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	}
table#convenientfee th, table#convenientfee td {
	padding: 2px;
	border: #CFCFCF 1px solid;
	text-align: center;
	}
table#convenientfee th {
	width: 120px;
	background-color: #EEEEEE;
	letter-spacing: -0.07em;
	}
table#convenientfee td {
	width: 480px;
	padding: 0 5px;
	text-align: left;
	}

/* テーブル内テーブル（手数料）─────────── */
table#convenientfee td table {
	width: 350px;
	margin: 1em 5px; padding: 0;
	border: none;
	border-collapse: collapse;
	}
table#convenientfee td table th, table#convenientfee td table td {
	padding: 2px 5px;
	border: #CFCFCF 1px solid;
	}
table#convenientfee td table th {
	text-align: center;
	}

/* コンビニ決済サービス　サービス概要
────────────────────────────────────*/
table#convenientstep {
	width: 600px;
	margin: 0 0 0 50px; padding: 0;
	border: none;
	border-collapse: collapse;
	}
table#convenientstep caption {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	border-bottom: 3px #078BCD double;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	}
table#convenientstep th, table#convenientstep td {
	padding: 2px;
	vertical-align: top;
	}
table#convenientstep th {
	width: 155px;
	}
table#convenientstep td {
	padding: 3px 0 10px;
	}

/* 定義リスト（必要書類）─────────── */
table#convenientstep td dl {
	margin-left: 0.5em;
	}
table#convenientstep td dl dt {
	padding-left: 12px;
	background: url(../paymentimgs/limark_tri-red.gif) no-repeat 0 0.3em;
	}
table#convenientstep td dl dd {
	margin: 0 0 0.5em 2em;
	}

/* コンビニ決済サービス　費用等一覧（デジタルチェック）
────────────────────────────────────*/
table#convenientfee-digi {
	width: 660px;
	margin: 0 20px  0; padding: 0;
	border: none;
	border-collapse: collapse;
	}
table#convenientfee-digi caption {
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	border-bottom: 3px #078BCD double;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	}
table#convenientfee-digi th, table#convenientfee-digi td {
	padding: 2px;
	border: #CFCFCF 1px solid;
	text-align: center;
	}
table#convenientfee-digi th {
	width: 90px;
	background-color: #EEEEEE;
	letter-spacing: -0.07em;
	}
table#convenientfee-digi th.name {
	width: 235px;
	vertical-align: top;
	}
table#convenientfee-digi th.namedigi {
	width: 100px;
	vertical-align: top;
	}
table#convenientfee-digi td {
	width: 225px;
	padding: 0 5px;
	}
table#convenientfee-digi td.feelist {
	vertical-align: top;
	text-align: left;
	}
table#convenientfee-digi td.digi {
	width: 100px;
	padding: 0 5px;
	}

/* テーブル内テーブル（手数料）─────────── */
table#convenientfee-digi td table {
	margin: 1em 5px; padding: 0;
	border: none;
	border-collapse: collapse;
	}
table#convenientfee-digi td table th, table#convenientfee-digi td table td {
	padding: 2px 3px;
	border: #CFCFCF 1px solid;
	}
table#convenientfee-digi td table th {
	text-align: center;
	}

/* フォームテーブル─────────── */
table.form {
	width: 700px;
	margin: 0; padding: 0;
	border: none;
	border-collapse: collapse;
	}
table.form th, table.form td {
	padding: 2px;
	border: #CFCFCF 1px solid;
	}
table.form th {
	background-color: #EEEEEE;
	}
table.form td {
	padding: 2px 5px;
	}
table.form td table th, table.form td table td {
	padding: 2px;
	border: none;
	}


/* 脚注※
────────────────────────────────────*/
.footnote {
	color: #CF0000;
	font-size: 10px;
	}

dl.footnotelist {
	margin: 5px 0;
	}
dl.footnotelist dt {
	clear: both;
	float: left;
	width: 30px;
	padding: 0.2em 0 0.2em 0;
	line-height: 1.2;
	}
dl.footnotelist dd {
	margin-left: 30px;
	padding: 0.2em 0 0.2em 0;
	line-height: 1.3;
	}
ul.tri {
	display: block;
	list-style: none;
	padding: 0.5em 0;
	}
ul.tri li {
	padding-left: 12px;
	background: url(../paymentimgs/limark_tri-red.gif) no-repeat 0 0.3em;
	line-height: 1.4;
	}


/* 点線
────────────────────────────────────*/
div.dottedline {
	clear: both;
	margin: 5px 0 5px;
	height: 3px;
	background: url(../paymentimgs/line_dot.gif) repeat-x;
	}

/* ポイント
────────────────────────────────────*/
.pointbox {
	width: 560px; /* paddingと合計で600pxとする */
	margin: 0 auto 3em;
	padding: 0 20px;
	background-color: #FFD35F;
	}
.pointbox .pointhead {
	margin: 0 -20px;
	padding-bottom: 5px;
	height: 55px;
	background: url(../paymentimgs/rc_point-ttl.gif) no-repeat;
	}
.pointbox .pointtail {
	margin: 0 -20px;
	height: 15px;
	background: url(../paymentimgs/rc_point-tail.gif) no-repeat;
	}

.pointbox ul.point {
	display: block;
	list-style: none;
	padding: 0.5em 0;
	}
.pointbox ul.point li {
	margin-bottom: 0.3em;
	padding-left: 14px;
	background: url(../paymentimgs/limark_arrw-red.gif) no-repeat 0 0.3em;
	line-height: 1.4;
	}
.pointbox .ttl {
	margin: 0 0 10px;
	padding: 0.2em 0.5em;
	border-bottom: #FFFFFF 3px double; 
	font-weight: bold;
	}


/* 文字装飾
────────────────────────────────────*/
.explain {
	margin-left: 1em;
	}
em, strong {
	font-weight: bold;
	font-style: normal;
	}
strong {
	color: #CF0000;
	}
.cap {
	padding-left: 1em;
	text-indent: -1em;
	}
.attention {
	color: #CF0000;
	}

a.newwin {
	padding: 0 16px 0 0;
	background: url(../paymentimgs/icn_newwindow.gif) no-repeat right bottom;
	}


/* 角丸
────────────────────────────────────*/
.rcbox {
	width: 690px;
	margin: 10px 0;
	padding: 0 10px;
	background-color: #EEEEEE;
	}
.rcbox .rctop {
	margin: 0 -10px;
	height: 4px;
	background: url(../paymentimgs/rc_upper_w710.gif) no-repeat top left;
	}
.rcbox .rcbottom {
	margin: 0 -10px;
	height: 4px;
	background: url(../paymentimgs/rc_bottom_w710.gif) no-repeat bottom left;
	}

.rcbox600 {
	width: 580px;
	_width: 600px;
	margin: 10px auto;
	padding: 0 10px;
	background-color: #EEEEEE;
	}
.rcbox600 .rctop {
	margin: 0 -10px;
	height: 4px;
	background: url(../paymentimgs/rc_upper_w600.gif) no-repeat top left;
	}
.rcbox600 .rcbottom {
	margin: 0 -10px;
	height: 4px;
	background: url(../paymentimgs/rc_bottom_w600.gif) no-repeat bottom left;
	}


/* ツールチップ
────────────────────────────────────*/
/*ShowHide Layer*/
.showhidebtn {
	position: relative;
	cursor: pointer;
	}
/*位置やサイズの変更はこの下の数値を変える*/

#notetip01, #notetip02, #notetip05, #notetip06, #notetip08, #notetip09 {
	position:absolute;
	bottom: 25px;
	left: -50px;
	width: 300px;
	padding: 5px;
	z-index: 100;
	visibility: hidden;
	color: #333333;
	cursor: pointer;
	text-align:left;
	background-color: #FFEFEF;
	border: #CF0000 1px solid;
	}
#notetip03, #notetip04, #notetip07, #notetip10 {
	position:absolute;
	bottom: 25px;
	left: -250px;
	width: 300px;
	padding: 5px;
	z-index: 100;
	visibility: hidden;
	color: #333333;
	cursor: pointer;
	text-align:left;
	background-color: #FFEFEF;
	border: #CF0000 1px solid;
	}

/* jump to top
────────────────────────────────────*/
.jumptotop {
	clear: both;
	width: 726px;
	margin: 1em 0 2em 0;
	text-align: right;
	}
.jumptotabtop {
	clear: both;
	width: 710px;
	margin: 1em 0 0em 0;
	text-align: right;
	}

/* 仕切り
────────────────────────────────────*/
.devider-s {
	clear: both;
	height: 40px;
	margin: 60px 0;
	background: url(../paymentimgs/icn_coins-silver.gif) no-repeat 325px 0;
	text-align: center;
	}

/* clearfix
────────────────────────────────────*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

