@charset "UTF-8";

@charset "Shift_JIS";
/* Updated 2011/02/10 */

/* base elements [reset] 
----------------------------------------------------*/

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, table, tr, td, th {
	margin: 0px;
	padding: 0px;
	}

a {
	display: inline-block;
	outline: none;
	border:none;
	text-decoration:none;
	}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:bold;
	}	

ul,ol,dl,li{
	margin: 0;
	padding: 0;
		list-style: none outside;
	}

table,th,td,img {
	border:0px;
	text-align:left;
	}


table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size:inherit;
	font:100%;
	}

th, td {
	font-weight:normal;
	line-height:1.5;
	vertical-align:top;
	}

img,a img{
	background:transparent;
	border:none;
	vertical-align:bottom;
	}

caption, th {
	text-align:left;
	}

em {font-style:normal;font-weight:bold;}

.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}

hr{clear: both; visibility: hidden; height:2px;}

.fontsm{
	font-size:90%;
	font-weight:normal;
	}
	
.shadow{
	text-shadow:1px 1px 1px #FFBFE1;
	color:#FF5F87;
	font-weight:700;]
	}
	
.red{
	color:#EF1D2A;
	text-shadow:1px 1px 1px #FFCFD2;
	}	

.blue{
	color:#5233CF;
	text-shadow:1px 1px 1px #D9CFFF;
	}

.bakred{
	background-color:#FFBFE1;
	padding:2px;
	}

.bold{font-weight:bold;}

.imgfloat{
	float:left;
	margin-right:10px;
	}
.imgvt{vertical-align: top;}
.imgvm{vertical-align: middle;}

.fs8  { font-size: 8px; }
.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs24 { font-size:24px; }
.fs26 { font-size:26px; }
.fs28 { font-size:28px; }
.fs30 { font-size:30px; }

.marginT5  {margin-top:5px;}
.marginT10 {margin-top:10px;}
.marginT15 {margin-top:15px;}
.marginT20 {margin-top:20px;}
.marginT25 {margin-top:25px;}
.marginT30 {margin-top:30px;}
.marginT35 {margin-top:35px;}
.marginT40 {margin-top:40px;}
.marginT50 {margin-top:50px;}

.marginB5  {margin-bottom:5px;}
.marginB10 {margin-bottom:10px;}
.marginB15 {margin-bottom:15px;}
.marginB20 {margin-bottom:20px;}
.marginB25 {margin-bottom:25px;}
.marginB30 {margin-bottom:30px;}
.marginB40 {margin-bottom:40px;}

.marginR5  {margin-right:5px;}
.marginR10 {margin-right:10px;}
.marginR15 {margin-right:15px;}
.marginR20 {margin-right:20px;}
.marginR25 {margin-right:25px;}
.marginR30 {margin-right:30px;}
.marginR40 {margin-right:40px;}

.marginL5  {margin-left:5px;}
.marginL10 {margin-left:10px;}
.marginL15 {margin-left:15px;}
.marginL20 {margin-left:20px;}
.marginL25 {margin-left:25px;}
.marginL30 {margin-left:30px;}
.marginL40 {margin-left:40px;}

/* clear
----------------------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	line-height: 0;
}
.clearfix {
 display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {	height: 1%;}
.clearfix {	display:block;}
/* End hide from IE-mac */

.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}


/* structure
----------------------------------------------------*/
html {
 	
	}

body {
    font-family: helvetica, arial, verdana, sans-serif;
	color: #333333;
	-webkit-text-size-adjust:none;
	margin: 0;
	line-height:1.5;
    margin: 0 auto;	
    background-image:url(../img/body01.png);
	font-size:87.5%;
	}

a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:link:hover,
a:visited:hover { color: #000000; }
a:link:active,
a:visited:active { color: #000000; }

.img_boder {
	float:left;
	margin-top:5px;
	margin-right:5px;
	padding:2px;
	background-color:#FFFCF7;
	border: 1px solid #BEAC95;
	}

/* teststyle
----------------------------------------------------*/	
.textstyle_red{color:#A32F4B;text-shadow:1px 1px 1px #CF8E9E;}
.textstyle_brw{text-shadow:1px 1px 1px #DFD0B8; color:#724834;}

.Tred{text-shadow:1px 1px 1px #DFD0B8; color:#FF0000;}
.Tpink{text-shadow:1px 1px 1px #DFD0B8; color:#FF1FE5;}
.Tsky{text-shadow:1px 1px 1px #DFD0B8; color:#0F93FF;}
.Tbrw{text-shadow:1px 1px 1px #DFD0B8; color:#7F1F1F;}
.Torg{text-shadow:1px 1px 1px #DFD0B8; color:#FF7200;}
.Tpup{text-shadow:1px 1px 1px #DFD0B8; color:#9F279F;}
.Tblue{text-shadow:1px 1px 1px #DFD0B8; color:#1800DF;}
.Tbrn{text-shadow:1px 1px 1px #DFD0B8; color:#008000;}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9FAC), to(#FF5F74));
	background: -moz-linear-gradient(top,  #FF9FAC,  #FF5F74);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9FAC', endColorstr='#FF5F74');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF5F74), to(#FF5F74));
	background: -moz-linear-gradient(top,  #FF5F74,  #FF5F74);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5F74', endColorstr='#FF5F74');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF5F74), to(#FF9FAC));
	background: -moz-linear-gradient(top,  #FF5F74,  #FF9FAC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5F74', endColorstr='#FF9FAC');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}


.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:16px;
	width:95%;
	padding:6px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.buttonpankuzu{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	padding:3px;
	width:100px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}

.button180{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:14px;
	padding:3px;
	width:180px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
	
/* header
----------------------------------------------------*/	
/* ----- clear fix for floats ----- */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */
/* Images */
.onlycssmenu, .onlycssmenu ul, .onlycssmenu ul li a, .onlycssmenu ul li span { background-image:url("https://maxgroup.jp/images/menu_stip.png"); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.onlycssmenu { height:41px; line-height:41px;  background-position:-1005px 0px; padding-left:10px }
.onlycssmenu ul { background-position: right -45px; height:41px; line-height:41px; margin:0; padding:0; list-style:none;  }
.onlycssmenu ul li { display:inline; float:left; padding:6px 6px 0 5px; background:url("https://maxgroup.jp/images/menu_div.png") no-repeat right 11px;}
.onlycssmenu ul li.nopipe { background:none; font}
.onlycssmenu ul li a { float:left; padding-left:15px;  color:#FFFFFF; text-decoration:none;}
.onlycssmenu ul li a span{ float:left; padding-right:15px; height:30px; line-height:30px;}
.onlycssmenu ul li a:hover, .onlycssmenu ul li a.active {background-position: -1005px -90px; color:#6d30a9;}
.onlycssmenu ul li a:hover span, .onlycssmenu ul li a.active span { background-position:right bottom;}


/* tit_bar
----------------------------------------------------*/
.title01{
	text-align:center;
	border:1px solid #000000;
	padding:8px;
	font-size: 120%;
	color:#FFFFFF;
	font-weight: bold;
	border-top:2px solid #F5E999;
	border-bottom: 1px solid #535353;
	background: #000000; /* old browsers */
	background: -moz-linear-gradient(top, #363636 0%, #151515 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(100%,#151515)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#151515',GradientType=0 ); /* ie */
	letter-spacing:0.05em;	
	}

.title02{
	text-align:center;
	border:1px solid #FEFF7F;
	font-size: 120%;
	font-weight: bold;
	background: #FFFFA0; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFA0 41%, #FFFF66 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#FFFFA0), color-stop(100%,#FFFF66)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFA0', endColorstr='#FFFF66',GradientType=0 ); /* ie */
	letter-spacing:0.05em;	
margin:7px 0px;
	}

.title04{
	text-align:center;
	border:1px solid #000000;
	padding:5px;
	font-size: 120%;
	color:#FFFFFF;
	font-weight: bold;
	background: #000000; /* old browsers */
	background: -moz-linear-gradient(top, #ff77bd 0%, #ff128c 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff77bd), color-stop(100%,#ff128c)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff77bd', endColorstr='#ff128c',GradientType=0 ); /* ie */
	letter-spacing:0.05em;	
	}

.title02 a{
	display: block;
padding:7px 5px;
	}

.title03{
	text-align:center;
	border:1px solid #E5FF9F;
	padding:2px;
	font-size: 120%;
	font-weight: bold;
	background: #E9F9BD; /* old browsers */
	background: -moz-linear-gradient(top, #E9F9BD 0%, #CDED6F 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9F9BD), color-stop(100%,#CDED6F)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9F9BD', endColorstr='#CDED6F',GradientType=0 ); /* ie */
	letter-spacing:0.05em;	
	}

/* RoundBox
----------------------------------------------------*/
div.RoundBox{
    margin:2px;
    padding:3px;
	background-color: #ffffff;
    border: 1px solid #030303;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
	}
	
div.RoundBox1{
    margin:2px;
    padding:3px;
	background-color: #535353;
    border: 1px solid #030303;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
	}
	
/* stickynote
----------------------------------------------------*/
#stickynote {
	padding:5px 20px;
	margin:auto;
	position:relative;
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie */
	text-shadow:0 1px 0 #ffffff;
	}
#stickynote h1 {color:#ff0000;}
#stickynote p {}
#stickynote a {color:#333;}

#contents ul li,
#area ul li,
#menu ul li{
	clear: both;
	border-top:1px solid #9f9f9f;
	border-bottom:1px solid #535353;
background-color:#000000;
	}

#contents ul li a,
#menu ul li a{
	position: relative;
	display: block;
	padding: 15px;
	background:transparent url("https://e.zero2s.com/sp/img/bg_listarrow.png") 98% 50% no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	overflow: hidden;
	letter-spacing:0.03em;
	}

#area ul li a{
	position: relative;
	display: block;
	padding: 1px;
	background:transparent url("https://e.zero2s.com/sp/img/call4.png") 98% 50% no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	overflow: hidden;
	letter-spacing:0.03em;
line-height:60px;
}


#contents ul li a:active,
#contents ul li a:hover,
#menu ul li a:active,
#menu ul li a:hover{
	background:#ffffff url("https://e.zero2s.com/sp/img/bg_listarrow.png") 98.5% 50% no-repeat;
	-webkit-tap-highlight-color:#ffffff;
	text-decoration: none;
	}

#area ul li a:active,
#area ul li a:hover{
	background:#ffffff url("https://e.zero2s.com/sp/img/call4.png") 98.5% 50% no-repeat;
	-webkit-tap-highlight-color:#ffffff;
	text-decoration: none;
	}

.taplist{
	margin:0px;
	border-top: none;
	border-bottom: solid 1px #151515;
	border-left: solid 1px #none;
	border-right: solid 1px #151515;
	background-color:#505050;
	}

.taplist span{
	font-size:80%;
	color:#FF7200;
	font-weight:nomal;
	}
	
/*========================================================= (  )font color */
.white{ color: #fff; }
.black{ color: #000; }
.red{ color: #cf0000; }
.blue { color: #0000cf; }
.skyblue { color: #54a4ff; }
.gray { color: #777; }
.darkGray { color: #333; }
.darkRed { color: #8b0000; }
.darkBlue { color: #00008B; }
.brown { color: #a52a2a; }
.yellow { color: #ff0; }
.gold { color: #ffd700;}
.pink { color: #fd47ff; }
.darkPink { color: #ff476e; }
.thinPink { color: #ff9cf9; }
.orange { color: #ff7700; }
.green { color: #008000; }
.darkgreen { color: #006400; }
.Gray { color: #999999; }
/*========================================================= (  )arow */

#box ul li{
	clear: both;
	border-top:1px solid #9f9f9f;
	border-bottom:1px solid #ffffff;
background-color:#000000;
}

.list {
    background: none repeat scroll 0 0 #000000;
    color: #CCCCCC;
    width: 100%;
    margin: 0;
    padding-left: 0;
}
.arrow {
    text-align: left;
    padding: 0;
    border-bottom: thin solid #CCCCCC;
}
.arrow_img {
    margin-right: 5px;
}

/*========================================================= (  ) I X X   */
#box1 ul li{
	clear: both;
	border-top:1px solid #9f9f9f;
	border-bottom:1px solid #9f9f9f;
	background-color:#ffffff;
}



/* ========================================================= (  ) ԑg Љ  */
#pg_exp	{ width:100%; margin-top:-25px; }

/*    C A E g */
#pg_exp td{
background:url(../img/bg_body01.gif) repeat;
padding:10px 0;
text-align:center;
border:1px solid #000;
cursor:pointer;
}

/*  ԑg 摜 \   ̈  */
#pg_exp dt {
text-indent:-9999px;
width:80px;
height:80px;
-webkit-box-shadow:#666 0px 0px 5px;
-moz-box-shadow:#666 0px 0px 5px;
box-shadow:#666 0px 0px 5px;
border-radius:4px;
margin-bottom:5px;
display:inline-block;
}

/* MORE */ 
#pg_exp dd {
background:url(../img/yajirusi4.png) 10% center no-repeat;
background-size:13px 13px;
text-align:right;
padding:0 10px 0 25px;
}

#pg_exp dd a {
text-decoration:underline;
color:#ccc;
}

/*  ԑg 摜 */
#hana dt{ background:url(https://e.zero2s.com/sp/img/120x120_eclub.jpg) no-repeat; }
#jk dt 	{ background:url(https://e.zero2s.com/sp/img/120x120_meijin_1.jpg) no-repeat; }
#ht dt 	{ background:url(https://e.zero2s.com/sp/img/smvc.jpg) no-repeat; }
#sm dt 	{ background:url(https://e.zero2s.com/sp/img/telhvc.jpg) no-repeat; }
#mail dt{ background:url(https://e.zero2s.com/sp/img/zero_180_180_2022.jpg) no-repeat; }
#live dt{ background:url(https://e.zero2s.com/sp/img/voifull_200_new.gif) no-repeat; }
#box dt	{ background:url(https://e.zero2s.com/sp/img/tv-eye_120_2022.webp) no-repeat; }
#ero dt	{ background:url(https://e.zero2s.com/sp/img/202204_mgi_banner_120_120.jpg) no-repeat; }
#max dt	{ background:url(https://e.zero2s.com/sp/img/max_120x120.jpg) no-repeat; }
#jyu dt	{ background:url(https://e.zero2s.com/sp/img/banner_jukujo_2022.jpg) no-repeat; }

#hana dt, #jk dt, #ht dt, #sm dt, #mail dt, #live dt, #box dt, #ero dt, #max dt, #jyu dt { background-size:80px 80px; }

/* ========================================================= (  ) 摜  荞   */
.left {
	margin-right: 15px;
	float: left;
	margin-bottom: 10px;
}

.right {
	margin-left: 15px;
	float: right;
	margin-bottom: 10px;
}

.kakumaru   {  
    border-radius: 5px;
    -webkit-border-radius: 5px;    /* Safari,Google Chrome p */  
    -moz-border-radius: 5px;   /* Firefox p */  
} 

/*新規約用*/

#menu .terms-ul .terms-li {
	margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
	background-color: #fff;
	border-bottom: 0;
	border-top: 0;
}

#menu .terms-ul .terms-li .terms-span {
	position: absolute;
    top: 0;
    left: 0;
	
}

/****************  bank.cssより ****************/




body#body{
	background-color: #1d0026;
	scrollbar-face-color: #01b099; 
	scrollbar-track-color: #222222; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-highlight-color: #00ffde; 
	scrollbar-shadow-color: #017667; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #017667; 

}

span.red{
	color: red;
}

span.none{
	display: none;
}

div.pay{
	background: #000000;
	width: 450px;
	height: auto;
	margin: 0auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

div.pay p{
	color: #ffffff;
}

div.bank2{
	padding: 0px 0px 0px 0px;

}

div.bank3{
	padding: 0px 0px 0px 0px;
}

div.bank{
	padding: 10px 0px 10px 0px;
}


p.bank{
	font-size: 16px;
	line-height: 1.6em;
	margin: 15px 10px 15px;
}

p.bank02{
	font-size: 15px;
	line-height: 1.6em;
	margin: 5px 5px 5px;
}

p.bank img{
	display: block;
	margin: 15px auto;
	border-radius: 5px;
}

p.bank a{
	color: #4f99ff;
}

p.bank2{
	font-size: 16px;
	padding: 5px 0px 5px 5px;
}

p.bank3{
	font-size: 16px;
	padding: 5px 20px 0px 0px;
}


p.skype{
	background: url( ../img/yajirusi.gif) no-repeat left middle;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
}


table.bank{
	width: 450px;
	border-collapse: collapse;
}

table.bank p{
	color: #555555;
}

td.bank{
	background-color: #dddddd;
}

td.bank2{
	background-color: #eeeeee;
}

img.bank{
	padding: 0px 0px 10px 0px;
}




a.bt01{
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt02.gif) no-repeat left top;
}

a.bt01:hover{
	background: url( ../img/bt02.gif) no-repeat left bottom;
}


div.bt{
	padding: 0px 0px 10px 285px;

}







/****************  credit.cssより ****************/


span.clear{
    clear: both;
    display: block;
	line-height:1em;
    font-size: 0px;
}

span.none{
	display: none;
}


body#body{
	background-color: #1d0026;

	scrollbar-face-color: #01b099; 
	scrollbar-track-color: #222222; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-highlight-color: #00ffde; 
	scrollbar-shadow-color: #017667; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #017667; 

}

div.credit{
	background: #000000;
	width: 450px;
	height: auto;
	margin: 0auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

div.credit p{
	color: #ffffff;
}

div.credit2{
	padding: 10px 0px 0px 0px;

}

div.credit3{
	padding: 0px 0px 0px 0px;

}

div.number{
	padding: 0px 0px 10px 0px;
}



div.verisign2{
}


div.verisign2 a:link { color: #fff000; }

div.verisign2 a:hover { color: #ff9900; }

p.credit{
	font-size: 13px;
	padding: 0px 0px 0px 0px;
}

p.credit2{
	font-size: 13px;
	padding: 5px 0px 5px 5px;
}

p.credit3{
	font-size: 13px;
	padding: 0px 20px 0px 0px;
}


p.verisign{
	font-size: 13px;
	padding: 0px 0px 0px 0px;
}

p.number{
	font-size: 13px;
	line-height: 1em;
	padding: 10px;
}

table.number{
	width: 450px;
	border-collapse: collapse;
	margin: 10px 0px 0px 0px;
}

td.number{
	background:url( ../img/onbg.gif) no-repeat left top;
	width: 200px;
	height: 60px;
}

td.number2{
	background:url( ../img/onbg.gif) no-repeat left top;
	width: 200px;
	height: 60px;
}

img.credit{
	padding: 0px 0px 10px 0px;
}

img.card{
	padding: 10px 0px 0px 0px;
	float: left;
}

form.on{
	padding: 0px 0px 5px 15px;
}

div.bt{
	padding: 0px 0px 10px 285px;

}


a.bt01{
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt05.gif) no-repeat left top;
}

a.bt01:hover{
	background: url( ../img/bt05.gif) no-repeat left bottom;
}



a.bt02{
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt07.gif) no-repeat left top;
}

a.bt02:hover{
	background: url( ../img/bt07.gif) no-repeat left bottom;
}






/****************  money.cssより ****************/


span.none{
	display: none;
}

span.clear{
    clear: both;
    display: block;
	line-height:1em;
    font-size: 0px;
}



body#body{
	background-color: #1d0026;
	scrollbar-face-color: #01b099; 
	scrollbar-track-color: #222222; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-highlight-color: #00ffde; 
	scrollbar-shadow-color: #017667; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #017667; 
}

div.head2{
	padding: 10px 0px 0px 0px;

}


div.all{
	background: #000000;
	width: 450px;
	height: auto;
	margin: 0auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
}


div.link{
	padding: 0px 0px 0px 120px;

}

p.text1{
	font-size: 13px;
	color: #ffffff;
	padding: 0px 15px 0px 0px;
}

a.bt01{
	float: right;
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt05.gif) no-repeat left top;
}

a.bt01:hover{
	background: url( ../img/bt05.gif) no-repeat left bottom;
}


a.bt02{
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	float: left;
	background: url( ../img/bt02.gif) no-repeat left top;
}

a.bt02:hover{
	background: url( ../img/bt02.gif) no-repeat left bottom;
}


div.sec{
}

.sec table{
	border-collapse: collapse;
	width: 450px;
	margin: 15px 0px 20px 0px;
	text-align: center;

}



.sec td{
	height: 10px;
	font-size: 12px;
	background: #222222;
	padding: 5px;
	border-right: 1px #111111 solid;


}

td.sec{
	padding: 5px;
	background: #333333;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;

}




img.sita{
	display: block;
	text-align: center;
}





/****************  service.cssより ****************/


img{
	border: 0px;
}

span.none{
	display: none;

}

span.clear{
    clear: both;
    display: block;
	line-height:1em;
    font-size: 0px;
}


body#body{
	background-color: #1d0026;
	scrollbar-face-color: #01b099; 
	scrollbar-track-color: #222222; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-highlight-color: #00ffde; 
	scrollbar-shadow-color: #017667; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #017667; 

}

div.service{
	background: #000000;
	width: 450px;
	height: auto;
	margin: 0 auto;
	text-align: left;

}

div.service p{
	color: #ffffff;
}


div.service3{
	padding: 10px 0px 0px 0px;
	text-align: left;
}

div.service4{
	margin: 10px 10px 20px 10px;
	text-align: center;
	border: 1px #999999 dotted;
	background-color: #ffffff;
}

div.service4 p{
	color: #1d0026;
}


div.service5{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.service6{
	padding: 10px 0px 0px 0px;
}





p.service{
	font-size: 13px;
}

p.service2{
	font-size: 13px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

p.service3{
	font-size: 13px;
	padding: 10px 0px 10px 0px;
}

p.service4{
	font-size: 12px;
	color: #555555;
	padding: 0px 0px 0px 0px;
}

p.service5{
	background: #000000 url( ../img/yajirusi4.gif) no-repeat left;
	font-size: 12px;
	padding: 0px 0px 0px 20px;
}

table.service{
	width: 450px;
}

table.service2{
	width: 340px;
}


img.service{
	padding: 0px 0px 0px 0px;
}


span.red{
	color: #ff0000;
}


div.point{
}

.point table{
	border-collapse: collapse;
	width: 440px;
	margin: 15px 0px 20px 0px;
	text-align: center;

}

.point td{
	width: 70px;
	font-size: 12px;
	color: #ffffff;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;
	background: #333333;
	padding: 10px 0;
}

td.point{
	width: 70px;
	font-size: 12px;
	color: #ffffff;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;
	background: #444444;
	padding: 10px 0;
}

.point a:link{ color: #fff000;}
.point a:visited{ color: #ff0000;}

div.service3{
	text-align: center;
}

.service3 table{
	border-collapse: collapse;
	width: 350px;
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
}


.service3 td{
	width: 100px;
	font-size: 12px;
	color: #ffffff;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;
	background: #333333;
	padding: 5px;
}

.service3 td.point{
	width: 100px;
	font-size: 12px;
	color: #ffffff;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;
	background: #444444;
	padding: 5px;
}

.service3 td.point2{
	width: 60px;
	font-size: 12px;
	color: #ffffff;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;
	background: #444444;
	padding: 5px;
}

.service3 td.point3{
	width: 150px;
	font-size: 12px;
	color: #ffffff;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;
	background: #444444;
	padding: 5px;
}



div.bt{
	padding: 20px 0px 0px 285px;
}


div.bt2{
	padding: 20px 0px 0px 110px;
}

a.bt01{
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt01.gif) no-repeat left top;
}

a.bt01:hover{
	background: url( ../img/bt01.gif) no-repeat left bottom;
}


a.bt02{
	float: right;
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt02.gif) no-repeat left top;
}

a.bt02:hover{
	background: url( ../img/bt02.gif) no-repeat left bottom;
}


a.bt03{
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt03.gif) no-repeat left top;
}

a.bt03:hover{
	background: url( ../img/bt03.gif) no-repeat left bottom;
}

a.bt04{
	float: left;
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt01.gif) no-repeat left top;
}

a.bt04:hover{
	background: url( ../img/bt01.gif) no-repeat left bottom;
}

a.bt06{
	float: right;
	display: block;
	font-size: 12px;
	width: 163px;
	height: 28px;
	background: url( ../img/bt06.gif) no-repeat left top;
}

a.bt06:hover{
	background: url( ../img/bt06.gif) no-repeat left bottom;
}







/****************  shop.cssより ****************/


span.red{
	color: #ff0000;
}


body#body{
	background-color: #1d0026;
	scrollbar-face-color: #01b099; 
	scrollbar-track-color: #222222; 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-highlight-color: #00ffde; 
	scrollbar-shadow-color: #017667; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-darkshadow-color: #017667; 


}

table.shop{
	border-collapse: collapse;
	width: 450px;
	margin: 15px 0px 20px 0px;
	text-align: center;
	color: #ffffff;
}


.shop th{
	width: 100px;
	font-size: 12px;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;
	background: #333333;
	padding: 10px 0;
	color: #ffffff;
}

.shop td{
	width: 350px;
	font-size: 12px;;
	border-bottom: 1px #111111 solid;
	border-right: 1px #111111 solid;
	background: #444444;
	padding: 10px 0px 10px 30px;
	text-align: left;
	color: #ffffff;
}

.shop p{
	font-size: 13px;
	color: #ffffff;
	lime-height: 1.4em;

}


p.page{
	font-size: 13px;
	text-align: right;
}

.page a:link{ color: #fff000;}

div.pripe p{
	padding: 5px;
	font-size: 15px;
}

div.pripe h2{
	padding: 5px;
	font-size: 15px;
}

div.pripe form{
	padding: 0px 10px 5px 10px;
	font-size: 15px;
}

div.pripe input.pripe{
	padding: 3px;
	width: 120px;
	height: 22px;
	border: none;
	font-size: 15px;
}

div.pripe select{
	margin: 0 5px 0 0;
	width: 120px;
	height: 22px;
	font-size: 15px;
}



/*******新規追加css*******/


.explanation-accordion-content span{
	font-weight: 700;
	color: #333;
}
.explanation-accordion-item{
	padding: 0 10px;
	text-align: center;
}

.explanation-accordion-item img{
	width: 100%;
	margin: 10px auto;
}

.explanation-accordion-item a{
	text-decoration: none;
	font-size: 15px;
	border: solid 2px #4f99ff;
	padding: 5px 30px;
	border-radius: 50vw;
}

.explanation-accordion-title {
    position: relative;
    margin: 20px auto 15px;
    padding: 7px 10px 7px 25px;
    font-size: 1em;
    font-weight: 700;
    background: linear-gradient(#006e72, #003c3c);
    color: #fff;
    border-radius: 5px;
  }
  
  .explanation-accordion-title::before{
    position: absolute;
    content: '|';
    left: 10px;
    top: 15%;
  }


.play-image-box {
margin: 10px 5px
}

.play-image-box ul{
list-style-type: disclosure-closed;
list-style-position: inside;
font-size: 1em;
line-height: 1.85em;
margin-left: 15px;
}

.payment-bank-table{
	width: 100%;
	margin: auto;
	border-collapse: collapse ;
}

.payment-bank-table th{
	background: #ddd;
	padding: 10px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
}

.payment-bank-table td:nth-child(odd){
	width: 35%;
	border-bottom: solid 1px #bbb;
	padding: 8px 8px 8px 15px;
	font-size: 16px;
	font-weight: 700;
}

.payment-bank-table td:nth-child(even){
	border-bottom: solid 1px #bbb;
	padding: 8px;
	font-size: 15px;
}

.payment-number-table{
	width: 100%;
	margin: 15px auto;
	border-collapse: collapse ;
}

.payment-number-table th{
	background: #ddd;
	padding: 10px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
}

.payment-number-table td:nth-child(odd){
	width: 50%;
	border-bottom: solid 1px #bbb;
	padding: 10px 8px 10px 15px;
	font-size: 16px;
	font-weight: 700;
}

.payment-number-table td:nth-child(even){
	border-bottom: solid 1px #bbb;
	padding: 8px;
	font-size: 15px;
}

.fluorescence-linear{
	background: linear-gradient(transparent 70%, yellow 70%);
}

.common-img-block{
	width: 320px;
	margin: 10px auto 15px;
	padding-bottom: 10px;
	border-radius: 5px;
}


/*** 料金表 ***/
.ryokin-table{
	background: #fff;
	width: 100%;
	margin: 15px 0 10px;
	padding: 5px;
	border-collapse: collapse;
}

.ryokin-table th{
	font-weight: 700;
	text-align: center;
	background: #ddd;
	padding: 10px 3px;
	border-bottom: solid 1px #b3b3b3;
}

.ryokin-table td:nth-child(odd){
	width: 62%;
	font-weight: 700;
	padding: 8px 5px 8px 15px;
	border-right: solid 1px #b3b3b3;
	border-bottom: solid 1px #b3b3b3;
}

.ryokin-table td:nth-child(even){
	font-weight: 400;
	padding: 8px 5px 8px 15px;
	border-bottom: solid 1px #b3b3b3;
}

.ryokin-table span{
	color: #e70000;
}

.payment-sorts-list{
	color: #fff;
	width: 90%;
	list-style-type: square;
	list-style-position: inside;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.65;
	padding: 10px 25px;
	margin: 10px auto 10px;
}

.web-rogin-block{
	padding: 10px 20px;
}

.web-rogin-block02{
	padding: 10px 20px;
}
.web-rogin-block ul{
	color: #fff;
	width: 90%;
	list-style-type: decimal;
	list-style-position: outside;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.65em;
	margin: 10px auto 10px;
}

.web-rogin-block img{
	width: 100%;
	border-radius: 5px;
	margin: 15px auto;
}

.web-rogin-block02 img{
	width: 100%;
	border-radius: 5px;
	margin: 15px 0px 15px 0px;
}

.payment-settle-block{
	padding: 0 20px;
}

.payment-settle-blockul ul{
	color: #333;
	width: 90%;
	list-style-type: square;
	list-style-position: outside;
	font-weight: 400;
	line-height: 1.65em;
	padding: 10px 25px;
	margin: 10px auto 10px;
}

/**アコーディオンアイテム***/
.explanation-accordion-label img{
height: 40px;
width: auto;
padding: 0 5px;
}

/**トップボタン**/
.page-top-btn{
	text-align: right;
	padding: 15px 12px 10px;
}

.page-top-btn a{
	position: relative;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 400;
	background: #3f3f3f;
	padding: 5px 20px 5px 40px;
	border-radius: 50vw;
}

.page-top-btn a::before{
	content: '▲';
	position: absolute;
	display: inline-block;
	right: 150px;
	top: 7px;
	font-size: 13px;
}

/**セキュリティーマネー**/
.securitymoney-link-block{
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 20px 10px 10px;
}

.securitymoney-link-block a{
	width: 40%;
	text-decoration: none;
	font-size: 14px;
	border: solid 2px #4f99ff;
	padding: 5px 20px;
	margin: 0 4px;
	border-radius: 50vw;
}

/**コンビニ**/
.conveni-list-block{
	padding: 10px;
}

.conveni-list-block ul{
	display: flex;
	flex-direction: column;
	justify-content: center;
	list-style-position: inside;
}

.conveni-list-block li{
	position: relative;
	list-style-type: none;
	font-size: 1em;
	font-weight: 700;
	padding: 15px 5px;
	border-bottom: solid 1px #c4c4c4;
}

.conveni-list-block li::after{
	position: absolute;
	content: '';
	display: inline-block;
	background-image: url(https://z.zero2s.com/pc/img/scroll-arrow-right.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 18px;
	width: 15px;
	right: 5px;
	top: 22px;
}

.conveni-list-block a{
	width: 100%;
	text-decoration: none;
	color: #664b33;
}

.conveni-list-block img{
	width: 40px;
	top: -10px;
	margin-bottom: -10px;
	margin-left: -5px;
	padding-right: 10px;
}


/**プリぺ**/
.area-box{
	width: 150px;
	height: 25px;
}

.search-btn{
	width: 75px;
	height: 25px;
}


.payment_list-box{
	padding-left: 25px;
}

.payment_list{
	list-style-position: inside;
}

/*===・ｽR・ｽ・ｽ・ｽr・ｽj======================================================  */

.accordion-003 {
    max-width: 100%;
    margin-bottom: 7px;
    border-bottom: 2px solid #d6dde3;
}

.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    color: #ffffff;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}




.support-info-wrap{
	padding:10px 0px;
	margin:15px 10px 15px;
	display: flex;
	flex-direction: column;
}


.support-info-header{
	background-color: #ddd;
	color:#333;
	font-size: 16px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	height:20px;
	margin-bottom:10px;
	padding:3px;
}


.support-info-string{
	display: flex;
	flex-direction: column;
	margin:5px;
}


.support-info-string div{
	margin:5px 5px;
}


.support-info-tel{
	display: flex;
	flex-direction: column;
}



.support-info-tel-header{
	background-color: #333;
	color:#fff;
	padding:2px;
	display: flex;
	align-items: center;
	margin-top: 20px;
}


.support-info-tel-header span{
	padding-left: 5px;
	font-weight: bold;
	font-size: 16px;
}


.support-info-tel-body{
	border:1px solid #ccc;
	display: flex;
	flex-direction: column;
	padding:15px;
}

.support-info-tel-body div{
	margin:5px 0;
}

.support-info-tel-body-main a{
	color:#333;
	font-weight: bold;
	padding-left:5px;
}