@charset "utf-8";

#header {
	position: relative;
	padding-top: 14px;
}
header #header_snav {
	position: absolute;
	width: auto;
	right: 10px;
	bottom: 8px;
}

/* サイドメニュー --------------------------------- */
aside {
	float: left;
	margin: 15px 30px 0 0;
}
aside h2 {
	padding: 12px 5px 12px 10px;
	background: none repeat scroll 0 0 #EB5505;
    line-height: 1;
}
aside ul#sideMenu {
	list-style:none;
	border:solid 1px #dcdcdc;
}
aside ul#sideMenu li{
	background: rgba(0,0,0,0.05);
	border-bottom: solid 1px #dcdcdc;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}
aside ul#sideMenu li:last-child{
	border-bottom: none;
}
aside ul#sideMenu li a {
	display: block;
	padding: 12px 10px 12px 21px;
	background: url(../../img/common/arrow/arrow_or.png) 10px center no-repeat;
 	color: #333333;
	line-height: 1.2;
}
aside ul#sideMenu li a:hover {
	color: #eb5505;
	text-decoration: none;
	background: rgba(0,0,0,0.06) url(../../img/common/arrow/arrow_or.png) 10px center no-repeat;
}

#auid aside .auid a, #auid aside .auid a:hover,
#entry aside .entry a, #entry aside .entry a:hover,
#start aside .start a, #start aside .start a:hover,
#charge aside .charge a, #charge aside .charge a:hover,
#use aside .use a, #use aside .use a:hover,
#point aside .point a, #point aside .point a:hover,
#appli aside .appli a, #appli aside .appli a:hover,
#applepay_shop aside .applepay_shop a, #applepay_shop aside .applepay_shop a:hover,
#moneytransfer aside .moneytransfer a, #moneytransfer aside .moneytransfer a:hover,
#expiration_date aside .expiration_date a, #expiration_date aside .expiration_date a:hover,
#aupay aside .aupay a, #aupay aside .aupay a:hover,
#other aside .other a, #other aside .other a:hover,
#caution aside .caution a, #caution aside .caution a:hover {
	color:#eb5505; background-color:#e5e5e5;
}

aside ul#sideMenu li.guide_headline { padding:3px 0 3px 8px;color:#ffffff; background:#999999 none no-repeat center center scroll !important; font-size: 1.2rem;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 ); /* IE6-8 */}

/* 共通 --------------------------------- */
.area_title {
	display: block;
	padding-bottom: 10px;
}
.area_txt span {
	display: block;
}
ul.list_disc li {
	margin-left: 25px;
	list-style: disc;
}
.arrow_or {
	display: block;
	padding-left: 15px;
	background: url(../../img/common/arrow/arrow_or.png) 3px center no-repeat;
}
.indent .arrow_or {
	padding-left: 2em;
}

.txt_large {
	font-size: 1.1em;
}
.txt_small {
	font-size: 0.8em;
}
.txt_small2 {
	font-size: 0.9em;
    margin-left:30px;
}
.txt_center {
	text-align: center;
}

a.btn_guide {
	display: inline-block;
	height:42px;
	margin:0 auto;
	padding: 0 30px;
	line-height:42px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	color:#444;
	-webkit-border-radius:5px;-moz-border-radius: 5px; border-radius: 5px;
}

a.btn_guide:hover {text-decoration:none;}
a.btn_guide:active {text-decoration:none;}

.icon_walletpoint {
	display: inline-block !important;
    padding: 0 0 0 22px;
	background: url(../../img/guide/icon_walletpoint.png) 2px center no-repeat;
}

.area_support {
	padding: 10px 20px;
	border: solid #a5a5a5 1px;
	border-radius: 8px;
}

.icon_free {
	display: inline-block;
    padding: 0 0 0 22px;
	background: url(../../img/first/icon_free.jpg) left center no-repeat;
}

.info_box_or {
  display: block; 
  margin: 0 auto 20px; 
	padding: 10px 20px;
	border: solid #eb5505 2px;
	border-radius: 8px;
}

em.label {
  display: inline-block; 
  margin: 0 0.2em 0 0; 
  padding: 0.4em; 
  color: #ffffff !important; 
  font-size: 0.8em; 
  font-weight: bold; 
  font-style: normal;
  line-height: 1;
  vertical-align: middle;
  background-color: #eb5505; 
}

.ttl_guide_4 {
  display: block; 
	margin: 10px 0; 
  color: #444; 
  font-size: 1.1em; 
  font-weight: bold; 
}

.ttl_guide_5 {
  display: block; 
	margin: 20px 0 0 0; 
  color: #444; 
  font-size: 1.1em; 
  font-weight: bold; 
}
.ttl_guide_5:before {
  display: inline-block; 
  padding-right: 0.2em; 
  color: #4077C1; 
  content: '■';  
}

h2.ttl_guide_6, 
h3.ttl_guide_6, 
h4.ttl_guide_6, 
h5.ttl_guide_6 {
  display: block;
  margin: 20px 0 !important; 
  padding: 0.8rem 2.2rem !important; 
  background: none !important; 
  background-color: #eb5505 !important; 
  color: #ffffff !important;
  font-size: 1.6rem;
  font-weight: bold;
  /*text-align: center !important;*/ 
  border: none !important; 
  -moz-border-radius: 40px; 
  -webkit-border-radius: 40px; 
  border-radius: 40px; 
}
h4.ttl_guide_6 span {
  display: inline-block;
  padding: 0; 
  border-bottom: none;
  font-size: 1.6rem;
}

.bg_au { background-color: #eb5505; color: #ffffff; }
.bg_black { background-color: #000000; }
.bg_gray  { background-color: #f9f9f9; }
.bg_pink  { background-color: #FFEFE9; }

/* h4 --------------------------------- */
h4 {
	clear: both;
	margin: 20px 0 0 0;
	padding: 5px 0 0 74px;
}
h4.step1 {
	height: 38px;
	background: url(../../img/guide/icon_step1.png) left top no-repeat;
}
h4.step2 {
	height: 38px;
	background: url(../../img/guide/icon_step2.png) left top no-repeat;
}
h4.step3 {
	height: 38px;
	/*
	border-bottom: solid #e5e5e5 2px;
	font-size: 1em;
	font-weight: bold; 
	*/
	background: url(../../img/guide/icon_step3.png) left top no-repeat;
}
h4.step4 {
	height: 38px;
	background: url(../../img/guide/icon_step4.png) left top no-repeat;
}

h4.benri {
	height: 38px;
	background: url(../../img/guide/icon_step_benri.png) left top no-repeat;
}

h4 span {
	display: block;
	padding: 0 0 0.1em;
	border-bottom: solid #e5e5e5 2px;
	font-size: 1em;
	font-weight: bold; 
}
.indent h4 span {
	padding: 0 0 0.3em 1em;
}

h4.clear_space {
	margin: 0;
	padding: 0 0 0 16px;
}


/* Apple Paｙの使い方 --------------------------------- */

.apstep {
	background: url(../../img/guide/icon_step1.png) left top no-repeat;
	height: auto;
	margin: 20 0 0 0;
	padding: 5px 0 10px 74px;
}

.step1 {
	display: block;
	padding-bottom: 5px;
	border-bottom: solid #e5e5e5 2px;
	font-size: 16px;
	font-weight: bold;
}

span{
	display: inline;
}

.applepay_shop {
	display: block;
	overflow: hidden;
}

.applepay_shop img {
	width: 100px;
	height: auto;
	float: left;
}

.applepay_shop p {
	font-weight: bold;
	overflow: auto;
	padding-left: 30px;
}


/* サービス企業 --------------------------------- */
p.step_charge_receive{
	height:15px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom:12px;
	border-bottom: solid #e5e5e5 2px;
	font-size: 1em;
	font-weight: bold;
	/*background: url(../../img/guide/icon_step3.png) left top no-repeat;*/
}

/* dl, dt, dd --------------------------------- */
dl {
	padding: 15px 0 10px 30px;
}
dt {
	display: table-cell;
  text-align: center;
}
dd {
	display: table-cell;
	padding-left: 40px;
	vertical-align: top;
}
dd strong {
	color: #eb5505;
	font-weight: normal;
}
dd.indent_clear {
	padding-left: 30px;
	text-indent: 0;
}
dd.indent_clear .arrow_or {
	padding-left: 15px;
}

dt.w250 { width: 250px; }

/* area_txt --------------------------------- */
.area_txt_receive {
	padding:5px 10px;
}
.area_txt_receive p {
	padding-bottom:0.5em;
}
/*.area_txt_receive img{
	width:100%;
	
	}*/

.step1_receive {
	display: block;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

h4.step1_receive {
	height: 38px;
	background: url(../../img/guide/icon_step1.png) left top no-repeat;
}

/* カードへのチャージ --------------------------------- */
.area_auid {
	margin: 10px;
	padding: 10px;
	border: solid #eb5505 1px;
	border-radius: 8px;
}

/* カードへのチャージ --------------------------------- */
.list_charge {
	padding-left: 2em;
}
.list_charge li {
	display: inline-block;
	padding-right: 20px;
}
.title_charge {
	display: block;
	margin: 10px 0 2px;
	line-height: 1.2;
}
table.condition {
	width: 680px;
	margin: 10px;
	border-collapse: collapse;
	border-width: 1px 1px 0 1px;
	border-color: #a5a5a5;
	border-style: solid;
}
table.condition th {
	padding: 5px 6px 3px;
	background-color: #f5f5f5;
	border-right: solid #a5a5a5 1px;
	border-bottom: solid #a5a5a5 1px;
	text-align: center;
	white-space: nowrap;
}
table.condition td {
	padding: 5px 5px 3px;
	vertical-align: top;
	border: solid #a5a5a5 1px;
}
table.condition td.border_none {
	border: none !important;
}

table.condition .tbl_year {
	margin: 10px;
	border-collapse: collapse;
	border-width: 1px 1px 0 1px;
	border-color: #a5a5a5;
	border-style: solid;
}
table.condition .tbl_year th {
	padding: 5px 13px 3px;
	vertical-align: middle;
}
table.condition .tbl_year td {
	padding: 5px 15px 3px;
	vertical-align: middle;
}

table.condition .tbl_card {
	float: left;
	margin: 10px;
	border-collapse: collapse;
	border-width: 1px 0 0 1px;
	border-color: #a5a5a5;
	border-style: solid;
	vertical-align: top;
}
table.condition .tbl_card th span {
	display: block;
	margin: auto;
}
table.condition .tbl_card td {
	text-align: center;
	vertical-align: middle;
	border-right: solid #a5a5a5 1px;
	border-bottom: solid #a5a5a5 1px;
}
table.condition .tbl_card td span {
	display: block;
}
table.condition .tbl_card td.ok {
	font-size: 1.3em;
	line-height: none;
}
table.condition .tbl_card td.brand {
	background-color: #f5f5f5;
}
table.condition .tbl_card td.brand2 {
	width: 124px;
}

table.condition .image_card {
	margin-top: 30px;
}
table.condition .clear {
	clear: both;
}

.service{
	color:#0066aa;
}

/* 使い方 --------------------------------- */
.icon_plane {
	float: left;
	padding: 0 5px 5px 0;
}

h5.icon_caution {
	display: inline-block !important;
	margin: 20px 0 5px;
    padding: 0 0 0 24px;
	background: url(../../img/guide/icon_caution.png) left center no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	color: #eb5505;
}

.area_use {
	margin: 10px;
	padding: 10px;
	border: solid #d3d3d3 1px;
	border-radius: 8px;
}

/* 使えるお店 --------------------------------- */
.area_mark {
	display: table;
	margin: 20px auto 10px;
}
.shop_intro {font-size: 1.4em; margin-bottom:5px;}
div.box_radius {
	width:584px;text-align:center;margin:0 auto;
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */

   border: 2px #d1d1d1 solid;     /* 枠線の装飾 */
   background-color: #f6f6f6;   /* 背景色 */
}
.uselist_headarea li {float:left; width:280px; font-weight:bold; }

ul.store_disp {display:inline-block; width:100%; list-style-type:none;}
ul.store_disp li {display:inline-block; vertical-align:top; padding:0; list-style:none; border:1px #d1d1d1 solid;margin:0 10px 0 0;  /*float:left;*/}
ul.store_disp li img {vertical-align:bottom; width:100%;}
ul.store_disp li.last { margin-right:0;}
ul.store_disp li.no_line {border:none;}
ul.store_disp li div {text-align:center; padding:5px 10px;}
ul.store_disp li div.line_top {border-top:1px #d1d1d1 solid;}
ul.store_disp li.left {float:left}

ul.box5 li {width:110px;}
ul.box4 li {width:100px;}
ul.box4 li div { padding:5px; font-size:1.1rem;}
ul.box3 li {width:180px; margin-right:26px; margin-bottom:5px;}
ul.box2 li {width:290px; margin-bottom:5px;}
ul.box2 li div.frame { padding:10px;}
.frame_onecell {display:inline-block; width:578px; border:1px #d1d1d1 solid; padding:10px; text-align:center;}
.title_position {display:inline-block; width:100%;}
div.tp_ttl { display:inline-block; float:left;}
div.tp_link {display:inline-block; float:right;}  


.area_mark p {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.4em;
	color: #eb5505;
}
.area_mark img {
	display: table-cell;
}
.uselist {
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	width: 674px;
	margin:10px;
	border-top: solid #dcdcdc 1px;
	border-right: solid #dcdcdc 1px;
	
}
.uselist li {
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 316px;
	padding: 5px 10px;
	text-align: center;
	border-bottom: solid #dcdcdc 1px;
	border-left: solid #dcdcdc 1px;
}
.txt_h3 {
	float: right;
	display: inline-block;
	font-size: 0.8em;
	font-weight: normal;
}

/* 利用不可店舗 --------------------------------- */

.tab_color {
	text-align: center;
}
.tab_color li {
	display: inline-block;
	width: 48%;
	margin: 0 auto -1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.tab_color li a {
	display: block;
	position:relative;
	padding: 10px 0;
	background: #a5a5a5; /* Old browsers */
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0E1QTVBNSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzk2OTY5NiIgb2Zmc2V0PSIwLjkiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjUpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #a5a5a5 0%, #969696 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5a5a5), color-stop(90%,#969696)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5a5a5 0%,#969696 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5a5a5 0%,#969696 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5a5a5 0%,#969696 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #a5a5a5 0%,#969696 90%); /* W3C */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5a5a5', endColorstr='#969696');
	border-radius: 6px 6px 0 0;
	border: solid #d9d9d9 1px;
	box-shadow: 1px 0 1px #d9d9d9;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.tab_color li a.active {
	display: block;
	position:relative;
	padding: 10px 0;
	background: #ffffff; /* Old browsers */
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y2RjZGNiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzU1KSIgLz4KPC9zdmc+);
	background: linear-gradient(rgb(238, 255, 153), rgb(102, 238, 51)) repeat scroll 0% 0% transparent;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	border-radius: 6px 6px 0 0;
	border-style: solid;
	border-color: #ccc;
	box-shadow: 1px -1px 1px #d9d9d9;
	color: #333;
}
.tab_color li a:not(:target){
	filter: none;
	-ms-filter: none;
}

#tab_content {
	margin-bottom: 10px;
	padding: 10px 20px;
	border: solid #ccc 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.list_date {
	display: inline-block;
	float: right;
}
.categorylist, .characterlist {
	margin:10px 10px 20px;
}
.categorylist li {
	float: left;
	margin: 0 50px 5px 0;
}
.characterlist li {
	float: left;
	margin: 0 80px 5px 0;
}
.categorylist li a, .characterlist li a {
	display: block;
	padding-left: 13px;
	background: url(../../img/common/arrow/arrow_or_b.png) no-repeat left center;
}
.shoplist {
	margin:10px;
}
.shoplist li {
	float: left;
	width: 50%;
	padding-bottom: 10px;
}
.categorylist:after, .characterlist:after, .shoplist:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.categorylist, .characterlist, .shoplist {
	min-height: 1px;
}
* html .categorylist, * html .characterlist, * html .shoplist {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* アプリについて --------------------------------- */
.area_appli {
	margin: 0 0 10px;
}
.area_appli span {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.orange {
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.4),inset 0 -1px 1px rgba(0, 0, 0, 0.06);
}
.black {
	border:1px solid #000;
	background: #353535; /* Old browsers */
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2NDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzNTM1MzUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2NDQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #353535 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #353535 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #353535 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #353535 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #353535 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3),inset 0 -1px 1px rgba(0, 0, 0, 0.06);
}
.black:hover {
	background: #444444; /* Old browsers */
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0NDQ0NDQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMjIyMjIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5NDApIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #444444 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #444444 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #444444 0%,#222222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #444444 0%,#222222 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #444444 0%,#222222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
	box-shadow:none;
	text-decoration:none;
}

/* 各よくある質問 --------------------------------- */
#questions {
	padding: 0 10px;
}
#questions ul {
	margin-top: -15px;
}
#questions li {
	padding: 15px 0 14px;
	font-size: 0.9em;
	line-height: 1;
	border-bottom: dotted #aaa 1px;
}
#questions li a {
	display: inline-block;
	margin: 0 10px;
}
#questions li.right {
	text-align: right;
	
}
#questions li.right {
	border: none;
}
#questions li.right a {
	padding-right: 13px;
	background: url(../../img/common/arrow/arrow_bl.png) right center no-repeat;
}

/* au WALLET カードの利用不可店舗 --------------------------------- */
#attention{
	margin:5px 15px 10px 5px;
		
}
#attention img{
	float:left;
	margin: 3px 15px 10px 15px;
}

/* au WALLET チャージカードとは --------------------------------- */
.img_awccard{
	display:block;
	width:50%;
	/*margin: 10px auto;*/
}
.img_awccard img {
	width: 100%;
	max-width: 306px;
}
.ul_li{
	margin:0 0px;
}
	
/* button --------------------------------- */

a.btn_caution {
	display: inline-block;
	margin:0 auto;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	height:42px;
	line-height:42px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	color:#444;
	-webkit-border-radius:5px;-moz-border-radius: 5px; border-radius: 5px;
}

a.btn_caution:hover {text-decoration:none;}
a.btn_caution:active {text-decoration:none;}

/* オートﾁｬｰｼﾞ出金の申し込み --------------------------------- */
.area_txt .real_time{
	border:solid #999999 3px;
	border-radius: 10px;
	padding:5px 7px;
	display:inline-block;
	color:#999999;
	}
.area_txt .real_time_txt{
	display:inline-block;
	}	
.area_txt .soukin{
	border:solid #999999 3px;
	border-radius: 10px;
	padding:5px 23px;
	display:inline-block;
	color:#999999;
	}	
.area_txt .haraidashi{
	border:solid #999999 3px;
	border-radius: 10px;
	padding:5px 23px;
	display:inline-block;
	color:#999999;
	}
 .alert_remittance .alert1{
  padding-left:1.1rem;
  text-indent:-1rem;
  background: #ff0000;
  height: 20px;
  width: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color:#FFFFFF;
	 }
	.alert_remittance{
  background-color:#F8CFD0;
  text-align:center;
  padding:20px 10px;
  margin-top:20px;
  margin-bottom:25px;
  } 	
		
			
/* オートﾁｬｰｼﾞ出金の申し込み　ここまで --------------------------------- */

/*------------------------------------------------------------------------

　　　　　　モーダル部分
	  
　------------------------------------------------------------------------*/
 
 /*
 body {
    margin:10px;
    padding:10px;
    border:10px solid #ddd;
}
*/

.lock {
    overflow:hidden;
}

.modal-content {
   /* position:relative;
    display:none;
    width:50%;
    max-height:50%;
    margin:30px;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
    overflow:auto;*/
	position: fixed;
    display: none;
    width: 40%;
    max-height: 100%;
    margin:0 auto;
    padding: 10px 20px;
    background: #fff;
    overflow: auto;
	border: 2px solid #FF6600;
}
.modal-content .ttl {
	background-color: #ff6600;
    padding: 30px 20px 20px 20px;
    margin: -20px 0 10px -20px;
}
.modal-content .ttl p{
	text-align: center;
    font-weight: bold;
	color: #fff;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-content p.read{
    font-size: 1em;
    margin: 10px 0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
    /*color:#00f;*/
    text-decoration:none;
	font-size: 0.9em;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    /*text-decoration:underline;*/
	text-align: right;
	font-size:2.3rem;
}
.modal-close a{
color: #666;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

.waku{
	background-color: #999;
	margin: 0 0 10px 0;
}

table {
    /*display: table;
    border-collapse: separate;*/
    border-spacing: 1px;
}
tbody {
   /* display: table-row-group;
    vertical-align: middle;
    border-color: inherit;*/
}
th {
    /*font-weight: bold;
    text-align: -internal-center;*/
	background-color: #fff;
}
tr {
    /*display: table-row;
    vertical-align: inherit;*/
	background-color: #fff;
}
td, th {
    /*display: table-cell;
    vertical-align: inherit;*/
	text-align: center;
}

.tblTtl{
background-color:#ccc;
}


/*スクロールバー*/
#scroll-all-2 .scroll-box{
	overflow-y: auto;
}
#scroll-all-2 .scroll-box::-webkit-scrollbar{
	width: 5px;
	background: #9aadfc;
}
#scroll-all-2 .scroll-box::-webkit-scrollbar-thumb{
	background: #435295;
	border-radius: 2px;
}



/*------------------------
clearfix
------------------------*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}


.display_none{
	display:none;
}

.n-attention{
	list-style: none;
	padding-left:1em;
	text-indent: -1em
}