@charset "utf-8";

/***********************************************************
column
***********************************************************/
/* columnBoxImg */
.columnBoxImg02 {
	float: left;
	margin: 0 20px 0 0;
}

/* columnBoxText */
.columnBoxText02 {
	overflow: hidden;
}

/* 3column */
.columnThree .columnBox {
	overflow: hidden;
	float: left;
	width: 233px;
	margin-left: 15px;
}
.columnThree .columnBox:first-child {
	margin-left: 0;
}

/* 4column spColumnTwo */
.columnFour.spColumnTwo.introducingByIcon .columnBox {
	width: 170.5px;
	margin-left: 16px;
}
.columnFour.spColumnTwo.introducingByIcon .columnBox:first-child {
	margin-left: 0;
}
#allMainWrap .columnFour.spColumnTwo.introducingByIcon .columnBox:nth-child(4) {
	margin-left: 16px;
	padding-top: 0.428rem;
}
.columnFour.spColumnTwo.introducingByIcon .title {
	margin-top: 78px;
}
.columnFour.spColumnTwo.introducingByIcon .columnBox .iconImg {
	background-color: #fff;
}

/* 4column introducingByIcon */
.columnFour.introducingByIcon .columnBox .columnBoxInner{
	padding:15px;
}
.columnFour.introducingByIcon .columnBox .columnBoxInner:hover{
	padding:13px;
}
.columnFour.introducingByIcon .columnBox .columnBoxInner .title{
	margin-top:80px;
	min-height: 23px;
}


/* 5column spColumnTwo */
.columnFive.spColumnTwo.introducingByIcon .columnBox {
	width: 135px;
	margin-left: 13px;
}
.columnFive.spColumnTwo.introducingByIcon .columnBox:first-child {
	margin-left: 0;
}
#allMainWrap .columnFive.spColumnTwo.introducingByIcon .columnBox:nth-child(4),
#allMainWrap .columnFive.spColumnTwo.introducingByIcon .columnBox:nth-child(5),
#allMainWrap .columnFive.spColumnTwo.introducingByIcon .columnBox:nth-child(6) {
	margin-left: 13px;
	padding-top: 0.428rem;
}
.columnFive.spColumnTwo.introducingByIcon .columnBox .columnBoxInner {
	padding: 0.7rem;
}
.columnFive.spColumnTwo.introducingByIcon .columnBox .columnBoxInner:hover {
	padding: 0.6rem 0.56rem;
}
.columnFive.spColumnTwo.introducingByIcon .columnBox .iconImg {
	background-color: #fff;
}
.columnFive.spColumnTwo.introducingByIcon .title {
	margin-top: 78px;
}

/* columnBoxWrap columnTow columnInnerTwo */
.columnBoxWrap.columnTow.columnInnerTwo .columnBoxInnerWrap {
	overflow: hidden;
	margin-top: 20px;
}
.columnBoxWrap.columnTow.columnInnerTwo .columnBoxInner.columnLeft {
	float: left;
	margin-right: 30px;
}
.columnBoxWrap.columnTow.columnInnerTwo .columnBoxInner.columnRight {
	overflow: hidden;
}

/* solicitationBoxWrap wrapTitle */
.solicitationBoxWrap .wrapTitle.bgTypeOrange {
	background-color: #ff971c;
	color: #ffffff;
}

/* imgInlineListWrap */
.imgInlineListWrap.listMgR45 .imgInlineList {
	margin-right: 45px;
}

/***********************************************************
H Tag
***********************************************************/
.h2wrap01 .tableWrap {
	display: table;
	width: 100%;
}
.h2wrap01 .tableCell {
	display: table-cell;
}
.h2wrap01 .tableCell.alignRight {
	text-align: right;
}
.h3wrap01.iconTypeLOGO .h3Base01 {
	padding-left: 2.5rem;
}
.h3wrap01.iconTypeLOGO .h3Base01:before {
	content: url(/cmn/img/brand_logo_001.gif);
	top: -6px;
	width: auto;
	background-color: transparent;
}



.h3wrap01.bgWhite {
	background-color: #fff;
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	border-radius: 4px 4px 4px 4px;
	border-bottom: 1px solid #b6b6b6;
}

.act .h3wrap01.bgWhite {
	border-radius: 4px 4px 0px 0px;
	border-bottom:none;
}

.h3wrap01.bgWhite.accordionBoxTitle:hover {
	background-color: #fff;
}

/***********************************************************
accordion
***********************************************************/
.tableWrap.flLeft .tableCell {
	display: inline-block;
}
.tableWrap.flLeft .tableCell + .tableCell {
	padding-left: 10px;
}

/***********************************************************
webServiceBox01
***********************************************************/
.solicitationBoxWrap .webServiceBox01 {
	margin: 0;
}

/***********************************************************
flowBox
***********************************************************/
.flowBox.flowSetTop {
	margin-top: 1.428rem;
}
.flowBox + .flowBox {
	padding-top: 24px;
	background: url(/cmn/img/icon/cmn_ico_008.gif) no-repeat center top;
	background-size: 34px auto;
}

/***********************************************************
solicitationBox
***********************************************************/
.solicitationBoxWrap.flowSetTopOnly {
	margin-bottom: 0;
	padding-bottom: 24px;
	background: url(/cmn/img/icon/cmn_ico_008.gif) no-repeat center bottom;
	background-size: 34px auto;
}
.solicitationBoxWrap.flowSetTopOnly .wrapTitle {
	border-width: 3px;
	border-radius: 0;
}

/***********************************************************
thanks present
***********************************************************/
#contents .columnBoxWrap.thanksBoxWrap {
	width: 728px;
	padding: 0 15px 15px;
	margin: 0;
	border-bottom: 1px solid #c6b371;
	border-left: 1px solid #c6b371;
	border-right: 1px solid #c6b371;
	border-radius: 0 0 5px 5px;
}
.columnBoxWrap.thanksBoxWrap .columnBox {
	background-color: #f6eed6;
	width: 339px;
}
.columnBoxWrap.thanksBoxWrap .columnBox:last-child {
	margin-left: 18px;
}
.columnBoxWrap.thanksBoxWrap .columnBoxInner img {
	margin: 5px 0;
}
.columnBoxWrap.thanksBoxWrap .columnBoxInner {
	padding: 0 0 1.428rem;
}
.columnBoxWrap.thanksBoxWrap .columnBoxInner + .columnBoxInner {
	padding: 1.428rem 0;
	border-top: 1px dotted #4f2d0f;
}
.columnBoxWrap.thanksBoxWrap .columnBoxInner .alignLists,
.columnBoxWrap.thanksBoxWrap .columnBoxInner .linkType02 {
	margin: 0 1.142rem;
}

/***********************************************************
appBannerBox01
***********************************************************/
.appBannerBox01 {
	position: relative;
}
.appBannerBox01 .appBannerItem {
	position: absolute;
}
.appBannerBox01 .appBannerItem.btnAppstore {
	top: 70%;
	left: 13%;
}
.appBannerBox01 .appBannerItem.btnGoogleplay {
	top: 70%;
	left: 33%;
}

/***********************************************************
appBannerBox02
***********************************************************/
.appBannerBox02 {
	position: relative;
}
.appBannerBox02 .mainImage {
	text-align: center;
	margin-bottom: 20px;
}
.appBannerBox02 .appBannerItem {
	position: absolute;
}
.appBannerBox02 .appBannerItem.btnAppstore {
	top: 69%;
	left: 25%;
}
.appBannerBox02 .appBannerItem.btnGoogleplay {
	top: 69%;
	left: 45%;
}

/***********************************************************
appBannerBox03
***********************************************************/
.appBannerBox03 {
	position: relative;
}
.appBannerBox03 .appBannerItem {
	position: absolute;
}
.appBannerBox03 .appBannerItem.btnAppstore {
	top: 70%;
	left: 13%;
}
.appBannerBox03 .appBannerItem.btnGoogleplay {
	top: 70%;
	left: 33%;
}

/***********************************************************
slider
***********************************************************/
.sliderWrap .slick-slide {
	text-align: center;
}
.sliderWrap .slick-slide img {
	display: inline;
}

.sliderWrap .slick-prev,
.sliderWrap .slick-next {
	z-index: 1;
	width: 42px;
	height: 44px;
}
.sliderWrap .slick-prev {
	left: 1px;
}
.sliderWrap .slick-next {
	right: 0;
}
.sliderWrap .slick-dots {
	bottom: -25px;
}

.slick-arrow.slick-disabled{
	display:none !important;
}

/***********************************************************
table
***********************************************************/
/*----------------------------------------------------------
table style
----------------------------------------------------------*/
/*colgroup>col width*/
.pcW25spW50par {
	width: 25%;
}
.pcW35spW50par {
	width: 35%;
}
.pcW65spW50par {
	width: 65%;
}
.pcW75spW50par {
	width: 75%;
}

.columnFour02 .columnBox:first-child {
 	border: 1px solid #b6b6b6;
}
.columnFour02 .columnBox {
    overflow: hidden;
    float: left;
    width: 25%;
	border: 1px solid #b6b6b6;
	border-left: 0px solid #b6b6b6;
	padding: 0.714rem 0.428rem 0.714rem 0.428rem;
}

/***********************************************************
list
***********************************************************/
.listType02 .alignLists > li:before {
	content: "•";
	display: table-cell;
	vertical-align:top;
	min-width: 0.5em;
	padding-left: 0.25em;
	padding-right: 0.5em;
}


.listType01 .listCel,
.listType02 .listCel,
.listType03 .listCel,
.listType04 .listCel,
.listType05 .listCel,
.listType06 .listCel{
	display: table-cell;
	vertical-align: top;
	text-align:left;
}

/***********************************************************
margin
***********************************************************/
.mg-L20{
	margin-left:20px!important;
}
.mg-R10{
	margin-right:10px!important;
}
.pcMg-L40{
	margin-left:40px!important;
}
.pd-L26PC{
	padding-left:26px!important;
}
.pd-B0{
	padding-bottom:0px!important;
}

/*----------------------------------------------------------
member support transfer
----------------------------------------------------------*/
.textW17em {
	display: inline-block;
	width: 17em;
}

/*----------------------------------------------------------
nicos service add
----------------------------------------------------------*/
.parTypeotherTel .otherwiseText02 {
	color: #3069cb;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

/*----------------------------------------------------------
nicos cashing
----------------------------------------------------------*/
.columnBoxWrap.typeImgRight .columnBoxImg.columnBoxImgW135 {
	width: 135px;
}

.columnBoder {
	border-top: 1px solid #cbcdd6;
	padding-top: 1.142rem;
}

/*----------------------------------------------------------
member, maintenance
----------------------------------------------------------*/
.member .columnBox .pcOnly,
.maintenance .columnBox .pcOnly {
	display: block;
}
.member .columnBox .spOnly,
.maintenance .columnBox .spOnly {
	display: none;
}
.member .columnBox > a,
.maintenance .columnBox > a {
	display: block;
	border: 1px solid #aaa;
	border-bottom-width: 5px;
	border-radius: 14px;
}
.member .columnBox > a > img,
.maintenance .columnBox > a > img {
	border-radius: 14px;
}
.member .columnBox > a:hover,
.maintenance .columnBox > a:hover {
	border: 1px solid #e60000;
	border-bottom-width: 5px;
}

.pcImg100par #main{
	width:100%;
	max-width:730px;
	
}
.pcImg100par #contents{
	width:100%;
	max-width:730px;
}