/* CSS Document */

@charset "shift-JIS";
/* .topics */
.topics {
	margin-left: 10px;
}

.tbl710C {
	margin: 0 auto;
}

/* IE—p*/
* html .topics {
	margin-left: 0px;
}

*:first-child + html .topics {
	margin-left: 0px;
}
/* //IE—p*/

.topics {
	border: 1px solid #CCCCCC;
	background: #FFFFCC;
	text-align: left;
}

.topics dt {
	margin: 0 0 8px 0px;
	padding-top: 3px;
	font-weight: bold;
	font-size: 100%;
	background: #CCFF99;
	border-bottom: 1px solid #CCC;
	font-size: 80%;
}

.topics dt#term200903 {
	background-image: url(../image/use/term200903.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	background-color:#CCFF99;
	border-bottom: 1px solid #CCC;
	text-indent:-9999px;
}

.topics dd p.linkTxt{
	text-align:right;
}

.topics .icon {
	font-weight: bold;
	margin-right: 5px;
}

.topics .day {
	margin-right: 10px;
}

.topics .normal {
	margin-left: 41px;
}

/* End .topics */

/* kigen */
div#attention{
	position:relative;
	margin:20px 0 0 0;
	padding:15px 15px 15px 0;
	border:#ccc solid 1px;
}
div#attention p.icon{
	position:absolute;
	top:15px;
	left:20px;
}
div#attention p.txt{
	position:relative;
	margin-left: 90px;
	}

p.lead{
	margin:20px 0 0 0;
	clear:both;
}
p.example{
	margin:20px 0 0 10px;
}

/*use.html*/
div.figArea{
	margin: 0 0 15px 8px;
	text-align: left;
	}
div.figArea div.shop{
	float: left;
	width: 450px;
	min-height: 233px;
	height: auto !important;
	height: 233px;
	background: url(../image/use/use_shop02.jpg) no-repeat right top;
	border: 1px solid #cccccc;
	}
div.figArea div.shop h3{
	margin: 12px 0 0 8px;
	text-align: left;
	text-indent: 0;
	}
div.figArea div.shop p.txt{
	width: 182px;
	margin: 23px 0 0 23px;
	text-align: left;
	}	
div.figArea div.shop p.jump{
	width: 182px;
	background: url(../image/use/arrow.gif) no-repeat left center;
	margin: 23px 0 15px 23px;
	padding: 0 0 0 20px;
	text-align: left;
	}	


div.figArea dl{
	float: left;
	width: 230px;
	height: 234px;
	margin: 0 0 0 7px;
	padding: 0;
	}
div.figArea dl dt,
div.figArea dl dd{
	margin: 0;
	padding: 0;
	line-height: 0.1;
	font-size: 0.1;
	}
dl.lost {
	border: 1px solid #E50109;
	background: #FDFADB;
}
dl.lost dt {
	color: #FFF;
	font-size: 90%;
	font-weight: bold;
	background: #E50109;
	margin: 1px;
}
dl.lost dt img {
	margin: 3px 4px 0 11px;
	vertical-align: middle;
}
dl.lost dd {
	font-size: 80%;
	margin: 13px 17px 13px 13px;
}

/*charge.html*/
ul#pagejump li{
	float:left;
	white-space:nowrap;
	background:url(/common/image/ic/ic_arrow_g_main.gif) no-repeat 0 50%;
	padding:0 10px 0 18px;
	margin:0 10px 5px 0;
	border-right:#ccc solid 1px;
}
ul li.komeC{
	text-indent:-1em;
	margin-left:1em;
}

/* clearfix */
div.figArea:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
*:first-child+html div.figArea,
*:first-child+html .clearfix {display: inline-block;}
* html div.figArea,
* html .clearfix {height: 1%;}

/* clear */
.clear {
	display: block;
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	}


ul,dl{margin:0;}
h2,h3{
	text-indent:0;
	text-align:left;
	margin: 15px 0;
}
em{
	color:#f30;
	font-style:normal;
}

div.main{
	margin:15px;
}
div.block{
	clear:both;
	margin:0 0 20px;
}
div.unit{
	margin:0 10px;
}
div.hedge{
	margin:15px;
	font-size:80%;
	background:#F3F4EC url(../image/bg_hedge_top.gif) no-repeat top;
}
div.hedge ul{
	padding:5px;
	background:url(../image/bg_hedge_btm.gif) no-repeat bottom;
}
ul.hedge{
	font-size:80%;
}

p.usetype{
	margin:-10px 0 10px;
	text-align:right;
}
p.usetype img{
	margin:0 0 0 5px;
}

/* ul.flow
---------------------------------- */
ul.flow li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	width:220px;
	min-height:250px;
	height:auto !important;
	height:250px;
	padding:0 10px 0 0;
	background:url(../image/arrow.gif) no-repeat 100% 80px;
}
ul.flow li.last{
	background:none;
}
ul.flow li img{
	margin:0;
}
ul.flow li p{
	font-size:100%;
}
ul.flow li img.ico{
	margin:0;
}


ul#btns_anc	{
	background:url(../image/common/btn_bg.gif);
	clear:both;
	padding: 5px 85px 1px;
	margin:0 0 16px;
}
	
	ul#btns_anc	li.left{
		float:left;
	}
	ul#btns_anc	li.right{
		float:right;
	}
#contents  p.txt	{
	padding:0 0 2em;}	

#contents  p.imgL	{
	text-align:left;}

#contents  p.flowtext.sp	{
	width:215px;
	padding:.5em .5em 62px;}

#contents  p.flowtext.sp.t	{
	width:230px;
	padding:.5em 1em 62px;}

div.box_flow.m	{
	float:left;
	}

#contents .article	{
	width:710px;
	margin:0 auto;
	text-align:left}


ul.flow	{
	clear:both;
	margin:0;
	* margin:0 0 2em;	
	}
	
ul.flow li	{
	float:left;
	margin:0 0 2em;	
	padding:0;
	}

ul.flow li img	{
	display:block;
	
	}

ul.flow li span.text	{
	display:block;
	padding-left:2em;
}


ul.hedge.bgGray	{
	background:#f3f4ec;
	padding:.5em 1em;
	margin-bottom:32px;
	}

div.hedge{
	margin:15px;
	font-size:80%;
	background:#F3F4EC url(../image/bg_hedge_top.gif) no-repeat top;
}
div.hedge ul{
	padding:5px;
	background:url(../image/bg_hedge_btm.gif) no-repeat bottom;
}
ul.hedge{
	font-size:80%;
}

.clearboth	{
	clear:both;}

/* /point/charge.html add 2012.02.28
---------------------------------- */
div#carge_area {
	width: 632px;
	margin: 0 auto;
}
div#carge_area p.read_text {
	margin-bottom: 20px;
	color: #333;
}
div#carge_area table#chargetbl {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
div#carge_area table#chargetbl th {
	width: 40%;
	background: #f7f7f4;
	border: 1px solid #ccc;
}
div#carge_area table#chargetbl th span {
	width: 100%;
	font-size: 90%;
	padding: 1em 0;
	color: #3a2014;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	display: block;
}
div#carge_area table#chargetbl td {
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
}
div#carge_area ul#pagejump {
	float: right;
}
div#carge_area ul#pagejump li {
	border: none;
	margin-right: 0;
	padding-right: 0;
}
div#carge_area .mb20 {
	margin-bottom: 20px;
}
div#carge_area div.fl {
	float: left;
}
div#carge_area div.fr {
	float: right;
}

/* /point/kigen_receipt.html add 2012.02.29
---------------------------------- */
div.getmblTxt2 p.btn_ctr {
	margin-top: 50px;
	text-align: center;
}

/* /point/use.html add 2012.03.02
---------------------------------- */
img.use_btn {
	margin-top: 5px;
}

/* /point/kigen_receipt.html add 2012.03.06
---------------------------------- */
p.lead_case2{
	margin:20px 0 0 0;
	clear:both;
	_margin-top:5px;
	*margin-top:5px;
}
#contents  p.overwrite_pb	{
	padding-bottom: 0.1em !important;
}

/* point/index.html	 2012.08.23
---------------------------------- */
#pointIndexMain{
	width: 710px;
	height: 286px;
	background-image: url(../image/index/bg_point_topttl.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-align: left;
	margin: 20px auto;
	clear: both;
}
#pointIndexMain h2{
	padding:8px 0 0 10px;
	* padding:8px 0 0 10px;
	width: 456px;
	height: 96px;
	margin:0
}
#pointIndexMain p{
	float:left;
	margin:20px 0 0 10px;
}
#pointIndexMain .hedge{
	float:left;
	width: 695px;
	padding: 3px 0 0 15px;
	_padding: 3px 0 0 25px;
}
#pointIndex_box01,
#pointIndex_box02,
#pointIndex_box02_1{
	width: 700px;
	margin:0 auto 20px;
  *margin:0 auto 0;
	padding: 10px;
	*padding: 10px 10px 0 10px;
}
#pointIndex_box01.pIb01_bg{
	width: 710px;
	*width: 690px;
	background-image: url(../image/index/bg_charge_top.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0 auto 20px;
  * margin:0 auto 10px;
}
#pointIndex_box02.pIb02_bg,
#pointIndex_box02_1.pIb02_bg {
	width: 710px;
	*width: 690px;
	background-image: url(../image/index/bg_use_top.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0 auto 20px;
  * margin:0 auto 10px;
}
#pointIndex_box01 h3,
#pointIndex_box02 h3,
#pointIndex_box02_1 h3 {
	float:left;
	width: 80px;
	margin: 0;
	padding: 0 18px 10px 0;
}
	#pointIndex_box01 p, 
	#pointIndex_box02 p,
	#pointIndex_box02_1 p {
	margin: 10px 0 0 18px;
	*margin: 20px 0 0 18px;
}
	#pointIndex_box01 ul, 
	#pointIndex_box02 ul,
	#pointIndex_box02_1 ul {
	width:700px;
	clear:both;
	margin-right: -10px;
}
#pointIndex_box01 li{
	float:left;
	width:224px;
	height:82px;
	padding: 0 8px 8px 0;
	_padding: 0 8px 4px 0;
}
#pointIndex_box02 li {
	float:left;
	width:224px;
	height:82px;
	padding: 0 8px 8px 0;
	_padding: 0 8px 4px 0;
}
#pointIndex_box02_1 li {
	float:left;
	width:224px;
	height:82px;
	padding: 0 8px 8px 0;
}
#pointIndex_box03{
	float:left;
	width: 325px;
	background-image: url(../image/index/bg_exchange_top.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 0 30px;
	*margin:0;
	padding: 10px;
}
	#pointIndex_box04{
	float:right;
	width: 325px;
	background-image: url(../image/index/bg_deadline_top.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 0 30px;
	*margin:0;
	padding: 10px;
}
	#pointIndex_box03 h4,#pointIndex_box04 h4{
	float:left;
	margin: 0;
	padding: 0 10px 0 0;
}
	#pointIndex_box03 p{
	margin: 20px 0 0;
	padding:5px 0 26px;
}
#pointIndex_box04 p{
	margin: 20px 0 0;
}
.charge_box,.use_box{
	width: 710px;
	margin:0;
	clear: both;
}
#pointIndex_box03 ul,#pointIndex_box04 ul{
	width: 325px;
	text-align: center;
	padding: 0;
	margin: 20px 0 0;
}
#pointIndex_box03 ul li,#pointIndex_box04 ul li{
	margin: 10px 0 0;
}
.p_btn{
	float: right;
}
#pointcharge_box01,#pointcharge_box02{
	width: 670px;
	clear:both;
}
#pointcharge_box01 ul{
	width:670px;
	height:160px;
	background-image: url(../image/charge/charge_imgbg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	padding: 7px 0 0 7px;
}
#pointcharge_box01 li{
	float:left;
	width:158px;
	padding: 0 6px 2px 0;
	padding: 0 6px 6px 0\9;
	*padding: 0 6px 4px 0;
}
.c_subttl{
	margin: 18px 0 18px 18px;
	text-align: left;
}
.c_kome{
	font-size: 80%;
}
.c_kome p{
padding:0;
margin:0;
}
.c_kome ul{
	margin: 0;
	padding:0;
}
.c_kome li{
	font-size:90%;
	display:inline;
	padding: 0 1em 0 0;
}
#pointcharge_box01 .c_kome ul{
	width:650px;
	margin:0 auto;
}
.chargebtn{
	text-align:right;
	margin: 20px 0 0;
}
.bnr_mobile,.bnr_shop{
	width: 672px;
	height: 102px;
	margin:0 auto;
}
#pointcharge_box02 ul{
	width:670px;
	*width:650px;
	height:150px;
	background-image: url(../image/charge/charge_imgbg02.jpg);
	background-repeat:no-repeat;
	background-position:0;
	margin: 0;
	padding: 0 0 0 20px;
}
#pointcharge_box05 ul{
	width:692px;
	*width:672px;
	height:220px;
	margin: 0;
	padding: 0;
}

	#pointcharge_box02 li{
	float:left;
	padding:15px 0 0;
}
.c_know_l,.c_know_r{
	width:337px;
	height:114px;
	margin: 0;
	padding: 0;
}
.c_know_l{
float:left;
	background-image: url(../image/charge/imgcharge_09.jpg);
	background-repeat:no-repeat;
	background-position:0;
}
.c_know_r{
	float:right;
	background-image: url(../image/charge/imgcharge_10.jpg);
	background-repeat:no-repeat;
	background-position:0;
}
.c_know_l p,.c_know_r p{
padding:80px 0 0 110px;
}
#pointcharge_box03 ul,#pointcharge_box07 ul{
	width:670px;
	*width:655px;
	height:160px;
	background-image: url(../image/charge/charge_imgbg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0 auto;
	padding: 7px 0 0 15px;
}
#pointcharge_box03 li{
float:left;
height:146px;
padding:0 0 0 0;
margin:0 5px 0 0;
text-align:center;
}
#pointcharge_box04{
	width:670px;
	height:210px;
	background-image: url(../image/charge/charge_imgbg03.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0 auto;
	padding: 0;
}
#pointcharge_box04 p{
	text-align:center;
	margin:3px;
	padding:5px 0 0;
}
#pointcharge_box04 ul{
	width:670px;
	*width:660px;
	height:200px;
	margin:0;
	padding:0 0 0 10px;
}
#pointcharge_box04 li{
	float:left;
	padding:0 0 0 0;
	margin:0 5px 0 0;
	text-align:center;
}

#pointcharge_box07 ul{
	padding:0;
}
#pointcharge_box05 li,#pointcharge_box07 li{
	float:left;
	padding:10px 0 0 0;
	text-align:center;
}
#pointcharge_box06 ul{
	width:670px;
	*width:664px;
	height:210px;
	background-image: url(../image/charge/charge_imgbg03.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0 auto;
	padding: 7px 0 0 6px;
}
#pointcharge_box06 li{
	float:left;
	margin: 0;
	padding:0 5px 0 0;
	text-align:center;
}
#pointcharge_box08 ul{
	width:670px;
	height:190px;
	background-image: url(../image/charge/charge_imgbg04.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0;
	padding: 0 0 0 12px;
}
#pointcharge_box08 li{
	float:left;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
}
#pointcharge_box09 ul{
	width: 670px;
	height: 160px;
	background-image: url(../image/charge/charge_imgbg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 auto;
	padding: 7px 0 0 5px;
}
#pointcharge_box09 li{
	float:left;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
}
#pointcharge_box10 ul{
	width: 670px;
	height: 210px;
	background-image: url(../image/charge/charge_imgbg03.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 auto;
	padding: 7px 0 0 12px;
}
#pointcharge_box10 li{
	float:left;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
}
.btnArea .logo {float:left;}
.btnArea .chargebtn {padding-top: 20px;}
	
#pointcharge_box_plus{
	width:670px;
	height:150px;
	background-image: url(../image/charge/charge_imgbg05.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0 auto;
	padding: 0;
}
#pointcharge_box_plus p{
	text-align:center;
	margin:3px;
	padding:5px 0 3px;
}
#pointcharge_box_plus ul{
	width:670px;
	*width:660px;
	height:116px;
	margin:0;
	padding:0 0 0 8px;
}
#pointcharge_box_plus li{
	float:left;
	padding:0 0 0 0;
	margin:0 6px 0 0;
	text-align:center;
}
		
#pointuse_box01,#pointuse_box02,#pointuse_box03,#pointuse_box04,#pointuse_box05{
	width: 670px;
	margin:0 auto;
		}
	
#pointuse_box01 ul{
	width:670px;
	height:210px;
	background-image: url(../image/use/use_imgbg01.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0 15px;
	padding: 0 0 0 12px;
}
#pointuse_box02 ul{
	width:670px;
	height:180px;
	background-image: url(../image/use/use_imgbg04.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0 15px;
	padding: 0 0 0 10px;
}
#pointuse_box04 ul{
	width:670px;
	height:180px;
	background-image: url(../image/use/use_imgbg04.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0;
	padding: 0 0 0 10px;
}
#pointuse_box01 ul li,#pointuse_box04  ul li{
	float:left;
	padding:8px 5px 0 0;
	text-align:center;
}
#pointuse_box04  ul li{
}
#pointuse_box05{
	width:670px;
	height:160px;
	background-image: url(../image/use/use_imgbg05.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	margin: 0;
	padding: 0;
	position: static;
}
#pointuse_box05 p{
display: inline;
}
#pointuse_box05 .f_img01{
position:relative;
	top:33px;
	left: 10px;
	*left: 5px;
	width:277px;
	height:68px;
}
#pointuse_box05 .f_img02{
position:relative;
	top:15px;
	left: 55px;
	width:238px;
	height:36px;
}
#pointuse_box05 .f_img03{
position:relative;
	top:65px;
	*top:60px;
	width:539px;
	height:15px;
}

.mob_txt{
	width:670px;
	margin: 0;
	padding: 0;
	clear: both;
}
.mob_txt dt{
	width: 104px;
	height: 104px;
	margin: 0 0 15px ;
	*margin: 0 0 7px;
	float: left;
}
.mob_txt dd{
	padding: 0 0 0.5em 124px;
	line-height: 1.5;
	font-size: 80%;
	text-align: left;
}

#point_index_clearbox {
	clear: both;
	}


/* point/charge.html	 2014.07.16
---------------------------------- */

#pointSave01,
#pointSave02 {
	background:#E6F5FD;
	padding:14px 10px 20px;
	margin-bottom:15px;
}

#pointSave01 h3,
#pointSave02 h3{
	margin:0 0 13px;
}
.shopsaveMain {
	background: url(../image/charge/shopsave_img01.jpg) no-repeat right top;
	height:120px;
	margin: 20px 18px;
}
.pointSavelogo{
	overflow:hidden;
	margin-left:3px;
	margin-right:-5px;
}
.pointSavelogo li {
	float:left;
	margin-right:4px;
	padding-bottom:5px;
	line-height:0;
}
.pointSaveTxt {
	text-align: center;
	padding:15px 0 20px;
}
.pointSaveTxt2 {
	text-align: center;
	padding:20px 0 10px;
}
.pointSaveBtn {
	text-align: center;
	padding:0 0 30px;
}
.pointSaveImg{
	overflow:hidden;
	width:672px;
	margin:0 auto;
	background: url(../image/charge/shopsave_ico01.jpg) no-repeat center 60px;
}
.pointSaveImg div {
	float:left;
	width:303px;
}
.pointSaveImg div.pointSaveImgR {
	float:right;
}
.pointSaveImg div.pointSaveImgR p{
	line-height:1.5;
	display:block;
}
.pointSaveImg div.pointSaveImgR p a {
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}
.pointSaveImg div.pointSaveImgR ul li {
	margin-bottom:5px;
    margin-left: 1em;
    text-indent: -1em;
	width:auto;
}
#pointSave02 #uketori {
	width:670px;
	margin:0 auto;
	background: url(../image/charge/shopsave_uketori.gif) no-repeat left bottom #EFE9CF;
	padding-bottom:20px;
	position:relative;
}
#pointSave02 #uketori span a {
	display:block;
	position:absolute;
	top:288px;
	right:32px;
}
#pointSave02 #uketori #uketori_inner {
	margin:20px 20px 0;
	border:3px solid #B8D9F1;
	padding:10px 150px 10px 10px;
	background: url(../image/charge/shopsave_img05.jpg) no-repeat 485px 16px #FFF;
}
#pointSave02 #uketori #uketori_inner h3 {
	padding:0;
	margin:0 0 10px;
}
#pointSave02 #uketori #uketori_inner p,
#pointSave02 #uketori #uketori_inner ul {
	text-align:left;
	margin:0;
	padding:0;
}
.uketoriNote {
	width:670px;
	margin:0 auto;
	padding:0;
}
.uketoriNote .uketoriNote01 {
	text-indent:-1.5em;
	margin-left:1.5em;
	margin-bottom:20px;
}
.uketoriNote .uketoriNote02 {
	text-indent:-0.5em;
	margin-left:0.5em;
}
.uketoriNote ul li {
	color: #333;
    font-size: 11px;
    line-height: 1.4;
}