@charset "utf-8";

/* common
------------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

/* mainVisual ----------- */
#mainVisual{
	background-image: url(../images/point/visualMain.jpg);
}

#mainVisual .inner p{
	top: 90px;
	right: 40px;
}

#mainVisual .inner .btn{
	padding: 5px;
	background: url(../images/common/visualLoginBtnBg.png) repeat 0 0;
	position: absolute;
	top: 125px;
	right: 40px;
}

/* subVisual ------------ */
#subVisual{
	background-color: #fbfbfb;
	background-image: url(../images/point/visualSub.jpg);
}

#subVisual .inner{
	padding: 80px 0 0 0;
	text-align: center;
	position: relative;
}


#subVisual h1 {
    color: #118c33;
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    padding: 0 45px 0 0;
    text-align: right;
}
	.concept #subVisual .inner h1{ right: 28px;}

#subVisual .inner span{
	display: block;
}
	#subVisual .inner span.img{ margin: 0 0 15px 0;}

/* contNav -------------- */
.contNav{}
	.contNavT{ margin: 0 0 35px 0; }
	.contNavB{ margin: 50px 0 0 0; }

.contNav ul{
	overflow: hidden;
}

.contNav ul li{
	float: left;
	width: 158px;
	text-align: center;
	position: relative;
}
.contNav ul li.menu01 {
	width: 199px;
}
.contNav ul li.menu01.active a {
	background: url(/assets/images/point/pointNavBg01.png) 0 0 no-repeat #119936;
}
.contNav ul li.menu02 {
	width: 159px;
}
.contNav ul li.menu02.active a {
	background: url(/assets/images/point/pointNavBg02.png) 0 0 no-repeat #119936;
}
.contNav ul li.menu03 {
	width: 179px;
}
.contNav ul li.menu03.active a {
	background: url(/assets/images/point/pointNavBg03.png) 0 0 no-repeat #119936;
}
.contNav ul li.menu04 {
	width: 159px;
}
.contNav ul li.menu04.active a {
	background: url(/assets/images/point/pointNavBg02.png) 0 0 no-repeat #119936;
}
.contNav ul li.menu05 {
	width: 129px;
}
.contNav ul li.menu05.active a {
	background: url(/assets/images/point/pointNavBg05.png) 0 0 no-repeat #119936;
}
.contNav ul li.menu06 {
	width: 127px;
}
.contNav ul li.menu06.active a {
	background: url(/assets/images/point/pointNavBg05.png) 0 0 no-repeat #119936;
}


	.contNav ul li.back{ width: 48px;}
	.contNav ul li.last{ border-right: none;}
	.contNav ul li.active:before{
		content: ' ';
		width: 100%;
		height: 6px;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
	}

	.contNavT ul li{padding: 0 0 6px 0;}
	.contNavT ul li.active:before{ background-image: url(../images/common/icon-triangle-arrowB-green.png); bottom: 0;}

	.contNavB ul li{padding: 6px 0 0 0;}
	.contNavB ul li.active:before{ background-image: url(../images/common/icon-triangle-arrowT-green.png); top: 0;}

.contNav ul li a{
	display: block;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	border-right: 1px solid #e2e2e2;
	background: #cccccc;
}
	.contNav ul li.back a{ padding: 15px 0;}
	.contNav ul li a:hover{text-decoration: none; background: #bbbbbb;}
	.contNav ul li.last a{ border-right: none;}
	.contNav ul li.active a{ background: #119936 url(../images/point/contNavBg.png) no-repeat 0 0;}

/* contTit -------------- */
.contTit{
	margin: 0 0 35px 0;
}

.contTit h2{
	text-align: center;
	font-size: 26px;
	line-height: 1.2em;
}

.contTit p.lead{
	padding: 30px 0 0 0;
	text-align: center;
	font-size: 16px;
    line-height: 1.4em;
}

.contTit p.lead span{
	color: #119934;
}

/* Block ----------- */

.basicBlock01 {
	background: url(/assets/images/hotel/restBlock01Bg.png) 0 0 repeat;
	overflow: hidden;
	padding: 30px;
	position: relative;
}
.basicBlock01:before {
	content: url(/assets/images/hotel/triangleMark-green.png);
	position: absolute;
	top: 0;
	right: 0;
}
.basicBlock02 {
	background-color: #fff;
	border: 10px solid #EEEEEE;
	position: relative;
	padding: 30px;
}
.basicBlock02:before {
	content: url(/assets/images/common/triangleMark.png);
	position: absolute;
	top: -10px;
	right: -10px;
}

/* pointCta ------------- */

.pointCta {
	background: url(/assets/images/point/pointCtaBg.png) 0 0 no-repeat;
	padding-bottom: 20px;
}
.pointCta .card {
	float: left;
	font-size: 20px;
	padding-top: 82px;
	text-align: center;
	width: 500px;
}
.pointCta .card a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) left center no-repeat;
	padding-left: 20px;
}
.pointCta .btn {
	float: right;
	margin: 10px 33px;
}

/* subNav ------------- */
.subNavT{ margin: 0 0 30px 0;}
.subNavB{ margin: 50px 0 -35px 0;}

.subNav {
	text-align: center;
}
.subNav ul{
	display: inline-block;
	margin: 0 auto;
	overflow: hidden;
}
.subNav ul li{
	float: left;
}
.subNav ul li a{
	display: block;
	padding: 13px 13px;
	text-align: center;
	color: #777777 !important;
	font-size: 14px;
	line-height: 1em;
}
.subNav ul li a:hover{
	text-decoration: none;
	background: #f3f3f3;
}
.subNav ul li.active a{
	background: #eeeeee;
}
/*.subNav ul li.last a{
	padding: 15px 17px;
}*/



/* top
------------------------------------------------------------------------- */
.top{}

/* slideBanner ---------- */
.top .slideBanner{
	margin: 0 0 20px 0;
	height: 215px;
	position: relative;
}

.top .slideBanner .swiper-container{
	padding: 0 0 25px 0;
	margin: 0 auto;
	width: 1000px;
	height: 190px;
}

.top .slideBanner .swiper-slide{
}

/* pagination */
.top .slideBanner .pagination{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}

.top .slideBanner .swiper-pagination-switch{
	display:inline-block;
	margin: 0 5px;
	width: 8px;
	height: 8px;
	border: 1px solid #999999;
	border-radius: 100%;
	cursor: pointer;
}

.top .slideBanner .swiper-active-switch {
	width: 10px;
	height: 10px;
	border: none;
	background: #119936;
}

/* swiperBtn */
.top .slideBanner .swiperBtn{
	width: 30px;
	height: 190px;
	position: absolute;
	top: 0;
	z-index: 10;
}
	.top .slideBanner .swiperBtn-next{ right: -40px;}
	.top .slideBanner .swiperBtn-prev{ left: -40px;}

.top .slideBanner .swiperBtn a{
	display: block;
	width: 30px;
	height: 190px;
	background-position: center center;
	background-repeat: no-repeat;
}
	.top .slideBanner .swiperBtn-next a{ background-image: url(../images/common/icon-slideR.png);}
	.top .slideBanner .swiperBtn-prev a{ background-image: url(../images/common/icon-slideL.png);}

/* IE8で動く？ */
@media screen and (max-width: 1100px) {
	.top .slideBanner .swiperBtn{display: none;}
}

/* newsList ------------- */

#newsList {
	margin-bottom: 30px;
}

/* pointNote ------------- */

.pointNote {
	border: 1px solid #ddd;
	margin-bottom: 53px;
	padding: 16px 20px;
}
.pointNote .caution {
	background: url(/assets/images/common/icon-attention.png) left center no-repeat;
	color: #FF5259;
	display: inline-block;
	margin-right: 30px;
	min-height: 20px;
	padding-left: 30px;
	padding-top: 8px;
}
.pointNote .link a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) left center no-repeat;
	padding-left: 20px;
}
.top #newsList h2 {
	margin-bottom: 15px;
}
.top #newsList .link a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) left center no-repeat;
	padding-left: 20px;
}

.pointNote02 {border: none;padding: 0;margin: 10px 0 0;line-height: 1.7em;}
.pointNote02 .caution {
	background: url(/assets/images/common/icon-attention.png) left center no-repeat;
	color: #FF5259;
	display: inline-block;
	margin-right: 30px;
	min-height: 20px;
	padding-left: 30px;
	padding-top: 8px;
}
.pointNote02 .link a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) left center no-repeat;
	padding-left: 20px;
	margin-left: 5px;display: inline;
}

/* contList ------------- */
.top #contList{}

.top #contList h2{
	margin: 0 0 40px 0;
	text-align: center;
}

.top #contList ul.row2 li,
.top #contList ul.row4 li{
	margin-bottom: 50px;
}
	.top #contList ul.row2 li.con1,
	.top #contList ul.row2 li.con3{ margin-right: 20px;}

.top #contList .link{
	margin: 0 0 63px 0;
}

.top #contList h3{
	margin: 0 0 25px 0;
	text-align: center;
	font-size: 26px;
	line-height: 1.2em;
	font-weight: normal;
}

/* for ie8 */

#contList .link ul li.iconNote a span,
#contList .link ul li.iconFaq a span {
	display: inline-block;
	min-height: 24px;
}

/* aboutTop
------------------------------------------------------------------------- */

/* merit ---------------- */
.aboutTop #merit{
	margin: 0 0 50px 0;
	overflow: hidden;
}

.aboutTop #merit .block{
	float: left;
	width: 490px;
}
	.aboutTop #merit .merit1{margin: 0 20px 50px 0;}
	.aboutTop #merit .merit2{margin: 0 0 50px 0;}
	.aboutTop #merit .merit3{margin: 0 20px 0 0;}

.aboutTop #merit .block a{
	display: block;
}

.aboutTop #merit .block .titArea{
	border: 1px solid #dddddd;
	background: #f6f6f6;
	position: relative;
}
	.aboutTop #merit .block .titArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.aboutTop #merit .block .titArea h3{
	color: #000;
	padding: 20px 0 0 0;
	height: 70px;
	text-align: center;
	font-size: 26px;
	line-height: 1.2em;
	font-weight: normal;
	box-sizing: border-box;
}

.aboutTop #merit .block .titArea .img{
	height: 160px;
	position: relative;
}
	.aboutTop #merit .block .titArea .img:before{
		content: ' ';
		width: 488px;
		height: 160px;
		/*background: url(../images/membership/merit/topImgMask.png) no-repeat left top;*/
		position: absolute;
		top: 0;
		right: 0;
	}

.aboutTop #merit .block .txtArea{
	padding: 20px 0;
	background: #73b853 url(../images/common/dotsBg-green.png) repeat 0 0;
}

.aboutTop #merit .block .txtArea p{
	color: #fff;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 15px;
	text-align: center;
}

.aboutTop #merit .block .txtArea .btn{
	text-align: center;
}

/* aboutStatus
------------------------------------------------------------------------- */

.aboutStatus .contNavT,
.au_wallet .contNavT,
.CC .contNavT,
.apli .contNavT,
.aboutStatus .contNavT {
  margin: 0 0 15px;
}

.aboutStatus .contTit {
	color: #000;
}
.aboutStatus .contTit p.lead {
	color: #333;
	line-height: 1.7;
}
.aboutStatus .statusNav {
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	margin-bottom: 40px;
	overflow: hidden;
}
.aboutStatus .statusNav .box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 30px 0 0 0;
	overflow: hidden;
	padding: 0 0 0 60px;
	width: 50%;
}
.aboutStatus .statusNav .box:first-child {
	background: url(/assets/images/point/status/statusNavLine01.png) right 0 no-repeat;
	padding: 0 0 0 40px;
}
.aboutStatus .statusNav .box > img {
	float: left;
}
.aboutStatus .statusNav .box .txt {
	float: left;
	margin-left: 30px;
}
.aboutStatus .statusNav .box h3 {
	background: url(/assets/images/point/status/statusLabel01.png) 0 0 no-repeat;
	color: #fff;
	font-weight: normal;
	line-height: 25px;
	margin-bottom: 25px;
	text-align: center;
	width: 120px;
}
.aboutStatus .statusNav .box .txt ul a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 center no-repeat;
	font-size: 20px;
	padding-left: 20px;
}
.aboutStatus .statusNav .box .txt ul span {
	background: url(/assets/images/point/status/icon-circle-arrowL-gray.png) 0 center no-repeat;
	color: #777777;
	font-size: 20px;
	padding-left: 20px;
}
.aboutStatus .statusNav .box .txt li {
	margin-bottom: 20px;
}

/* statusCont ---------------- */

.aboutStatus .statusCont {
	margin-bottom: 40px;
}
.aboutStatus .statusCont .statusContInner {
	background: url(/assets/images/common/newsBlockDec.png) right bottom no-repeat #fff;
	margin-bottom: 20px;
	padding: 25px 30px 34px;
}
.aboutStatus .statusCont .detail {
	background: url(/assets/images/point/status/statusDetailLine.png) 0 bottom no-repeat;
	margin-bottom: 40px;
	overflow: hidden;
}
.aboutStatus .statusCont .detail .box {
	float: left;
	width: 430px;
}
.aboutStatus .statusCont .detail .box:first-child {
	margin-right: 20px;
}
.aboutStatus .statusCont h3 {
	background: url(/assets/images/point/status/statusContH3.png) 0 0 no-repeat #EEEEEE;
	color: #000;
	font-size: 22px;
	font-weight: normal;
	line-height: 60px;
	margin-bottom: 20px;
	text-align: center;
	width: 430px;
}
.aboutStatus .statusCont .label {
	background: url(/assets/images/point/status/statusLabel02.png) 0 0 no-repeat;
	color: #fff;
	font-size: 18px;
	line-height: 31px;
	margin: 0 auto 15px;
	text-align: center;
	width: 200px;
}
.aboutStatus .statusCont .lead {
	line-height: 1.7;
	height: 142px;
	padding: 0 10px;
}
.aboutStatus .statusCont .img {
	margin-bottom: 48px;
}
.aboutStatus#contents .statusCont .table td {
	padding: 10px 5px;
	vertical-align: middle;
}
.aboutStatus#contents .statusCont .table tr.head td {
	background-color: #C6ECD5;
	color: #000;
	text-align: center;
}
.aboutStatus#contents .statusCont .table td.img img {
	margin-right: 10px;
	vertical-align: middle;
}
.aboutStatus#contents .table td.bg01 {
	background-color: #C6ECD5;
}
.aboutStatus#contents .table td.bg02 {
	background-color: #EEEEEE;
}
.aboutStatus#contents .table td.bg03 {
	background-color: #E4F5EB;
}
.aboutStatus#contents .table td.bg04 {
	background-color: #F6F6F6;
}
.aboutStatus#contents .statusCont .table td.btn {
	text-align: center;
}
.aboutStatus#contents .statusCont .table {
	width: 100%;
}
.aboutStatus#contents .statusCont .table td.col1 {
	width: 165px;
}
.aboutStatus#contents .statusCont .table td.col2 {
	width: 185px;
}
.aboutStatus#contents .statusCont .table td.col3 {
	width: 270px;
}

/* statusNote ---------------- */

.aboutStatus .statusNote dl {
	display: table;
	line-height: 1.7;
}
.aboutStatus .statusNote dl.info {
	margin-bottom: 21px;
}
.aboutStatus .statusNote dt {
	border-right: 1px solid #DDDDDD;
	color: #000;
	display: table-cell;
	height: 110px;
	padding-left: 15px;
	font-size: 16px;
	vertical-align: middle;
	width: 142px;
}
.aboutStatus .statusNote dd {
	display: table-cell;
	height: 110px;
	padding-left: 15px;
	vertical-align: middle;
	width: 720px;
}
.aboutStatus .statusNote dl.note span {
	background: url(/assets/images/common/icon-attention.png) 0 2px no-repeat;
	color: #525252;
	display: inline-block;
	min-height: 20px;
	padding-left: 24px;
}
.aboutStatus .statusNote dl.note dd {
	color: #525252;
}
.aboutStatus .statusNote dl.note dd li {
	margin-bottom: 8px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.aboutStatus .statusNote dl.note dd li:before {
	content: "※";
	padding-right: 0.5em;
}
.aboutStatus .contTit h3 {
	color: #000;
	font-size: 26px;
	font-weight: normal;
	line-height: 1;
	margin-bottom: -15px;
	text-align: center;
}
.aboutStatus .contTit h3 span {
	color: #119934;
}

/* statusService ---------------- */

.aboutStatus#contents .statusService {
	margin-bottom: 52px;
}
.aboutStatus#contents .statusService .table {
	margin-bottom: 28px;
}
.aboutStatus#contents .statusService .table td {
	line-height: 1;
	padding: 12px 0;
	text-align: center;
	vertical-align: middle;
}
.aboutStatus#contents .statusService .table td img {
	margin-right: 15px;
	padding-top: 5px;
	vertical-align: middle;
}
.aboutStatus#contents .statusService .table td a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 3px no-repeat;
	padding-left: 18px;
}
.aboutStatus#contents .statusService .table tr.head {
	color: #000;
}
.aboutStatus#contents .statusService .table td.col1 {
	line-height: 1.7;
}
.aboutStatus#contents .statusService .table td.bg03,
.aboutStatus#contents .statusService .table td.bg04 {
	width: 160px;
}
.aboutStatus#contents .statusService .table tr.strong td {
	color: #FF0505;
	font-size: 44px;
	font-weight: bold;
}
.aboutStatus#contents .statusService .table tr.strong td span {
	font-size: 17px;
	font-weight: normal;
}
.aboutStatus#contents .statusService .table tr.strong td span.txtS {
	font-size: 14px;
    color: #333;
}
.aboutStatus#contents .statusService .table tr.strong td span.sm {
	display: block;
    font-size: 14px;
    line-height: 1.2em;
    margin-bottom: 10px;
    color: #333;
}

.aboutStatus#contents .statusService .table tr.strong td.col1 {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
.aboutStatus#contents .statusService .table tr.strong td.normal {
	font-size: 14px;
	font-weight: normal;
}
.aboutStatus .statusService .note {
	color: #535353;
	padding: 0 10px;
}
.aboutStatus .statusService .note ol {
	padding-left: 0;
}
.aboutStatus .statusService .note li {
	margin-bottom: 7px;
	line-height: 1.7;
	list-style: none;
	padding-left: 2.3em;
	text-indent: -2.3em;
}
.aboutStatus .statusService .note li:before {
	content: "※";
}
.aboutStatus .statusService .note p {
	line-height: 1.7;
	padding-left: 2.3em;
	text-indent: -2.3em;
}
.aboutStatus .statusService .note p:before {
	content: "＊";
	margin-right: 1em;
}
.aboutStatus .statusNavB {
	margin-bottom: 50px;
	position: relative;
}
.aboutStatus .statusNavB .label {
	background: url(/assets/images/point/status/statusLabel03.png) 0 0 no-repeat;
	color: #fff;
	font-size: 16px;
	left: 370px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	top: -12px;
	width: 260px;
}

/* statusReq ---------------- */

.aboutStatus .statusReq {
	margin-bottom: 23px;
}
.aboutStatus .statusReq p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 20px;
	text-align: center;
}
.aboutStatus .statusReq .strong {
	color: #119934;
	font-size: 26px;
}
.aboutStatus .statusReq .link {
	margin-bottom: 0;
}
.aboutStatus .statusReq .link a {
	background: url(/assets/images/common/icon-circle-arrowB-green.png) 0 center no-repeat;
	padding-left: 20px;
}

/* statusFeature ---------------- */

.aboutStatus .statusFeature {
	margin-bottom: 60px;
}
.aboutStatus .statusFeature .box {
	background: url(/assets/images/point/status/statusBg01.png) 0 0 repeat;
	display: table;
	line-height: 1.7;
	margin-bottom: 20px;
	padding: 24px 20px;
	position: relative;
	width: 960px;
}
.aboutStatus .statusFeature .box:after {
	content: url(/assets/images/point/status/statusContH3.png);
	left: 0;
	position: absolute;
	top: 0;
}
.aboutStatus .statusFeature h3 {
	background: url(/assets/images/point/status/icon-check01.png) 0 center no-repeat;
	color: #000;
	display: table-cell;
	font-size: 22px;
	font-weight: normal;
	padding-left: 35px;
	vertical-align: middle;
	width: 155px;
}
.aboutStatus .statusFeature ul {
	display: table-cell;
	font-size: 16px;
	vertical-align: middle;
}
.aboutStatus .statusFeature li:before {
	content: "・";
}
.aboutStatus .statusFeature li span {
	color: #FF0505;
}
.aboutStatus .statusFeature .note {
	color: #535353;
	line-height: 1.7;
	margin-bottom: 25px;
	padding-left: 20px;
}
.aboutStatus .statusFeature .note p {
	margin-bottom: 10px;
}
.aboutStatus .statusFeature .note a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 center no-repeat;
	font-size: 16px;
	padding-left: 20px;
}
.aboutStatus .statusFeature .note .link2 a {
	background: url(/assets/images/common/icon-circle-arrowB-green.png) 0 center no-repeat;
}
.aboutStatus .statusFeature .caution {
	border: 1px solid #DDDDDD;
	color: #FF0000;
	font-size: 16px;
	padding: 16px 20px
}
.aboutStatus .statusFeature .caution span {
	background: url(/assets/images/common/icon-attention.png) 0 0 no-repeat;
	display: inline-block;
	min-height: 20px;
	padding-left: 30px;
	padding-top: 4px;
}

/* statusPrize ---------------- */

.aboutStatus .statusPrize {
	margin-bottom: 33px;
	padding-bottom: 0;
}
.aboutStatus .statusPrize .head {
	padding-bottom: 25px;
	position: relative;
}
.aboutStatus .statusPrize .head h4 {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.7;
	min-height: 53px;
	overflow: hidden;
}
.aboutStatus .statusPrize .head h4 span {
	color: #119934;
}
.aboutStatus .statusPrize .head h4 span.strong {
	color: #FF0505;
}
.aboutStatus .statusPrize .head h4.point {
	background: url(/assets/images/point/status/statusPrizePoint.png) 0 0 no-repeat;
	padding-left: 122px;
}
.aboutStatus .statusPrize .head h4.off {
	background: url(/assets/images/point/status/statusPrizeOff.png) 0 0 no-repeat;
	padding-left: 122px;
}
.aboutStatus .statusPrize .head h4.point.middle,
.aboutStatus .statusPrize .head h4.off.middle {
	margin-bottom: -10px;
	padding-top: 5px;
}
.aboutStatus .statusPrize .head ul {
	position: absolute;
	right: 0;
	top: 0;
}
.aboutStatus .statusPrize .head li {
	display: none;
}
.aboutStatus .statusPrize .head li img {
	cursor: pointer;
}
.aboutStatus .statusPrize .head li.active {
	display: block;
}
.aboutStatus .statusPrize .head .link{
text-align: right;
    margin: 10px 10px 0 0;
    font-size: 16px;}
.aboutStatus .statusPrize .head .link a{
background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 center no-repeat;
    padding-left: 20px;}
.aboutStatus .statusPrize .body {
	background: url(/assets/images/common/newsBlockDec.png) right bottom #fff no-repeat;
	display: none;
	margin-bottom: 25px;
}
.aboutStatus .statusPrize .body .wrap {
	padding: 25px;
}
.aboutStatus .statusPrize .body p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 8px;
}
.aboutStatus .statusPrize .body p span {
	color: #FF5259;
}
.aboutStatus .statusPrize .body .link a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) left center no-repeat;
	font-size: 14px;
	padding-left: 20px;
}
.aboutStatus .statusPrize .body .table {
	margin: 20px 0 20px;
}
.aboutStatus#contents .statusPrize .body .table td {
	padding: 10px 0;
	text-align: center;
}
.aboutStatus#contents .statusPrize .body .table td span {
	color: #FF0505;
}
.aboutStatus .statusPrize .body .note {
	padding: 0 10px;
}
.aboutStatus .statusPrize .body .note.noSpace {
	padding: 0;
}
.aboutStatus .statusPrize .body .note li {
	color: #545454;
	line-height: 1.7;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.aboutStatus .statusPrize .body .note li:before {
	content: "※";
	padding-right: 0.5em;
}
.aboutStatus .statusOrder {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 43px;
}
.aboutStatus .pointNotice {
	background: url(/assets/images/point/status/pointNotice.png) 22px 22px no-repeat;
	border: 1px solid #DDDDDD;
	color: #535353;
	line-height: 1.7;
	margin-bottom: 46px;
	padding: 30px 80px;
}
.aboutStatus.diamond .contTit .lead,
.aboutStatus.gold .contTit .lead,
.aboutStatus.silver .contTit .lead {
	background: url(/assets/images/point/status/diamond/diamondLeadBg.png) center 38px no-repeat;
	margin: 15px 0 50px;
}
.diamond#contents .statusPrize .body .table td.bg03 {
	width: 298px;
}
.gold#contents .statusPrize .body .table td.bg03 {
	width: 198px;
}

/* Modal ---------------- */
.aboutStatus .modalMask{
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/common/modalMask.png) repeat 0 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 210;
}

.aboutStatus .modalArea{
	display: none;
	padding: 10px;
	margin: -250px 0 0 -395px;
	width: 790px;
	height: 500px;
	border: 3px solid #999999;
	background: #ffffff;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 212;
}
	.aboutStatus .modalArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark-gray.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.aboutStatus .modalArea .modalInner{
	margin: 0 0 10px 0;
	height: 474px;
	overflow-y: auto;
	position: relative;
}

.aboutStatus .modalArea iframe{
	width: 747px;
}

.aboutStatus .modalArea .close{
	padding: 10px 0 0 0; 
	text-align: right;
}

.aboutStatus .modalArea .close a{
	padding: 0 0 0 20px;
	font-size: 16px;
	line-height: 16px;
	background: url(../images/common/icon-close.png) no-repeat left center;
}


/* au_wallet
------------------------------------------------------------------------- */

/* statusNote ---------------- */

.au_walletNote {
	margin-bottom: 42px;
	padding: 20px 13px 30px;
}
.au_wallet .statusNote dl {
	display: table;
	line-height: 1.7;
}
.au_wallet .statusNote dl.info {
	margin-bottom: 21px;
}
.au_wallet .statusNote dt {
	border-right: 1px solid #DDDDDD;
	color: #000;
	display: table-cell;
	height: 50px;
	padding-left: 15px;
	font-size: 16px;
	vertical-align: middle;
	width: 110px;
}
.au_wallet .statusNote dd {
	display: table-cell;
	height: 50px;
	padding-left: 15px;
	vertical-align: middle;
}
.au_wallet .statusNote dl.note span {
	background: url(/assets/images/common/icon-attention.png) 0 2px no-repeat;
	color: #525252;
	display: inline-block;
	min-height: 20px;
	padding-left: 24px;
}
.au_wallet .statusNote dl.note dd {
	color: #525252;
	overflow: hidden;
}
.au_wallet .statusNote dl.note dd ul {
	float: left;
	width: 400px;
}
.au_wallet .statusNote dl.note dd li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.au_wallet .statusNote dl.note dd li:before {
	content: "・";
	padding-right: 0.5em;
}
.au_wallet .contTit h3 {
	color: #000;
	font-size: 26px;
	font-weight: normal;
	line-height: 1;
	margin-bottom: -15px;
	text-align: center;
}
.au_wallet .contTit h3 span {
	color: #119934;
}

/* au_walletLink ---------------- */

.au_wallet .au_walletLink {
	margin-bottom: 40px;
	padding: 35px;
}
.au_wallet .au_walletLink ul {
	overflow: hidden;
}
.au_wallet .au_walletLink li {
	float: left;
}
.au_wallet .au_walletLink li:first-child {
	margin: 0 140px 0 17px;
}
.au_walletChange h3 {
	background: url(/assets/images/point/au_wallet/au_walletH3.png) 0 0 no-repeat;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	line-height: 45px;
	margin: 0 auto 28px;
	text-align: center;
	width: 450px;
}

/* au_walletChange ---------------- */

.au_wallet .au_walletChangeInner {
	overflow: hidden;
}
.au_walletChange .box {
	float: left;
	width: 480px;
}
.au_walletChange .box:first-child {
	margin-right: 40px;
}
.au_walletChange .box .head {
	height: 150px;
}
.au_walletChange .box .head h4 {
	color: #000;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 8px;
	position: relative;
	text-align: center;
}
.au_walletChange .box .head h4 span {
	color: #119934;
}
.au_walletChange .box.pc .head h4:before {
	content: url(/assets/images/point/au_wallet/au_walletIconPc.png);
	display: block;
	margin-bottom: 18px;
	text-align: center;
}
.au_walletChange .box.sp .head h4:before {
	content: url(/assets/images/point/au_wallet/au_walletIconSp.png);
	display: block;
	margin-bottom: 18px;
	text-align: center;
}
.au_walletChange .box .head p {
	line-height: 1.7;
	padding: 0 18px;
}
.au_walletChange .box .step {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 69px;
	padding: 33px 15px 30px;
	position: relative;
}
.au_walletChange .box .step:after {
	content: url(/assets/images/point/au_wallet/au_walletStepArrow.png);
	position: absolute;
	left: 215px;
	bottom: -58px;
}
.au_walletChange .box .step h5 {
	display: table;
	font-size: 14px;
	line-height: 1.7;
	min-height: 50px;
}
.au_walletChange .box .step .img,
.au_walletChange .box .step .btn {
	margin-top: 25px;
	text-align: center;
}
.au_walletChange .box h5 span {
	display: table-cell;
	vertical-align: middle;
}
.au_walletChange .box h5:before {
	display: table-cell;
	padding-right: 8px;
	vertical-align: middle;
}
.au_walletChange .box .step01 h5:before {
	content: url(/assets/images/point/au_wallet/au_walletStep01.png);
}
.au_walletChange .box .step02 h5:before {
	content: url(/assets/images/point/au_wallet/au_walletStep02.png);
}
.au_walletChange .box .step03 h5:before {
	content: url(/assets/images/point/au_wallet/au_walletStep03.png);
}
.au_walletChange .box .step04 h5:before {
	content: url(/assets/images/point/au_wallet/au_walletStep04.png);
}
.au_walletChange .box .step05 h5:before {
	content: url(/assets/images/point/au_wallet/au_walletStep05.png);
}
.au_walletChange .box .step06 h5:before {
	content: url(/assets/images/point/au_wallet/au_walletStep06.png);
}
.au_walletChange .box .step07 h5:before {
	content: url(/assets/images/point/au_wallet/au_walletStep07.png);
}
.au_walletChange .box .step02 {
	height: 397px;
}
.au_walletChange .box .step03 {
	height: 360px;
}
.au_walletChange .box .step04 {
	height: 247px;
}
.au_walletChange .box .step05 {
	height: 143px;
}
.au_walletChange .box .step06 {
	height: 143px;
}
.au_walletChange .box .step .note {
	color: #535353;
	margin-top: 5px;
	padding-left: 89px;
}
.au_walletChange .box.sp .step06:after {
	bottom: -145px;
}
.au_walletFinish {
	background: url(/assets/images/common/triangleMark.png) top right no-repeat #EEEEEE;
	height: 140px;
	text-align: center;
	width: 100%;
}
.au_walletFinish p {
	color: #FF5259;
	font-size: 26px;
	font-weight: bold;
	line-height: 140px;
}

/* au_walletQA ---------------- */

.au_walletQA {
	margin-top: -20px;
}
.au_walletQA h3 {
	background: url(/assets/images/point/au_wallet/au_walletQAH3.png) 0 0 no-repeat;
	color: #fff;
	font-size: 26px;
	font-weight: normal;
	line-height: 45px;
	margin: 0 auto 40px;
	text-align: center;
	width: 540px;
}
.au_walletQA .pointAcc {
	line-height: 1.7;
}
.au_walletQA .pointAcc h4 {
	display: table;
	font-size: 16px;
	font-weight: normal;
}
.au_walletQA .pointAcc h4 span {
	display: table-cell;
	vertical-align: middle;
}
.au_walletQA .pointAcc h4:before {
	content: url(/assets/images/point/au_wallet/au_walletQ.png);
	display: table-cell;
	padding-right: 10px;
	vertical-align: middle;
}
.au_walletQA .pointAcc .body p {
	display: table;
	font-size: 16px;
}
.au_walletQA .pointAcc .body p span {
	display: table-cell;
	padding-right: 10px;
	vertical-align: middle;
}
.au_walletQA .pointAcc .body p:before {
	content: url(/assets/images/point/au_wallet/au_walletA.png);
	display: table-cell;
	padding-right: 10px;
	vertical-align: top;
}

/* pointAcc ---------------- */

.pointAcc {
	margin-bottom: 33px;
	padding: 20px 30px 0;
	padding-bottom: 0;
}
.pointAcc .head {
	min-height: 45px;
	padding-bottom: 20px;
	position: relative;
}
.pointAcc .head ul {
	position: absolute;
	right: 0;
	top: 10px;
}
.pointAcc .head li {
	display: none;
}
.pointAcc .head li img {
	cursor: pointer;
}
.pointAcc .head li.active {
	display: block;
}
.pointAcc .body {
	background: url(/assets/images/common/newsBlockDec.png) right bottom #fff no-repeat;
	display: none;
	margin-bottom: 25px;
}

/* checkin-checkout
------------------------------------------------------------------------- */

/* CCTit ---------------- */

.CC .CCTit {
	background: url(/assets/images/checkin-checkout/CCH2Bg.jpg) 0 0 no-repeat;
	height: 200px;
	margin-bottom: 23px;
	width: 1000px;
}
.CC .CCTit h2 {
	margin-bottom: 15px;
	padding: 20px 0 0 27px;
}
.CC .CCTit p {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	padding-left: 33px;
	text-align: center;
	width: 472px;
}

/* CCNav ---------------- */

.CC .CCNav {
	border-bottom: 1px solid #ddd;
	margin-bottom: 39px;
	text-align: center;
}
.CC .CCNav ul {
	display: inline-block;
	overflow: hidden;
	padding-bottom: 13px;
}
.CC .CCNav li {
	float: left;
	line-height: 1;
	padding: 5px 25px;
}
.CC .CCNav li a {
	background: url(/assets/images/common/icon-circle-arrowB-green.png) 0 center no-repeat;
	padding-left: 20px;
}
.CC .CCNav li:first-child {
	border-right: 1px solid #DDDDDD;
}

/* contTit ---------------- */

.CC .contTit h3 {
	color: #000;
	font-size: 26px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}
.CC .contTit h3 span {
	color: #119934;
}

/* CCGuide ---------------- */

.CC .CCGuide {
	margin-bottom: 40px;
}
.CC .CCGuide .block {
	background: url(/assets/images/common/newsBlockDec.png) right bottom no-repeat #fff;
	margin-bottom: 43px;
	overflow: hidden;
	padding: 32px 15px 34px;
}
.CC .CCGuide .lead h3 {
	background: url(/assets/images/checkin-checkout/CCTitBg01.png) 0 0 no-repeat;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 auto 19px;
	text-align: center;
	width: 260px;
}
.CC .CCGuide .lead .left {
	border-right: 1px solid #DDDDDD;
	float: left;
	width: 578px;
}
.CC .CCGuide .lead .right {
	float: left;
	margin-left: 16px;
	width: 315px;
}
.CC .CCGuide .flow01 {
	padding: 25px;
}
.CC .CCGuide .flow01 h3 {
	background: url(/assets/images/checkin-checkout/CCFlow01.png) 0 0 no-repeat;
	color: #000;
	font-size: 22px;
	font-weight: normal;
	line-height: 45px;
	margin-bottom: 25px;
	padding-left: 148px;
}
.CC .CCGuide .flow01 h3 span {
	color: #119935;
}
.CC .CCGuide .flow01 dl.info {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	display: table;
	margin-bottom: 32px;
	padding: 21px 0;
	width: 100%;
}
.CC .CCGuide .flow01 dl.info dt {
	color: #000;
	display: table-cell;
	font-size: 16px;
	padding-left: 10px;
	vertical-align: middle;
	width: 140px;
}
.CC .CCGuide .flow01 dl.info dd {
	border-left: 1px solid #ddd;
	display: table-cell;
	line-height: 1.7;
	padding-left: 20px;
	vertical-align: middle;
}
.CC .CCGuide .flow01 dl.info dd a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 center no-repeat;
	font-size: 16px;
	padding-left: 20px;
}
.CC .CCGuide .pointAcc {
	background : url(/assets/images/hotel/restBlock01Bg.png) 0 0 repeat;
	margin-bottom: 16px;
	padding: 14px 23px 0;
}
.CC .CCGuide .pointAcc h4 {
	color: #000;
	font-size: 22px;
	font-weight: normal;
	line-height: 47px;
	text-align: center;
}
.CC .CCGuide .pointAcc .head {
	padding-bottom: 14px;
}
.CC .CCGuide .pointAcc .head ul {
	top: 0;
}
.CC .CCGuide .pointAcc .body {
	padding-bottom: 23px;
	background: none;
}
.CC .CCGuide .pointAcc .body dl {
	margin: 0 0 45px 0 ;
}
.CC .CCGuide .pointAcc .body dl dt {
	display: table;
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.7em;
}
.CC .CCGuide .pointAcc .body dl dt span {
	display: table-cell;
	vertical-align: middle;
}
.CC .CCGuide .pointAcc .body dl dt span.titleQ {
	background: url(/assets/images/beginners/faq/faqTitleBg01.png) 0 0 no-repeat;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.7em;
	height: 60px;
	text-align: center;
	width: 60px;
}
.CC .CCGuide .pointAcc .body dl dt span.txt {
	padding-left: 15px;
}
.CC .CCGuide .pointAcc .body dl dd {
	display: table;
	width: 100%;
	background: #ffffff;
	margin-left: 0;
}
.CC .CCGuide .pointAcc .body dl dd  span.titleA {
	background: url(/assets/images/beginners/faq/faqTitleBg02.png) 0 0 no-repeat #119934;
	color: #fff;
	display: table-cell;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.7em;
	padding: 5px 0;
	text-align: center;
	width: 60px;
}
.CC .CCGuide .pointAcc .body dl dd span.txt {
	display: table-cell;
	padding: 10px 15px;
	font-size: 16px;
	vertical-align: middle;
	line-height: 1.7em;
}
.CC .CCGuide .flow02 {
	margin-bottom: 0;
	padding: 32px 25px 34px;
}
.CC .CCGuide .flow02 h3 {
	background: url(/assets/images/checkin-checkout/CCFlow02.png) 0 0 no-repeat;
	color: #000;
	font-size: 22px;
	font-weight: normal;
	line-height: 45px;
	margin-bottom: 35px;
	padding-left: 152px;
}
.CC .CCGuide .flow02 h3 span {
	color: #119935;
}
.CC .CCGuide .flow02 .step {
	background: url(/assets/images/common/line.png) 0 0 repeat-x;
	overflow: hidden;
	padding: 36px 16px 40px;
}
.CC .CCGuide .flow02 .step h4 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.7;
	min-height: 40px;
	padding-left: 50px;
	padding-top: 5px;
}
.CC .CCGuide .flow02 .step .img {
	margin-top: 20px;
	text-align: center;
}
.CC .CCGuide .flow02 .step .img.right {
	float: right;
}
.CC .CCGuide .flow02 .step .note {
	color: #535353;
	line-height: 1.7;
	padding-left: 50px;
}
.CC .CCGuide .flow02 .step01 h4 {
	background: url(/assets/images/checkin-checkout/CCFlow02Step01.png) 0 0 no-repeat;
}
.CC .CCGuide .flow02 .step02 h4 {
	background: url(/assets/images/checkin-checkout/CCFlow02Step02.png) 0 0 no-repeat;
	margin-bottom: 35px;
}
.CC .CCGuide .flow02 .step03 h4 {
	background: url(/assets/images/checkin-checkout/CCFlow02Step03.png) 0 0 no-repeat;
}
.CC .CCGuide .flow02 .step04 h4 {
	background: url(/assets/images/checkin-checkout/CCFlow02Step04.png) 0 0 no-repeat;
}
.CC .CCGuide .flow02 .step01 .img {
	margin-left: 20px;
}
.CC .CCGuide .flow02 .step03 .img {
	margin: 40px 0 0 30px;
}
.CC .CCGuide .flow02 .step04 .img.right {
	margin: 0 195px 0 0;
}
.CC .CCGuide .flow02 .step04 {
	margin-bottom: 20px;
}
.CC .CCGuide .flow02 .stepWrap {
	margin-bottom: 42px;
	position: relative;
}
.CC .CCGuide .flow02 .stepWrap:after {
	content: url(/assets/images/checkin-checkout/CCGuideArrow.png);
	position: absolute;
	left: 426px;
	bottom: -20px;
}
.CC .CCGuide .flow02 .finish {
	border: 1px solid #DDDDDD;
	color: #119933;
	font-size: 26px;
	margin-bottom: 40px;
	padding: 53px 0;
	text-align: center;
	width: 890px;
}
.CC .CCGuide .flow02 .finish p span {
	background: url(/assets/images/common/icon-check-green.png) 0 center no-repeat;
	line-height: 1;
	padding-left: 36px;
}
.CC .CCGuide.checkout .flow02 h3 {
	background: url(/assets/images/checkin-checkout/CCFlow03.png) 0 0 no-repeat;
}
.CC .pointNotice {
	background: url(/assets/images/point/status/pointNotice.png) 22px 22px no-repeat;
	border: 1px solid #DDDDDD;
	color: #545454;
	line-height: 1.7;
	margin-bottom: 46px;
	padding: 30px 80px;
}
.CC .pointNotice ul {
	float: left;
	margin-bottom: 5px;}
.CC .pointNotice ul.left {
	width: 460px;
}
.CC .pointNotice li {
	line-height: 1.7;
	margin-bottom: 5px;
}

/* apli
------------------------------------------------------------------------- */

.apli .h2Wrap {
	margin-bottom: 40px;
	position: relative;
}
.apli .h2Wrap .lead {
	left: 77px;
	line-height: 1.7;
	position: absolute;
	top: 79px;
}
.apli .h2Wrap .lead a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 3px no-repeat;
	padding-left: 20px;
}
.apli .h2Wrap ul {
	left: 77px;
	overflow: hidden;
	position: absolute;
	top: 142px;
}
.apli .h2Wrap li {
	float: left;
	margin-right: 10px;
}
.apli .contTit h3 {
	color: #000;
	font-size: 26px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}
.apli .contTit h3 span {
	color: #119933;
}

/* apliCont ---------------- */

.apli .apliCont {
	margin-bottom: 50px;
}
.apli .apliCont .box {
	/*background: url(/assets/images/common/newsBlockDec.png) right bottom no-repeat #fff;*/
    border: 1px solid #ddd;
	margin-bottom: 40px;
	overflow: hidden;
}
.apli .apliCont .box .img {
	float: left;
	width: 280px;
}
.apli .apliCont .box .txt {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 17px 27px;
	width: 660px;
}
.apli .apliCont .box .txt h4 {
	color: #000;
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 23px;
	padding-left: 49px;
}
.apli .apliCont .box01 .txt h4 {
	background: url(/assets/images/point/apli/apliContTit01.png) 0 center no-repeat;
}
.apli .apliCont .box02 .txt h4 {
	background: url(/assets/images/point/apli/apliContTit02.png) 0 center no-repeat;
}
.apli .apliCont .box03 .txt h4 {
	background: url(/assets/images/point/apli/apliContTit03.png) 0 center no-repeat;
}
.apli .apliCont .box04 .txt h4 {
	background: url(/assets/images/point/apli/apliContTit04.png) 0 center no-repeat;
}
.apli .apliCont .box .txt h4 span {
	color: #119933;
}
.apli .apliCont .box .txt p {
	line-height: 1.7;
	margin-bottom: 10px;
}
.apli .apliCont .box .txt p.note {
	color: #545454;
}
.apli .apliCont .box .txt h5 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 10px;
}
.apli .apliCont .box .txt .link a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 3px no-repeat;
	font-size: 16px;
	padding-left: 20px;
}

.apli .apliCont02{
    margin-bottom: 60px;
    position: relative;
}

.apli .apliCont02 .apli_square{
    width: 20px;
    height: 20px;
    background-color: #FFF;
    position: absolute;
    top: 310px;
    left: 490px;
}


.apli .apliCont02 .box{
    width:500px;
    height: 320px;
    float:left;
    box-sizing: border-box;
}

.apli .apliCont02 .box .img{
    text-align: center;
}

.apli .apliCont02 .box .txt h4{
    font-size:22px;
    text-align: center;
    line-height: 1.3em;
}

.apli .apliCont02 .box .txt h4 span{
    font-weight:bold;
    color:#00b900;
}

.apli .apliCont02 .box01{
    border-right: 2px solid #00b900;
    border-bottom: 2px solid #00b900;
}
.apli .apliCont02 .box02{
    border-left: 2px solid #00b900;
    border-bottom: 2px solid #00b900;
}
.apli .apliCont02 .box03{
    border-right: 2px solid #00b900;
    border-top: 2px solid #00b900;
}
.apli .apliCont02 .box04{
    border-left: 2px solid #00b900;
    border-top: 2px solid #00b900;
}

.apli .apliCont02 .box01 .txt p{
    font-weight: bold;
    text-align: center;
}

.apli .apliCont02 .box01 .txt h4{
    color:#e50012;
}

.apli .apliBtn{
    background: url(/assets/images/point/apli/btn_arrow.png) 96% center no-repeat #00b900;
    color: #fff !important;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    border-radius: 40px;
    display: block;
    width: 800px;
    padding: 13px 0;
    margin: 30px auto;
}


/* apliCont ---------------- */

.apli .apliBottom {
	margin-bottom: 42px;
}
.apli .apliBottom .block {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
	padding: 22px 0 25px;
}
.apli .apliBottom .box {
	border-left: 1px solid #DDDDDD;
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.apli .apliBottom .box:first-child {
	border-left: 0;
}
.apli .apliBottom .box h4 {
	background: url(/assets/images/point/apli/apliBg01.png) center 0 no-repeat;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 22px;
	text-align: center;
}
.apli .apliBottom .box ul {
	margin-left: 40px;
	overflow: hidden;
}
.apli .apliBottom .box p {
	font-size: 16px;
	margin-left: 45px;
	overflow: hidden;
	padding-bottom: 5px;
}
.apli .apliBottom .box li {
	float: left;
}
.apli .apliBottom .box li:first-child {
	margin-right: 14px;
}
.apli .apliBottom .box p img {
	margin-right: 14px;
	vertical-align: middle;
}

/* apliNote ---------------- */

.apli .apliNote {
	border: 1px solid #DDDDDD;
	line-height: 1.7;
	margin-bottom: 50px;
	padding: 35px 30px;
}
.apli .apliNote p {
	margin-bottom: 10px;
}
.apli .apliNote ul ul {
	margin-bottom: 15px;
	margin-left: 1em;
	overflow: hidden;
}
.apli .apliNote ul ul li {
	float: left;
	margin-right: 8px;
}
.apli .apliNote .down {
	margin-left: 1em;
	text-indent: -1em;
}
.apli .apliNote .notice {
	color: #525252;
}
.apli .apliNote a {
	text-decoration: underline;
}


/* list
------------------------------------------------------------------------- */

.list .contTit {
	margin-bottom: 10px;
}
.list .contTit h2 {
	color: #000;
	font-size: 26px;
	line-height: 1.2;
	text-align: center;
}
.list .contNavT {
	margin-bottom: 15px;
}
.list #courseList {
	margin-bottom: 50px;
}

/* nav ------------------ */
.list #courseList .prefeNav{}
.list #courseList .prefeNav ul{
	overflow: hidden;
}

.list #courseList .prefeNav ul li{
	float: left;
	width: 171px;
	text-align: center;
	position: relative;
}
	.list #courseList .prefeNav ul li.last{ width: 145px;}
	.list #courseList .prefeNav ul li.active:before{
		content: ' ';
		width: 100%;
		height: 4px;
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
	}

	.list #courseList .prefeNavT ul li{padding: 0 0 4px 0;}
	.list #courseList .prefeNavT ul li.active:before{ background-image: url(../images/point/prefeIconB.png); bottom: 0;}

	.list #courseList .prefeNavB ul li{padding: 4px 0 0 0;}
	.list #courseList .prefeNavB ul li.active:before{ background-image: url(../images/point/prefeIconT.png); top: 0;}

.list #courseList .prefeNav ul li a{
	display: block;
	color: #777777;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
	.list #courseList .prefeNav ul li.last a{ border-right: 1px solid #e2e2e2; }
	.list #courseList .prefeNav ul li a:hover{text-decoration: none; background: #e2e2e2;}
	.list #courseList .prefeNav ul li.active a{
		color: #ffffff;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background: #999999 url(../images/point/prefeNavBg.png) no-repeat 0 0;
	}
.list #courseList .notes {
	color: #545454;
	margin-bottom: 15px;
	text-align: right;
}

/* courseListInner ------ */
.list .courseListInner{
	padding: 20px;
	margin: -4px 0;
 	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	overflow: hidden;
}
.list .courseListInner .block {
	background: url(/assets/images/common/newsBlockDec.png) right bottom no-repeat #fff;
	padding: 0 20px 10px;
}
.list .courseListInner .box {
	display: none;
}
.list .courseListInner #area0.box {
	display: block;
}
.list .courseListInner li {
	border-top: 1px solid #DDDDDD;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	line-height: 1;
	min-height: 20px;
	padding: 12px 0;
	width: 920px;
	table-layout:fixed;
}
.list .courseListInner li:first-child {
	border-top: 0;
}
.list .courseListInner li a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 center no-repeat;
	padding-left: 20px;
}
.list .courseListInner li > div {
	display: table-cell;
	padding: 3px 0;
	vertical-align: middle;
}
.list .courseListInner li .name {
	border-right: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 13px;
	width: 642px;
}
.list .courseListInner li .name a {
	background: url(/assets/images/common/icon-circle-arrowL-green.png) 0 center no-repeat;
	padding-left: 20px;
}
.list .courseListInner li .name p{
	padding: 9px 0 0 10px;
	font-size: 91%;
	opacity: 0.95;
}
.list .courseListInner li .pref {
	border-right: 1px solid #ddd;
	text-align: center;
	width: 100px;
}
.list .courseListInner li .tel {
	text-align: center;
	width: 178px;
}
.list .courseListInner li .tel span {
	background: url(/assets/images/point/list/icon-tel.png) 0 0 no-repeat;
	display: inline-block;
	min-height: 20px;
	padding-left: 28px;
	padding-top: 3px;
}

.list .courseListInner.courseList02 li:first-of-type .name {text-align: center;}
.list .courseListInner.courseList02 li:first-of-type .address {text-align: center;}
.list .courseListInner.courseList02 li .name {width:300px;}
.list .courseListInner.courseList02 li .address {border-right: 1px solid #ddd;padding-left: 13px;width:300px;}
.list .courseListInner.courseList02 li .tel {width:150px;}

/* practice
------------------------------------------------------------------------- */

.practice .courseListInner li .name {
	width: 550px;
}
.practice .courseListInner li .num {
	border-left: 1px solid #ddd;
	text-align: center;
	width: 90px;
}

/* camp
------------------------------------------------------------------------- */

.camp .campList {
	margin-bottom: 40px;
	padding: 40px 30px;
}
.camp .campList .block {
	margin-bottom: -25px;
	overflow: hidden;
}
.camp .campList .box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	height: 290px;
	margin-right: 22px;
	margin-bottom: 39px;
	width: 292px;
}
.camp .campList .box .txt {
	background: url(/assets/images/point/camp/campListBg.png) 0 0 repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-top: 0;
	color: #000;
	height: 104px;
	line-height: 1.7;
	padding-top: 5px;
	text-align: center;
}
.camp .campList .box .txt h3 {
	font-size: 18px;
	font-weight: normal;
}
.camp .campList .box.high {
	height: 319px;
}
.camp .campList .box.high .txt {
	height: 134px;
}
.camp .campList .note {
	color: #545454;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 20px;
	text-indent: -1.5em;
	margin-left: 1.5em;
}
.camp .campList .btn {
	text-align: center;
}
.camp h2 {
	color: #000;
}

/* news
------------------------------------------------------------------------- */

.news h2 {
	color: #000;
}
.news #newsList {
	margin-bottom: 50px;
	overflow: visible;
	padding: 20px;
}
.news #newsList ul {
	float: none;
	padding: 0 22px;
	width: auto;
}
.news #newsList li {
	border-top: 1px solid #DDDDDD;
	margin-bottom: 0;
	padding: 16px 8px;
}
.news #newsList li:first-child {
	border-top: 0;
}
.news #newsList .block {
	background: url(/assets/images/common/newsBlockDec.png) right bottom no-repeat #fff;
	padding-bottom: 30px;
}

/* kiyaku
------------------------------------------------------------------------- */

.kiyaku .contTit h2 {
	color: #000
}
.kiyaku .contTit h3 {
	color: #000;
	font-size: 26px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}
.kiyakuCont {
	margin-bottom: 40px;
}
.kiyakuCont h4 {
	color: #000;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 15px;
}
.kiyakuCont p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 10px;
}
.kiyakuCont p.num {
	margin-bottom: 5px;
	margin-left: 1.5em;
	text-indent: -1.3em;
}
.kiyakuCont .box {
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 30px;
	padding: 0 8px 15px;
}
.kiyakuCont .box.last {
	border-bottom: 0;
	margin-bottom: 0;
}

/* procedure
------------------------------------------------------------------------- */

.procedureNav {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 40px;
	text-align: center;
	padding: 19px 0;
}
.procedureNav ul {
	display: inline-block;
	overflow: hidden;
}
.procedureNav li {
	border-left: 1px solid #DDDDDD;
	float: left;
	padding: 2px 30px;
}
.procedureNav li:first-child {
	border-left: 0;
}
.procedureNav li a {
	background: url(/assets/images/common/icon-circle-arrowB-green.png) 0 center no-repeat;
	line-height: 14px;
	padding-left: 20px;
}
.navTit h3 {
	font-size: 26px;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 25px;
	text-align: center;
}
.navTit p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 37px;
	text-align: center;
}

/* procedureListTop ------ */

.procedureList {
	margin-bottom: 40px;
}
.procedureList .procedureListTop {
	background: url(/assets/images/common/line.png) 0 100% repeat-x;
	margin-bottom: 35px;
	overflow: hidden;
	padding-bottom: 35px;
}
.procedureListTop .box {
	float: left;
	margin-right: 20px;
	width: 450px;
}
	.list2 .procedureListTop .box{ width: 100%; margin: 0;}

.procedureListTop .box.right {
	margin-right: 0;
}
.procedureListTop .box .head {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/assets/images/point/procedure/procedureListBg01.png) 0 0 no-repeat #EEEEEE;
	display: table;
	padding-left: 15px;
	width: 450px;
}
	.list2 .procedureListTop .box .head{ width: 100%; margin: 0;}

.procedureListTop .box01 .head,
.procedureListTop .box02 .head {
	height: 100px;
}
.procedureListTop .box03 .head,
.procedureListTop .box04 .head {
	height: 120px;
}
.procedureListTop .box .head .img {
	display: table-cell;
	margin-right: 17px;
	vertical-align: middle;
}
	.list2 .procedureListTop .box .head .img{ width: 120px;}

.procedureListTop .box .head h4 {
	display: table-cell;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.7;
	vertical-align: middle;
}
.procedureListTop h5{
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	line-height: 1.25em;
}
.procedureListTop .box .body {
	padding: 17px 10px;
}
.procedureListTop .box .body.bdr_eee {
	border:8px solid #eee;
}
.procedureListTop .box .body dt {
	color: #000;
	font-size: 16px;
	line-height: 1.7;
}
.procedureListTop .box .body dd {
	line-height: 1.7;
	margin-bottom: 20px;
	margin-left: 0;
}
.procedureListTop .box .body .note {
	color: #525252;
	display: block;
	margin-left: 1em;
	text-indent: -1em;
}
.procedureListTop .box .body p {
	line-height: 1.7;
}

.procedureListTop .box .body ul.noteList{}

.procedureListTop .box .body ul.noteList li{
	color: #525252;
	padding: 0 0 0 25px;
	line-height: 1.7;
	position: relative;
}

.procedureListTop .box .body ul.noteList li span{
	position: absolute;
	top: 0;
	left: 0;
}

.procedureListTop .box05 {
	clear: both;
	float: none;
	margin-right: 0;
	width: 920px;
}
.procedureListTop .box05 .head {
	height: 100px;
	width: 920px;
}
.procedureListTop .box05 ul {
	overflow: hidden;
}
.procedureListTop .box05 li {
	display: table;
	float: left;
	padding-top: 20px;
}
.procedureListTop .box05 li:first-child {
	margin-right: 65px;
}
.procedureListTop .box05 li img {
	margin-right: 12px;
}
.procedureListTop .box05 .body {
	overflow: hidden;
}
.procedureListTop .box05 .body dl {
	float: left;
	width: 426px;
}
.procedureListTop .box05 .body dl:first-child {
	width: 372px;
}
.procedureListTop .box05 .body dd {
	margin-bottom: 0;
}
.procedureListTop .box05 .body {
	padding-bottom: 5px;
}
.procedureListBottom .box li.tel.top {
	background-position: 0 4px;
}
.procedureMenu04 {
	margin-bottom: 50px;
}
.procedureMenu04 p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 20px;
}
.procedureMenu04 dl {
	display: table;
	width: 920px;
}
.procedureMenu04 dt {
	border-right: 1px solid #ddd;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
}
.procedureMenu04 dd {
	color: #535353;
	display: table-cell;
	line-height: 1.7;
	padding-left: 11px;
	vertical-align: middle;
}
.procedureMenu04 dt span {
	background: url(/assets/images/common/icon-attention.png) 0 0 no-repeat;
	display: inline-block;
	min-height: 20px;
	padding-top: 5px;
	padding-left: 24px;
}

/* course ------ */
.notCourse {
	padding: 20px;
	border: 5px solid #eeeeee;
}

.notCourse.no_bdr {
	border:none;
}

.notCourse h5 {
	padding: 0 0 10px 24px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	border-bottom: 2px solid #eeeeee;
	background: url(/assets/images/common/icon-attention.png) 0 0 no-repeat;
}

.notCourse ul{
	overflow: hidden;
}

.notCourse ul li{
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 1.8em;
}

/* procedureListBottom ------ */

.procedureListBottom h4 {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 32px;
	text-align: center;
}
.procedureListBottom .block {
	background: url(/assets/images/common/dotsBg.png) #f6f6f6;
	line-height: 1.7;
	overflow: hidden;
	padding: 30px;
}
.procedureListBottom .box.half {
	float: left;
	margin-bottom: 35px;
	width: 430px;
}
.procedureListBottom .box h5 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.procedureListBottom .box .tel span {
	color: #119933;
	font-weight: bold;
}
.procedureListBottom .box span.notice {
	color: #525252;
	font-weight: normal;
}
.procedureListBottom .box p.outlink a {
	background: url(/assets/images/common/icon-externalLink.png) 0 center no-repeat;
	padding-left: 20px;
}
.procedureListBottom .box li.tel {
	background: url(/assets/images/point/procedure/icon-tel.png) 0 center no-repeat;
	padding-left: 18px;
}
.procedureListBottom .box li.time {
	background: url(/assets/images/point/procedure/icon-time.png) 0 center no-repeat;
	padding-left: 18px;
}


/* mypage
------------------------------------------------------------------------- */
.mypage{}

.mypage .contTit h2{
	line-height: 50px;
}

.mypage .contTit .logout{
	position: absolute;
	top: 0;
	left: 0;
}


/* mypage - logoIn
------------------------------------------------------------------------- */
.mypage .logoin{
	overflow: hidden;
}

/* loginArea ------------ */
.mypage .logoin .loginArea{
	float: left;
	padding: 20px;
	width: 600px;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
	box-sizing: border-box;
}
	.mypage .logoin .loginArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.mypage .logoin .loginArea h2{
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	line-height: 1.2em;
}

.mypage .logoin .loginArea h2 span{
	font-size: 22px;
}

.mypage .logoin .loginArea p.lead{
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 14px;
	line-height: 1.7em;
}

/* loginInner */
.mypage .logoin .loginArea .loginInner{
	padding: 30px 15px 30px 15px;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}

.mypage .logoin .loginArea dl{
	margin: 0 0 20px 0;
	overflow: hidden;
}
	#contents .loginArea dl.last{ margin-bottom: 25px !important;}

.mypage .logoin .loginArea dl dt,
.mypage .logoin .loginArea dl dd{
	font-size: 14px;
	line-height: 37px;
}

.mypage .logoin .loginArea dl dt{
	float: left;
	padding: 0 0 0 8px;
	width: 160px;
	background: #eeeeee;
	box-sizing: border-box;
}

.mypage .logoin .loginArea dl dd{
	float: right;
	width: 355px;
}

.mypage .logoin .loginArea .display{
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 14px;
	list-style: 1.2em;
}

.mypage .logoin .loginArea .btn{
	text-align: center;
}

/* mypageArea ------------ */
.mypage .logoin .mypageArea{
	float: right;
	padding: 20px 12px 35px 12px;
	width: 380px;
	text-align: center;
	border: 10px solid #eeeeee;
	position: relative;
	box-sizing: border-box;
}
	.mypage .logoin .mypageArea:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: -10px;
		right: -10px;
	}

.mypage .logoin .mypageArea h3{
	margin: 0 0 15px 0;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2em;
}

.mypage .logoin .mypageArea .lead{
	margin: 0 0 15px 0;
	text-align: left;
	font-size: 14px;
	line-height: 1.7em;
}

.mypage .logoin .mypageArea .btn1{
	margin: 0 0 20px 0;
}

.mypage .logoin .mypageArea h4{
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
}

.mypage .logoin .mypageArea .attention{
	padding: 6px 0;
	margin: 0 0 10px 0;
	color: #ffffff;
	font-size: 14px;
	line-height: 1em;
	font-weight: normal;
	background: #ff0505;
}

.mypage .logoin .mypageArea .txt{
	margin: 0 0 16px 0;
	font-size: 14px;
	line-height: 1.6em;
}


/* pointRef
------------------------------------------------------------------------- */
.mypage .pointRef{
	padding: 20px;
	background: #f6f6f6 url(../images/common/dotsBg.png) repeat 0 0;
	position: relative;
}
	.mypage .pointRef:before{
		content: ' ';
		width: 15px;
		height: 15px;
		background: url(../images/common/triangleMark.png) no-repeat left top;
		position: absolute;
		top: 0;
		right: 0;
	}

.mypage .pointRef .btn{
	text-align: center;
}

/* block ----------------- */
.mypage .pointRef .block{
	padding: 30px 20px 45px 20px;
	margin: 0 0 40px 0;
	background:#ffffff url(../images/common/newsBlockDec.png) no-repeat right bottom;
}

/* user_info ------------- */
.mypage .pointRef .user_info{}

/* userData */
.mypage .pointRef .user_info .userData{
	padding: 20px 15px;
	margin: 0 0 20px 0;
	background: #eeeeee url(../images/common/newsTitDec.png) no-repeat 0 0;
	overflow: hidden;
}

.mypage .pointRef .user_info .userData h3{
	float: left;
	padding: 0 0 0 25px;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	background: url(../images/point/mypage/iconUser.png) no-repeat left center;
}

.mypage .pointRef .user_info .userData ul{
	float: right;
	overflow: hidden;
}

.mypage .pointRef .user_info .userData ul li{
	float: left;
	font-size: 14px;
	line-height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}
	.mypage .pointRef .user_info .userData ul li.cardNum{
		padding: 0 15px 0 25px;
		margin: 0 15px 0 0;
		border-right: 1px solid #dddddd;
		background-image: url(../images/point/mypage/iconCard.png);
	}
	.mypage .pointRef .user_info .userData ul li.mail{
		padding: 0 0 0 25px;
		background-image: url(../images/point/mypage/iconMail.png);
	}

/* statusArea */
.mypage .pointRef .user_info .statusArea{
	padding: 0 0 30px 0;
	margin: 0 0 35px 0;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}

.mypage .pointRef .user_info .statusArea .current{
	float: left;
	padding: 15px 0 0 195px;
	width: 50%;
	height: 125px;
	background-position: 36px 15px;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
	.mypage .pointRef .user_info .statusArea .mob_mark_wt{ background-image: url(../images/point/mypage/statusWt.png);}
	.mypage .pointRef .user_info .statusArea .mob_mark_sl{ background-image: url(../images/point/mypage/statusSl.png);}
	.mypage .pointRef .user_info .statusArea .mob_mark_go{ background-image: url(../images/point/mypage/statusGo.png);}
	.mypage .pointRef .user_info .statusArea .mob_mark_bl{ background-image: url(../images/point/mypage/statusBl.png);}
	.mypage .pointRef .user_info .statusArea .mob_mark_pt{ background-image: url(../images/point/mypage/statusPt.png);}

.mypage .pointRef .user_info .statusArea .current p{
	font-size: 16px;
	line-height: 1.7em;
}

.mypage .pointRef .user_info .statusArea .current p span{
	color: #119934;
	font-size: 22px;
	font-weight: bold;
}

.mypage .pointRef .user_info .statusArea .next{
	float: right;
	padding: 0 27px;
	width: 50%;
	border-left: 1px solid #dddddd;
	box-sizing: border-box;
}

.mypage .pointRef .user_info .statusArea .next p{
	margin: 0 0 15px 0;
	font-size: 16px;
	line-height: 1.7em;
}

.mypage .pointRef .user_info .statusArea .next p .status_num{
	color: #FF0505;
	font-size: 22px;
	font-weight: bold;
}

.mypage .pointRef .user_info .statusArea .next .status_memori{
	width: 400px;
	height: 13px;
	background: #f2f2f2;
}

.mypage .pointRef .user_info .statusArea .next .green_meter{
	width: 0%;
	height: 13px;
	background: #90ca6d;
}

.mypage .pointRef .user_info .statusArea .next .scale{}

/* pointArea */
.mypage .pointRef .user_info .pointArea{}

.mypage .pointRef .user_info .pointArea ul{
	margin: 0 0 8px 0;
	overflow: hidden;
}

.mypage .pointRef .user_info .pointArea ul li{
	float: left;
}

.mypage .pointRef .user_info .pointArea ul li.txt{
	margin: 0 15px 0 0;
	font-size: 16px;
	line-height: 22px;
}

.mypage .pointRef .user_info .pointArea ul li.num{
	margin: 0 25px 0 0;
	color: #FF0505;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
}

.mypage .pointRef .user_info .pointArea ul li.num span{
	font-size: 16px;
}

.mypage .pointRef .user_info .pointArea ul li.notes{
	color: #535353;
	font-size: 14px;
	line-height: 22px;
}

.mypage .pointRef .user_info .pointArea .link{
	margin: 0 0 25px 0;

}

.mypage .pointRef .user_info .pointArea .link a{
	padding: 0 0 0 20px;
	font-size: 16px;
	line-height: 1em;
	background: url(../images/common/icon-circle-arrowL-green.png) no-repeat left center;
}

/* info ------------------ */
.mypage .pointRef .info{
	overflow: hidden;
}

.mypage .pointRef .info .blockL,
.mypage .pointRef .info .blockR{ width: 450px;}
	.mypage .pointRef .info .blockL{ float: left;}
	.mypage .pointRef .info .blockR{ float: right;}

.mypage .pointRef .info .box h4{
	padding: 15px 10px;
	text-align: center;
	font-size: 22px;
	font-weight: normal;
	line-height: 1em;
	background: #eeeeee url(../images/common/newsTitDec.png) no-repeat 0 0;
	overflow: hidden;
}

.mypage .pointRef .info .box p{
	margin: 0 0 25px 0;
	font-size: 14px;
	line-height: 1.7em;
}

.mypage .pointRef .info .boxInner{
	padding: 20px 14px 0 14px;
}

.mypage .pointRef .info .collabo{}

.mypage .pointRef .info .collabo h5{
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2em;
	background: url(../images/common/icon-attention.png) no-repeat 0 0;
}

.mypage .pointRef .info .collabo p{
	margin: 0;
}

/* jal_mileage ------------------ */

.plan_table{ border:25px solid #ccc !important;}
.plan_table th,.plan_table td{ background-color:#FFF !important; vertical-align:middle;}
.plan_table tr{ border-bottom:25px solid #ccc; color:#3f3f3f; padding:15px 0; display:block;}
.plan_table tr:last-of-type{ border-bottom:none;}
.plan_table th{ padding:0 !important; border:none !important; border-right:5px solid #ccc !important;}
.plan_table td{ padding:0 0 0 10px !important; font-weight:bold; color:#009c36; font-size:16px !important; line-height:1.4em !important; border:none !important;}
.plan_table .tb_detail{ width:335px;}

#mile_visual{ height:235px; background-color:#d7d7d7; padding-top:25px; margin-bottom:40px;}
#mile_visual .inner{ height:205px; position:relative; background-color:#fff;
-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
#mile_visual h1{ font-size:20px; line-height:3em; text-align: center;}
#mile_visual .inner img{text-align: center; margin: 0 auto; display: block;}

.mile_table th,.mile_table td{ color:#676767; padding-left:25px;}
.mile_table th{ background-color:#ddd !important;}

.mile_txt{ margin-top:30px; line-height:1.7em; margin-left:1em; font-size:11.5px;}
.mile_txt span{ margin-left:-1em;}

.mile_txt2{ font-size:16px; color:#009c36; text-align:center; line-height:1.5em; margin:-10px 0 20px 0;}

.point_btn{ text-align:center; margin:50px 0;}
.point_btn a{ margin-bottom:10px; display:block;}

.mile_table2{ border:25px solid #fffcd5 !important;}
.mile_table2 tr{ border-bottom:25px solid #fffcd5; color:#3f3f3f;}
.mile_table2 tr:last-of-type{ border-bottom:none;}
.mile_table2 th{ border:none !important; background-color:#fff !important; font-size:20px !important; color:#676767; text-align:center; vertical-align:middle;}
.mile_table2 .tr1 td{ text-align:center; font-weight:bold;}
.mile_table2 .tr1 td span{ color:#009c36; font-size:1.7em;}
.mile_table2 .tr2 th{}
.mile_table2 .tr2 td{ font-size:13px !important; white-space:nowrap;}
.mile_table2 .tr2 td input{ margin:0 10px 10px 0; font-size:20px !important; font-weight:bold; padding-left:10px;}
.mile_table2 .tr3 th{ width:410px;}
.mile_table2 .tr3 th input{ width:120px; font-size:20px !important; text-align:center; font-weight:bold; margin-right:10px;}
.mile_table2 .tr3 td{ text-align:center;}
.mile_table2 .tr3 td a{ display:block; margin-top:10px;}

.txt_chu{ font-size:12px; color:red; padding:10px 15px; border:1px solid red; margin:10px 15px 0; display:block;}