/* Reset Font iOS 11 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: Arial, Helvetica, sans-serif;
}

body{
	background-color:#330000;
	text-align:center;
	font-size:14px;
	color:#FFF; width: 320px !important;
    overflow:visible;
	margin: 0 auto;	padding: 0;
}

#wrapper {
    width: 320px; margin: 0 auto; position: relative;
}

*{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}

a{color:#FF0;display: inline-block;}
a:link{color:#FF0;}
a:visited{color:#FC0;}

/*?-?2?¶??*/
.S1{color:#ffff33;}
.S2{color:#99ff99;}
.S3{color:#ff6699;}
.S4{color:#FF9;}
div.R{text-align:right;}
div.L{text-align:left;}
.inl{display: inline-block;}
.btn_unactive { opacity: 0.5; -webkit-opacity: 0.5; }

/*???j???[?o?[*/
.menu	{background-color:#053C05;
}

/*?V???o?[*/
.new	{background-color:#053C05;}

/*?O???[?w?i*/
.gray	{background-color:#333;}

/*?u???b?N?w?i*/
.black	{background-color:#000;}

/*?X?e?[?^?X?o?[*/
.st1{background-color:#4E0529;}
.st2{background-color:#031842;}


/*?r?u*/
.namebg6{
	background-image:url(../images/sta/ay_name_kakunin2.png);
}


hr	{
   border-width: 1px 0px 0px 0px; /* ???3 */
   border-style: dashed; /* ?u?i */
   border-color:#A7926D; /* ?u?F */
   height: 0px; /* ???3 */
   margin:2px 0;
}




table	{
	text-align:center;
	font-size:16px;
	width:100%;
	border:0px;
	margin: 0;	padding: 0;
}
table.bg1{
	background-image:url(../images/sta/bgimage1.png);
	text-align:center;
	font-size:16px;
	width:100%;
	border:0px;
	margin: 0;	padding: 0;
}
table.bg2{
	background-image:url(../images/sta/bgimage2.png);
	text-align:center;
	font-size:16px;
	width:100%;
	border:0px;
	margin: 0;	padding: 0;
}
table.bg3{
	background-image:url(../images/sta/bgimage3.png);
	text-align:center;
	font-size:16px;
	width:100%;
	border:0px;
	margin: 0;	padding: 0;
}
table.bg4{
	background-image:url(../images/sta/bgimage4.png);
}
table.bg5{
	background-image:url(../images/sta/bgimage5_2.png);
    background-repeat : no-repeat; 
	position:relative; top:-10px; left:10px;
	height:40px;}

table.bg6{
	background-image:url(../images/sta/bgimage5.png);
    background-repeat : no-repeat; 
	position:relative; top:-10px; left:10px;
	height:40px;} 
 
.form-register {
	background-image:url(../images/sta/bgimage5.png);
    background-repeat : no-repeat; background-position:center top;
	margin:10px auto 5px;
	padding:10px 0;
	min-height:190px;
	height:auto;
	text-align:left;
	overflow:hidden;
	width:320px;
	background-size:100% 100%;
}

.form-register1 {
	background-image:url(../images/sta/bgimage5.png);
    background-repeat : no-repeat; background-position:center top;
	margin:10px auto 0 auto;
	padding:10px 0;
	min-height:180px;
	height:180px;
	text-align:left;
	overflow:hidden;
	width:320px;
	background-size:100% 60%;
}



table.waku{
width:100%;
height:70px;
border:1px solid #FFF8DC;
border-radius: 5px;
cellpadding: 0;
cellspacing: 0;
font-size:12px;
}
td.title	{text-align:right;
	width:30%;}
td.txt	{text-align:left;}
td.txt2	{text-align:left;
vertical-align:top;}

td.ava	{margin: 0;
padding: 0;
width:25%;
}
td.navi{margin: 0;
padding: 0;
width:25%;
}
td.card	{margin: 0;
padding: 0;
width:25%;
}
td.item	{margin: 0;
padding: 0;
width:25%;
}
td.noti	{margin: 0;
padding: 0;
width:25%;
}
td.noti2	{margin: 0;
padding: 0;
width:40%;
}
/*?a???F?X*/
img{ width: 100%; border: none; }
img.emoji{ width: 16px; border: none; }

a.blocklink {
   display:block;
   width:100%;
   text-decoration:none;
   color:#FFF;
   background-position:center center;
}
/*?{?^???i?O?Z?j*/
a.button1 { padding: 5px 15px; }
a.button1, input.button1, div.button1, .button1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF; display: inline-block;
	margin: 2px; padding: 5px 10px;
	background: -moz-linear-gradient(top,#990066 0%,#000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#990066),to(#000000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.button1.tapStyle1{ background: -webkit-gradient(linear, left top, left bottom, from(#5a050f),to(#000000)); }

input.buttonT {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block; font-size: 21px;
	margin: 2%;	width:110px; height: 35px; line-height:28px;
	background: -moz-linear-gradient(top,#a9657b 0%,#770d30);
	background: -webkit-gradient(linear, left top, left bottom,from(#a9657b),to(#770d30));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #553a54;	
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1); }
input.buttonT:active, input.buttonT:hover {
	background: -moz-linear-gradient(top,#cda6b3 0%,#9d4f6b);
	background: -webkit-gradient(linear, left top, left bottom, from(#cda6b3),to(#9d4f6b)); }

a.button2 { padding: 5px 20px; }
a.button2, input.button2, div.button2 , .button2{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block;
	margin: 2px; padding: 5px 20px; width: 80%;
	background: -moz-linear-gradient(top,#006699 0%,#000);
	background: -webkit-gradient(linear, left top, left bottom,from(#006699),to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.button2.tapStyle2{ background: -webkit-gradient(linear, left top, left bottom,from(#054667),to(#000)); }

a.button3, input.button3, div.button3, .button3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block; font-size:14px;
	margin: 2px; padding: 5px 20px; width: 80%;
	background: -moz-linear-gradient(top,#990066 0%,#000);
	background: -webkit-gradient(linear, left top, left bottom, from(#990066),to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.button3.tapStyle3 { background: -webkit-gradient(linear, left top, left bottom, from(#5a050f),to(#000)); }

a.button4, input.button4,.button4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block;
	margin:2px; padding: 5px 20px;
	background: -moz-linear-gradient(top,#006699 0%,#000);
	background: -webkit-gradient(linear, left top, left bottom,from(#006699),to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.button4.tapStyle4 { background: -webkit-gradient(linear, left top, left bottom,from(#054667),to(#000)); }

a.button004, input.button004,.button004 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block; font-size: 11px;
	margin:2px; padding: 1px 20px;
	background: -moz-linear-gradient(top,#006699 0%,#000);
	background: -webkit-gradient(linear, left top, left bottom,from(#006699),to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.button004.tapStyle004 { background: -webkit-gradient(linear, left top, left bottom,from(#054667),to(#000)); }

a.button5, input.button5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block;
	margin:2px; padding: 5px 20px;
	background-image:url(../images/sta/ay_name_kakunin2.png);
	background: -moz-linear-gradient(top,#006699 0%,#000);
	background: -webkit-gradient(linear, left top, left bottom,from(#006699),to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.button5.tapStyle5 { background: -webkit-gradient(linear, left top, left bottom,from(#054667),to(#000)); }

.btnR {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF; display:inline-block; font-size:100%;
	margin:2px;padding: 5px 20px;
	background: -moz-linear-gradient(top,#990066 0%,#000000);
	background: -webkit-gradient(linear, left top, left bottom,from(#990066),to(#000000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1); }
.btnR.tapStylebtnR { background: -webkit-gradient(linear, left top, left bottom, from(#5a050f),to(#000)); }

.btnB {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF; display:inline-block; font-size:100%;
	margin:2px; padding: 10px 20px;
	background: -moz-linear-gradient(top,#006699 0%,#000);
	background: -webkit-gradient(linear, left top, left bottom,from(#006699),to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
}

a.minibtn, a.minibtn02, a.minibtn03, a.minibtn04, a.minibtn03_gold { color: #fff; }
.minibtn {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF; display:inline-block; font-size:80%;
	margin:0px; padding: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#006699),to(#003));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #004073;
	text-decoration: none; }
.minibtn.tapStyleminibtn { background: -webkit-gradient(linear, left top, left bottom, from(#021e2b),to(#003)); }

.minibtn02 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block; font-size:80%;
	margin:0px; padding: 4px;
	background: -webkit-gradient(linear, left top, left bottom,from(#990066),to(#003));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	text-decoration: none; }
.minibtn02.tapStyleminibtn2 { background: -webkit-gradient(linear, left top, left bottom, from(#630443),to(#003)); }

.minibtn03 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block; font-size:100%;
	margin:1px; padding: 1px 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000),to(#8B0000));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #8B0000;
	text-decoration: none; }
.minibtn03.tapStyleminibtn3 { background: -webkit-gradient(linear, left top, left bottom, from(#880202),to(#003)); }

.minibtn04 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block; font-size:80%;
	margin:0px; padding: 4px;
	background: -webkit-gradient(linear, left top, left bottom,from(#006699),to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	text-decoration: none; }
.minibtn04.tapStyleminibtn4 { background: -webkit-gradient(linear, left top, left bottom, from(#021e2b),to(#003)); }

.minibtn03_gold {
	font-family: Arial, Helvetica, sans-serif;
	color: #DEB887; display:inline-block; font-size:95%;
	margin:1px; padding: 1px 05px;
	background: -webkit-gradient(linear, left top, left bottom, from(#B8860B),to(#BCB172));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #8B0000;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5);
	text-decoration: none; }
.minibtn03_gold.tapStyleminibtn03_gold { background: -webkit-gradient(linear, left top, left bottom, from(#654905),to(#003)); }

a.button00, input.button00 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block;
	width:100%;
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
}

a.button0000 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000; display:inline-block;
	width:200px;
	text-decoration: none;
}

a.button7, input.button7, div.button7, span.button7 {
	font-family: Arial, Helvetica, sans-serif;
	color: #300; display:inline-block; font-size:85%; text-align:left;
	margin:2px; padding: 3px 10px; width:85%;
	background: -moz-linear-gradient(top,#B68813 0%,#E2DCA7);
	background: -webkit-gradient(linear, left top, left bottom, from(#B68813),to(#E2DCA7));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.button7.tapStyle7 { background: -webkit-gradient(linear, left top, left bottom, from(#674d0c),to(#003)); }

a.button8, input.button8 {
	font-family: cursive, Helvetica, sans-serif;
	color: #fff; display:inline-block; font-size:100%;
	padding: 5px 10px; width:92%;
	background: -moz-linear-gradient(top,#705757 0%,#220000);
	background: -webkit-gradient(linear, left top, left bottom,from(#705757),to(#220000));
	border-radius: 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(000,000,000,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(000,000,000,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 0px 0px rgba(000,3,3,1);
	text-decoration: none;
}

.button8a_mini {
	font-family: Arial, Helvetica, sans-serif;
	color: #ff3; display:inline-block; font-size:90%;
	padding: 2px 5px;
	background: -moz-linear-gradient(top,#705757 0%,#220000);
	background: -webkit-gradient(linear, left top, left bottom,from(#705757),to(#220000));
	border-radius: 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(000,000,000,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(000,000,000,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 0px 0px rgba(000,3,3,1);
	text-decoration: none;
}

a.button8mini, input.button8mini{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; display:inline-block; font-size:100%;
	padding: 2px 5px;
	background: -moz-linear-gradient(top,#705757 0%,#220000);
	background: -webkit-gradient(linear, left top, left bottom, from(#705757),to(#220000));
	border-radius: 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(000,000,000,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(000,000,000,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 0px 0px rgba(000,3,3,1);
	text-decoration: none;
}

a.button9big, input.button9big {
	font-family: Arial, Helvetica, sans-serif;
	color: #300; display:inline-block;
	margin:2px; padding: 5px 10px; width:90%;
	background: -moz-linear-gradient(top,#FFE4E1 0%,#EAFBCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFE4E1),to(#EAFBCC));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #B8860B;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.button9big.tapStylebutton9big { background: -webkit-gradient(linear, left top, left bottom, from(#a58a87),to(#eafbcc)); }


table.waku {
	width:100%;
	height:70px;
	border:1px solid #FFF;
	border-radius: 5px;
}

select {
	height: 27px;
	vertical-align:middle;
}

img.thumbnail {
	height: 100px;
	width: 100px;
}

/*common class*/
.txtLeft {text-align:left!important;}
.txtRight {text-align:right!important;}

.tbFix, .tbFix td {table-layout:fixed;}
table, td {overflow:hidden;}
td {padding:3px 2px}

.messCenter {text-align:center!important; padding:0; margin:0;}

.thumb {width:100px; height:100px;}
.thumbCard {width:64px; height:200px;}

p {padding:0; margin:0;}
/*table.padText {padding:0 3px 0 4px;}
.padText {padding: 0 4px; display:block;}*/

.tabNav {display:table; table-layout:fixed; padding:0;}
.tabNav div {display:table-row}
.tabNav div div {display:table-cell; padding-right:1px}





table.youkai1{
background-color:#7B292B;
width:87%;
margin-top: 5px;
margin-Bottom: 3px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:2px solid #DAA520;
border-radius: 10px;
font-size:85%;
color:#ffffff
}


table.youkai2{
background-color:#674E10;
width:87%;
margin-top: 5px;
margin-Bottom: 3px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:2px solid #DAA520;
border-radius: 10px;
font-size:85%;
color:#ffffff
}


table.youkai3{
background-color:#0D3F7D;
width:87%;
margin-top: 5px;
margin-Bottom: 3px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:2px solid #DAA520;
border-radius: 10px;
font-size:85%;
color:#ffffff
}



div.speaking , table.speaking{
width:100%;
background-color:#FFFAF0;
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.80;
margin-top:0;
margin-Bottom: -10px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:3px ridge #B1AFAF;
font-size:15px;
line-height:17px;
color:#200000

}


table.wakuna2{
width:100%;
background-color:#FFFAF0;
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.80;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:3px ridge #B1AFAF;
color:#200000;
font-size:14px;
}


table.wakuna2A{
font-size:14px;
width:100%;
background-color:#FFFAF0;
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.80;
margin-top: -10px;
margin-left: 0;
margin-right: auto;
text-align:left;
border:3px ridge #B1AFAF;
color:#200000

}

table.sukima0{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343006342996);
background-color:#003300;
border:1px solid #DAA520;
border-width: 1px 0px;
width:100%;
margin-top: 0px;
margin-Bottom: 5px;
text-align:centre;
color:#ffffff
}

table.sukima00{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343006342996);
background-color:#003300;
border:1px solid #DAA520;
border-width: 1px 0px;
width:100%;
margin-Top: 0px;
margin-Bottom: 0px;
text-align:centre;
color:#ffffff
}

.sukima00huu{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343006342996);
background-color:#003300;
border:1px solid #DAA520;
border-width: 1px 0px;
text-align:centre;
color:#ffffff
}



table.sukima0red{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343873613242);
background-color:#660033;
border:1px solid #DAA520;
border-width: 1px 0px;
width:100%;
margin-top: 10px;
margin-Bottom: 0px;
text-align:centre;
color:#ffffff
}

table.sukima00red{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343873613242);
background-color:#660033;
border:1px solid #DAA520;
border-width: 1px 0px;
width:100%;
margin-top: 0px;
margin-Bottom: 5px;
text-align:centre;
color:#ffffff
}

table.sukima0waku{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343006342996);
background-color:#003300;
border:1px solid #DAA520;
border-width: 1px 1px;
width:95%;
font-size:95%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:centre;
color:#ffffff;
}


table.mission_sta{
background-color:#2C1B1B;
border:1px solid #876932;
border-width: 1px 1px;
width:90%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:centre;
font-size:14px;
color:#ffffff
}

table.mission_sta2{
background-color:#382121;
border:1px solid #876932;
border-width: 1px 1px;
width:90%;
margin-top: 0px;
margin-Bottom: 8px;
margin-left: auto;
margin-right: auto;
text-align:centre;
font-size:14px;
color:#ffffff
}


table.okouwaku{
background-color:#DED99B;
width:90%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 0px 0px 0px 0px;
border:2px ridge #B8860B;
font-size:14px;
color:#220000
}

table.okouwaku3{
background-color:#c8c2be;
width:90%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 0px 0px 0px 0px;
border:2px ridge #B8860B;
font-size:14px;
color:#433d3c
}

table.cardget{
background-color:#000000;
width:90%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 0px 0px 0px 0px;
border:2px ridge #B8860B;
font-size:14px;
color:#220000
}


table.sinariobun{
width:95%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:0px ridge #B8860B;
font-size:14px;
color:#220000
}

table.sinariobun2{
width:95%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:0px ridge #B8860B;
font-size:14px;
color:#fff
}

table.myp_waku{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343873613242);
background-color:#660033;
border:2px inset #DAA520;
border-width: 1px 1px 0px 1px;
width:95%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-Bottom: 0px;
font-size:80%;
color:#ffffff
}


table.myp_waku2{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343873613242);
background-color:#660033;
border:2px inset #DAA520;
border-width: 1px 1px 1px 1px;
width:95%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-Bottom: 0px;
font-size:80%;
color:#ffffff
}



table.myp_waku3{
background-color:#462B2B;
border:1px solid #876932;
border-width: 1px 1px;
width:95%;
margin-top: 4px;
margin-Bottom: 4px;
margin-left: auto;
margin-right: auto;
text-align:left;
font-size:95%;
color:#ffffff
}

table.myp_waku3_0{
background-color:#462B2B;
border:1px solid #876932;
border-width: 1px 1px;
width:95%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
font-size:95%;
color:#ffffff
}

table.myp_waku3_1{
background-color:#462B2B;
border:1px solid #876932;
border-width: 1px 1px;
width:95%;
line-height: 15px;
margin-top: 4px;
margin-Bottom: 4px;
margin-left: auto;
margin-right: auto;
text-align:left;
font-size:95%;
color:#ffffff
}


table.myp_outwaku4{
background-color:#D3C2AB;
width:100%;
margin-top: 3px;
margin-Bottom: 3px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:1px dashed #996633;
border-radius: 10px;
font-size:95%;
color:#330000
}


table.myp_outwaku5{
background-color:#382121;
width:98%;
margin-top: 5px;
margin-Bottom: 5px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:1px solid #DEB887;
border-radius: 10px;
font-size:100%;
color:#ffffff
}


table.myp_outwaku100{
background-image:url(http://ay.mobigame.jp/img/PageImage/1343875928181);
background-color:#D3C1AA;
border:3px inset #DAA520;
border-width: 3px 0px;
width:100%;
margin-top: 5px;
margin-Bottom: 5px;
}


table.myp_new01{
width:100%;
background-color:#330000;
margin-top: 0px;
margin-Bottom: 5px;
margin-left: auto;
margin-right: auto;
text-align:center;
border:3px groove #382121;
font-size:95%;
color:#330000
}

table.bg_noroi{
background-image:url(http://t.ay.mobigame.jp/img/PageImage/1344476421854.jpg);
width:100%;
background-color:#330000;
border:0px inset #DAA520;
margin-top: 0px;
margin-Bottom: 0px;
}

table.bg_noroi_red{
background-image:url(http://t.ay.mobigame.jp/img/PageImage/1344476642620.jpg);
width:100%;
background-color:#251822;
border:0px inset #DAA520;
margin-top: 0px;
margin-Bottom: 0px;
}


div.bg_noroi{
background-image:url(http://t.ay.mobigame.jp/img/PageImage/1344476642620.jpg);
background-repeat:repeat-x;
background-color:#D3C2AB;
}

/*glad*/

.glad_pu{
background: -webkit-gradient(linear, left top, left bottom, from(#D490BC), to(#90A481));
}


.glad_pu_r{
background: -webkit-gradient(linear, left top, left bottom, from(#90A481), to(#D490BC));
}

.glad_mizuiro{
background: -webkit-gradient(linear, left top, left bottom, from(#E6FFFF), to(#ACFFFF));
}

.glad_mizuiro_r{
background: -webkit-gradient(linear, left top, left bottom, from(#ACFFFF), to(#E6FFFF));
}

.glad_pink{
background: -webkit-gradient(linear, left top, left bottom, from(#fef4f4), to(#eebbcb));
}

.glad_pink_r{
background: -webkit-gradient(linear, left top, left bottom, from(#eebbcb), to(#fef4f4));
}

.glad_330000{
background: -moz-linear-gradient(left, #330000, #754557);
background: -webkit-gradient(linear, left top, right top,
from(#330000),
to(#754557));
}

.glad_ao{
background: -moz-linear-gradient(left, #003366, #339999);
background: -webkit-gradient(linear, left top, right top,
from(#003366),
to(#339999));
}


.glad_yuuyami{
background: -moz-linear-gradient(left, #87005A, #11365B);
background: -webkit-gradient(linear, left top, left bottom,
from(#87005A),
to(#11365B));
}

.pure {border:solid 1px #900; font-size: 11px;}
.pure td { padding: 02px 0px; }

.pure1 {text-decoration:none;
}


.pure2 {background-color:#930;}

.notification1 {width:100%;
height:100%;

}
.notext{
text-decoration:none;}

.pure3:hover {background-color:#930;}

.imagebotton {width:20px;
	height:20px;
}


.glad_624800{margin:0;
padding:0;
background: -webkit-gradient(linear, left top, left bottom, from(#624800), to(#365436));
}

.glad_624800_r{margin:0;
padding:0;
background: -webkit-gradient(linear, left top, left bottom, from(#365436), to(#624800));
}

.glad_green{margin:0;
padding:0;
background: -webkit-gradient(linear, left top, left bottom, from(#624800), to(#365436));
}

.glad_green_r{margin:0;
padding:0;
background: -webkit-gradient(linear, left top, left bottom, from(#365436), to(#624800));
}


.glad_hinode{
background: -moz-linear-gradient(left, #F0ED17, #CC050A);
background: -webkit-gradient(linear, left top, right top,
from(#F0ED17),
to(#CC050A));
}

.glad_hisimoti{
background: -webkit-gradient(linear, left top, left bottom, from(#eebbcb),
color-stop(0.4, #fffffc),
color-stop(0.6, #fffffc),
 to(#82ae46));
}

.glad_kinhuzi{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.86, #705443), color-stop(0.00, #f5e842));
background: -webkit-linear-gradient(top, #f5e842 0%, #705443 86%);
background: -moz-linear-gradient(top, #f5e842 0%, #705443 86%);
background: linear-gradient(top, #f5e842 0%, #705443 86%);
}

/*クイーンナビ*/

.SL .queennavi_red {
	font-size: 12px;
	width: 75px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	margin: 0;
	padding: 6px 0 6px 0;
	background: -moz-linear-gradient( top, #a22041 0%, #f6bfbc);
	background: -webkit-gradient( linear, left top, left bottom, from(#a22041), to(#f6bfbc));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #c53d43;
	-moz-box-shadow: 0px 3px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 3px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 1);
	text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(255, 3, 3, 1);
	text-decoration: none;
}



.SL .queennavi_green {
	font-size: 12px;
	width: 75px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	margin: 0;
	padding: 6px 0 6px 0;
	background: -moz-linear-gradient( top, #B68813 0%, #E2DCA7);
	background: -webkit-gradient( linear, left top, left bottom, from(#556B2F), to(#E2DCA7));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #003300;
	-moz-box-shadow: 0px 3px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 3px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 1);
	text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(255, 3, 3, 1);
	text-decoration: none;
}


.SL .queennavi_blue {
	font-size: 12px;
	width: 75px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	margin: 0;
	padding: 6px 0 6px 0;
	background: -moz-linear-gradient( top, #2792c3 0%, #a2d7dd);
	background: -webkit-gradient( linear, left top, left bottom, from(#2792c3), to(#a2d7dd));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #007bbb;
	-moz-box-shadow: 0px 3px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 3px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 1);
	text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(255, 3, 3, 1);
	text-decoration: none;
}


.SL .queennavi_yellow {
	font-size: 12px;
	width: 75px;
	height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	margin: 0;
	padding: 6px 0 6px 0;
	background: -moz-linear-gradient( top, #c89932 0%, #f2f2b0);
	background: -webkit-gradient( linear, left top, left bottom, from(#c89932), to(#f2f2b0));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #852e19;
	-moz-box-shadow: 0px 3px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0px 3px 3px rgba(000, 000, 000, 0.5), inset 0px 0px 4px rgba(255, 255, 255, 1);
	text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.2), 0px 0px 0px rgba(255, 3, 3, 1);
	text-decoration: none;
}



.midasi {
	margin:0 0 10px 0;
	padding:0px 0px;
	border-width:1px 0;
	border-color: #e6b422;
	border-style:solid;
	color:#FFFFFF;
	line-height:140%;
	text-align:center;
}


/*ひかるぼたん*/
.boxsha {
box-shadow: 0px 0px 13px 10px rgba(255, 255, 102, 1); border-radius: 5px; -webkit-animation: buttonsha 1s ease-in-out infinite; /* Safari and Chrome */} 

  @-webkit-keyframes buttonsha { 
       0%   { box-shadow: 0px 0px 13px 11px rgba(255, 255, 102,0.5);} 
       50%   { box-shadow: 0px 0px 13px 12px rgba(255, 255, 102,0.1);} 
       100%   { box-shadow: 0px 0px 13px 12px rgba(255, 255, 102,0.5);} 
  } 
  
  
  .glad_tamesi{
background: -webkit-gradient(linear, left top, left bottom, from(#eebbcb), to(#fef4f4));
}

input.hikaruBtn1,a.hikaruBtn1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	display:inline-block;
	margin:0;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#990066 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#990066),
		to(#000000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none; }
.hikaruBtn1.tapStylehikaruBtn1{ background: -webkit-gradient(linear, left top, left bottom, from(#5a050f),to(#000000)); }

a.hikaruBtn3,input.hikaruBtn3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0;
	display:inline-block;
	width:80%;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#990066 0%,
		#000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#990066),
		to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
}


a.hikaruBtn4, input.hikaruBtn4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0;
	display:inline-block;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#006699 0%,
		#000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#006699),
		to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
}

img.shoukai {
width:70%;
}

.formleft {float:left;}

/*がーるずばー*/
.buttonyuki {

　　-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:3px solid #2c2ca1;
	padding:10px 47px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #aad5ff) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #80bfff 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #80bfff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#80bfff');
	background-color:#ffffff;
	color:#131540;
	display:inline-block;
	text-shadow:1px 1px 1px #ffffff;
 	-webkit-box-shadow:inset 1px 0px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 0px 0px 0px #ffffff;
 	box-shadow:inset 1px 0px 0px 0px #ffffff;

}

/*ばけねこにゃんにゃん*/
.minibtn99 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:80%;
	display:inline-block;
	margin:0px;
	padding: 4px 4px;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#999999),
		to(#666666));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #333333;
	text-decoration: none;
}

.buttonnya {

	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:3px solid #e6b522;
	padding:10px 47px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #fcf0a1) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #fcf8db 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #fcf8db 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fcf8db');
	background-color:#ffffff;
	color:#5c4810;
	display:inline-block;
	text-shadow:1px 1px 1px #ffffff;
 	-webkit-box-shadow:inset 1px 0px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 0px 0px 0px #ffffff;
 	box-shadow:inset 1px 0px 0px 0px #ffffff;

}
/*ホストだよ*/
.buttonhost {

	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:3px solid #f3f3f2;
	padding:10px 47px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4f455c), color-stop(100%, #fcf0a1) );
	background:-moz-linear-gradient( center top, #4f455c 5%, #4f455c 100% );
	background:-ms-linear-gradient( top, #4f455c 5%, #4f455c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f455c', endColorstr='#4f455c');
	background-color:#4f455c;
	color:#5c4810;
	display:inline-block;
	text-shadow:1px 1px 1px #4f455c;
 	-webkit-box-shadow:inset 1px 0px 0px 0px #4f455c;
 	-moz-box-shadow:inset 1px 0px 0px 0px #4f455c;
 	box-shadow:inset 1px 0px 0px 0px #4f455c;

}

.buttonhost3 {

	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:3px solid #e6b422;
	padding:10px 47px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d4dcda), color-stop(100%, #fcf0a1) );
	background:-moz-linear-gradient( center top, #d4dcda 5%, #d4dcda 100% );
	background:-ms-linear-gradient( top, #d4dcda 5%, #d4dcda 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4dcda', endColorstr='#d4dcda');
	background-color:#d4dcda;
	color:#5c4810;
	display:inline-block;
	text-shadow:1px 1px 1px #d4dcda;
 	-webkit-box-shadow:inset 1px 0px 0px 0px #d4dcda;
 	-moz-box-shadow:inset 1px 0px 0px 0px #d4dcda;
 	box-shadow:inset 1px 0px 0px 0px #d4dcda;

}

.buttonhost2 {

　　-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:3px solid #e6b422;
	padding:10px 47px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #383c3c), color-stop(100%, #aad5ff) );
	background:-moz-linear-gradient( center top, #383c3c 5%, #7a4171 100% );
	background:-ms-linear-gradient( top, #383c3c 5%, #7a4171 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#383c3c', endColorstr='#7a4171');
	background-color:#383c3c;
	color:#131540;
	display:inline-block;
	text-shadow:1px 1px 1px #383c3c;
 	-webkit-box-shadow:inset 1px 0px 0px 0px #383c3c;
 	-moz-box-shadow:inset 1px 0px 0px 0px #383c3c;
 	box-shadow:inset 1px 0px 0px 0px #383c3c;

}

table.sukima00nya{
background-image:url(http://ay.mobigame.jp/img/PageImage/1363833239862.jpg);
background-color:#003300;
border:1px solid #DAA520;
border-width: 1px 0px;
width:100%;
margin-Top: 0px;
margin-Bottom: 0px;
text-align:centre;
color:#8f2e14;
font-weight:bold;
	text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff;

}


.wakutable {
	font-family: Arial, Helvetica, sans-serif;
	color: #330000;
	margin:2px;
	display:inline-block;
	width:90%;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#FFE4E1 0%,
		#EAFBCC);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#FFE4E1),
		to(#EAFBCC));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #B8860B;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
}
table.Group {width:100%;
padding-top:15px;
padding-left:20px;
padding-right:20px;
padding:bottom:0;
margin:0 auto;

}
td#Shou {background-color:#000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
       opacity:0.7; 
	line-height:18px;
       width:60%;
       height:auto;
	padding:10px;
	text-align:left;
margin:0;
}
table.Group tr {margin:0;
padding:0;}



/*teambattleボタン*/
a.buttonteam, input.buttonteam, div.buttonteam {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:2px;
	display:inline-block;
	width:80%;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#B68813 0%,
		#000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#B68813),
		to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
    font-size:14px;
}
.buttonteam.tapStyleteam {
	box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.5) inset; background: #463509; }

a.buttonteamZ, input.buttonteam, div.buttonteam {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:2px;
	display:inline-block;
	width:80%;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#A60000 0%,
		#000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#A60000),
		to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #D35F5F;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
    font-size:14px;
}
.buttonteamZ.tapStyleteamZ {
	box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.5) inset; background: #521b1b; }



/*3つボタン*/
a.buttonteam2, input.buttonteam2, div.buttonteam2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:2px;
	display:inline-block;
	width:50%;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#B68813 0%,
		#000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#B68813),
		to(#000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
    font-size:14px;
}
.buttonteam2.tapStyleteam2 {
	box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.5) inset; background: #463509; }

/*2つボタン*/
a.buttonteam3, input.buttonteam3, div.buttonteam3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	display:inline-block;
	margin:2px;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#B68813 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#B68813),
		to(#000000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #DAA520;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
}
.buttonteam3.tapStyleteam3 {
	box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.5) inset; background: #463509; }


/*2つボタン　押せない*/
a.buttonteam4, input.buttonteam4, div.buttonteam4, span.buttonteam4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	display:inline-block;
	margin:2px;
	padding: 5px 10px;
	opacity:0.7;
	background: -moz-linear-gradient(
		top,
		#708090 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#708090),
		to(#000000));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px solid #C0C0C0;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
}
.buttonteam4.tapStyleteam4 {
	box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.5) inset; background: #0c1015; }

/*ここまでteambattleボタン*/



/*SLIDER*/

.scroller-wrapper {

    width:97%;
    height:85px;
    float:none;
    position:relative;  /* On older OS versions "position" and "z-index" must be defined, */
    z-index:1;          /* it seems that recent webkit is less picky and works anyway. */
    overflow:hidden;
	margin:auto;
	padding: 0px 0px 28px;

}

.scroller {
    float:left;
    padding:0;
}


.scroller ul {
    list-style:none;
    display:block;
    float:left;
    width:140%;
    padding:0;
    margin:0 auto;
    text-align:left;
}

.scroller li {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    display:block;
    float:left;
    text-align:center;
    font-family:georgia;
    font-size:18px;
    line-height:100%;
	overflow:hidden;
	padding:0;
	margin:auto;
}

.scroller-nav {
    width:100%;
    float:left;
}

.scroller-prev, .scroller-next {
    font-weight:bold;
    font-size:14px;
    padding:5px 0;
    width:22px;
    display:none;
}

.scroller-prev{left:1px;background:url('../images/sta/prev-arr.png') top left no-repeat;background-size:22px 42px;}
.scroller-next {right:1px;background:url('../images/sta/next-arr.png') top left no-repeat;background-size:22px 42px;}
.scroller-prev.show, .scroller-next.show{
	display:block;
	/*background-position:0 60%;
    top:1%;*/ top: 15px;
    width: 22px;
    height: 42px;
    position: absolute;
}

.scroller-indicator{
    display:table;
    margin:auto;
    padding:10px 0px;
}

.scroller-indicator > li {
    display:block; float:left;
    list-style:none;
    padding:0; margin:0;
}

.scroller-indicator > li {
    text-indent:-9999em;
    width:8px; height:8px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    background:#888;
    overflow:hidden;
    margin-right:4px;

}

.scroller-indicator > li.scroller-active {
    background:#ddd;
}

.scroller-indicator > li:last-child {
    margin:0;
}


table.sukima0scr{
font-family: 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'Meiryo UI', 'sans-serif';
background-image:url(http://ay.mobigame.jp/img/PageImage/1343006342996);
background-color:#003300;
border:1px solid #DAA520;
border-width: 1px 0px;
width:320px;
margin-Top: 0px;
margin-Bottom: 0px;
text-align:centre;
color:#ffffff
}

table.wakuna2scr{
font-family: 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'Meiryo UI', 'sans-serif';
width:310px;
background-color:#FFFAF0;
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.80;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
text-align:left;
border:3px ridge #B1AFAF;
color:#200000
}

table.myp_waku2_100{
font-family: 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'Meiryo UI', 'sans-serif';
width:100px;
background-image:url(http://ay.mobigame.jp/img/PageImage/1343873613242);
background-color:#660033;
border:2px inset #DAA520;
border-width: 1px 1px 1px 1px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-Bottom: 0px;
font-size:12px;
color:#ffffff;
text-align:left;
}

table.myp_waku_100{
font-family: 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'Meiryo UI', 'sans-serif';
background-image:url(http://ay.mobigame.jp/img/PageImage/1343873613242);
background-color:#660033;
border:2px inset #DAA520;
border-width: 1px 1px 0px 1px;
width:100px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-Bottom: 0px;
font-size:12px;
color:#ffffff;
text-align:left;
}

table.myp_waku_scr{
font-family: 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'Meiryo UI', 'sans-serif';
background-image:url(http://ay.mobigame.jp/img/PageImage/1343873613242);
background-color:#660033;
border:2px inset #DAA520;
border-width: 1px 1px 0px 1px;
width:300px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-Bottom: 0px;
font-size:12px;
color:#ffffff
}


table.myp_waku2_scr{
font-family: 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'Meiryo UI', 'sans-serif';
width:300px;
background-image:url(http://ay.mobigame.jp/img/PageImage/1343873613242);
background-color:#660033;
border:2px inset #DAA520;
border-width: 1px 1px 1px 1px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-Bottom: 0px;
font-size:12px;
color:#ffffff
}


/* ボタンのテスト*/
.buttonDSP {
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
	background: url(../images/sta/btn_red_set.png) left top repeat-x;
	-webkit-background-size: 80px 110px;
	background-size: 80px 110px;	
	padding: 0 35px;
	margin: 5px 13px;
	display: inline-block;
	height: 36px; line-height: 36px;
}

.buttonDSP:before,
.buttonDSP:after {
	content: "";
	background: url(../images/sta/btn_red_set.png) left bottom no-repeat;
	-webkit-background-size: 80px 110px;
	background-size: 80px 110px;
	display: block;
	height: 36px;
	width: 44px;
	position: absolute;
	right: -12px;
	top: 1px;
}

.buttonDSP:after {
	left: -12px;
	background-position: left center;
}


/* 飾りテーブルいろいろ*/


table.okouwaku2{
background-color:#DED99B;
width:90%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 0px 0px 0px 0px;
border:2px ridge #B8860B;
font-size:14px;
color:#220000;

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

	background: -moz-linear-gradient(
		top,
		#FFE4E1 0%,
		#EAFBCC);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#FFE4E1),
		to(#EAFBCC));
}

table.silver{
background-color:#ffffff;
width:95%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 5px 5px 5px 5px;
border:2px ridge #B8860B;
font-size:95%;
color: #330000;

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c8ca), color-stop(0.90, #e7e8e8), color-stop(0.37, #c7c8ca), color-stop(0.30, #f1f1f1), color-stop(0.00, #c7c8ca));
background: -webkit-linear-gradient(top, #c7c8ca 0%, #f1f1f1 30%, #c7c8ca 37%, #e7e8e8 90%, #c7c8ca 100%);
background: -moz-linear-gradient(top, #c7c8ca 0%, #f1f1f1 30%, #c7c8ca 37%, #e7e8e8 90%, #c7c8ca 100%);

}

table.gold{
background-color:#ffffff;
width:95%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 5px 5px 5px 5px;
border:2px ridge #B8860B;
font-size:95%;
color: #330000;

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.49, #fffa6e), color-stop(0.00, #634d11));
background: -webkit-linear-gradient(top, #634d11 0%, #fffa6e 49%);
background: -moz-linear-gradient(top, #634d11 0%, #fffa6e 49%);
}



.umewaku {
background: url(http://ay.mobigame.jp/img/PageImage/1365496778599.jpg) no-repeat top;
width: 300px;
text-align:center;
color:#800000;
font-weight:bold;
font-size:18px;
padding-top: 5px;
}
.umewaku-in {
background: url(http://ay.mobigame.jp/img/PageImage/1365496778599.jpg) no-repeat bottom;
margin-top: 30px;
margin-bottom: 30px;
padding-right: 30px;
padding-bottom: 50px;
padding-left: 30px;
color:#220000;
text-align:left;
font-weight:normal;
font-size:95%;
} 


table.baku{
background-color:#DED99B;
width:90%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 5px 5px 5px 5px;
border:2px solid #caa1d4;
font-size:95%;
color:#ffffff;

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #5a2e6b), color-stop(0.45, #9152bc), color-stop(0.00, #047d95));
background: -webkit-linear-gradient(top, #047d95 0%, #9152bc 45%, #5a2e6b 95%);
background: -moz-linear-gradient(top, #047d95 0%, #9152bc 45%, #5a2e6b 95%);




}


table.baku2{
background-color:#552554;
width:90%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 5px 5px 5px 5px;
border:2px solid #caa1d4;
font-size:95%;
color:#ffffff;

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;


}

table.niji{
background-color:#ffffff;
width:95%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
padding: 5px 5px 5px 5px;
border:2px solid #caa1d4;
font-size:95%;
color: #330000;

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #ddf7f9), color-stop(0.69, #e7f9c8), color-stop(0.39, #fceec5), color-stop(0.04, #fde3f8));
background: -moz-linear-gradient(top, #fde3f8 4%, #fceec5 39%, #e7f9c8 69%, #ddf7f9 97%);

}


table.red{
background-color:#ffffff;
width:100%;
margin-top: 0px;
margin-Bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align:center;
padding: 5px 5px 5px 5px;
border:1px ridge #B8860B;
border-width: 1px 0px 0px 0px;
font-size:95%;
color: #ffffff;

background: -webkit-gradient(radial, 50% 48%, 0, 50% 48%, 121, color-stop(1.00, #302833), color-stop(0.00, #c9171e));
background: -webkit-radial-gradient(50% 48%, circle, #c9171e, #302833);
background: -moz-radial-gradient(50% 48%, circle, #c9171e, #302833);
background: radial-gradient(50% 48%, circle, #c9171e, #302833);
}



a.button000, input.button000 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:2px;
	display:inline-block;
	width:80%;
	padding: 5px 20px;

	text-shadow:
		0px -1px 0px rgba(255,255,255,0.2),
		0px 0px 0px rgba(255,3,3,1);
	text-decoration: none;
}



.glad_baku{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #5a2e6b), color-stop(0.45, #9152bc), color-stop(0.00, #047d95));
background: -moz-linear-gradient(top, #047d95 0%, #9152bc 45%, #5a2e6b 95%);

}

.class_box_shadow{
	width: 80px; height: 80px; border:solid 2px #fff; display: block;
    box-shadow: 0px 0px 10px rgba(256, 256, 256, 0.80);
    -moz-box-shadow: 0px 0px 10px rgba(256, 256, 256, 0.80);
    -webkit-box-shadow: 0px 0px 10px rgba(256, 256, 256, 0.80);
} 

/*checkbox*/

input[type=checkbox] {
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	margin: 0 5px 0 0;
	padding: 0;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background: url(../images/sta/bkg_checkbox.png) bottom center no-repeat;
	-webkit-background-size: 30px 60px;
	background-size: 30px 60px;
	-webkit-appearance: none;
	border: none;
}

input[type=checkbox]:checked {
	background: url(../images/sta/bkg_checkbox.png) top center no-repeat;
	-webkit-background-size: 30px 60px;
	background-size: 30px 60px;
	-webkit-appearance: none;
}

/*font*/

.red18{
font-size:18px;
color:#FFF;
text-shadow: 0px 0px 2px #F00, 0px 0px 2px #F00, 0px 0px 2px #F00, 0px 0px 2px #F00, 0px 0px 2px #000;
}

.red22{
font-size:22px;
color:#FFF;
text-shadow: 0px 0px 2px #F00, 0px 0px 2px #F00, 0px 0px 2px #F00, 0px 0px 2px #F00, 0px 0px 2px #000;
}

.red24{
font-size:24px;
color:#FFF;
text-shadow: 0px 0px 2px #F00, 0px 0px 2px #F00, 0px 0px 1px #F00, 0px 0px 2px #F00, 0px 0px 2px #000;
}

.y12{font-size:12px; color:#FF6;}
.y14{font-size:14px; color:#FF6;}
.y16{font-size:16px; color:#FF6;}
.y18{font-size:18px; color:#FF6;}
.w12{font-size:12px; color:#FFF;}
.w14{font-size:14px; color:#FFF;}
.w18{font-size:18px; color:#FFF;}


.you{background-color:#B22222; color:#fff;}
.kai{background-color:#3366cc; color:#fff;}
.bake{background-color:#DAA520; color:#fff;}

.sr{background-color:#AA0; color:#fff;}
.hr{background-color:#AA0; color:#fff;}
.r{background-color:#0AA; color:#fff;}




table.darkred{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #990000), color-stop(0.11, #000000));
background: -webkit-linear-gradient(top, #000000 11%, #990000 100%);
background: -moz-linear-gradient(top, #000000 11%, #990000 100%);
background-color:#000000;
border:1px solid #999999;
border-width: 1px 0px;
width:100%;
margin-top: 0px;
margin-Bottom: 0px;
text-align:centre;
color:#ffffff
}

/**team battle**/
.frame-teaminfo{
	width: 265px;
	padding: 10px;
	margin: 5px auto 10px;
	line-height: 22px;
	border:1px solid #1859ce;border-radius: 7px;-webkit-border-radius: 7px;
	box-shadow:inset 0 0 1px black, inset 0 0 35px #1859ce,inset 0 0 100px transparent,inset 0 0 155px black;
	-webkit-box-shadow:inset 0 0 1px black, inset 0 0 35px #1859ce,inset 0 0 100px transparent,inset 0 0 155px black;
	background-color: black;  	
  	background-image:
	  	 repeating-linear-gradient(0deg, rgba(22, 106, 129, .5), rgba(22, 106, 129, .5) 1px, transparent 1px, transparent 10px),
	     repeating-linear-gradient(90deg, rgba(22, 106, 129, .5), rgba(22, 106, 129, .5) 1px, transparent 1px, transparent 10px),radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background-image:
	     -webkit-repeating-linear-gradient(0deg, rgba(22, 106, 129, .5), rgba(22, 106, 129, .5) 1px, transparent 1px, transparent 10px),
	     -webkit-repeating-linear-gradient(90deg, rgba(22, 106, 129, .5), rgba(22, 106, 129, .5) 1px, transparent 1px, transparent 10px), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); ;
	background-size: 20px 20px,20px 20px, 100%	100%;     
}
.teaminfo ul li ,.teaminfo span{width: auto !important ;}
.table-battle-l{
	background: -webkit-linear-gradient(right, rgba(181,189,200,0) 0%,rgba(111,121,130,0) 50%,rgba(180, 121, 74, 1) 100%); border-radius: 05px;
}
.table-battle-r{
	background: -webkit-linear-gradient(left, rgba(181,189,200,0) 0%,rgba(111,121,130,0) 50%,rgba(180, 121, 74, 1) 100%); border-radius: 05px; 
}
.noUlStyle ul{padding: 0 5px;}
.face{
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,107,107,1) 0%,rgba(255,5,5,0.77) 17%,rgba(83,2,2,0) 73%,rgba(0,0,0,0) 100%); 
	padding: 20px;
	color: white; font-weight: bold; font-size:24px;
}

.noboxsha{-webkit-animation:buttonsha!important;animation:buttonsha!important;box-shadow:none!important;}
.btnRed{background: red; border-radius:10px;border:2px solid #DAA520;color:white!important;}
.btnBlue{background: #006699; border-radius:10px;border:2px solid #DAA520;color:white!important;}
.btnPink{background: #990066; border-radius:10px;border:2px solid #DAA520;color:white!important;}
a.btnRed, a.btnBlue, a.btnPink{color:white!important;text-decoration: none;padding:2px 5px;}
a.btnRed, a.btnBlue, a.btnPink{color:white!important;text-decoration: none;padding:2px 5px;}
div.confirmItemBox,input.confirmItemBox,a.confirmItemBox,.confirmItemBox {display: none;}

.confirmBox2{vertical-align: top;}

/* popUp */
.modal-bg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 99999;display: none;top:0;left: 0;}
.modal-bg.show{display: block;}

.popUp-box{
    background: url("/public/images/popup/bg.png") top left no-repeat;
    background-size: 250px 200px;
    height: 200px; width: 250px; text-align: left; display: none; position: fixed;
    font-size: 12px; line-height: 18px; font-weight: normal;
    /*padding: 50px 30px;*/ left: 50%; top: 50%; margin: -98px 0px 0px -125px;
    z-index: -1;
}
.popUp-box.show{display:block;z-index: 100000;}
.removeBtn,.cancelBtn{background-image: url('/public/images/popup/sprite_btn_yes_no.png');background-size:89px 78px;width: 89px;height: 39px;display: inline-block;line-height: 39px;text-align: center;color:white!important;}
.removeBtn{background-position: 0 0;}
.cancelBtn{background-position: 0 -39px;}

/* card detail */
.card-box{position: absolute; width:100%;}
.favorLabel{z-index: 2; float:right; margin-top:5px; margin-right:5px;}

.icon_fav {
    background: url("/public/images/sta/icon_star.png") top left no-repeat;
    background-size: 20px 20px; width: 20px; height: 20px; text-indent: -9999px;
	position: absolute; top: 02px; right: 02px; display: block;
}
.icon_new {
    background: url("/public/images/sta/icon_new.png") top left no-repeat;
    background-size: 44px 44px; width: 44px; height: 44px; text-indent: -9999px;
	position: absolute; top: -15px; left: -13px; display: block; z-index: 9; }


/*ul.deck10List { list-style: none; width: 275px; margin-left: -34px; }
ul.deck10List li { float: left; }*/

/* icon navigator */
/*.charater { position: absolute; top: 255px; left: 0px; z-index:1000;}
.charater .icon_charater {
	background: url('../images/sta/icon_charater.png') no-repeat; width: 71px; height: 73px; display: block;
	-webkit-background-size: 71px 73px; background-size: 71px 73px; cursor: pointer;
}
.charater .bg_msg_charater {
	background: url('../images/sta/bg_msg_charater.png') no-repeat; width: 169px; height: 45px; display: block;
	-webkit-background-size: 169px 40px; background-size: 169px 40px; position: absolute; bottom: 08px; left: 55px;
}
.bg_msg_charater span.close_ch {
	background: url('../images/sta/close.png') 0px 0px no-repeat; background-size: 15px 15px; display: block;
	width: 15px; height: 15px; position: absolute; top: -06px; right: -06px; cursor: pointer; }
.bg_msg_charater p { font-size: 11px; color: #000; text-align: center; padding: 03px 05px 05px 13px; line-height: 15px; word-wrap: break-word; }
.bg_msg_charater p a{ color: #000; text-decoration: none; }
*/
/*bazzar*/
#bz_top{background:url(/public/images/common/bazzar.jpg) ; background-repeat:no-repeat; width:320px; height:216px; padding:0px; margin:-10px auto 0px; text-align:left;}
#bz_top .open, #bz_top .put {width:180px; height:53px; margin-top:10px; margin-left:7px; padding:13px 5px 0;}
#bz_top .open h4, #bz_top .put h4{font-weight:bold; font-size:12px; margin-bottom:5px;}
#bz_top .comment{width:320px; height:28px; margin-top:33px;  text-align:center;}
.bz_card{background:url(/public/images/common/bazzar_card.png) ; background-repeat:no-repeat; width:320px; height:24px; padding:26px 0px 0px;  margin:0x auto; text-align:center; font-weight:bold;}
.bz_factor{background:url(/public/images/common/bazzar_factor.png) ; background-repeat:no-repeat; width:320px; height:24px; padding:26px 0px 0px;  margin:0x auto; text-align:center; font-weight:bold;}

.sect01 {-webkit-border-bottom-right-radius: 6px;
          -webkit-border-bottom-left-radius: 6px;
          -moz-border-radius-bottomright: 6px;
          -moz-border-radius-bottomleft: 6px;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;
          border-bottom:#0088af solid 1px;
          background: #000000; /* Old browsers */
          background: -moz-linear-gradient(-45deg,  #000000 0%, #07445b 14%, #9fc0c9 27%, #07445b 42%, #07445b 61%, #9fc0c9 79%, #07445b 91%, #07445b 100%); /* FF3.6+ */
          background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(14%,#07445b), color-stop(27%,#9fc0c9), color-stop(42%,#07445b), color-stop(61%,#07445b), color-stop(79%,#9fc0c9), color-stop(91%,#07445b), color-stop(100%,#07445b)); /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(-45deg,  #000000 0%,#07445b 14%,#9fc0c9 27%,#07445b 42%,#07445b 61%,#9fc0c9 79%,#07445b 91%,#07445b 100%); /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(-45deg,  #000000 0%,#07445b 14%,#9fc0c9 27%,#07445b 42%,#07445b 61%,#9fc0c9 79%,#07445b 91%,#07445b 100%);
          padding:0 0 6px;
          margin:10px 0 0;
          }

.box_info h3{
	background: -moz-linear-gradient(top,  #0087ae 0%, #1a4b8c 49%, #004866 51%, #003044 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0087ae), color-stop(49%,#1a4b8c), color-stop(51%,#004866), color-stop(100%,#003044));
	background: -webkit-linear-gradient(top,  #0087ae 0%,#1a4b8c 49%,#004866 51%,#003044 100%); 
	border:solid 1px #006a91; padding:2px 5px; margin-bottom:2px;
}
.deal_form{ text-align: left; font-size: 12px; }
.deal_form .left_form{ width: 70px;float: left; margin-left: 10px;}
.deal_form .right_form{ width: 250px; }
.dp{display: inline-block;}
.padding10 { padding: 10px; }
.arr_right{
	background: -webkit-linear-gradient(left, rgba(8,75,197,0), 0%gba(8,75,197,1) 100%);
	background: linear-gradient(to right, rgba(8,75,197,0) 0%,rgba(8,75,197,1) 100%);
	width: 40px; height: 12px; display: inline-block; position: relative;
}
.arr_right:after{
	position: absolute;content: " ";
	width: 0;height: 0;left:40px;top: -4px;
	border-left: 20px solid #084bc5;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
ul.dt_mem { line-height: 18px; margin-left: 20px;}

/* quiz */

	ul.list_aq { padding: 05px 0 15px; list-style: none; text-align: left; }
	ul.list_aq li {
		border-radius: 5px 5px 5px 5px;
		margin: 10px 0px; overflow: hidden; position: relative; color: #fff;
	}
	ul.list_aq li .number {
		/*background: none repeat scroll 0 0 #fff;*/ border-radius: 3px 0 0 3px;
		color: #FD1A06; font-size: 25px; font-weight: bold;
		float: left; text-align: center; width: 55px;
	}
	ul.list_aq li{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #994545), color-stop(0.00, #992626));
		background: -webkit-linear-gradient(top, #992626 0%, #994545 88%);
		opacity: 0.9; border: 1px solid #630C0C;
	}          
	ul.list_aq li a, ul.list_aq li p {
		background: url(/public/images/sta/arrow2.png) center right no-repeat;
		-webkit-background-size: 08px 12px; background-size: 08px 12px; display: block;
		text-align: left; margin-right: 10px;  color: #fff; text-decoration: none;
		word-wrap: break-word; margin-top: 5px;
	}
	ul.list_aq li p { background: none; }
	ul.list_aq img { margin-left: 20px; }
	ul.list_aq input { margin-left: 40px; }
	
	/* css for zoom */
	.zoom-img2{ position: fixed; top:50%; left: 50%; margin: -190px 0 0 -150px; z-index: 1000; }
	div.zoom-img2 img.big{ width: 300px; position: relative; z-index: 2; box-shadow: 0px 0px 13px white;}
	div.zoom-img1 img.small{ width: 80px; height: 80px; }

.btn_fight {
	background: url('../images/sta/btn_fight.png') 0px 0px no-repeat; background-size: 100px 40px; -webkit-background-size: 100px 40px; 
	display: block; width: 100px; height: 40px; cursor: pointer; margin: 15px auto 0px; text-indent: -9999px; }

/* icon navigator */
/*.charater { position: absolute; top: 120px; left: 0px; z-index:1000;}
.charater .icon_charater {
	background: url('../images/sta/icon_charater.png') no-repeat; width: 71px; height: 73px; display: block;
	-webkit-background-size: 71px 73px; background-size: 71px 73px; cursor: pointer;
}
.charater .bg_msg_charater {
	background: url('../images/sta/bg_msg_charater.png') no-repeat; width: 169px; height: 45px; display: block;
	-webkit-background-size: 169px 40px; background-size: 169px 40px; position: absolute; bottom: 08px; left: 55px;
}
.bg_msg_charater span.close_ch {
	background: url('../images/sta/close.png') 0px 0px no-repeat; background-size: 15px 15px; display: block;
	width: 15px; height: 15px; position: absolute; top: -06px; right: -06px; cursor: pointer; }
.bg_msg_charater p { font-size: 11px; color: #000; text-align: center; padding: 03px 05px 05px 13px; line-height: 15px; word-wrap: break-word; }
.bg_msg_charater p a{ color: #000; text-decoration: none; }*/

/* paging */
	/*.paging .bx-wrapper { margin: 15px 0px; position: relative; }
	.paging .bx-wrapper .bx-viewport { height: 33px !important; width: 49% !important; margin: 0 auto; }
	.paging .bx-wrapper .bx-viewport ul.lst_paging, .paging  ul.lst_paging_noslide { margin: 0 auto; padding: 10px 0px; }
	.paging .bx-wrapper .bx-viewport ul.lst_paging li, .paging  ul.lst_paging_noslide li { width: 52px !important; }
	.paging .bx-wrapper .bx-viewport ul.lst_paging li a, .bx-wrapper .bx-viewport ul.lst_paging li.active,
	.paging  ul.lst_paging_noslide li a, .paging  ul.lst_paging_noslide li.active { 
		position: relative; display: inline-block; width: 40px !important; padding: 10px 5px !important; background: #cdcdcd; color: #000; line-height: 1px; margin-left: 02px; text-decoration: none; color: #000; }
	.paging .bx-wrapper .bx-viewport ul.lst_paging li.active, .paging  ul.lst_paging_noslide li.active { background: #ff9; }
	.paging  ul.lst_paging_noslide li { display:inline-block; }

	.paging .bx-wrapper .bx-pager { display: none; }
	.paging .bx-wrapper .bx-controls{ position: relative; z-index: 5; }
	.paging .bx-wrapper .bx-prev, .bx-wrapper .bx-next {
		background: url('../images/sta/icon_paging.png') no-repeat; width: 75px; height: 30px; display: block;
		-webkit-background-size: 150px 30px; background-size: 150px 30px; text-indent: 9999px;
		position: absolute; top: -29px; }
	.paging .bx-wrapper .bx-prev { left: 05px; background-position: 0 0; }
	.paging .bx-wrapper .bx-next { right: 05px; background-position: -75px 0; }
	.paging .bx-wrapper .bx-viewport.bx-clone { display: none !important; }*/
	
	#paging { margin: 15px 0px; position: relative; width: 170px; height: 21px;/* width: 156px; height: 37px;*/ overflow: hidden; margin: 10px auto 0px; z-index: 2; }
	#paging #scroller ul { list-style: none; padding: 0px; margin: 0px; }
	#paging #scroller li a, #paging #scroller li.active{ 
		float: left; width: 40px !important; padding: 10px 5px !important; background: #cdcdcd; 
		line-height: 1px;  text-decoration: none; color: #000; margin-left: 02px; display: block; }
	#paging #scroller li.active { background: #ff9 !important; }
	
	.pg_nextprev { position: relative; margin-top: -25px; z-index: 1; }
	

.btn_fight {
	background: url('../images/sta/btn_fight.png') 0px 0px no-repeat; background-size: 100px 40px; -webkit-background-size: 100px 40px; 
	display: block; width: 100px; height: 40px; cursor: pointer; margin: 15px auto 0px; text-indent: -9999px; }
	
.areaBorder .active{background:#f98f99;}
.bg_list li.line2{border-bottom: 1px solid #000000;}
.bg_list .line2:nth-child(2n+1){
	background:#fefced;
}
.bg_list li.line2:nth-child(2n){background: #000000;}
.showDetail,.contentArea .bg_red3{border-radius:5px 5px 0 0;padding: 3px 0;}
.contentArea .nameCard{background:#000000;border-radius: 0;}
.openDetailArea{padding: 5px 10px;margin-top: -5px;}
.detailAreaGroup{overflow: hidden;height: 0;}
.bg_list > ul > li { position: relative;padding:6px 3px;border-radius: 5px; margin:0 0 2px;	
}


/****** popup help*******/
.guide_popup{
	position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(33, 33, 33, 0.5); z-index: 999;}
.guide_bg { position: absolute; left: 50%; margin-left: -145px; top: 10%; z-index: 9999; width: 288px;}
.guide_box{
	position: relative; height:345px; width:288px;background: url("/public/images/common/bg_newuser.png")  no-repeat center center ;
	background-size: 288px 345px;  -webkit-background-size: 288px 345px;}
.guide_box .guide_cont{
	position: absolute; left: 25px; top: 155px; color: #1f1f1f; overflow: hidden; width: 240px; height: 135px; }
.guide_box .guide_cont ul{
	height: 135px; overflow: hidden; min-width: 240px; padding: 0px; margin: 0px;
	transition: transform 0ms;-webkit-transition: transform 0ms; transform-origin: 0px 0px 0px;}
.guide_box .guide_cont li{ height: 135px; width: 240px; overflow: hidden; float: left; text-align: left;font-size: 12px; line-height: 17px; word-wrap: break-word; }
.guide_box  .guide_ttl{
	position: absolute; left: 45px; top: 120px; line-height: 25px;
	color: #4f3910; font-size: 15px; display: inline-block; height: 25px; font-weight: bold; width: 200px; text-align: center;}
.btn_guide{
	position: absolute; left: 95px; top: 295px; z-index: 9999; width: 100px; cursor: pointer;
	color: #fff ; background: #b12b2b; border-radius: 10px; border: 1px solid #dab269; padding: 03px; font-weight: bold;
	-webkit-box-shadow: 2px 2px 0px #443d0b;-webkit-animation: light2 1s infinite linear; transition: all 1s;}

.killer_card{ 
	background: url('../images/common/icon_killer.png') no-repeat; -webkit-background-size: 80px 80px; background-size: 80px 80px;
	position: absolute; top: 0px; right: 0px; height: 80px; width: 80px; }


/*Eventpage #51556*/
.SL font{
	font-size: 10px;
	text-shadow: 1px 1px 1px #000;
}
.cover-container{
	width: 100%;
	background-color: #F5E5EC;
	color: #F33;
	border-radius: 10px;
}
.rewards-container{
	width: 300px;
	display: block;
}
.rewards-list-scroll{
	display: inline-block;
	padding-top: 10px;
}
.item-rewards-container{
	float: left;
	width: 70px;
	height: 90px;
	font-size: 12px;
}

/*#51556 Event page*/
.no-rewards-inform{
	width: inherit;
	height: inherit;
	color: red;
	line-height: 60px;
}
.queen-ranking-title{
	padding: 5px;
	margin-top: 5px;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
}
.over-100.hide, .under-100.hide{
    display: none;
}

.item-set-filter{
    background: #fff url(/public/images/sta/bkg_selectbox.png) 210px center no-repeat;
    margin: 10px 0px 0px 15px;
    background-size: 20px 15px;
    border: none;
    width: 240px;
    height: 30px;
    font-size: 14px;
    color: rgb(255, 255, 255);
}
.option-container {
    background: #330000;
    right: 24px;
    border: 2px solid #fff;
    position: absolute;
    width: 230px;
    padding: 5px;
    z-index: 9999;
}
.sub-option-container{
    overflow: hidden;
    height: 150px;
    position: relative;
}
.sub-option-container .option-div{
    width: 95%;
    height: 30px;
    margin: auto;
    line-height: 30px;
    background-color: #691f1f;
    margin-bottom: 1px;
    font-weight: bold;
    text-shadow: 0px 0px 2px #FFF;
    border: none;
    color: #FFF;
    font-size: 14px;
}
.text-filter-item{
    color:#000;
    line-height: 30px;
    font-weight: normal;
}
.invi-class {
    visibility: hidden;
    z-index: -1;
    position: absolute;
}
.checkbox-filter {
     width: 200px;
     margin: 10px auto 0;
     padding-top: 10px;
     height: 40px;
 }
 
.popup-container{
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -158px;
    z-index: 999;
    width: 1px;
    height: 1px;
}
/*.confirm-popup{
    -webkit-transform: translate(6px, -300px) scale(1) translateZ(0px);
    transition: -webkit-transform 300ms ease-in-out;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -webkit-transform-origin: center;
    visibility: hidden;
    position: relative;
    top: 0;
    left: 0;
    width: 270px;
    height: initial;
    min-height: 140px;
    background-color: #330000;
    background-size: 100% 100%;
    border: 2px inset #fff;
    padding: 10px;
    z-index: 3;
    margin-top: -10px;
}*/
.img-close {
    width: 75px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -37px;
    z-index: 9;
}

.scrollable-container{
    transition: -webkit-transform 0ms;
    -webkit-transition: -webkit-transform 0ms;
    -webkit-transform-origin: 0px 0px;
}
.scrollbar-container{
}
.scrollbar-nav{
    top: 0;
    left: 0;
    width: 4px !important;
}
.item-set-filter{
    background: #fff url(/public/images/sta/bkg_selectbox.png) 210px center no-repeat;
    margin: 10px 0px 0px 15px;
    background-size: 20px 15px;
    border: none;
    width: 240px;
    height: 30px;
    font-size: 14px;
    color: rgb(255, 255, 255);
}
.option-container {
     background: #330000;
     right: 24px;
     border: 2px solid #fff;
    position: absolute;
    width: 230px;
    padding: 5px;
    z-index: 9999;
 }
.sub-option-container{
    overflow: hidden;
    height: 150px;
    position: relative;
}
.sub-option-container .option-div{
    width: 95%;
    height: 30px;
    margin: auto;
    line-height: 30px;
    background-color: #691f1f;
    margin-bottom: 1px;
    font-weight: bold;
    /*text-shadow: 0px 0px 2px #FFF;*/
    border: none;
    color: #FFF;
    font-size: 14px;
}
.sub-option-container .option-div.active{
    background: #fff;
    color:#000
}
.text-filter-item{
    color: #000;
    font-weight: normal;
}
.invi-class {
    visibility: hidden;
    z-index: -1;
    position: absolute;
}
.checkbox-filter {
    width: 200px;
    margin: 10px auto 0;
    padding-top: 10px;
    height: 40px;
}

#scroller .active {
    background: #fff;
    color: #000;
}
#mask {
    background: none repeat scroll 0 0 #000;
    z-index: 5;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
}

/*Dog race*/
.navi-dograce{
	width: 80px;
	height: 80px;
}
.dograce_item_img{
	width: 80px;
	float: left;
}
.dograce-baloon{
	font-size: 12px;
	width: 200px;
	height: 40px;
	margin-left: 80px;
	padding-top: 15px;
	padding-left: 10px;
}
.limit-inform-text{
	background-color: #0E1C3A;
	padding: 15px 0;
	margin: -11px 6px -9px 6px;
}
.dograce-input-ratio{
	display: block;
	float: left;
	margin-top: 15px;
}
.dograce-table img{
	margin: 5px 0 0 10px;	
}

.card_icon_new{ 	
  background: url('/public/images/common/icon_new_card.png')  no-repeat; 
  background-position-x: 140px;
  background-size: 90px;
  }
  
  /*warning motion card*/
.motion-card{position:relative;}
.txt-motion-warning{position:absolute;z-index:15;padding:2px 2px !important;font-size:11px;bottom:10px;left:100px}
.txt-motion-warning2{margin:0 0 -5px 7px;left:0;bottom:0;position:relative}

/* user page info (new) */
.user-info-trophy {width: 22%; float: left; text-align: center;}
.user-info-trophy a{
	padding: 0;
}
.user-info-title {width: 58%; float: left;  margin: 0 auto; background: url(../images/common/userpage/guild.png) no-repeat; background-size: 100% 100%;  padding: 12px 0;     line-height: 16px;}
.user-info-title a { color: #fff; text-decoration: none;}
.user-info-left-top {width: 20%; float: left; text-align: center; line-height: 0; margin-top: 4px; }
.user-info-left-top a {
	padding: 0;
	display: block;
}
.user-info-left-top1 a{
	padding: 0px;
}
.user-info-left-top1 img ,.user-info-left-top img{width: 100%; }
.user-info-top {
	margin: 0;
	width: 100%;
	float: left;
}
.user-info-slider .bx-prev {
	background: url('../images/common/userpage/arrow-left.png') no-repeat;
	display: block;
	-webkit-background-size:14px 23px;
	background-size: 14px 23px;
	text-indent: 9999px;
	position: absolute;
    top: 35px;
	background-position: 8px 10px;
    width: 35px;
    height: 40px;
    left:9px;
}

.user-info-slider .bx-next {
	background: url('../images/common/userpage/switching-button.png') no-repeat;
	display: block;
	-webkit-background-size: 28px 23px;
	background-size: 28px 23px;
	text-indent: 9999px;
	position: absolute;
    right: 5px;
    top: 36px;
	background-position: -3px 9px;
    width: 35px;
    height: 40px;
}

.user-info-slider .outside{
	position: absolute;
	z-index: 12;
	top:10px;
	width: 100%;
}
.user-info-slider .bx-wrapper {margin-bottom: 0; position: absolute; border: none;  background: none; padding: 0 3px;}
.bxslider li img {width: 314px;}
#slider-next, #slider-prev {margin: 10px;}
.user-info-slider {
    height: 219px;
    overflow: hidden;
    position: relative;
    margin-top: 11px;
    display: block;
    margin-bottom: 10px;
}
.user-info-main-ct{
	width: 100%;
	position: relative;
	float: left;
	font-size: 12px;
}
.img-border{
	position: absolute;
	z-index: 9;
	top: 0;
}
.user-info-name{
	position: absolute;
	z-index: 10;
	text-align: center;
	width: 100%;
	color: #000;
	line-height: 28px;
    font-size:14px;
}
.user-info-id {
    position: absolute;
    z-index: 10;
    color: #000;
    font-size: 11px;
    padding: 8px 4px;
    left: 39px;
    text-align: center;
    bottom: -11px;
    width: 105px;
}

.user-info-detail-wrp {
	position: absolute;
	right: 0;
	width: 35%;
	height: 123px;
	bottom: 0;
}
.user-info-detail{
	width: 125px;
	right: 3px;
	position: absolute;
	bottom: 8px;
	background:url('../images/common/userpage/profile-window.png') no-repeat;
	padding: 12px;
	text-align: left;
	line-height: 17px;
    background-size: 100%;
    height: 125px;
    font-size: 14px;
    display:none;
}
.user-info-detail-ct{
	width: 100%;
	right: 16px;
    z-index:13;
	position: absolute;
	bottom: 20px;
	padding: 12px 12px 0 12px;
	text-align: left;
	line-height: 17px;
    height: 120px;
    width: 35%;
    font-size: 14px;
    display:none;
}
.user-info-detail-head {
	position: absolute;
    left:-48px;
    bottom: -8px;
	text-align: left;
	z-index: 12;
	border-radius: 6px 0 0;
	cursor: pointer;
    width:100px;
	line-height: 0;
}
.user-info-detail-head img{
	margin-right: 5px;
	width: 24px;
	float: left;
}
#user-info-detail-head-up { display: none;}
.user-info-text {
	background: url('../images/common/userpage/text_bg.png') no-repeat;
	background-size: 100% 100%;
	width: 100%;
	/* height: 62px;
	max-height:62px; */
	float: left;
	margin: 1px 0 10px 0;
	margin: 15px 0 10px 0;
	color: #000;
    min-height:10px;
	position: relative;
	z-index: 14;
    transition: height 2s;
    -webkit-transition: height 2s;
}
.user-info-text .user-info-text-ct{
	padding: 10px;
    text-align:left;
    word-wrap: break-word;
    padding-top: 18px;
    padding-bottom: 18px;
}
.user-info-text-btn {
	width: 100%;
	position: absolute;
	bottom: -10px;
	text-align: center;
}
.user-info-text-btn div{
	width: 27px;
	height: 27px;
	margin:0 auto 0 auto;
	cursor: pointer;
}
.user-info-text-on {
    width: 27px;
	height: 27px;
    background:url("../images/common/userpage/text_on.png") no-repeat;
    background-size: 100%;
    display:none;
}
.user-info-text-off {
    width: 27px;
	height: 27px;
    background:url("../images/common/userpage/text_off.png") no-repeat;
    /*-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);*/
    background-size: 100%;
}
.user-info-detail-head span{
	margin-top: 8px;
	display: block;
	float: left;
}
.unfriend-stt { opacity: 0.5;}
.link-card-collection {
	display: block;
	width: 100%;
	height: 198px;
	position: absolute;
	z-index: 10;
	bottom: 20px;
}
.user-info-edit {
    position: absolute;
    z-index: 13;
    top: 4px;
    right: 55px;
    width: 20px;
}
.user-info-edit a{
	display: block;
	padding: 0;
}
.user-info-text-edit { bottom: -1px; right: 4px; top: inherit;}
.user-info-card-list{
	width: 100%;
	float: left;
}
.user-info-card-list ul li {
	float: left;
	width: 20%;
}
.user-info-card-list ul li a{
	padding: 2px;
	display: block;
}
.user-info-card-list ul li a img{
	width: 100%;
}
.user-info-menu-list{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.user-info-menu-list ul li {
	float: left;
	width: 25%;
}
.user-info-menu-list ul li a{
	/*background: url('../images/common/userpage/btn_bg.png') no-repeat;*/
	background-size: 100% 100%;
	width: 78px;
	height: 30px;
	line-height: 31px;
	color: #fff;
	text-decoration: none;
}
/*.user-info-popup{
	width: 90%;
	margin: 20px auto;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 100;
	background: #f5eed8;
	color: #000;
}*/
.user-info-popup-header {
	background: url('../images/common/userpage/head_bg.jpg') no-repeat;
	background-size: 100% 100%;
	padding: 5px 10px;
	margin: -5px;
}
.user-info-popup .confirm-popup, .user-info-popup .confirm-popup_st, .user-info-popup .confirm-popup_rs {
	border-radius: 0;
	margin-left: -153px;
}
.user-info-popup .confirm-popup span.img-close,.user-info-popup .confirm-popup_st span.img-close_st,.user-info-popup .confirm-popup_rs span.img-close_rs {
	background-size: 100% 100%;
	width: 25px;
	height: 25px;
}
.user-info-trophy-img{
	padding: 10px;
	/* height: 130px; */
}
.user-info-trophy-name{
	padding: 10px;
	margin: -5px;
	font-weight: bold;
	color: #fffc00;
	background: #270202;
	/* text-align: left; */
}
.user-info-trophy-des{
	padding: 10px;
	text-align: left;
}
.shogo-title-top {
	background-image: url('http://ay.mobigame.jp/img/PageImage/1343006342996');
	background-color: #003300;
	border: 1px solid #DAA520;
	border-right: 0;
	border-left: 0;
	padding: 5px 10px;
}
.shogo-tab {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 155px;
	float: left;
	line-height: 22px;
	color: #fff; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.5);;
}
.shogo-tab a { line-height: 22px; color: #fff; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.5);  text-decoration: none;}
.shogo-active-tab {
	background-image: url('../images/common/userpage/active_btn.png');
}
.shogo-unactive-tab {
	background-image: url('../images/common/userpage/unactive_btn.png');
}
.shogo-right-tab {
	padding: 10px 0 10px 0;
	margin-left: 5px;
}
.shogo-left-tab {
	padding: 10px 0 10px 0;
	margin-right: 5px;
}
.shogo-list-wrp{
	margin-top: 10px;
}
.shogo-list-head-top{
	width: 100%;
	float: left;
}
.shogo-list{
	width: 300px;
	background: #c40a20;
	float: left;
	padding: 10px 10px 0 10px;
}
.shogo-list-item {
	float: left;
	background: #72000d;
	width: 280px;
	padding: 10px;
	color: #ff909d;
}
.shogo-list-head{
	padding: 2px 10px;
	background-image: url('../images/common/userpage/title_bg.jpg');
	color: #ffe38b;
	float: left;
	width: 280px;
	line-height: 22px;
	text-align: left;
}
.main-shogo-list {
	padding-bottom: 10px;
}
.shogo-list-ct{
	width: 100%;
	float: left;
	margin-top: -4px;
}
.shogo-item {
	margin: 10px 10px 0 10px;
}
.bx-wrapper a {
	width: 100%;
}

.exist-popup {
	height: 30px !important;;
	min-height: 30px !important;

}
#popup_img{
	/* height: 90% !important;width: auto !important; */
}
.border-thumb{
    position: absolute;
    width: 60px;
}
.user-info-card-list ul li a{
    position: relative;
}

.user-info-trophy-name-list ul li { float:inherit; width: auto; text-align: left; padding: 3px 12px; }
.user-info-trophy-name-list ul li.ct-header{
    padding: 0 5px 10px 5px;
}
.hasbackground{
    z-index: 0;
    background-color: #330000;
    background-size: 100% !important;
    position: fixed;
    top: 0;
    left: 50%;
    width: 320px;
    height: 568px;
    margin: 0 0 0 -160px;

}
.slider-switch {
    position: absolute;
    z-index: 20;
    right: 0;
}
.slider-switch span, .slider-switch span {
	background: url('../images/common/userpage/switching-button.png') no-repeat;
	display: block;
	-webkit-background-size: 100%;
	background-size: 100%;
	text-indent: 9999px;
	position: absolute;
	background-position: center top;
    width: 25px;
    height: 28px;
    right: 1px;
    bottom: -5px;
}
.slider-switch-disabled span{
    background-image: url('../images/common/userpage/switching-button2.png');
}
.user-info-slider .bx-wrapper {
	margin-top: 20px;
}
.select_dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 140px;

}
.select_dropdown * {
  box-sizing: border-box;
}
.select_dropdown .select_title {
  background: #fff url(/public/images/sta/bkg_selectbox.png) right 10px center no-repeat;
  background-size: 20px 15px;
  padding: 0 40px 0 10px;
  border: none;
  width: 100%;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #000;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
}
.select_dropdown .slect_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.select_dropdown .select_content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #330000;
  border: 2px solid #fff;
  position: absolute;
  padding: 5px 10px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
.select_dropdown.active .select_content {
  opacity: 1;
  visibility: visible;
}
.select_dropdown .select_content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 150px;
  overflow: auto;
}
/* width */
.select_dropdown .select_content ul::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.select_dropdown .select_content ul::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.select_dropdown .select_content ul::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.5);
  border: 1px solid #ffffff;
  border-radius: 3px;
}

/* Handle on hover */
.select_dropdown .select_content ul::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.5);
  border: 1px solid #ffffff;
  border-radius: 3px;
}
.select_dropdown .select_content ul li {
  width: 100%;
  height: 30px;
  background-color: #691f1f;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1px;
}
.select_dropdown .select_content ul li.active {
  background: #fff;
  color: #000;
}
.select_dropdown .select_content ul li label {
  width: 100%;
  padding: 5px 10px;
  height: 100%;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.select_dropdown .select_content ul li input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.select_dropdown.show_top .select_content {
  top: auto;
  bottom: 100%;
}
.style_button_center {
  display: inline-block;
  vertical-align: middle;
}