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


















html
{
	#height:600px;
}








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
{
 word-wrap: break-word;

}
a {
text-decoration: none;
}
div.BtnMypage
{
		text-shadow: 2px 2px 3px #000;	
		color:#ffffff;
		letter-spacing: 1px;
		text-align      : center;
		padding         : 8px 8px;
		margin:5px auto 5px;
		background-image: url( '/img2/mypage_button_0001.png' );
		background-size:100% 100%;
		background-repeat:no-repeat;
		border          : solid 1px #ffffff;
		border-radius   : 5px;
		width: 120px;
		height          : auto 100%;
		font-size       : 12px;

}


div.button
{
		#text-shadow: 2px 2px 3px #000;	
		color:#ffffff;
		letter-spacing: 1px;
		text-align      : center;
		padding         : 8px 8px;
		margin			: 5px auto 5px;
		background-image: url( '/img2/sm_akb_html_button_0004a.jpg' );
		background-size : 100% 100%;
		background-repeat:no-repeat;
		border          : solid 1px #333333;
		border-radius   : 5px;
		width			: 120px;
		height          : auto 100%;
		font-size       : 12px;

}

div.button>a
{
	#text-shadow: 2px 2px 3px #000;	
	color:#ffffff;
}
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;
}


input[type="submit"] 
{
		#text-shadow: 2px 2px 3px #000;	
		color:#ffffff;
		text-align      : center;
		margin: 10px auto 10px;
		padding         : 0px 0px;
		background-image: url( '/img2/sm_akb_html_button_0004a.jpg' );
		background-size:100% 100%;
		background-repeat:no-repeat;
		border          : solid 1px #ffffff;
		border-radius   : 10px;
		width: 162px;
		height          : 36px;
		font-size       : 16px;
		outline:none;
	-webkit-box-shadow: 0px 0px 4px 2px #fff;
	
}



@font-face {
  font-family: 'popkk';
    //src: url('/RiiPopkkR.otf') ;
    //src: url('/FOT-CezannePro-B.otf') ;
}

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;
}


a,
a:visited,
a:link,
a:hover,
a:active
{
	color : #FFF700;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section
{
	margin  : 0px;
	padding : 0px;
	display : block;
}

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:15px;
	border:none;
	margin: 0px auto;
}


ul, ol, dl
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

table
{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
td,th
{
/* 	font-size: 15px !important; */
/* 	line-height:16px; */
/* 	font-weight: bold; */
}


img
{
	border: none;
}

form
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h1
{
	font-size:16px;
	color:#7B869A;
    background:url(../img/icon_title.gif);
	margin:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding:15px 0px 0px 25px;
	height:35px;
}
h2
{
	font-size:14px;
	background:url(../img/icon_screen.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 30px;
	color:#7B869A;
	height:28px;
}
h3
{
	color:#ff0099;
	text-align:center;
	font-weight:bold;
}


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

	
}


/* item_list */
table.tbl_item td
{
	/* CommonView::itemListSM */
	color:#ffffff;
	position:static;
}
table.tbl_item td table td
{
	/* CommonView::itemListSM */
	padding: 5px 0px 0px 0px;
	font-weight:normal;
}
table.tbl_item td table td span.item_value
{
	/* CommonView::itemListSM */
	color:#E3C471;
}

div.item_title
{
	/* CommonView::itemListSM */
	/* elementListSM */
	color:#ffffff;
	padding:7px 0 7px 14px;
	background: -webkit-gradient(linear,left top,right bottom,from(#6A6B6C),color-stop(0.5,#6A6B6C),to(#000));
}
div.item_detail
{
	/* CommonView::itemListSM */
	font-size:normal;
	font-weight:normal;
	margin:5px 0 5px 0;
}

/* 内容をﾎﾞｯｸｽ化 */
div.box_horizontal,
ul.box_horizontal
{
	/* CommonView::cardListHtmlSM */
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
}
div.box_horizontal.box_y_center
{
	/* CommonView::cardListHtmlSM */
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
}

div.box_horizontal.box_x_center
{
	/* CommonView::cardListHtmlSM */
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
}

div.box_vertical.box_right {
	-webkit-box-align: end;
	-moz-box-align: end;
	box-align: end;
	float: none; /* 旧Ver競合回避用 */
}

/*--------------------------
* box_all_extend - 全子要素の幅を拡張(等幅化)
* box_extend - 指定した要素の幅を拡張
*/
div.box_all_extend > *,
div.box_extend {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

/* box_all_extend 内の指定した要素の拡張を解除(個別指定) */
div.box_all_extend > .no_extend {
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	box-flex: 0;
}

/*****************************
* ﾏｰｼﾞﾝ
******************************/
/* 5ﾋﾟｸｾﾙ */
.margin {
	margin: 5px;
}

.margin_y {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin_x {
	margin-left: 5px;
	margin-right: 5px;
}

.margin_top {
	margin-top: 5px;
}

.margin_bottom {
	margin-bottom: 5px;
}

.margin_left {
	margin-left: 5px;
}

.margin_right {
	margin-right: 5px;
}

/* 10ﾋﾟｸｾﾙ */
.margin_10 {
	margin: 10px;
}

.margin_y_10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin_x_10 {
	margin-left: 10px;
	margin-right: 10px;
}

.margin_top_5 {
	margin-top: 5px;
}


.margin_top_10 {
	margin-top: 10px;
}

.margin_bottom_10 {
	margin-bottom: 10px;
}

.margin_left_10 {
	margin-left: 10px;
}

.margin_right_10 {
	margin-right: 10px;
}

/* 5ﾋﾟｸｾﾙ */
.padding {
	padding: 5px;
}

.padding_y {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding_x {
	padding-left: 5px;
	padding-right: 5px;
}

.padding_top {
	padding-top: 5px;
}

.padding_bottom {
	padding-bottom: 5px;
}

.padding_left {
	padding-left: 5px;
}

.padding_right {
	padding-right: 5px;
}

/* 10ﾋﾟｸｾﾙ */
.padding_10 {
	padding: 10px;
}

.padding_y_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding_x_10 {
	padding-left: 10px;
	padding-right: 10px;
}

.padding_top_10 {
	padding-top: 10px;
}

.padding_bottom_10 {
	padding-bottom: 10px;
}

.padding_left_10 {
	padding-left: 10px;
}

.padding_right_10 {
	padding-right: 10px;
}


/*****************************
* ﾃｷｽﾄ･ﾌｫﾝﾄ関連
******************************/
/* 行間のｽﾍﾟｰｽを詰める */
.no_line_space,
.no_line_space * {
	line-height: 120%;
}

.txt_center {
	text-align: center;
}

.txt_left {
	text-align: left;
}

.txt_right {
	text-align: right;
}

.fnt_xxsmall {
	font-size: 10px;
}

.fnt_xsmall {
	font-size: 12px;
}

/* 小ﾌｫﾝﾄ */
.fnt_small {
	font-size: 14px;
}

/* 中ﾌｫﾝﾄ(基本) */
.fnt_medium {
	font-size: 16px;
}

/* 大ﾌｫﾝﾄ */
.fnt_large {
	font-size: 18px;
}

.fnt_xlarge {
	font-size: 20px;
}

.fnt_xxlarge {
	font-size: 22px;
}

/* ﾚｱﾘﾃｨｱｲｺﾝ */
	/* 幅（属性） */
	.equip_icon_attr_short,
	.equip_icon_attr_long,
	.equip_icon_attr_sky {
		width: 57px;
		height: 20px;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: 100%, 100%;
		position: absolute;
		left:0px;
	}

	/* 幅（種類） */
	.equip_icon_race_human,
	.equip_icon_race_god,
	.equip_icon_race_beast {
		width: 116px;
		height: 20px;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: 100%, 100%;
		position: absolute;
	}

	/* 幅（ﾚｱﾘﾃｨ） */
	.equip_icon_rarity_n,
	.equip_icon_rarity_n_plus,
	.equip_icon_rarity_n_plus_plus,
	.equip_icon_rarity_r,
	.equip_icon_rarity_r_plus,
	.equip_icon_rarity_r_plus_plus,
	.equip_icon_rarity_sr,
	.equip_icon_rarity_sr_plus,
	.equip_icon_rarity_sr_plus_plus,
	.equip_icon_rarity_ur,
	.equip_icon_rarity_ur_plus,
	.equip_icon_rarity_ur_plus_plus,
	.equip_icon_rarity_lr,
	.equip_icon_rarity_lr_plus,
	.equip_icon_rarity_lr_plus_plus,
	.equip_icon_rarity_gr,
	.equip_icon_rarity_gr_plus,
	.equip_icon_rarity_gr_plus_plus
	{
		width : 93px;
		height: 20px;
		display: inline-block;
		background-repeat: no-repeat;
		background-size: 100%, 100%;
		position: absolute;
		left:0px;//-52px;
	}

	.equip_icon_attr_short {
		z-index:    2;
		background-image: url('/img/html/sm_akb_html_icon_0002a.png');
	}

	.equip_icon_attr_long {
		z-index:    2;
		background-image: url('/img/html/sm_akb_html_icon_0002b.png');
	}

	.equip_icon_attr_sky {
		z-index:    2;
		background-image: url('/img/html/sm_akb_html_icon_0002c.png');
	}

	.equip_icon_race_human {
		z-index:    1;
		background-image: url('/img/html/sm_akb_html_icon_0003a.png');
	}
	.equip_icon_race_god {
		z-index:    1;
		background-image: url('/img/html/sm_akb_html_icon_0003b.png');
	}
	.equip_icon_race_beast {
		z-index:    1;
		background-image: url('/img/html/sm_akb_html_icon_0003c.png');
	}
	.equip_icon_rarity_n,
	.equip_icon_rarity_n_plus,
	.equip_icon_rarity_n_plus_plus
	{
		z-index:    0;
		background-image: url('/img/html/sm_akb_html_icon_0004a.png');
	}
	.equip_icon_rarity_r,
	.equip_icon_rarity_r_plus,
	.equip_icon_rarity_r_plus_plus
	{
		z-index:    0;
		background-image: url('/img/html/sm_akb_html_icon_0004b.png');
	}
	.equip_icon_rarity_sr,
	.equip_icon_rarity_sr_plus,
	.equip_icon_rarity_sr_plus_plus
	{
		z-index:    0;
		background-image: url('/img/html/sm_akb_html_icon_0004c.png');
	}
	.equip_icon_rarity_ur,
	.equip_icon_rarity_ur_plus,
	.equip_icon_rarity_ur_plus_plus
	{
		z-index:    0;
		background-image: url('/img/html/sm_akb_html_icon_0004d.png');
	}
	.equip_icon_rarity_lr,
	.equip_icon_rarity_lr_plus,
	.equip_icon_rarity_lr_plus_plus
	{
		z-index:    0;
		background-image: url('/img/html/sm_akb_html_icon_0004e.png');
	}
	.equip_icon_rarity_gr,
	.equip_icon_rarity_gr_plus,
	.equip_icon_rarity_gr_plus_plus
	{
		z-index:    0;
		background-image: url('/img/html/sm_akb_html_icon_0004f.png');
	}



/* ﾎﾞﾀﾝ */
	div.btnLarge,
	div.btnLargeCSS,
	div.btnLargeCSS_disabled
	{

		#text-shadow: 2px 2px 3px #000;	
		color:#ffffff;
		text-align      : center;
		margin:5px auto 5px;
		padding         : 8px 0px;
		background-image: url( '/img2/sm_akb_html_button_0033b.png' );
		background-size : 100% 100%;
		border          : solid 2px #ffffff;
		border-radius   : 10px;
		height          : 20px;;
		font-size       : 18px;
	}


	div.btnLargeCSS_disabled
	{
		background-image:url( '/img2/sm_akb_html_button_0034b.png' );
		border          : solid 2px #cccccc;
	}
	div.btnLargeCSS_center
	{
		margin:10px auto 10px;
	}

	@-webkit-keyframes btnGrowCSS_grow
	{
		from
		{
			-webkit-box-shadow: 0px 0px 4px 2px #fff;

			 #filter:drop-shadow(0px 0px 4px 2px #fff);


		}
		to
		{
			-webkit-box-shadow: 0px 0px 0px 0px #fff;
			#filter:drop-shadow(0px 0px 0px 0px #fff);

		}
	}



	div.btnLargeCSS_grow
	{
		-webkit-animation-name           : btnGrowCSS_grow;
		-webkit-animation-duration       : 0.5s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in;
		-webkit-animation-direction      : alternate;
		-webkit-animation-delay          : 0s;
	}



	btnLarge:hover
{
		-webkit-animation-name           : btnGrowCSS_hover;
		-webkit-animation-duration       : 0.5s;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: ease-in;
		-webkit-animation-direction      : alternate;
		-webkit-animation-delay          : 0s;
	
}
	


	div.btnLarge > a,
	div.btnLargeCSS > a,
	div.btnLargeCSS input,
	div.btnLargeCSS_disabled span
	{
		font-family     : Helvetica, Arial, 'ﾋﾗｷﾞﾉ角ｺﾞ ProN W3', 'ﾓﾘｻﾜ 新ｺﾞ R', 'Droid Sans', 'Meiryo UI', 'sans-serif';
		border-style    : none;
		padding:0px;
		margin-top:0px;
		text-decoration : none;
		display         : block;
		color           : #ffffff;
		text-decoration : none;
		letter-spacing  : 0px;
		width           : 100%;
		height          : 100%;
		font-weight: none;
	}
	div.btnLargeCSS input,
	div.btnLargeCSS_disabled span
	{
		border:none;
		background-color: transparent;
		height :100%;
		width  :100%;
		text-align:center;
	}
	div.btnLargeCSS input
	{
		font-size:18px;
	}
	div.btnLargeCSS_disabled span
	{
		color : #ffffff !important;
	}

	div.btnLarge > a:link,
	div.btnLarge > a:hover,
	div.btnLarge > a:active,
	div.btnLarge > a:visited,
	div.btnLargeCSS > a:link,
	div.btnLargeCSS > a:hover,
	div.btnLargeCSS > a:active,
	div.btnLargeCSS > a:visited
	{
		color: #ffffff;
		text-decoration: none;
	}
	/**/
	div.btnLarge_center
	{
		margin:10px auto; 10px';
	}

	div.btnLarge_1,
	div.btnLarge_2,
	div.btnLarge_3
	{
		text-align:center;
		background-repeat: no-repeat;
		-moz-background-size:100% 100%;
		background-size:100% 100%;
		padding: 15px 0 12px 0;
		border-style:none;
		width:200px;
		border-radius: 9px;
	}
	div.btnLarge_1
	{
		background-image: url( /img2/sm_akb_html_button_0004a.jpg );
	}
	div.btnLarge_2
	{
		background-image: url( /img2/sm_akb_html_button_0005a.jpg );
	}
	div.btnLarge_3
	{
		background-image: url( /img2/sm_akb_html_button_0006a.jpg );
	}
	div.btnLarge_1_grow,
	div.btnLarge_2_grow,
	div.btnLarge_3_grow
	{
		-webkit-animation-duration: 0.5s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in;
		-webkit-animation-direction: alternate;
		-webkit-animation-delay: 0s;
	}

	div.btnLarge_1_grow
	{
		-webkit-animation-name: btnGrow_1;
	}
	div.btnLarge_2_grow
	{
		-webkit-animation-name: btnGrow_2;
	}
	div.btnLarge_3_grow
	{
		-webkit-animation-name: btnGrow_3;
	}


	@-webkit-keyframes btnGrow_1
	{
		from {
			-webkit-box-shadow: 0px 0px 10px 3px red;
		}
		to {
			-webkit-box-shadow: 0px 0px 0px 0px red;
		}
	}
	@-webkit-keyframes btnGrow_2
	{
		from {
			-webkit-box-shadow: 0px 0px 10px 3px blue;
		}
		to {
			-webkit-box-shadow: 0px 0px 0px 0px blue;
		}
	}
	@-webkit-keyframes btnGrow_3
	{
		from {
			-webkit-box-shadow: 0px 0px 10px 3px gray;
		}
		to {
			-webkit-box-shadow: 0px 0px 0px 0px gray;
		}
	}



	div.btnLarge a
	{
		display:block;
		color:#ffebbb;
		font-weight:bold;
		text-decoration:none;
		letter-spacing: 1px;
	}

	.btn_base.btn_flex {
		display: inline-block;
	}
	.btn_base > a
	{
		width   :100%;
		height  : 100%;
		display : block;
	}
	.btn_base > a:link,
	.btn_base > a:hover,
	.btn_base > a:active,
	.btn_base > a:visited {
		color: #ffffff;
		text-decoration: none;
	}

	.btn_base > button,
	.btn_base > input[type="button"],
	.btn_base > input[type="submit"] {
		color: #ffffff;
		font-size: 15px;
	}

	/* 矢印ﾎﾞﾀﾝ */
	.btn_arrowed,
	.btn_arrowed_up,
	.btn_arrowed_down,
	.btn_arrowed_left,
	.btn_arrowed_left_up,
	.btn_arrowed_left_down {
		position: relative;
		overflow: hidden;
	}

	/* 矢印 */
	.btn_arrowed > a,
	.btn_arrowed_up > a,
	.btn_arrowed_down > a {
		margin-left: -4px;
	}

	/* 矢印 */
	.btn_arrowed:after {
		content: "";
		height: 6px;
		width: 6px;
		margin-top: -4px;
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}

	/* 矢印(上向き) */
	.btn_arrowed_up:after {
		content: "";
		height: 6px;
		width: 6px;
		margin-top: -3px;
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		border-top: solid 2px #fff;
		border-left: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}

	/* 矢印(下向き) */
	.btn_arrowed_down:after {
		content: "";
		height: 6px;
		width: 6px;
		margin-top: -6px;
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		border-right: solid 2px #fff;
		border-bottom: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}

	/* 矢印(左配置) */
	.btn_arrowed_left > a,
	.btn_arrowed_left_up > a,
	.btn_arrowed_left_down > a {
		margin-left: 4px;
	}

	/* 矢印(左配置) */
	.btn_arrowed_left:after {
		content: "";
		height: 6px;
		width: 6px;
		margin-top: -4px;
		display: block;
		position: absolute;
		top: 50%;
		left: 10px;
		border-left: solid 2px #fff;
		border-bottom: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}

	/* 矢印(左配置, 上向き) */
	.btn_arrowed_left_up:after {
		content: "";
		height: 6px;
		width: 6px;
		margin-top: -3px;
		display: block;
		position: absolute;
		top: 50%;
		left: 10px;
		border-top: solid 2px #fff;
		border-left: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}

	/* 矢印(左配置, 下向き) */
	.btn_arrowed_left_down:after {
		content: "";
		height: 6px;
		width: 6px;
		margin-top: -6px;
		display: block;
		position: absolute;
		top: 50%;
		left: 10px;
		border-right: solid 2px #fff;
		border-bottom: solid 2px #fff;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}
/* */
	.btn_check_small,
	.btn_check_medium,
	.btn_check_large {
		height: 30px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		line-height: 30px;
		text-align: center;
		border-radius: 3px;
		border: solid 1px transparent;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-origin: border-box;
	}

	.btn_check_small {
		text-indent: 15px;
	}

	.btn_check_small > label,
	.btn_check_medium > label,
	.btn_check_large > label {
		height: 100%;
		width: 100%;
		padding-left: 3px;
		line-height: 28px;
		display: block;
		position: absolute;
		z-index: 0;
		color: #ffffff;
		border-radius: 3px;
		border: solid 1px #666;
		background: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop(50%, #444), color-stop(50%, #222), to(#444));
		background: -moz-linear-gradient(top, #666 0%, #444 50%, #222 50%, #444 100%);
		background: linear-gradient(top, #666 0%, #444 50%, #222 50%, #444 100%);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.btn_check_small > input[type="checkbox"],
	.btn_check_medium > input[type="checkbox"],
	.btn_check_large > input[type="checkbox"] {
		height: 100%;
		width: 100%;
		margin: 0px;
		display: block;
		position: absolute;
		z-index: 1;
		left: 0px;
		border-radius: 3px;
		background-color: transparent; /* iOSﾊﾞｸﾞ対策 */
		-webkit-tap-highlight-color: transparent;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.btn_check_small > input[type="checkbox"]:checked + label,
	.btn_check_medium > input[type="checkbox"]:checked + label,
	.btn_check_large > input[type="checkbox"]:checked + label {
		border: solid 1px #600;
		text-shadow: 0px 0px 1px #600, 0px 0px 1px #600, 0px 0px 1px #600, 0px 0px 1px #600, 0px 0px 1px #600;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(170, 0, 0, 1)), color-stop(50%, rgba(102, 0, 0, 1)), color-stop(50%, rgba(68, 0, 0, 1)), color-stop(100%, rgba(170, 0, 0, 1)));
		background: -moz-linear-gradient(top, rgba(170, 0, 0, 1) 0%, rgba(102, 0, 0, 1) 50%, rgba(68, 0, 0, 1) 50%, rgba(170, 0, 0, 1) 100%);
		background: linear-gradient(top, rgba(170, 0, 0, 1) 0%, rgba(102, 0, 0, 1) 50%, rgba(68, 0, 0, 1) 50%, rgba(170, 0, 0, 1) 100%);
	}

	.btn_check_small > input[type="checkbox"] + label::after,
	.btn_check_medium > input[type="checkbox"] + label::after,
	.btn_check_large > input[type="checkbox"] + label::after {
		content: "";
		height: 15px;
		width: 15px;
		margin-top: -8px;
		display: block;
		position: absolute;
		top: 50%;
		left: 5px;
		background-image: url('/img2/sm_akb_html_button_0027.png ');
		background-repeat: no-repeat;
		background-size: 30px 15px;
		background-position: 0px 0px;
	}

	.btn_check_small > input[type="checkbox"]:checked + label::after,
	.btn_check_medium > input[type="checkbox"]:checked + label::after,
	.btn_check_large > input[type="checkbox"]:checked + label::after {
		background-position: -15px 0px;
	}

/* 何に使ってるかさっぱり分からなくなるね */
	.block_style_standard,
	.block_style_offensive,
	.block_style_dark,
	.block_style_defensive,
	.block_style_evil {
		padding: 8px;
		border-radius: 2px;
	}

	/* 新ﾎﾞﾀﾝ */
	.btn_small,
	.btn_medium,
	.btn_medium_large,
	.btn_large,
	.btn_offensive_small,
	.btn_offensive_medium,
	.btn_offensive_large,
	.btn_defensive_small,
	.btn_defensive_medium,
	.btn_defensive_large,
	.btn_evil_small,
	.btn_evil_medium,
	.btn_evil_large {
		padding: 8px 0px;
		border-radius: 3px;
	}

	.btn_base.btn_small,
	.btn_base.btn_medium,
	.btn_base.btn_medium_large,
	.btn_base.btn_large,
	.btn_base.btn_offensive_small,
	.btn_base.btn_offensive_medium,
	.btn_base.btn_offensive_large,
	.btn_base.btn_defensive_small,
	.btn_base.btn_defensive_medium,
	.btn_base.btn_defensive_large,
	.btn_base.btn_evil_small,
	.btn_base.btn_evil_medium,
	.btn_base.btn_evil_large {
		padding: 0px;
	}

	.btn_base.btn_small > a,
	.btn_base.btn_medium > a,
	.btn_base.btn_medium_large > a,
	.btn_base.btn_large > a,
	.btn_base.btn_offensive_small > a,
	.btn_base.btn_offensive_medium > a,
	.btn_base.btn_offensive_large > a,
	.btn_base.btn_defensive_small > a,
	.btn_base.btn_defensive_medium > a,
	.btn_base.btn_defensive_large > a,
	.btn_base.btn_evil_small > a,
	.btn_base.btn_evil_medium > a,
	.btn_base.btn_evil_large > a {
		padding: 8px 0px;
	}

	.btn_base.btn_small > button,
	.btn_base.btn_medium > button,
	.btn_base.btn_medium_large > button,
	.btn_base.btn_large > button,
	.btn_base.btn_offensive_small > button,
	.btn_base.btn_offensive_medium > button,
	.btn_base.btn_offensive_large > button,
	.btn_base.btn_defensive_small > button,
	.btn_base.btn_defensive_medium > button,
	.btn_base.btn_defensive_large > button,
	.btn_base.btn_evil_small > button,
	.btn_base.btn_evil_medium > button,
	.btn_base.btn_evil_large > button,
	.btn_base.btn_small > input[type="button"],
	.btn_base.btn_medium > input[type="button"]
	.btn_base.btn_medium_large > input[type="button"],
	.btn_base.btn_large > input[type="button"],
	.btn_base.btn_offensive_small > input[type="button"],
	.btn_base.btn_offensive_medium > input[type="button"],
	.btn_base.btn_offensive_large > input[type="button"],
	.btn_base.btn_defensive_small > input[type="button"],
	.btn_base.btn_defensive_medium > input[type="button"],
	.btn_base.btn_defensive_large > input[type="button"],
	.btn_base.btn_evil_small > input[type="button"],
	.btn_base.btn_evil_medium > input[type="button"],
	.btn_base.btn_evil_large > input[type="button"],
	.btn_base.btn_small > input[type="submit"],
	.btn_base.btn_medium > input[type="submit"],
	.btn_base.btn_medium_large > input[type="submit"],
	.btn_base.btn_large > input[type="submit"],
	.btn_base.btn_offensive_small > input[type="submit"],
	.btn_base.btn_offensive_medium > input[type="submit"],
	.btn_base.btn_offensive_large > input[type="submit"],
	.btn_base.btn_defensive_small > input[type="submit"],
	.btn_base.btn_defensive_medium > input[type="submit"],
	.btn_base.btn_defensive_large > input[type="submit"],
	.btn_base.btn_evil_small > input[type="submit"],
	.btn_base.btn_evil_medium > input[type="submit"],
	.btn_base.btn_evil_large > input[type="submit"] {
		height: 38px;
		padding: 0px;
		font-size: 15px;
	}


	

	.btn_small,
	.btn_medium,
	.btn_medium_large,
	.btn_large,
	.block_style_standard {
	/*
		border: solid 1px #888;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(102, 102, 102, 0.8)), color-stop(100%, rgba(51, 51, 51, 0.8)));
		background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.8) 0%, rgba(51, 51, 51, 0.8) 100%);
		background: linear-gradient(top, rgba(102, 102, 102, 0.8) 0%, rgba(51, 51, 51, 0.8) 100%);
	*/
		border: solid 1px #666;
		background: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop(50%, #444), color-stop(50%, #222), to(#444));
		background: -moz-linear-gradient(top, #666 0%, #444 50%, #222 50%, #444 100%);
		background: linear-gradient(top, #666 0%, #444 50%, #222 50%, #444 100%);

	}

	.btn_offensive_small,
	.btn_offensive_medium,
	.btn_offensive_large,
	.block_style_offensive {
		border: solid 1px #700;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(80, 0, 0, 0.8)), color-stop(100%, rgba(150, 0, 0, 0.8)));
		background: -moz-linear-gradient(top, rgba(80, 0, 0, 0.8) 0%, rgba(150, 0, 0, 0.8) 100%);
		background: linear-gradient(top, rgba(80, 0, 0, 0.8) 0%, rgba(150, 0, 0, 0.8) 100%);
	}

	.btn_dark_small,
	.btn_dark_medium,
	.btn_dark_large,
	.block_style_dark {
		border: solid 1px #333;

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(80, 80, 80, 0.8)), color-stop(100%, rgba(10, 10, 10, 0.8)));
		background: -moz-linear-gradient(top, rgba(80, 80, 80, 0.8) 0%, rgba(10, 10, 10, 0.8) 100%);
		background: linear-gradient(top, rgba(80, 80, 80, 0.8) 0%, rgba(10, 10, 10, 0.8) 100%);

	}

	.btn_defensive_small,
	.btn_defensive_medium,
	.btn_defensive_large,
	.block_style_defensive {
		border: solid 1px #007;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 50, 0.8)), color-stop(100%, rgba(0, 0, 120, 0.8)));
		background: -moz-linear-gradient(top, rgba(0, 0, 50, 0.8) 0%, rgba(0, 0, 120, 0.8) 100%);
		background: linear-gradient(top, rgba(0, 0, 50, 0.8) 0%, rgba(0, 0, 120, 0.8) 100%);
	}

	.btn_evil_small,
	.btn_evil_medium,
	.btn_evil_large,
	.block_style_evil {
		border: solid 1px #707;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(75, 0, 60, 0.8)), color-stop(100%, rgba(130, 0, 100, 0.8)));
		background: -moz-linear-gradient(top, rgba(75, 0, 60, 0.8) 0%, rgba(130, 0, 100, 0.8) 100%);
		background: linear-gradient(top, rgba(75, 0, 60, 0.8) 0%, rgba(130, 0, 100, 0.8) 100%);
	}

	.btn_small,
	.btn_offensive_small,
	.btn_defensive_small,
	.btn_evil_small,
	.btn_check_small {
		width: 95px;
	}

	.btn_medium,
	.btn_offensive_medium,
	.btn_defensive_medium,
	.btn_evil_medium,
	.btn_check_medium {
		width: 140px;
	}

	.btn_large,
	.btn_offensive_large,
	.btn_defensive_large,
	.btn_evil_large,
	.btn_check_large {
		width: 294px;
	}

	.btn_medium_large {
		width: 260px;
	}

	/* standard */
	.block_style_standard .btn_xsmall,
	.block_style_standard .btn_small,
	.block_style_standard .btn_medium,
	.block_style_standard .btn_large,
	.block_style_standard .block_style_standard {
		border-color: #333;
		box-shadow: 0px 1px 2px #aaa;
	}

	.block_style_offensive .btn_xsmall,
	.block_style_offensive .btn_small,
	.block_style_offensive .btn_medium,
	.block_style_offensive .btn_large,
	.block_style_offensive .block_style_standard {
		border-color: #333;
		box-shadow: 0px 1px 2px #c00;
	}

	.block_style_dark .btn_xsmall,
	.block_style_dark .btn_small,
	.block_style_dark .btn_medium,
	.block_style_dark .btn_large,
	.block_style_dark .block_style_standard {
		border-color: #333;
		box-shadow: 0px 1px 2px #333;
	}

	.block_style_defensive .btn_xsmall,
	.block_style_defensive .btn_small,
	.block_style_defensive .btn_medium,
	.block_style_defensive .btn_large,
	.block_style_defensive .block_style_standard {
		border-color: #222;
		box-shadow: 0px 1px 2px #00c;
	}

	.block_style_evil .btn_xsmall,
	.block_style_evil .btn_small,
	.block_style_evil .btn_medium,
	.block_style_evil .btn_large,
	.block_style_evil .block_style_standard {
		border-color: #333;
		box-shadow: 0px 1px 2px #a0a;
	}

	/* offensive */
	.block_style_standard .btn_offensive_small,
	.block_style_standard .btn_offensive_medium,
	.block_style_standard .btn_offensive_large,
	.block_style_standard .block_style_offensive {
		border-color: #400;
		box-shadow: 0px 1px 2px #aaa;
	}

	.block_style_offensive .btn_offensive_small,
	.block_style_offensive .btn_offensive_medium,
	.block_style_offensive .btn_offensive_large,
	.block_style_offensive .block_style_offensive {
		border-color: #300;
		box-shadow: 0px 1px 2px #c00;
	}

	.block_style_defensive .btn_offensive_small,
	.block_style_defensive .btn_offensive_medium,
	.block_style_defensive .btn_offensive_large,
	.block_style_defensive .block_style_offensive {
		border-color: #400;
		box-shadow: 0px 1px 2px #00d;
	}

	.block_style_evil .btn_offensive_small,
	.block_style_evil .btn_offensive_medium,
	.block_style_evil .btn_offensive_large,
	.block_style_evil .block_style_offensive {
		border-color: #400;
		box-shadow: 0px 1px 2px #a0a;
	}

	/* defensive */
	.block_style_standard .btn_defensive_small,
	.block_style_standard .btn_defensive_medium,
	.block_style_standard .btn_defensive_large,
	.block_style_standard .block_style_defensive {
		border-color: #003;
		box-shadow: 0px 1px 2px #aaa;
	}

	.block_style_offensive .btn_defensive_small,
	.block_style_offensive .btn_defensive_medium,
	.block_style_offensive .btn_defensive_large,
	.block_style_offensive .block_style_defensive {
		border-color: #003;
		box-shadow: 0px 1px 2px #c00;
	}

	.block_style_defensive .btn_defensive_small,
	.block_style_defensive .btn_defensive_medium,
	.block_style_defensive .btn_defensive_large,
	.block_style_defensive .block_style_defensive {
		border-color: #000;
		box-shadow: 0px 1px 2px #00f;
	}

	.block_style_evil .btn_defensive_small,
	.block_style_evil .btn_defensive_medium,
	.block_style_evil .btn_defensive_large,
	.block_style_evil .block_style_defensive {
		border-color: #003;
		box-shadow: 0px 1px 2px #a0a;
	}

	/* evil */
	.block_style_standard .btn_evil_small,
	.block_style_standard .btn_evil_medium,
	.block_style_standard .btn_evil_large,
	.block_style_standard .block_style_evil {
		border-color: #303;
		box-shadow: 0px 1px 2px #aaa;
	}

	.block_style_offensive .btn_evil_small,
	.block_style_offensive .btn_evil_medium,
	.block_style_offensive .btn_evil_large,
	.block_style_offensive .block_style_evil {
		border-color: #303;
		box-shadow: 0px 1px 2px #c00;
	}

	.block_style_defensive .btn_evil_small,
	.block_style_defensive .btn_evil_medium,
	.block_style_defensive .btn_evil_large,
	.block_style_defensive .block_style_evil {
		border-color: #303;
		box-shadow: 0px 1px 2px #00d;
	}

	.block_style_evil .btn_evil_small,
	.block_style_evil .btn_evil_medium,
	.block_style_evil .btn_evil_large,
	.block_style_evil .block_style_evil {
		border-color: #202;
		box-shadow: 0px 1px 2px #c0c;
	}

/* ﾘｽﾄ */
	ul.lst_info li,
	ul.lst_info dt {
		padding: 10px 15px;
		text-align: left;
		border-top: solid 1px #444;
		border-bottom: solid 1px #000;
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(10, 10, 10, 1)), color-stop(50%, rgba(60, 60, 60, 1)), color-stop(100%, rgba(10, 10, 10, 1)));
		background: -moz-linear-gradient(left, rgba(10, 10, 10, 1) 0%, rgba(60, 60, 60, 1) 50%, rgba(10, 10, 10, 1) 100%);
		background: linear-gradient(left, rgba(10, 10, 10, 1) 0%, rgba(60, 60, 60, 1) 50%, rgba(10, 10, 10, 1) 100%);
		font-size: 15px;
	}

	ul.lst_info li.offensive {
		border-top: solid 1px #900;
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(50, 0, 0, 1)), color-stop(50%, rgba(140, 0, 0, 1)), color-stop(100%, rgba(50, 0, 0, 1)));
		background: -moz-linear-gradient(left, rgba(50, 0, 0, 1) 0%, rgba(140, 0, 0, 1) 50%, rgba(50, 0, 0, 1) 100%);
		background: linear-gradient(left, rgba(50, 0, 0, 1) 0%, rgba(140, 0, 0, 1) 50%, rgba(50, 0, 0, 1) 100%);
	}

	ul.lst_info li.defensive {
		border-top: solid 1px #009;
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 40, 1)), color-stop(50%, rgba(0, 0, 130, 1)), color-stop(100%, rgba(0, 0, 40, 1)));
		background: -moz-linear-gradient(left, rgba(0, 0, 40, 1) 0%, rgba(0, 0, 130, 1) 50%, rgba(0, 0, 40, 1) 100%);
		background: linear-gradient(left, rgba(0, 0, 40, 1) 0%, rgba(0, 0, 130, 1) 50%, rgba(0, 0, 40, 1) 100%);
	}

	ul.lst_info li.evil {
		border-top: solid 1px #707;
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30, 0, 30, 1)), color-stop(50%, rgba(90, 0, 90, 1)), color-stop(100%, rgba(30, 0, 30, 1)));
		background: -moz-linear-gradient(left, rgba(30, 0, 30, 1) 0%, rgba(90, 0, 90, 1) 50%, rgba(30, 0, 30, 1) 100%);
		background: linear-gradient(left, rgba(30, 0, 30, 1) 0%, rgba(90, 0, 90, 1) 50%, rgba(30, 0, 30, 1) 100%);
	}

	ul.lst_info li.btn_base {
		padding: 0px;
	}

	ul.lst_info dt.btn_base {
		padding:10px 15px;
	}

	ul.lst_info li.btn_base > a {
		padding: 10px 15px;
	}

	ul.lst_info li:nth-child(even),
	ul.lst_info dt:nth-child(even) {
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(30, 30, 30, 1)), color-stop(50%, rgba(80, 80, 80, 1)), color-stop(100%, rgba(30, 30, 30, 1)));
	}

	ul.lst_info.lst_more li{
		padding: 0px !important;
	}

	ul.lst_info.lst_more li a span{
		display: block;
		text-align: right;
		padding-right: 35px;
	}


/* ｽｲｯﾁ･ﾀﾌﾞ共通 */
	.btn_switch,
	.btn_tabs {
		text-shadow: 2px 2px 3px #000;	
		padding: 0px 0px;
		display: -webkit-box;
		display: -moz-box;
		display: box;
	}

	.btn_switch li,
	.btn_tabs li {
		width: 100%;
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;
		border-radius: 0px;
		text-align:center;
	}

	.btn_switch li > a,
	.btn_tabs li > a {
		height: 100%;
		width: 100%;
		display: block;
		color: #ccc;
		text-decoration: none;
	}

	.btn_switch li,
	.btn_tabs li {
		height: 30px;
		line-height: 32px;
	}

	/* ｽｲｯﾁ */
	.btn_switch li {
		border: solid 1px #666;
		background: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop(50%, #444), color-stop(50%, #222), to(#444));
		background: -moz-linear-gradient(top, #666 0%, #444 50%, #222 50%, #444 100%);
		background: linear-gradient(top, #666 0%, #444 50%, #222 50%, #444 100%);
	}

	.btn_switch li.current {
		/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(170, 0, 0, 1)), color-stop(50%, rgba(102, 0, 0, 1)), color-stop(50%, rgba(68, 0, 0, 1)), color-stop(100%, rgba(170, 0, 0, 1)));*/
		/*background: -moz-linear-gradient(top, rgba(170, 0, 0, 1) 0%, rgba(102, 0, 0, 1) 50%, rgba(68, 0, 0, 1) 50%, rgba(170, 0, 0, 1) 100%);*/
		/*background: linear-gradient(top, rgba(170, 0, 0, 1) 0%, rgba(102, 0, 0, 1) 50%, rgba(68, 0, 0, 1) 50%, rgba(170, 0, 0, 1) 100%);*/
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(58,58,58,1)), color-stop(100%,rgba(26,26,26,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(58,58,58,1) 50%,rgba(26,26,26,1) 100%);
	}

	.btn_switch li:first-child {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.btn_switch li:last-child {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.btn_switch li:not(:last-child) {
		border-right: none;
	}

	/* ﾀﾌﾞ */
	.btn_tabs {
		border-top: solid 1px #666;
		/*border-bottom: solid 5px rgba(170, 0, 0, 1);*/
		/*border-bottom: solid 5px #000;*/
		background: -webkit-gradient(linear, left top, left bottom, from(#666), color-stop(50%, #444), color-stop(50%, #222), to(#444));
		background: -moz-linear-gradient(top, #666 0%, #444 50%, #222 50%, #444 100%);
		background: linear-gradient(top, #666 0%, #444 50%, #222 50%, #444 100%);
	}

	.btn_tabs li:not(:last-child) {
		border-right: solid 1px #333;
	}

	.btn_tabs li.current {
		height: 35px;
		margin-top: -5px;
		line-height: 40px;
		color: #ffffff;
		/*border: solid 1px rgba(170, 0, 0, 1);*/
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(170, 0, 0, 1)), color-stop(56%, rgba(102, 0, 0, 1)), color-stop(56%, rgba(68, 0, 0, 1)), color-stop(100%, rgba(170, 0, 0, 1)));*/
		/*background: -moz-linear-gradient(top, rgba(170, 0, 0, 1) 0%, rgba(102, 0, 0, 1) 56%, rgba(68, 0, 0, 1) 56%, rgba(170, 0, 0, 1) 100%);*/
		/*background: linear-gradient(top, rgba(170, 0, 0, 1) 0%, rgba(102, 0, 0, 1) 56%, rgba(68, 0, 0, 1) 56%, rgba(170, 0, 0, 1) 100%);*/
		border: 1px solid #666;
		border-bottom: none;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%);
	}

/* 点滅 */
	.blink {
		-webkit-animation: blink 1s ease-in 1s infinite alternate;
	}

	@-webkit-keyframes blink {
		from {
			opacity: 1;
		}
		to {
			opacity: 0;
		}
	}

/* ｾｸｼｮﾝ */
	.section{
		border: 1px solid #535353;
		border-radius: 10px;
		background-color: #1C1C1C;
		overflow: hidden;
	}

	.section.gradient_gray{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,58,58,1)), color-stop(100%,rgba(26,26,26,1)));
		background: -webkit-linear-gradient(top, rgba(58,58,58,1) 0%,rgba(26,26,26,1) 100%);
	}

	.section_header{
		margin: 5px;
		padding: 5px 0px;
		border: 1px solid #333;
		border-radius: 10px;
		font-size: 15px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,58,58,1)), color-stop(100%,rgba(26,26,26,1)));
		background: -webkit-linear-gradient(top, rgba(58,58,58,1) 0%,rgba(26,26,26,1) 100%);
	}


	.section .lst_info li:last-child{
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

/* ｾﾚｸﾄﾎﾞｯｸｽ */
	select.select_small,
	select.select_medium,
	select.select_large {
		height: 30px;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px 26px 0px 8px;
		display: block;
		overflow: hidden;
		vertical-align: baseline;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-shadow: inherit;
		font-size: 15px;
		font-weight: bold;
		color: inherit;
		border: none;
		border-radius: 5px;
		background-color: #333;
		background-image: url( '/img2/sm_akb_html_button_0024.png');
		background-repeat: no-repeat;
		background-size: 293px 69px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		appearance: none;
	}

	select.select_small {
		width: 95px;
		background-position: -150px -40px;
	}

	select.select_medium {
		width: 140px;
		background-position: 0px -40px;
	}

	select.select_large {
		width: 294px;
		background-position: 0px 0px;
	}

/* CommonView::cardListHtmlSM */
div.cardListUnit
{
	margin-top:4px;
}
	.cardListCommon {
		margin-right: 10px;
		margin-left: 3px;
		padding: 3px;
		border: 2px solid #3a3a3a;
		background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#111), color-stop(0.5, #333), to(#111));
		border-radius: 5px;
		position:relative;
		margin-bottom:10px;
	}

	.cardListCommon table {
		border-collapse: separate;
		border-spacing: 2px;
		color: #ffffff;
	}
	.cardListCommon table td
	{
		background-color : #666666;
		padding:2px;
		color: #ddd;
		font-size:12px;
	}
	.cardListCommon table th
	{
		background-color : #ff3399;
		padding:2px;
		color: #333333;
		font-size:12px;
	}

	div.unitName
	{
		background-size : 100% 100%;
	}

div.boxListLink {
	/* script/box_gacha_situation.php */
	align      : right;
	text-align : right;
	padding    : 10px;
}

table.tbl_deckInfo  {
	/* ｢.tbl_deckInfo table｣を｢table.tbl_deckInfo｣に修正 */
	border-collapse : separate;
	border-spacing  : 2px;
}

/*
 ｸｴｽﾄで表示する情報ｱｲｺﾝ用
*/
div.questInfo
{
	margin           : auto auto;
	background-image : url( '/img2/sm_akb_html_button_0034b.png' );
	background-size  : 100% 100%;
	width            : 90px;
//	height           : 35px;
	border          : none 1px #a360d1;
	border-radius   : 5px;
	color            : #eeeeee;
	text-align       : center;
	padding-top      : 2px;
	line-height      : 100%;
}



	@-webkit-keyframes grownArrowFm
	{
		from
		{
			-webkit-box-shadow: 0px 0px 10px 3px red;
		}
		to
		{
			-webkit-box-shadow: 0px 0px 0px 0px gray;
		}
	}
	div.ulTabBar
	{
		padding : 0;
		margin  : 0;
	}

	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;
	}
	div.ulTabBar li a
	{
		display         : inline-block;
		width: 20px;
		height          : 100%;
		padding         : 0px 0px 0px 10px;
		text-decoration : none;
		color           : #fff700;
	}

	div.shinkaRanking
	{
		position : absolute;
		left     : 100px;
		top      : 5px;
	}
	
	div.cardInfomationArea
	{
		font-color : #fff;
	}
	
	div.cardInfomationArea div.imageArea
	{
		text-align : center;
		color      : #fff;
	}
	
	div.cardInfomationArea div.explainArea
	{
		style="color : #fff;
		font-size    : 12px;
	}
	
	div.cardInfomationArea div.parameterArea
	{
		text-align : center;
		color      : #fff;
		font-size  : 15px;
	}
	
	div.cardInfomationArea span.strongText
	{
		color : #ff0000;
	}
	
	div.cardInfomationArea span
	{
		color : #ffffff;
	}

	div.quizSelect
	{
		background-image  : url('/img/html/quiz/sm_akb_html_window_0000.jpg');
		background-size   : 100% 100%;
		background-repeat : no-repeat;
		text-align        : center;
		text-shadow       : 2px 2px 3px #000;
		color             : #fff;
		padding           : 6px 0 5px 0;
	}

	div.quizBar
	{
		background-image  : url('/img/html/quiz/sm_akb_html_window_0000.jpg');
		background-size   : 100% 100%;
		background-repeat : no-repeat;
		text-align        : center;
		text-shadow       : 2px 2px 3px #000;
		padding           : 16px 0 15px 0;
		color             : #fff;
	}

	div.questionRight
	{
		position : absolute;
		top      : -30px;
		left     : -80px;
	}

	div.quizWindow
	{
		text-align        : left;
		text-shadow       : 2px 2px 3px #000;
		position          : ralative;
		background-size   : 100% 100%;
		border-radius     : 5px;
		background-repeat : no-repeat;
		background-image  : url('/img/html/quiz/sm_akb_html_window_0001.jpg');
		border            : 2px solid #FFFFFF;
		box-shadow        : 0px 0px 10px 3px gray;
		color             : #fff;
		padding           : 5px 5px 5px 5px;
		min-height        : 50px;
	}

	div.getPerfumeQuiz
	{
		background-size   : 100% 100%;
		background-repeat : no-repeat;
		background-image  : url('/img/html/quiz/sm_akb_html_window_0002.jpg');
	}

	div.quizResult
	{
		background-image  : url('/img/html/quiz/sm_akb_html_bg_0001.jpg');
		background-repeat : no-repeat;
		background-size   : 100% 100%;
	}
	
	div.itemGet
	{
		background-image  : url('/img/html/quiz/sm_akb_html_boad_0005.jpg');
		background-repeat : no-repeat;
		background-size   : 100% 100%;
	}
	div.getReward
	{
		background-image  : url('/img/html/quiz/sm_akb_html_window_0003.jpg');
		background-repeat : no-repeat;
		background-size   : 100% 100%;
		text-align        : center;
		color             : #33ff66;
	}


	@-webkit-keyframes cardGrowCSS_grow
	{
		from
		{
			-webkit-box-shadow: 0px 0px 4px 4px #fff;
		}
		to
		{
			-webkit-box-shadow: 0px 0px 0px 0px #fff;
		}
	}
	.cardCSS_grow
	{
		-webkit-animation-name           : cardGrowCSS_grow;
		-webkit-animation-duration       : 0.5s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: ease-in;
		-webkit-animation-direction      : alternate;
		-webkit-animation-delay          : 0s;
	}
div.button:hover,div.btnLarge:hover,input[type="submit"]:hover
{ 
	color:#666666;
	-webkit-animation-name: btn_main_motion;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-timing-function: ease-in;
	#border-radius: 12px;
}



a:hover
{
	color:#666666;	
}

div.button>a:hover
{
	color:#666666;	
}

div.btnLarge>a:hover
{
	color:#666666;
}
.hint_mark
{
	
	vertical-align:middle;	
	border:solid;
	border-width:1px;
	z-index:100;	
	border-radius: 50%;
	padding:4px;
	margin:0;
	#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;
}


#hint_god_list
{
	vertical-align:middle;	
	border:solid;
	z-index:100;	
	border-radius: 50%;
	padding:4px;
	#margin:0;
	#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;
}


#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;
}

		.swiper-pagination-bullet {
			width: 10px; /* 幅 */
			height: 10px; /* 高さ */
    		background-color: #ffffff;
			color: #000000;
			border-radius: 2;
			opacity:0.8;
		}
		.swiper-pagination-bullet-active {
			width: 12px; /* 幅 */
			height: 12px; /* 高さ */
    		background-color:#00ff00;
			color: #000000;
			opacity:0.8;
		}

		.swiper-pagination{
    		margin-bottom: -10px;
		}


p {
	padding:0px;
	margin:0px;
}

.banner
{
	width:80%;
}

.cardView .card
{

	float:left;
}

.cardView .gauge
{

	vartical-align:middle;
}
.cardView span.title
{
	color:#00FF00;
}
.cardView span.shadow_title
{
	color:#FF0000;
}

.cardView span.shadow_explain
{
	color:#cc7cff;
	font-size:12px;
}

div.page
{
	text-align:center;
}

img.shadowDeckImage
{
	width:20%;
	float:left;
}

.deckComment
{
	clear:left;
	text-align:center;
	border:solid 1px #00ff00;
	border-radius: 3px;
	margin:3px;
	text-align:center;
	color:#00ff00;
}

.existDeck
{
	border:solid 1px #00ff00;
	color:#00ff00;
}

.noDeck
{
	color:#ff0000;
	border:solid 1px #ff0000;
}


#shadowCardDisp
{
	width:318;
	height:auto;
	#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;

}
#shadowCardDisp .cardInfoAlert
{
	clear:left;
	border:solid 3px #ff0000;
	border-radius: 3px;
	margin:3px;
	vertical-align:middle;
	text-align:center;
	color:#ff0000;
}
#shadowMessage 
{
	color:#FF0000;
	font-size:12px;

}
.shadowForm
{
	text-align:center;
}
.shadowForm  input[type="checkbox"]
{
	vertical-align:middle;
}
.shadowForm  input[type="submit"]
{
	text-shadow: 2px 2px 3px #000;	
	vertical-align:middle;
	color:#ffffff;
	text-align      : center;
	margin: 5px auto 5px;
	padding         : 0px 0px;
	background-image: url( '/img2/sm_akb_html_button_0004a.jpg' );
	background-size:100% 100%;
	background-repeat:no-repeat;
	border          : solid 1px #333333;
	border-radius   : 10px;
	width: 162px;
	height          : 36px;
	font-size       : 16px;
	-webkit-animation-name           : initial;
	-webkit-box-shadow: initial;
}
.shadowForm  input[type="submit"]:hover
{
	color:#666666;
	outline:none;
}


.shadowForm input[type=radio], .shadowForm input[type=checkbox] {
  display: none;
}

.shadowForm .radio, .shadowForm .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 5 0px 0px 0;
  padding: 0px 0px 0px 25px;
  border-radius: 1px;
  vertical-align: middle;
  cursor: pointer;
}
.shadowForm label
{
	vertical-align: middle;
}

.shadowForm .shadowForm .shadowForm .radio:hover, .shadowForm .checkbox:hover {



  #background-color: #e2edd7;
}
.shadowForm .radio:hover:after, .shadowForm .checkbox:hover:after {
  #border-color: #53b300;
}
.shadowForm .radio:after, .shadowForm .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.shadowForm input:checked + label {
  color: #00ee00;
  padding-right:10px;
 }

.shadowForm .radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
.shadowForm input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.shadowForm .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 5px;
  color:#333333;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #eeeeee;
  border-bottom: 3px solid #eeeeee;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shadowForm input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
.shadowForm input[type='text'] {
	font: 15px/24px arial;
	box-sizing: border-box;
	width: 50%;
	padding: 0.3em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #000000;
	border: 1px solid #1b2538;
	border-radius: 4px;
}


input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
background:#000000;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  margin:0px;
  padding:0px;
  cursor: pointer;
  animate: 0.2s;
box-shadow:1px 1px 1px 1px #eee inset;

  background: #eeeeee;
  border-radius: 5px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 15px;
  width: 25px;
  border-radius: 3px;
  background: -webkit-linear-gradient(top,#690e72,#9b1aa8);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ac51b5;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #ac51b5;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #65001c;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ac51b5;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ac51b5;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #65001c;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ac51b5;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ac51b5;
}


.baseCardInfo
{
	background-color:rgba(0,0,0,0.5);
}

.baseCardInfo .cardImg
{
	width:30%;

	margin-left:5px;
	float:left;
}

.gouseiCardInfo
{
	line-height:1em;
	font-size:12px;
}

.gouseiCardInfo .cardImg
{
	width:15%;
	margin-left:5px;
	float:left;
}