div.alert_notice
{
	border:solid 1px #666666;
	width:288px;
	border-radius   : 2px;
	background:rgba(0,0,0,0.5);
	text-align:left;
	padding:2px;
	color:#dddddd;
	margin:2px auto 2px auto;
	font-size:xx-small;
}

div.free_gacha_frame
{
		color:#ffffff;
		letter-spacing: 1px;
		text-align      : center;
		padding         : 8px 8px;
		margin:0px auto;
		background-image: url( '/img2/free_line.png' );
		background-size:100% 100%;
		background-repeat:no-repeat;
		#border          : solid 3px #ffffff;
		#border-radius   : 5px;
		width: 290px;
		height          : auto 100%;
		font-size       : 12px;
}

div.prem_gacha_frame
{
		color:#ffffff;
		letter-spacing: 1px;
		text-align      : center;
		padding         : 24px 12px;
		margin:0px auto;
		background-image: url( '/img2/prem_line.png' );
		background-size:100% 100%;
		background-repeat:no-repeat;
		#border          : solid 3px #ffffff;
		#border-radius   : 5px;
		width: 290px;
		height          : auto 100%;
		font-size       : 12px;
}


body
{
	#-webkit-user-select: none;
	margin   : 0 auto;
	padding  : 0px;

	width    : 320;

	font-family     : Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', 'Meiryo UI', 'sans-serif';
		font-size       : 14px !important;
		#font-weight     : bold;

	background-color : black;
	color            : white;
}

hr
{
	background-image:url("https://dvl.cytech.bz/img2/sm_akb_html_frame_0005d.png");
	background-size:100% 100%;
	background-repeat:no-repeat;
	width:320;
	height:5px;
	border:none;
	margin: 0px auto;
}


div.mainFrame
{
	position:absolute;
	width:320;
	color:#ffffff;
	background-image:url(/img2/pattern.jpg);
	background-size:100% auto;
	background-repeat:repeat;
}


div.ulTabBar li
{
	border-bottom       : 1px solid #df93f1;
	height              : 60px;
	background-repeat   : no-repeat;
	background-size     : 22px 22px;
	background-position : 290px center;
	background-image    : url(/img2/next.png);
}

div.ulTabBar li:nth-child(odd)
{
	background-color    : rgba(33,33,33,0.7);
	background-image    : url(/img2/next.png);
	background-repeat   : no-repeat;
	background-size     : 22px 22px;
	background-position : 290px center;
}

div.ulTabBar li:nth-child(even)
{
	background-color    : rgba(66,66,66,0.7);
	background-image    : url(/img2/next.png);
	background-repeat   : no-repeat;
	background-size     : 22px 22px;
	background-position : 290px center;
}

#hint
{
	border:solid;
	position:absolute;
	top:43;
	left:290;
	z-index:100;	
	border-radius: 50%;
	padding:4px;
	#width:16px;
	#height:16px;
	background: #3d0049;
	-webkit-animation-name: btnGrow_3;
	-webkit-animation-duration       : 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-direction      : alternate;
	-webkit-animation-delay          : 0s;
}


#deck
{

background-color:rgba(102,51,153,0.5);
height:170.66666666667;

}

#cardDetailView
{
	width:318;
	position:absolute;
	border:solid 1px #dddddd;
	border-radius: 3px;
	display:none;
	top:220px;
	z-index:20;
	background-image:url(/img2/pattern.jpg);
	background-size:100% auto;
	background-repeat:repeat;
}

.shadowCardDisp
{
	width:318;
	#height:200px;
	#height:170.24;
	position:absolute;
	border:solid 1px #dddddd;
	border-radius: 3px;
	display:none;
	top:108px;
	z-index:10;
	background-image:url(/img2/pattern.jpg);
	background-size:100% auto;
	background-repeat:repeat;

}

div.raidRunAwayTime
{
	border-radius:3px;
	border:solid 1px #ff0000;
	background:rgba(255,0,0,0.1);
	color:#ffffff;
	width:288;
	padding:2px;
	margin:3px auto;
	text-align:center;
}

.pants_navigator_message .message
{
	font-size:15px;
	display: table-cell;
	line-height:1em;
	padding:5px;
	margin:0px;
	height:62px;
	background:url(/img2/sm_akb_html_window_0001.png);
	background-size:248px 62px;
	background-repeat:no-repeat;
	color:#4B0082;
	margin:0px;
	vertical-align:top;
	line-height:1em;
	#text-shadow: 1px 1px 2px white; 

}

header.h_menu_off
{
			background-image: url("/img2/sm_akb_html_header_0005a.jpg");
	}

header.h_menu_on
{
			background-image: url("/img2/sm_akb_html_header_0005b.jpg");
	}

.f_menu_off
{
			background-image: url("/img2/sm_akb_html_footer_0005a.jpg");
	}
.f_menu_on
{
			background-image: url("/img2/sm_akb_html_footer_0005b.jpg");
	}

.navigator_message
{
	width:320;
	padding:0px;
	margin:0px;
	height:86px;
	vertical-align:middle;
}

#resultPanel
{
	display:none;
	text-align:center;
	vertical-align:middle;
	background:#000000;
	border-radius:5px;
	position:absolute;
	top:80px;
	left:80;
	z-index:100;
	width:160;
	height:320px;
	background-image:url('/img2/pattern.jpg');
	background-repeat:no-repeat;
	background-size:100% auto;
}