@charset "UTF-8";
/* CSS Document */

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #e1e1e1;
}

a:link, a:visited { color: #0088bb; text-decoration: underline;}
a:hover, a:active { color: #000; text-decoration: underline;}

p { color: #333; }



/*/////////// layout ////////////*/

#contentswrap {
	border-top: #cc0033 solid 3px;
	min-width: 960px;
}

#mainContents {
	width: 960px;
	margin: 0 auto;
}

#topicArea {
	border-bottom: #dddddd solid 1px;
	height: 60px;
	margin-bottom: 40px;
	background-color: #fff;
}
#topicAreaInr {
	width: 960px;
	margin: 0 auto;
	background: url(../images/dot_line_both.gif) repeat-y left top;
	height: 60px;
}
.topicPath {
	float: left;
	margin-left: 25px;
	line-height: 60px;
	width: 500px;
}
.topicPath p { float:left; color: #333;}
.topicPath p a:link, .topicPath p a:visited { color: #cc0033; text-decoration: none; font-weight: bold;}
.topicPath p a:hover, .topicPath p a:active { color: #000; text-decoration: none; font-weight: bold;}
.topicPath p.topicNext { background: url(../images/topic_arrow.gif) no-repeat right 50%; padding-right: 15px; margin-right: 5px;}
.topicImg {
	float: right;
	margin: 22px 25px 22px 0;
}

#main {
/*	width: 680px;
	float: right;
	color: #333;
	font-size: 12px;
	line-height: 20px;*/
}

#main h2/*, #main h3*/ { margin-bottom: 30px;}

.readTxt {
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	color: #333;
}

h3.middleTtl {
	background: #cc0033;
	color: #fff;
	font-size: 18px;
	line-height: 49px;
	font-weight: bold;
	padding: 0 0 0 20px;
	border-radius: 3px;
	clear: both;
}
h3.middleTtl02 {
	background: #eeeeee none;
	border-top: #000 solid 1px;
	color: #000;
	font-size: 18px;
	line-height: 49px;
	font-weight: bold;
	padding: 0 0 0 20px;
	clear: both;
}

h3 .notes {
	font-size: 10px;
	background-color: #fff;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

.update {
	text-align: right;
	color: #999;
	font-size: 12px;
	margin-bottom: 25px;
}

.totop {
	clear: both;
	border-top: #000 solid 1px;
	padding: 20px 0;
	margin-top: 30px;
	text-align: right;
	font-size: 12px;
	line-height: 12px;
}
.totop a {
	background: url(../images/icon_totop.gif) no-repeat left 2px;
	padding-left: 15px;
}
.totop a:link, .totop a:visited { color: #0088bb; text-decoration: none;}
.totop a:hover, .totop a:active { color: #000; text-decoration: none;}


#t1, #t2, #t3, #t4, #t5 { margin-top: -120px; padding-top: 120px;}


/*///// gnav /////*/
ul#gnav {
	width: 230px;
	float: left;
	margin-bottom: 20px;
}
ul#gnav li {
	background: #eee url(../images/gnav_box_btm.gif) no-repeat left bottom;
	margin-bottom: 3px;
	line-height: 0;
}
#gnav ul {
	padding: 3px 0 5px 0;
}
#gnav ul li {
	padding: 5px 15px 5px 15px;
	font-size: 12px;
	line-height: 16px;
	background: none;
}
#gnav ul li a {
	padding-left: 20px;
	display: block;
}
#gnav ul li a:link, #gnav ul li a:visited {
	background: url(../images/gnav_arrow_off.gif) no-repeat left 4px;
	color: #666666;
	text-decoration: none;
}
#gnav ul li a:hover, #gnav ul li a:active {
	background: url(../images/gnav_arrow_on.gif) no-repeat left 4px;
	color: #0088bb;
	text-decoration: none;
}

/*///// header /////*/
#header {
	/*border-bottom: #dddddd solid 1px;*/
}

#topHeader {
	/*border-bottom: #cc0033 solid 3px;
	border-bottom: #dddddd solid 1px;*/
}


#hdrInr {
	width: 960px;
	height: 77px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#logo {
	padding: 24px 0 28px 0;
	float: left;
}
#hdrRight {
	width: 223px;
	float: right;
	text-align: right;
	padding: 11px 0 0 0;
}
#hdrRight p {
	float: right;
	margin-left: 3px;
	margin-bottom: 7px;
}

h1 {
	position: absolute;
	left: 358px;
	top: 8px;
}



/*///// footer /////*/
#footer {
	/*background: #e1e1e1 url(../images/ftr_bg.gif) repeat-x left top;*/
	/*padding: 20px 0;*/
}
#ftrInr {
	width: 960px;
	margin: 0 auto;
}
#ftrLeft {
	float: left;
	width: 490px;
}
#ftrRight {
	float: right;
	width: 450px;
}

#ftrSns {
	padding-top: 4px;
	margin-bottom: 20px;
}
#ftrSns ul {
	height: 20px;
	line-height: 0;
}
#ftrSns ul li {
	float: left;
}
#ftrSns li.fb {
	margin-right: 15px;
}
#ftrSns li.tw {
	margin-right: 15px;
}
ul#ftrLink {
	color: #555;
	font-size: 12px;
	line-height: 12px;
}
ul#ftrLink li {
	margin-bottom: 18px;
	background: url(../images/icon_out.gif) no-repeat left top;
	padding-left: 17px;
}
ul#ftrLink li a:link, ul#ftrLink li a:visited { color: #555; text-decoration: none;}
ul#ftrLink li a:hover, ul#ftrLink li a:active { color: #cc0033; text-decoration: none;}

#ftrCopyright {
	color: #777777;
	font-size: 10px;
	line-height: 10px;
	font-family: Arial, Helvetica, sans-serif;
}




/*///// util /////*/

.mr04 { margin-right: 4px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}
.mr55 { margin-right: 55px;}
.mr60 { margin-right: 60px;}
.mr65 { margin-right: 65px;}
.mr70 { margin-right: 70px;}
.mr75 { margin-right: 75px;}
.mr80 { margin-right: 80px;}

.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
.ml55 { margin-left: 55px;}
.ml60 { margin-left: 60px;}
.ml65 { margin-left: 65px;}
.ml70 { margin-left: 70px;}
.ml75 { margin-left: 75px;}
.ml80 { margin-left: 80px;}

.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}
.mb55 { margin-bottom: 55px;}
.mb60 { margin-bottom: 60px;}
.mb65 { margin-bottom: 65px;}
.mb70 { margin-bottom: 70px;}
.mb75 { margin-bottom: 75px;}
.mb80 { margin-bottom: 80px;}
.mb85 { margin-bottom: 85px;}
.mb90 { margin-bottom: 90px;}
.mb95 { margin-bottom: 95px;}
.mb100 { margin-bottom: 100px;}

.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}

.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}

.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}
.pb60 { padding-bottom: 60px;}

.prl20 {padding-left: 20px;
		padding-right: 20px;}

.w100px { width: 100px; }
.w120px { width: 120px; }
.w140px { width: 140px; }
.w160px { width: 160px; }
.w180px { width: 180px; }
.w200px { width: 200px; }
.w220px { width: 220px; }
.w240px { width: 240px; }
.w260px { width: 260px; }
.w280px { width: 280px; }
.w300px { width: 300px; }
.w320px { width: 320px; }


.ac { text-align: center;}
.ar { text-align: right;}
.al { text-align: left;}

.attention {
	font-size: 10px;
	line-height: 16px;
}

.fs08rem {
	font-size: 0.8rem;
}

.txtRed { color: #cc0033; font-weight: bold; font-size: 16px;}
.txtRed span { margin-left: 15px;}
.txtRedS { color: #cc0033;}
.red { color: #cc0033;}
.txtBold { font-weight: bold;}
.font10 { font-size: 10px;}
.font12 { font-size: 12px; line-height: 18px;}
.font13 { font-size: 13px;}
.font16 { font-size: 16px; line-height: 28px;}

.txtLT { text-decoration: line-through;}

.dotLine { border-bottom: #aaa dotted 1px; margin-bottom: 10px; padding-bottom: 10px;}
.dotLine20 { border-bottom: #aaa dotted 1px; margin-bottom: 20px; padding-bottom: 20px;}
.dotLine40 { border-bottom: #aaa dotted 1px; margin-bottom: 40px; padding-bottom: 40px;}

.fl { float: left;}
.fr { float: right;}

.flex-box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex_space-b {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.stepList {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 13px;
	line-height: 20px;
	overflow: hidden;
}
.stepList li {
	position: relative;
	width: 350px;
	margin-bottom: 30px;
	padding: 30px 35px 0;
}
.stepList li:nth-of-type(odd):before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 200%;
	height: 1px;
	border-bottom: #aaa dotted 1px;
}
.stepList li:nth-of-type(1):before {
	display: none;
}
.stepList li .tx {
	width: 280px;
	padding-bottom: 280px;
}
.stepList.img210 li .tx {
	padding-bottom: 230px;
}
.stepList li .step-img {
	position: absolute;
	bottom: 0;
}


.table01 {
	border: #aaa solid 1px;
	text-align: left;
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 20px;
}
.table01 th {
	background-color: #fafadc;
	padding: 5px;
	border-bottom: #aaa solid 1px;
	font-weight: bold;
}
.table01 td {
	padding: 5px;
	border-bottom: #aaa solid 1px;
	border-left: #aaa dotted 1px;
	background-color: #ffffff;
}
.table02, .table03 {
	border: #aaa solid 1px;
	text-align: center;
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 20px;
}
.table02 th, .table03 th {
	background-color: #fafadc;
	padding: 5px;
	border-bottom: #aaa solid 1px;
	font-weight: bold;
}
.table02 td {
	padding: 5px;
	border-bottom: #aaa solid 1px;
	background-color: #fff;
}

.table03 td {
	padding: 5px;
	border-bottom: #aaa solid 1px;
	text-align: left;
}

.table04 {
	border: #aaa solid 1px;
	text-align: left;
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 20px;
}
.table04 th {
	background-color: #fafadc;
	padding: 5px;
	border-bottom: #aaa solid 1px;
	border-right: #aaa solid 1px;
	font-weight: bold;
	vertical-align: top;
}
.table04 td {
	padding: 5px;
	border-bottom: #aaa solid 1px;
	border-left: #aaa solid 1px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}
.table04 td.alignTop { vertical-align: top;}

.table05 {
	border: #aaa solid 1px;
	text-align: left;
	font-size: 12px;
	line-height: 19px;
	margin-bottom: 20px;
}
.table05 th {
	background-color: #fafadc;
	padding: 5px;
	border-bottom: #aaa solid 1px;
	border-left: #aaa solid 1px;
	font-weight: bold;
	vertical-align: middle;
}
.table05 td {
	padding: 5px;
	border-bottom: #aaa solid 1px;
	border-left: #aaa solid 1px;
	text-align: center;
	background-color: #fff;
}
.table05 th.table05-th-image1 {
	background-color: #fff;
}
.table05 th.table05-th-image2 {
	padding: 0;
}
.table05 th.table05-th-image1 img,
.table05 th.table05-th-image2 img {
	width: 120px;
}

.boxList li{
	margin-bottom: 10px;
	height: 30px;
	clear: both;
}
.boxList li p {
	float: left;
	margin-right: 10px;
	line-height: 30px;
}
.boxList li p.arrow {
	background: url(../images/box_list_arrow.gif) no-repeat right 7px;
	padding-right: 20px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
}
.boxList li p.noArrow {
	background: none;
	padding-right: 0;
	margin-right: 0;
	font-size: 14px;
	font-weight: bold;
}
.boxList li p.secondTxt {
	clear:both;
	margin-left: 140px;
	line-height: 18px;
	margin-bottom: 20px;
}


ul.list01 {
	list-style: disc;
	padding-left: 20px;
	text-align: left;
}
ul.list01 li {
	margin-bottom: 5px;
}

ol.nmbrList {
	padding-left: 20px;
	list-style: decimal;
}
ol.nmbrList li {
	margin-bottom: 10px;
}

.dotLineL {
	border-left: #aaa dotted 1px;
}

.attentionBox {
	background: url(../images/box_bg01_top.gif) no-repeat left top;
	padding-top: 15px;
	margin-bottom: 20px;
	clear: both;
	font-size: 14px;
	line-height: 23px;
}
.attentionBoxInr {
	background: url(../images/box_bg01_btm.gif) no-repeat left bottom;
	padding: 0 20px 15px 15px;
}
.attentionBoxIcon {
	float: left;
	width: 32px;
}
.attentionBoxTxt {
	float: right;
	width: 595px;
}
.attentionBoxTxt .txtRed { line-height: 32px;}
.attentionBoxTxt a {background: url(../../images/info_arrow.gif) no-repeat left 2px; padding-left: 15px;}

.attentionBoxHalf {
	/* background: url(../images/box_bg02_top.gif) no-repeat left top; */
	padding-top: 15px;
	margin-bottom: 20px;
	clear: both;
	font-size: 14px;
	line-height: 23px;
	border: solid 1px #aaa;
	border-radius: 5px;
	background: #fff;
}
.attentionBoxHalfInr {
	/* background: url(../images/box_bg02_btm.gif) no-repeat left bottom; */
	padding: 0 20px 15px 15px;
}
.attentionBoxSlim {
	/* background: url(../images/box_bg03_top.gif) no-repeat left top; */
	padding-top: 15px;
	margin-bottom: 20px;
	clear: both;
	font-size: 14px;
	line-height: 23px;
}
.attentionBoxSlimInr {
	/* background: url(../images/box_bg03_btm.gif) no-repeat left bottom; */
	padding: 0 20px 15px 15px;
}
.attentionBoxIcon {
	float: left;
	width: 32px;
}
.attentionBoxHalfTxt {
	float: right;
	width: 240px;
}
.attentionBoxTxt .txtRed { line-height: 32px;}
.attentionBoxTxt a {background: url(../../images/info_arrow.gif) no-repeat left 2px; padding-left: 15px;}


.posiR { position: relative;}

.clear { clear: both;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*/////////// index (new) ///////////*/
#index #header {
	border-bottom: none;
}

#topics {
	width: 960px;
	margin: 0 auto 30px auto;
}
#topics .topicsType01 {
	background: url(../../images/topics_bg.gif) no-repeat left top;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	margin-bottom: 5px;
}
#topics .topicsType01 a {
	background: url(../../images/topic_icon01_off.gif) no-repeat left center;
	padding-left: 35px;
	height: 40px;
	display: block;
	color: #cc0033;
}
#topics .topicsType01 a:hover { background: url(../../images/topic_icon01_on.gif) no-repeat left center; color: #000;}
#topics .topicsType01 p {
	background: url(../../images/topic_icon01_off.gif) no-repeat left center;
	padding-left: 35px;
	height: 40px;
	display: block;
	color: #cc0033;
}

#topics .topicsType02 {
	background: url(../../images/topics_bg.gif) no-repeat left top;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	margin-bottom: 5px;
}
#topics .topicsType02 a {
	background: url(../../images/topic_icon02_off.gif) no-repeat 7px center;
	padding-left: 35px;
	height: 40px;
	display: block;
}
#topics .topicsType02 a:hover { background: url(../../images/topic_icon02_on.gif) no-repeat 7px center; color: #000;}

#topics .topicsType03 {
	/** background: url(../../images/topics_bg.gif) no-repeat left top;
	height: 40px;
	line-height: 40px;**/
	background:#F0F0F0;
	padding: 10px 10px;
	margin-bottom: 5px;
}
#topics .topicsType03 a {
	background: url(../../images/topic_icon01_off.gif) no-repeat left center;
	padding-left: 35px;
	/**height: 40px;**/
	display: block;
	color: #cc0033;
}
#topics .topicsType03 a:hover { background: url(../../images/topic_icon01_on.gif) no-repeat left center; color: #000;}




#index #mainContents {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#topUseArea {
	width: 280px;
	float: left;
	margin-bottom: 30px;
}
#topUseArea #useBox01 {
	padding: 16px 10px 10px 10px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 0;
	background: #ffdd00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#topUseArea #useBox02 {
	background: #eeeeee;
	padding: 16px 10px 10px 10px;
	position: relative;
	text-align: center;
	line-height: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.use_now {
	width: 100%;
}
.tab_login {
	position: absolute;
	width: 100%;
	left: 0;
    top: 186px;
    text-align: center;
}
#useBtn li {
	float: left;
	line-height: 0;
	margin-bottom: 4px;
}

#topSlideArea {
	width: 498px;
	height: 378px;
	float: left;
	margin-bottom: 30px;
	clear: both;
	border: #cccccc solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
#topSlideWrap {
	padding: 9px 9px 0 9px;
    margin-bottom: 17px;
	height: 320px;
}

.topSlideTtl {
	float: left;
	position: absolute;
	top: 337px;
	left: 10px;
}
.topSlideTtl img {
	width: 164px;
	height: 34px;
}

#topSlider li { opacity: 0;}
#slidePager {
	margin: 0 6px;
	/*background: url(../../images/slide_thumb_none.gif) repeat-x left 12px;*/
}
#slidePager a {
	display: inline-block;
	float: left;
	width: 90px;
	height: 60px;
	padding: 12px 4px 4px 4px;
	margin: 0 2px;
}
#slidePager a:hover { background: url(../../images/slide_thumb_bg_on.gif) no-repeat left top;}
#slidePager a.active { background: url(../../images/slide_thumb_bg_current.gif) no-repeat left top;}

#topMovieArea {
	background: #eeeeee;
	padding: 17px 13px 12px 12px;
	float: right;
	text-align: center;
	height: auto;
	margin-bottom: 30px;
	border: #dddddd solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#pickupCampaign {
	width: 460px;
	height: 330px;
	line-height: 0;
	float: right;
	margin-bottom: 30px;
}
#pickupCampaign ul li {
	float: left;
	margin-left: 10px;
}
#pickupCampaign img {
	border-radius: 5px;
}

#campaignArea {
	clear: both;
	background: url(../../images/campaign_bg.gif) no-repeat left top;
	position: relative;
	height: 120px;
	margin-bottom: 30px;
}
#campaignArea .topCampaignTtl {
	padding: 9px 14px 8px 14px;
	margin-bottom: 15px;
}
#campaignArea .campaignArchive {
	position: absolute;
	top: 5px;
	right: 10px;
}
#campaignArea .campaignArchive a {
	background: url(../images/icon_arrow02_off.gif) no-repeat left center;
	padding-left: 20px;
}
#campaignArea .campaignArchive a:hover { background-image: url(../images/icon_arrow02_on.gif);}
#campaignArea .topCampaignList li {
	float: left;
	padding: 0 15px;
	width: 210px;
}
#campaignArea .topCampaignList li div {
	float: left;
	width: 90px;
	margin-right: 10px;
}
#campaignArea .topCampaignList li a:link, #campaignArea .topCampaignList li a:visited { color: #333;}
#campaignArea .topCampaignList li a:hover, #campaignArea .topCampaignList li a:active { color: #0088bb;}


#campaignAreaPCTop {
	clear: both;
	position: relative;
	margin-bottom: 30px;
}
#campaignAreaPCTop .topCampaignTtl {
	background: url(../../images/campaign_bg_title.gif) no-repeat left top;
	padding: 9px 14px 8px 14px;
}
#campaignAreaPCTop .campaignArchive {
	position: absolute;
	top: 5px;
	right: 10px;
}
#campaignAreaPCTop .campaignArchive a {
	background: url(../images/icon_arrow02_off.gif) no-repeat left center;
	padding-left: 20px;
}
#campaignAreaPCTop .campaignArchive a:hover { background-image: url(../images/icon_arrow02_on.gif);}

#campaignAreaPCTop .topCampaignList {
	position: relative;
	height: 81px;
	background: url(../../images/campaign_bg_list.gif) no-repeat left top;
		padding: 4px 0px 5px 0px;
}

#campaignAreaPCTop .topCampaignList li {
	float: left;
	padding: 9px 15px;
	width: 210px;
}
#campaignAreaPCTop .topCampaignList li div {
	float: left;
	width: 90px;
	margin-right: 10px;
}
#campaignAreaPCTop .topCampaignList li a:link, #campaignAreaPCTop .topCampaignList li a:visited { color: #333;}
#campaignAreaPCTop .topCampaignList li a:hover, #campaignAreaPCTop .topCampaignList li a:active { color: #0088bb;}

#campaignAreaPCTop .topCampaignListEnd {
	position: relative;
	height: 81px;
	background: url(../../images/campaign_bg_list_end.gif) no-repeat left top;
		padding: 4px 0px 5px 0px;
}

#campaignAreaPCTop .topCampaignListEnd li {
	float: left;
	padding: 9px 15px;
	width: 210px;
}
#campaignAreaPCTop .topCampaignListEnd li div {
	float: left;
	width: 90px;
	margin-right: 10px;
}
#campaignAreaPCTop .topCampaignListEnd li a:link, #campaignAreaPCTop .topCampaignListEnd li a:visited { color: #333;}
#campaignAreaPCTop .topCampaignListEnd li a:hover, #campaignAreaPCTop .topCampaignListEnd li a:active { color: #0088bb;}


#topHowto {
	clear: both;
	background: #eeeedd;
	padding: 20px 15px 15px 15px;
	margin-bottom: 25px;
	height: 1120px;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#topHowto .howtoTtl {
	padding-left: 10px;
    margin-bottom: 24px;
}
#topHowto .howtoImg {
	position: absolute;
	left:402px;
	top: 0;
}
#topHowto .howtoBtn {
	position: absolute;
	top: 21px;
	right: 20px;
}
.topHowtoLeft {
	width: 458px;
	float: left;
}
.topHowtoRight {
	width: 438px;
	float: right;
	/* background: url(../../images/howto_right_bg.gif) no-repeat left top; */
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 5px;
	padding: 10px;
}
.howtoLeft01 {
	/* background: url(../../images/howto_left01_bg.png) no-repeat left top; */
	background-color: #fff;
	border: solid 1px #ddd;
	border-radius: 5px;
	padding: 10px 10px 5px 10px;
	margin-bottom: 15px;
}
#topHowto .howtoBox th {
	background: url(../../images/howto_th_bg.gif) no-repeat left top;
	height: 100px;
	width: 100px;
	padding-bottom: 5px;
	text-align: center;
	vertical-align: middle;
}
#topHowto .howtoBox td {
	background: url(../../images/howto_td_bg.png) no-repeat left top;
	height: 100px;
	padding: 5px 15px 5px 15px;
	text-align: left;
	vertical-align: middle;
}
#topHowto .howtoBox td p { margin-bottom: 5px;}
#topHowto .howtoBox td p:last-child { margin-bottom: 0;}
#topHowto .howtoBox td a {
	padding-left: 15px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
#topHowto .howtoBox td a:link, #topHowto .howtoBox td a:visited { color: #cc0033; text-decoration: none; background: url(../../images/arrow_icon_off.gif) no-repeat left center;}
#topHowto .howtoBox td a:hover, #topHowto .howtoBox td a:active { color: #333; text-decoration: none; background: url(../../images/arrow_icon_on.gif) no-repeat left center;}
#topHowto .howtoBox td p.noLink {
	color: #cc0033;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
#topHowto .howtoBox td a.noArrow {
	padding: 0;
	background: none;
	line-height: 0;
}
#topHowto .howtoBox td .logoConveni li {
	float: left;
	margin-right: 8px;
	height:21px;
	line-height: 0;
}
#topHowto .howtoBox td .logoShopping li {
	float: left;
	margin-right: 8px;
	height:30px;
	line-height: 0;

}
#topHowto .howtoBox td .logoShopping li a {
	background: none;
	padding: 0;
}

#topHowto .howtoBox td .sendTtl li {
	float: left;
	margin-right: 8px;
	height:30px;
	line-height: 0;

}

#topHowto .howtoBox td .sendTtl li a {
	background: none;
	padding: 0;
	font-size:12px;
}



.howtoLeft02 {
	background: url(../../images/howto_left02_bg.gif) no-repeat left top;
	height: 197px;
	margin-bottom: 13px;
	padding: 0 1px;
}
.howtoLeft02 .otherTtl { text-align: center; padding: 14px 0 15px 0;}
.howtoLeft02 .otherList li {
	float: left;
	width: 152px;
	height: 137px;
	padding-top: 17px;
	text-align: center;
}
.otherList .other01 a {
	display: block;
	background: url(../../images/other_bg01_off.gif) no-repeat center top;
	color: #cc0033;
	font-size: 14px;
	font-weight: bold;
	padding: 43px 0 0 20px;
	text-decoration: none;
	margin-bottom: 10px;
}
.otherList .other01 a:hover { background: url(../../images/other_bg01_on.gif) no-repeat center top; color: #333;}

.otherList .other02 a {
	display: block;
	background: url(../../images/other_bg02_off.gif) no-repeat center top;
	color: #cc0033;
	font-size: 14px;
	font-weight: bold;
	padding: 43px 0 0 20px;
	text-decoration: none;
	margin-bottom: 10px;
}
.otherList .other02 a:hover { background: url(../../images/other_bg02_on.gif) no-repeat center top; color: #333;}

.otherList .other03 a {
	display: block;
	background: url(../../images/other_bg03_off.gif) no-repeat center top;
	color: #cc0033;
	font-size: 14px;
	font-weight: bold;
	padding: 43px 0 0 20px;
	text-decoration: none;
	margin-bottom: 10px;
}
.otherList .other03 a:hover { background: url(../../images/other_bg03_on.gif) no-repeat center top; color: #333;}

#index #infoArea {
	width: 623px;
	float: left;
	background: url(../../images/info_area_bg.gif) no-repeat left top;
	position: relative;
	padding: 1px;
}
#mcs_container{height:348px; overflow: hidden;}
#index .infoTtl {
	position: absolute;
	left: 20px;
	top: -5px;
	z-index: 100;
}
#index .infoGraTop {
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 80;
}
#index .infoGraBtm {
	position: absolute;
	left: 1px;
	bottom: 1px;
	z-index: 80;
}
/*#infoArea .infoBox {
	height: 308px;
	overflow: auto;
}*/
#infoArea .infoBox li {
	padding: 20px;
	border-bottom: #000 dotted 1px;
}

#bnrArea {
	width: 305px;
	float: right;
}
#bnrArea .appBtn {
	position: relative;
	margin-bottom: 10px;
	line-height: 0;
}
#bnrArea .appBtn .appIos {
	position: absolute;
	left: 18px;
	top: 108px;
}
#bnrArea .appBtn .appAndroid {
	position: absolute;
	right: 18px;
	top: 108px;
}


/*/////////// slide (old index) ///////////*/
#slide #header {
	border-bottom: none;
}
#slide h1 {
	position: absolute;
	left: 50%;
	top: 8px;
	z-index: 100;
	cursor: pointer;
	margin-left: -122px;
}

#slide #mainContents {
	width: 100%;
}

.homeVisa {
	float: left;
	width: 410px;
	margin-right: 29px;
	background: url(../../slide/images/illust.gif)  no-repeat right top;
}

.homeBox {
	background: url(../../slide/images/box_bg.gif) no-repeat left top;
	float: left;
	width: 280px;
	height: 254px;
	padding: 13px 15px;
	margin-bottom: 30px;
	text-align: center;
}
.homeBox li {
	float: left;
}
.homeBoxSlide {
	background: url(../../slide/images/box_bg.gif) no-repeat left top;
	float: left;
	width: 300px;
	height: 270px;
	padding: 5px;
	margin-bottom: 30px;
	text-align: center;
}
.homeBox01 {
	background: url(../../slide/images/box_bg01.gif) no-repeat left top;
	float: left;
	width: 430px;
	height: 190px;
	padding: 20px;
	margin-bottom: 20px;
}
.homeBox01 li {
	float: left;
}
.homeBox02 {
	background: url(../../slide/images/box_bg02.gif) no-repeat left top;
	float: right;
	width: 430px;
	height: 190px;
	padding: 20px;
	margin-bottom: 20px;
}

.slideStart { cursor: pointer;}

#info {
	width: 635px;
	height: 80px;
	/*background: url(../../images/info_bg.gif) no-repeat left top;*/
	float: left;
	display: block;
	/*padding: 20px 20px 20px 75px;*/
	margin-right: 15px;
}
#info li {
	background: url(/images/info_arrow.gif) no-repeat 1px 3px;
	padding-left: 16px;
	margin-bottom: 5px;
	color: #777;
}
#info li a:link, #info li a:visited { color: #0088bb; text-decoration: underline;}
#info li a:hover, #info li a:active { color: #000; text-decoration: none;}
#info li.infoTtl {
	background: none;
	padding-left: 0;
	margin-bottom: 10px;
}
#oldCampaign {
	display: block;
    position: relative;
    z-index: 10;
}
#oldCampaign li {
	background: url(/images/info_arrow.gif) no-repeat left top;
	padding-left: 16px;
    padding-right: 14px;
	line-height: 1em;
	float: right;
}
#oldCampaign li a:link, #oldCampaign li a:visited { color: #0088bb; text-decoration: underline;}
#oldCampaign li a:hover, #oldCampaign li a:active { color: #000; text-decoration: none;}

#campaign {
	width: 250px;
	height: 81px;
	float: right;
}
.campaignTtl { margin-bottom: 3px;}
#campaignBnr li {
	float: left;
	width: 250px;
}
#campaignBnr li.bnr01 { margin-right: 6px;}


#outside {
	padding-top: 10px;
	padding-left: 2px;
	color: #999;
	font-size: 12px;
	width: 308px;
	float: left;
}
.outsideLeft {
	 float: left;
	 width: 155px;
	 margin-right: 20px;
}
.outsideBnr {
	width: 515px;
	float: left;
	line-height: 0;
}
.outsideBnr li {
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
}
.outsideBnr li.end { margin-right: 0;}
.outsideRight {
	float: right;
	width: 250px;
}



#slideHome {
}
#slideContent {
	/*display: none;*/
	width: 100%;
	overflow: hidden;
}
#slider {
	padding-top: 60px;
	border-bottom: #ddd solid 1px;
}
#slider h2 {
	position: absolute;
	left: 0;
	top: -50px;
	width: 960px;
	text-align: center;
	z-index: 90;
}
.slidesInr {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 410px;
}
#slideHome .slidesInr { height: 550px;}

#slidNav {
	border-top: #ddd solid 1px;
}
#slidNavInr {
	width: 960px;
	height: 79px;
	margin: 0 auto;
}

.prevHome {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.prevHome a {
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	background: url(../../slide/images/slide/btn_slide_prev.gif) no-repeat 0 -59px;
	outline: 0;
	width: 121px;
	height: 59px;
	text-indent: -9999px;
	z-index: 1;
}
.prevHome a:hover { background-position: 0 0;}


#slide01 .slide01Illust {
	position: absolute;
	left: 800px;
	top: 23px;
	z-index: 9999;
}
#slide01 .slideBtn {
	width: 530px;
	margin: 0 auto 30px auto;
}
#slide01 .slideBtn li {
	float: left;
}

#slide02 .slide01Illust {
	position: absolute;
	left: 69px;
	top: 96px;
	z-index: 9999;
}
#slide02 .slide02Illust {
	position: absolute;
	left: 704px;
	top: 96px;
	z-index: 9999;
}
#slide02 .slideBtn {
	width: 520px;
	margin: 0 auto 30px auto;
}
#slide02 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}

#slide03 .slide01Illust {
	position: absolute;
	left: 7px;
	top: 90px;
	z-index: 80;
	width: 137px;
}
#slide03 .slideBtn {
	width: 305px;
	margin: 0 auto 30px auto;
}
#slide03 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}

#slide04 .slide01Illust {
	position: absolute;
	left: 1px;
	top: 80px;
	z-index: 80;
	width: 221px;
}
#slide04 .slide02Illust {
	position: absolute;
	left: 742px;
	top: 80px;
	z-index: 70;
	width: 219px;
}
.slide01Illust .comicBtn {
	position: absolute;
	left: 18px;
	top: 191px;
}
.slide02Illust .comicBtn {
	position: absolute;
	left: 147px;
	top: 191px;
}

#slide04 .slideBtn {
	width: 255px;
	margin: 0 auto 30px auto;
}
#slide04 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}

#slide05 .slide01Illust {
	position: absolute;
	left: 35px;
	top: 33px;
	z-index: 9999;
}
#slide05 .slide02Illust {
	position: absolute;
	left: 797px;
	top: 61px;
	z-index: 9999;
}
#slide05 .slide04Txt {
	color: #999;
	font-size: 10px;
	margin-left: 237px;
}
#slide05 .slide04Txt a:link, #slide05 .slide04Txt a:visited { color: #0088bb; text-decoration: underline;}
#slide05 .slide04Txt a:hover, #slide05 .slide04Txt a:active { color: #000; text-decoration: none;}
#slide05 .slideBtn {
	width: 275px;
	margin: 0 auto 30px auto;
}
#slide05 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}


#slide06 .slide01Illust {
	position: absolute;
	left: 5px;
	top: 57px;
	z-index: 9999;
}
#slide06 .slide02Illust {
	position: absolute;
	left: 852px;
	top: 36px;
	z-index: 9999;
}
#slide06 .slide05Txt {
	color: #999;
	font-size: 10px;
	text-align: center;
	clear: both;
}

/*#slide05 ul.slide05Txt  {
	position: relative;
	left: 50%;
	float: left;
	color: #999;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
}

#slide05 ul.slide05Txt li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 15px;
	height: 45px;
}*/

#slide06 .slideBtn {
	width: 480px;
	height: 60px;
	margin: 0 auto 15px auto;
	line-height: 0;
}
#slide06 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}

#slide07 .slide01Illust {
	position: absolute;
	left: 583px;
	top: 122px;
	z-index: 9999;
}
#slide07 .slide06Txt {
	color: #999;
	font-size: 10px;
	text-align: center;
	clear: both;
}
#slide07 .slideBtn {
	width: 260px;
	height: 60px;
	margin: 0 0 15px 210px;
	line-height: 0;
}
#slide07 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}


#slide08 .slide01Illust {
	position: absolute;
	left: 158px;
	top: 125px;
	z-index: 9999;
}
#slide08 .slide07Txt {
	color: #999;
	font-size: 10px;
	text-align: center;
	clear: both;
}
#slide08 .slideBtn {
	width: 340px;
	height: 60px;
	margin: 0 0 15px 490px;
	line-height: 0;
}
#slide08 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}

#slide09 .slideBtn {
	width: 540px;
	height: 60px;
	margin: 0 auto 15px auto;
	line-height: 0;
}
#slide09 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}

#slide10 .slideBtnTab {
	position: absolute;
	left: 520px;
	top: 149px;
	z-index: 9999;
}
#slide10 .slideBtn {
	position: absolute;
	top: 320px;
	left: 285px;
	width: 395px;
	height: 60px;
	line-height: 0;
}
#slide10 .slideBtn li {
	float: left;
	color: #999;
	font-size: 10px;
}




#procedure {
	background: #eeeeee url(../../slide/images/procedure_bg.gif) repeat-x left top;
	padding: 18px 0 15px 0;
}
#procedureInr {
	width: 960px;
	margin: 0 auto;
}

#procedure h3 { margin-bottom: 18px; }

.procedureList {
	float: left;
	width: 231px;
	margin-right: 12px;
}
.procedureList.end { margin-right: 0;}
.procedureList li {
	margin-bottom: 3px;
	height: 25px;
	width: 231px;
}
.procedureList li a {
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	padding-left: 24px;
	background: url(../../slide/images/procedure_btn.gif) no-repeat;
	text-decoration: none;
}
.procedureList li a:link, .procedureList li a:visited {
	background-position: 0 0;
	color: #444444;
}

.procedureList li a:hover, .procedureList li a:active {
	background-position: 0 -25px;
	color: #0088bb;
}

.procedureList li.pay {
	background: url(../../slide/images/procedure_pay_bg.gif) no-repeat left top;
	padding: 4px;
	height: 45px;
	width: 223px;
}
.procedureList li.pay a {
	width: 85px;
	padding-left: 20px;
	float: left;
	height: 24px;
	line-height: 24px;
}


/*/////////////////////// about ///////////////////////*/

.aboutTxtLink {
	position: absolute;
	left: 166px;
	top: 855px;
	font-size: 11px;
}

.exampleBtn {
	overflow: hidden;
	margin-bottom: 50px;
}
.exampleBtn li {
	float: left;
	margin-right: 10px;
}
.exampleBtn li:last-child {
	margin-right: 0;
}

.aboutYoutube {
	padding: 20px;
	margin-bottom: 30px;
	background: url(../../detail/images/about/bg_youtube.gif) no-repeat left top;
}

.aboutStep1Btn {
	position: absolute;
	top: 354px;
	left: 460px;
}

.aboutStep2Btn04 { position: absolute; top: 220px; left: 340px;}
.aboutStep2Btn03 { position: absolute; top: 240px; left: 340px;}
.aboutStep2Btn01 { position: absolute; top: 340px; left: 340px;}
.aboutStep2Btn05 { position: absolute; top: 508px; left: 340px;}
/* .aboutStep2Btn02 { position: absolute; top: 410px; left: 340px;} */


/*/////////////////////// deposit ///////////////////////*/
#tabDeposit {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../../detail/images/deposit/tab_bg.gif) repeat-x left bottom;
}
#tabDeposit li {
	float: left;
	width: 126px;
	height: 70px;
	margin-right: 10px;
}
#tabDeposit li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}

#tabDeposit li a.t1 { background: url(../../detail/images/deposit/tab01.gif) no-repeat left top;}
#tabDeposit li a.t1:hover { background: url(../../detail/images/deposit/tab01.gif) no-repeat left -70px;}
#tabDeposit li.present a.t1 { background: url(../../detail/images/deposit/tab01.gif) no-repeat left -140px;}

#tabDeposit li a.t2 { background: url(../../detail/images/deposit/tab02.gif) no-repeat left top;}
#tabDeposit li a.t2:hover { background: url(../../detail/images/deposit/tab02.gif) no-repeat left -70px;}
#tabDeposit li.present a.t2 { background: url(../../detail/images/deposit/tab02.gif) no-repeat left -140px;}

#tabDeposit li a.t3 { background: url(../../detail/images/deposit/tab03.gif) no-repeat left top;}
#tabDeposit li a.t3:hover { background: url(../../detail/images/deposit/tab03.gif) no-repeat left -70px;}
#tabDeposit li.present a.t3 { background: url(../../detail/images/deposit/tab03.gif) no-repeat left -140px;}

#tabDeposit li a.t4 { background: url(../../detail/images/deposit/tab04.gif) no-repeat left top;}
#tabDeposit li a.t4:hover { background: url(../../detail/images/deposit/tab04.gif) no-repeat left -70px;}
#tabDeposit li.present a.t4 { background: url(../../detail/images/deposit/tab04.gif) no-repeat left -140px;}

#tabDeposit li a.t5 { background: url(../../detail/images/deposit/tab05.gif) no-repeat left top;}
#tabDeposit li a.t5:hover { background: url(../../detail/images/deposit/tab05.gif) no-repeat left -70px;}
#tabDeposit li.present a.t5 { background: url(../../detail/images/deposit/tab05.gif) no-repeat left -140px;}

div.imgWrapL {
	float: left;
	width: 325px;
	font-size: 11px;
	line-height: 20px;
}
div.imgWrapR {
	float: right;
	width: 325px;
	font-size: 11px;
	line-height: 20px;
}
div.imgWrapRBox {
	float: right;
	width: 282px;
	height: 256px;
	font-size: 11px;
	line-height: 20px;
	padding: 20px;
	background: url(../../detail/images/deposit/img19_bg.gif) no-repeat left top;
}

.depoTxt01 {
	position: absolute;
	left: 160px;
	top: 358px;
}

.famiBox {
	background: url(../../detail/images/deposit/fami_bg_top.gif) no-repeat left top;
	padding-top: 48px;
}
.famiBoxInr {
	background: url(../../detail/images/deposit/fami_bg_btm.gif) no-repeat left bottom;
	padding-left: 48px;
	padding-right: 48px;
	padding-bottom: 48px;
	font-size: 12px;
	line-height: 20px;
}
.famiLeft {
	float: left;
	width: 270px;
}
.famiRight {
	float: right;
	width: 270px;
}
.famiLeft p, .famiRight p {
	height: 60px;
}
.convenienceLogo {
	width: 578px;
	margin: 0 auto 30px auto;
	height: 45px;
	line-height: 0;
}
.convenienceLogo li {
	float: left;
	margin-right: 17px;
}
.convenienceLogo li.last {
	margin-right: 0;
}

/*/////////////////////// cvs ///////////////////////*/
#tabCvs {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 158px;
	overflow: hidden;
	line-height: 0;
	padding-bottom: 30px;
	border-bottom: #000 dotted 1px;
}
#tabCvs li {
	float: left;
	width: 224px;
	height: 50px;
	margin-right: 4px;
	margin-bottom: 4px;
}
#tabCvs li#tabCvsEnd {
	margin-right: 0;
}
#tabCvs li a {
	display: block;
	width: 224px;
	height: 50px;
	text-indent: -9999px;
}
#tabCvs li a.t1 { background: url(../../detail/images/cvs/tab01.gif) no-repeat left top;}
#tabCvs li a.t1:hover { background: url(../../detail/images/cvs/tab01.gif) no-repeat left -50px;}
#tabCvs li.present a.t1 { background: url(../../detail/images/cvs/tab01.gif) no-repeat left -100px;}
#tabCvs li a.t2 { background: url(../../detail/images/cvs/tab02.gif) no-repeat left top;}
#tabCvs li a.t2:hover { background: url(../../detail/images/cvs/tab02.gif) no-repeat left -50px;}
#tabCvs li.present a.t2 { background: url(../../detail/images/cvs/tab02.gif) no-repeat left -100px;}
#tabCvs li a.t3 { background: url(../../detail/images/cvs/tab03.gif) no-repeat left top;}
#tabCvs li a.t3:hover { background: url(../../detail/images/cvs/tab03.gif) no-repeat left -50px;}
#tabCvs li.present a.t3 { background: url(../../detail/images/cvs/tab03.gif) no-repeat left -100px;}
#tabCvs li a.t4 { background: url(../../detail/images/cvs/tab04.gif) no-repeat left top;}
#tabCvs li a.t4:hover { background: url(../../detail/images/cvs/tab04.gif) no-repeat left -50px;}
#tabCvs li.present a.t4 { background: url(../../detail/images/cvs/tab04.gif) no-repeat left -100px;}
#tabCvs li a.t5 { background: url(../../detail/images/cvs/tab05.gif) no-repeat left top;}
#tabCvs li a.t5:hover { background: url(../../detail/images/cvs/tab05.gif) no-repeat left -50px;}
#tabCvs li.present a.t5 { background: url(../../detail/images/cvs/tab05.gif) no-repeat left -100px;}


div.imgWrapCvsL {
	float: left;
	width: 280px;
	font-size: 13px;
	margin-left: 25px;
	line-height: 20px;
}
div.imgWrapCvsR {
	float: right;
	width: 280px;
	font-size: 13px;
	margin-right: 25px;
	line-height: 20px;
}


.cvsHalf {
	float: left;
	width: 320px;
}

/*/////////////////////// shopping ///////////////////////*/
#tabShopping {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabShopping li {
	float: left;
	width: 126px;
	height: 70px;
	margin-right: 10px;
}
#tabShopping li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}

#tabShopping li a.t1 { background: url(../../detail/images/shopping/tab01.gif) no-repeat left top;}
#tabShopping li a.t1:hover { background: url(../../detail/images/shopping/tab01.gif) no-repeat left -70px;}
#tabShopping li.present a.t1 { background: url(../../detail/images/shopping/tab01.gif) no-repeat left -140px;}

#tabShopping li a.t2 { background: url(../../detail/images/shopping/tab02.gif) no-repeat left top;}
#tabShopping li a.t2:hover { background: url(../../detail/images/shopping/tab02.gif) no-repeat left -70px;}
#tabShopping li.present a.t2 { background: url(../../detail/images/shopping/tab02.gif) no-repeat left -140px;}

.comicBtnUnder {
	height: 211px;
	width: 650px;
	line-height: 0;
	margin: 0 auto 50px auto;
}
.comicBtnUnder li {
	float: left;
}
.companyBtn {
	line-height: 0;
}
.companyBtn li {
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

.shoppingImg01 {
	float: left;
	width: 322px;
}
.shoppingTxt {
	float: right;
	padding: 55px 20px 55px 40px;
	width: 298px;
}
.shoppingTxt ul {
	list-style: disc;
	padding-left: 15px;
}
.shoppingTxt ul li {
	margin-bottom: 5px;
}

/*/////////////////////// receive ///////////////////////*/
.receiveTxt01 li{
	margin-bottom: 10px;
	height: 30px;
}
.receiveTxt01 li p {
	float: left;
	margin-right: 10px;
	line-height: 30px;
}
#tabReceive {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabReceive li {
	float: left;
	width: 128px;
	height: 70px;
	margin-right: 10px;
}
#tabReceive li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}
#tabReceive li a.t1 { background: url(../../detail/images/receive/tab01.gif) no-repeat left top;}
#tabReceive li a.t1:hover { background: url(../../detail/images/receive/tab01.gif) no-repeat left -70px;}
#tabReceive li.present a.t1 { background: url(../../detail/images/receive/tab01.gif) no-repeat left -140px;}
#tabReceive li a.t2 { background: url(../../detail/images/receive/tab03.gif) no-repeat left top;}
#tabReceive li a.t2:hover { background: url(../../detail/images/receive/tab03.gif) no-repeat left -70px;}
#tabReceive li.present a.t2 { background: url(../../detail/images/receive/tab03.gif) no-repeat left -140px;}
/* #tabReceive li a.t3 { background: url(../../detail/images/receive/tab03.gif) no-repeat left top;}
#tabReceive li a.t3:hover { background: url(../../detail/images/receive/tab03.gif) no-repeat left -70px;}
#tabReceive li.present a.t3 { background: url(../../detail/images/receive/tab03.gif) no-repeat left -140px;} */


/*/////////////////////// send ///////////////////////*/
.sendBox02 {
	background: url(../../detail/images/send/box_bg02_top.gif) no-repeat left top;
	padding-top: 3px;
	float: left;
	width: 330px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
}
.sendBox02Inr {
	background: url(../../detail/images/send/box_bg02_btm.gif) no-repeat left bottom;
	padding: 15px;
	text-align: left;
}
.sendBox02TxtTtl {
	float: left;
	width: 70px;
	font-weight: bold;
}
.sendBox02Txt {
	float: right;
	width: 220px;
}

.sendImg {
	float: right;
	margin-left: 20px;
	margin-bottom: 30px;
}
#tabSend {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabSend li {
	float: left;
	width: 128px;
	height: 70px;
	margin-right: 10px;
}
#tabSend li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}
#tabSend li a.t1 { background: url(../../detail/images/send/tab01.gif) no-repeat left top;}
#tabSend li a.t1:hover { background: url(../../detail/images/send/tab01.gif) no-repeat left -70px;}
#tabSend li.present a.t1 { background: url(../../detail/images/send/tab01.gif) no-repeat left -140px;}
#tabSend li a.t2 { background: url(../../detail/images/send/tab02.gif) no-repeat left top;}
#tabSend li a.t2:hover { background: url(../../detail/images/send/tab02.gif) no-repeat left -70px;}
#tabSend li.present a.t2 { background: url(../../detail/images/send/tab02.gif) no-repeat left -140px;}

/*/////////////////////// transfer ///////////////////////*/
#tabTransfer {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabTransfer li {
	float: left;
	width: 128px;
	height: 70px;
	margin-right: 10px;
}
#tabTransfer li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}
#tabTransfer li a.t1 { background: url(../../detail/images/transfer/tab01.gif) no-repeat left top;}
#tabTransfer li a.t1:hover { background: url(../../detail/images/transfer/tab01.gif) no-repeat left -70px;}
#tabTransfer li.present a.t1 { background: url(../../detail/images/transfer/tab01.gif) no-repeat left -140px;}
#tabTransfer li a.t2 { background: url(../../detail/images/transfer/tab02.gif) no-repeat left top;}
#tabTransfer li a.t2:hover { background: url(../../detail/images/transfer/tab02.gif) no-repeat left -70px;}
#tabTransfer li.present a.t2 { background: url(../../detail/images/transfer/tab02.gif) no-repeat left -140px;}
#tabTransfer li a.t3 { background: url(../../detail/images/transfer/tab03.gif) no-repeat left top;}
#tabTransfer li a.t3:hover { background: url(../../detail/images/transfer/tab03.gif) no-repeat left -70px;}
#tabTransfer li.present a.t3 { background: url(../../detail/images/transfer/tab03.gif) no-repeat left -140px;}

div.imgWrapTransfer {
	float: left;
	width: 145px;
	font-size: 11px;
	line-height: 20px;
}
div.transferWrap01 {
	position: relative;
	float: left;
}
.transferWrap01 .transferArrow {
	position: absolute;
	left: -16px;
	top: 58px;
}
div.transferWrap02 {
	position: relative;
	width: 180px;
	float: left;
}
.transferWrap02 .transferArrow {
	position: absolute;
	left: -16px;
	top: 58px;
}
div.transferWrap03 {
	position: relative;
	width: 325px;
	float: left;
}
.transferWrap03 .transferArrow {
	position: absolute;
	left: -16px;
	top: 58px;
}

.transferBox01 {
	background: url(../../detail/images/transfer/box_bg01_top.gif) no-repeat left top;
	padding-top: 20px;
	margin-bottom: 20px;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.transferBox01Inr {
	background: url(../../detail/images/transfer/box_bg01_btm.gif) no-repeat left bottom;
	padding: 0 15px 15px 15px;
}
.transferBox01Ttl {
	font-size: 14px;
	font-weight: bold;
}
.transferBox02 {
	background: url(../../detail/images/transfer/box_bg02_top.gif) no-repeat left top;
	padding-top: 11px;
	margin-right: 20px;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.transferBox02Inr {
	background: url(../../detail/images/transfer/box_bg02_btm.gif) no-repeat left bottom;
	padding: 0 10px 10px 10px;
}

/*/////////////////////// apply ///////////////////////*/
#tabApply {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabApply li {
	float: left;
	width: 128px;
	height: 70px;
	margin-right: 10px;
}
#tabApply li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}
#tabApply li a.t1 { background: url(../../detail/images/apply/tab01.gif) no-repeat left top;}
#tabApply li a.t1:hover { background: url(../../detail/images/apply/tab01.gif) no-repeat left -70px;}
#tabApply li.present a.t1 { background: url(../../detail/images/apply/tab01.gif) no-repeat left -140px;}
#tabApply li a.t2 { background: url(../../detail/images/apply/tab02.gif) no-repeat left top;}
#tabApply li a.t2:hover { background: url(../../detail/images/apply/tab02.gif) no-repeat left -70px;}
#tabApply li.present a.t2 { background: url(../../detail/images/apply/tab02.gif) no-repeat left -140px;}

/*/////////////////////// history ///////////////////////*/
#tabHistory {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabHistory li {
	float: left;
	width: 128px;
	height: 70px;
	margin-right: 10px;
}
#tabHistory li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}
#tabHistory li a.t1 { background: url(../../detail/images/history/tab01.gif) no-repeat left top;}
#tabHistory li a.t1:hover { background: url(../../detail/images/history/tab01.gif) no-repeat left -70px;}
#tabHistory li.present a.t1 { background: url(../../detail/images/history/tab01.gif) no-repeat left -140px;}
#tabHistory li a.t2 { background: url(../../detail/images/history/tab02.gif) no-repeat left top;}
#tabHistory li a.t2:hover { background: url(../../detail/images/history/tab02.gif) no-repeat left -70px;}
#tabHistory li.present a.t2 { background: url(../../detail/images/history/tab02.gif) no-repeat left -140px;}
#tabHistory li a.t3 { background: url(../../detail/images/history/tab03.gif) no-repeat left top;}
#tabHistory li a.t3:hover { background: url(../../detail/images/history/tab03.gif) no-repeat left -70px;}
#tabHistory li.present a.t3 { background: url(../../detail/images/history/tab03.gif) no-repeat left -140px;}

/*/////////////////////// site ///////////////////////*/
h4.siteListTtl {
	background: #eee;
	color: #000;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	border-top: #999 solid 1px;
	padding: 0 0 0 20px;
	clear: both;
}

.siteList {
}
.siteList li {
	float: left;
	width: 169px;
	height: 65px;
	padding-top: 25px;
	border-bottom: #eee solid 1px;
	border-left: #eee solid 1px;
	position: relative;
	text-align: center;
	line-height: 20px;
}
.siteList li.end {
	width: 168px;
	border-right: #eee solid 1px;
}

.iconSP {
	position: absolute;
	left: 59px;
	top: 74px;
}
.iconI {
	position: absolute;
	left: 90px;
	top: 74px;
}


/*/////////////////////// setting ///////////////////////*/
#tabSetting {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabSetting li {
	float: left;
	width: 128px;
	height: 70px;
	margin-right: 10px;
}
#tabSetting li#tabSettingEnd {
	margin-right: 0;
}
#tabSetting li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}
#tabSetting li a.t1 { background: url(../../detail/images/setting/tab01.gif) no-repeat left top;}
#tabSetting li a.t1:hover { background: url(../../detail/images/setting/tab01.gif) no-repeat left -70px;}
#tabSetting li.present a.t1 { background: url(../../detail/images/setting/tab01.gif) no-repeat left -140px;}
#tabSetting li a.t2 { background: url(../../detail/images/setting/tab03.gif) no-repeat left top;}
#tabSetting li a.t2:hover { background: url(../../detail/images/setting/tab03.gif) no-repeat left -70px;}
#tabSetting li.present a.t2 { background: url(../../detail/images/setting/tab03.gif) no-repeat left -140px;}
#tabSetting li a.t3 { background: url(../../detail/images/setting/tab04.gif) no-repeat left top;}
#tabSetting li a.t3:hover { background: url(../../detail/images/setting/tab04.gif) no-repeat left -70px;}
#tabSetting li.present a.t3 { background: url(../../detail/images/setting/tab04.gif) no-repeat left -140px;}
#tabSetting li a.t4 { background: url(../../detail/images/setting/tab05.gif) no-repeat left top;}
#tabSetting li a.t4:hover { background: url(../../detail/images/setting/tab05.gif) no-repeat left -70px;}
#tabSetting li.present a.t4 { background: url(../../detail/images/setting/tab05.gif) no-repeat left -140px;}
/* #tabSetting li a.t5 { background: url(../../detail/images/setting/tab05.gif) no-repeat left top;}
#tabSetting li a.t5:hover { background: url(../../detail/images/setting/tab05.gif) no-repeat left -70px;}
#tabSetting li.present a.t5 { background: url(../../detail/images/setting/tab05.gif) no-repeat left -140px;} */

.settingTxt01 {
	position: absolute;
	left: 160px;
	top: 382px;
	width: 165px;
	overflow: visible;
}

/*.settingTxt01 {
	position: absolute;
	left: 160px;
	top: 432px;
	width: 165px;
	overflow: visible;
}*/

/*/////////////////////// term ///////////////////////*/
#tabTerm {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabTerm li {
	float: left;
	width: 128px;
	height: 70px;
	margin-left: 10px;
}
#tabTerm li:first-child { margin-left: 0;}
#tabTerm li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}
#tabTerm li a.t1 { background: url(../../term/images/tab01.gif) no-repeat left top;}
#tabTerm li a.t1:hover { background: url(../../term/images/tab01.gif) no-repeat left -70px;}
#tabTerm li.present a.t1 { background: url(../../term/images/tab01.gif) no-repeat left -140px;}
#tabTerm li a.t2 { background: url(../../term/images/tab02.gif) no-repeat left top;}
#tabTerm li a.t2:hover { background: url(../../term/images/tab02.gif) no-repeat left -70px;}
#tabTerm li.present a.t2 { background: url(../../term/images/tab02.gif) no-repeat left -140px;}
#tabTerm li a.t3 { background: url(../../term/images/tab03.gif) no-repeat left top;}
#tabTerm li a.t3:hover { background: url(../../term/images/tab03.gif) no-repeat left -70px;}
#tabTerm li.present a.t3 { background: url(../../term/images/tab03.gif) no-repeat left -140px;}
#tabTerm li a.t4 { background: url(../../term/images/tab04.gif) no-repeat left top;}
#tabTerm li a.t4:hover { background: url(../../term/images/tab04.gif) no-repeat left -70px;}
#tabTerm li.present a.t4 { background: url(../../term/images/tab04.gif) no-repeat left -140px;}
#tabTerm li a.t5 { background: url(../../term/images/tab05.gif) no-repeat left top;}
#tabTerm li a.t5:hover { background: url(../../term/images/tab05.gif) no-repeat left -70px;}
#tabTerm li.present a.t5 { background: url(../../term/images/tab05.gif) no-repeat left -140px;}

.termSttl { margin-bottom: 5px;}


/*/////////////////////// notes ///////////////////////*/
#notes #mainContents {
	width: 720px;
	margin: 0 auto;
}

#notes #contentswrap {
	min-width: 760px;
}


#notes #hdrInr {
	width: 760px;
	height: 77px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#notes h1 {
	position: absolute;
	left: 295px;
	top: 16px;
}
#notes #hdrRight {
	width: 59px;
	float: right;
	text-align: right;
	padding: 31px 10px 0 0;
}

#notes #topicArea {
	border-bottom: #dddddd solid 1px;
	height: 60px;
	margin-bottom: 35px;
}
#notes #topicAreaInr {
	width: 760px;
	margin: 0 auto;
	height: 60px;
	background: none;
}
#notes .topicPath {
	float: none;
	margin-left: 0;
	line-height: 60px;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}
#notes #footer {
	/*background: #e1e1e1 url(../images/ftr_bg.gif) repeat-x left top;*/
	/*padding: 25px 0;*/
}
#notes #ftrInr {
	width: 760px;
	margin: 0 auto;
}
#notes #ftrCopyright {
	color: #777777;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
}

#notes .pdfBox {
	height: 253px;
	margin-bottom: 40px;
	color: #888;
	border: solid 1px #ddd;
	border-radius: 8px;
	background: #fff;
}
#notes .pdfBox,
#notes .pdfBox * {
	box-sizing: content-box;
}
#notes .pdfBox .pdfLeft,
#notes .pdfBox .pdfRight {
	width: 310px;
	padding: 24px;
	border-bottom: solid 1px #ddd;
}
#notes .pdfBox .pdfLeft {
	float: left;
}
#notes .pdfBox .pdfRight {
	float: right;
	border-left: solid 1px #ddd;
}
#notes .pdfBox .pdfLeft ul, #notes .pdfBox .pdfRight ul {
	float: left;
	padding-top: 9px;
	font-size: 11px;
}
#notes .pdfBox .pdfLeft .pdfTxt, #notes .pdfBox .pdfRight .pdfTxt {
	margin-bottom: 8px;
}
#notes .pdfBox .pdfLeft .pdfTxt a, #notes .pdfBox .pdfRight .pdfTxt a {
	font-size: 16px;
	background: url(../../term/images/notes/dl_icon.gif) no-repeat left top;
	padding-left: 20px;
	display: block;
}

#notes .pdfBox .pdfBtm {
	clear: both;
	height: 50px;
	border-radius: 0 0 8px 8px;
	padding: 10px 0 0 120px;
	font-size: 10px;
	background-color: #ddd;
}


/*/////////////////////// visa ///////////////////////*/

.visaBtn {
	width: 100%;
	height: 60px;
	margin: 0 auto 30px auto;
	padding: 0 117px;
}
.depositBtn {
	position: absolute;
	top: 473px;
	left: 28px;
}
.depositBtn.right {
	position: absolute;
	top: 473px;
	left: 257px;
}

.appBox {
	position: relative;
	margin-bottom: 30px;
	text-align: center
}
.comingsoon {
	position: absolute;
	left: 166px;
	top: 110px;
}
.iosBtn {
	position: absolute;
	left: 166px;
	top: 115px;
}
.iosQr {
	position: absolute;
	left: 305px;
	top: 70px;
}
.androidBtn {
	position: absolute;
	left: 430px;
	top: 115px;
}
.androidQr {
	position: absolute;
	left: 570px;
	top: 70px;
}

/*/////////////////////// visa ///////////////////////*/

#tabVisa {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 30px;
	height: 70px;
	overflow: hidden;
	line-height: 0;
	background: url(../images/tab_bg.gif) repeat-x left bottom;
}
#tabVisa li {
	float: left;
	width: 128px;
	height: 70px;
	margin-right: 10px;
}
#tabVisa li a {
	display: block;
	width: 128px;
	height: 70px;
	text-indent: -9999px;
}
#tabVisa li a.t1 { background: url(../../detail/images/visa_howto/tab01.gif) no-repeat left top;}
#tabVisa li a.t1:hover { background: url(../../detail/images/visa_howto/tab01.gif) no-repeat left -70px;}
#tabVisa li.present a.t1 { background: url(../../detail/images/visa_howto/tab01.gif) no-repeat left -140px;}
#tabVisa li a.t2 { background: url(../../detail/images/visa_howto/tab02.gif) no-repeat left top;}
#tabVisa li a.t2:hover { background: url(../../detail/images/visa_howto/tab02.gif) no-repeat left -70px;}
#tabVisa li.present a.t2 { background: url(../../detail/images/visa_howto/tab02.gif) no-repeat left -140px;}
#tabVisa li a.t3 { background: url(../../detail/images/visa_howto/tab03.gif) no-repeat left top;}
#tabVisa li a.t3:hover { background: url(../../detail/images/visa_howto/tab03.gif) no-repeat left -70px;}
#tabVisa li.present a.t3 { background: url(../../detail/images/visa_howto/tab03.gif) no-repeat left -140px;}
#tabVisa li a.t4 { background: url(../../detail/images/visa_howto/tab04.gif) no-repeat left top;}
#tabVisa li a.t4:hover { background: url(../../detail/images/visa_howto/tab04.gif) no-repeat left -70px;}
#tabVisa li.present a.t4 { background: url(../../detail/images/visa_howto/tab04.gif) no-repeat left -140px;}

.visaSp {
	position: absolute;
	left: 576px;
	top: 80px;
}

.visaCont {
	padding-bottom: 35px;
	margin-bottom: 30px;
	border-bottom: #000 solid 1px;
	clear: both;
}

.visaCont02 {
	padding-bottom: 35px;
	margin-bottom: 30px;
	border-bottom: #000 solid 1px;
	clear: both;
	width: 440px;
}

.visaFlow {
	width: 160px;
	float: left;
	padding-right: 66px;
	background: url(../../detail/images/visa_howto/icon_arrow.gif) no-repeat right top;
	margin-right: 34px;
}
.visaFlowLast {
	width: 160px;
	float: left;
}

.visaFlowTxt {
	height: 110px;
}

.visaPlanBox {
	background: url(../../detail/images/visa_howto/boxbg_top.gif) no-repeat left top;
	padding-top: 20px;
	clear: both;
}
.visaPlanBoxInr {
	background: url(../../detail/images/visa_howto/boxbg_btm.gif) no-repeat left bottom;
	padding: 0 25px 25px 25px;
}

.visaPlanBox02 {
	background: url(../../detail/images/visa_howto/boxbg02_top.gif) no-repeat left top;
	padding-top: 20px;
	float: left;
}
.visaPlanBox02Inr {
	background: url(../../detail/images/visa_howto/boxbg02_btm.gif) no-repeat left bottom;
	padding: 0 25px 25px 25px;
	width: 390px;
}

.visaPlanTtl {
	font-size: 16px;
	font-weight: bold;
	margin-right: 15px;
	margin-bottom: 25px;
	float: left;
}
.visaPlanBoxInr .imgWrapL {
	width: 295px;
}
.visaPlanBox02Inr .imgWrapL {
	width: 160px;
	margin-left: 10px;
}
.visaPlanBox02Inr .imgWrapR {
	width: 160px;
	margin-right: 10px;
}
div.imgWrapR02 {
	float: right;
	width: 230px;
	font-size: 11px;
	line-height: 20px;
}
div.imgWrapR02 .attentionBoxHalfTxt {
	float: right;
	width: 150px;
}

.visaAttention {
	clear: both;
}
.visaAttention th {
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}
.visaAttention td {
	font-size: 12px;
	padding: 0 0 10px 10px;
}

.visaWord th {
	font-size: 14px;
	color: #cc0033;
	font-weight: bold;
	width: 200px;
	text-align: left;
}
.visaWord td {
	width: 480px;
}

.deferredPaymentBtn {
	position: absolute;
	bottom: 175px;
    right: 22px;
}


/*/////////////////////// visa nonsupport ///////////////////////*/
.visaNonsupportList {
	border-top: #000 dotted 1px;
	padding: 17px 0;
	clear: both;
}

.visaNonsupportList p {
	width: 70px;
	color: #aaa;
	font-size: 14px;
	float: left;
}
.visaNonsupportList ul {
	width: 290px;
	float: left;
	list-style: disc;
}
.visaNonsupportList ul li {
	margin-bottom: 5px;
}
/*/////////////////////// visa faq ///////////////////////*/
.accordion {
}
.accordion .btn {
	background: #f5f5f5;
	border-top: #000 solid 1px;
	font-size: 16px;
	font-weight: bold;
	color: #cc0033;
	cursor: pointer;
}
.accordion .btn.opened {
	background: url(../../detail/images/visa_faq/bg_open.gif) repeat left top;
	color: #000;
}
.accordion .btn p {
	background: url(../../detail/images/visa_faq/icon_q_close.gif) no-repeat left top;
	padding-left: 55px;
}
.accordion .btn.opened p {
	background: url(../../detail/images/visa_faq/icon_q_open.gif) no-repeat left top;
}
.accordion .btn p span {
	background: url(../../detail/images/visa_faq/btn_open.gif) no-repeat right 15px;
	border-left: #ccc dotted 1px;
	padding: 16px 35px 16px 15px;
	margin-right: 15px;
	display: block;
}
.accordion .btn.opened p span {
	background: url(../../detail/images/visa_faq/btn_close.gif) no-repeat right 15px;
}

.accordion .content-accordion {
	background: url(../../detail/images/visa_faq/a_bg.gif) no-repeat left top;
}
.accordion .content-accordion p {
	border-left: #ccc dotted 1px;
	padding: 18px 15px;
	margin-left: 55px;
}

#visaFaq.totop {
	margin-top: 0;
}

#logoutiframe {
	overflow: hidden;
	width: 0px;
	height: 0px;
}
#logoutiframe iframe {
	overflow: hidden;
	width: 0px;
	height: 0px;
}



.daccount {
	font-size: 12px;
	line-height: 32px;
	font-weight: bold;
}
.daccount a {text-decoration: none;}



/*keitai_payment*/
#step-frame {position: relative;}
#step-buttons a {position: absolute; top: 100px;}
#step-buttons a:nth-child(1) {left: 20px;}
#step-buttons a:nth-child(2) {left: 250px;}
#step-buttons a:nth-child(3) {left: 480px;}

/*fix anchors*/
a[name] {
	display: block;
}
a[name]:before {
	content: '';
	display: block;
	height: 90px;
	margin-top: -90px;
}

@media screen and (max-width: 639px) {
	a[name]:before {
		height: 21.74vw;
		margin-top: -21.74vw;
	}
}