@charset "utf-8";

/* --------------------------------------------------
	Initialization
-------------------------------------------------- */

body, table, input, textarea, select, option {
	font-family: "メイリオ",Verdana,Arial,Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 20px;
}

body {
	line-height: 1.2;
	background: #000000;
}

a {
	color: inherit;
	text-decoration: none;
}

a, li, input, select, textarea {
	-webkit-tap-highlight-color: rgba(0,0,0,0.2);
}

/* --------------------------------------------------
	Layout-Base
-------------------------------------------------- */
#viewer {
    margin: 0 auto;
    width: 640px;
    height: 905px;
    text-align: left;
    overflow: hidden;
    position: relative;
}

#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}
.mypage-news-text p
{
	margin-top:8px;
}
.container {
	color: #000000;
	width: 640px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background:#f7f7f7;
	background-size:640px;
	background-repeat: no-repeat;
	background-position:50% 50%;
}
.container.zeon {}
.container.federal {}
.container.none {}
.container.halo {}
#content { margin: 0 0 8px; }
.txt-warning { color:#ff0000;  }
.txt-attention { color:#ff8800; }
.txt-strong { color:#ffff00; }
.txt-time { color:#00ff00; }
.txt-check { color:#00ffff; }
.txt-plus { color:#008800;}
.txt-center { text-align:center;padding:4px 8px; }
.txt-left { text-align:left;padding:4px 8px; }
.txt-right { text-align:right;padding:4px 8px; }
.txt-border-black { text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000; }
.txt-border-white { text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 1px 1px #ffffff, 1px 1px 1px #ffffff; }
.txt-border-red { text-shadow: -2px -2px 2px #cc0000, 2px -2px 2px #cc0000, -2px 2px 2px #cc0000, 2px 2px 2px #cc0000; }
.txt-white { color:#ffffff; }
.txt-black { color:#000000; }

.font-micro{ font-size:16px !important; }
.font-small{ font-size:18px !important; }
.font-normal{ font-size:20px !important; }
.font-large{ font-size:24px !important; }
.font-bold{ font-weight: bold !important; }
.margin-narrow { margin: 0 0 8px 0; }
.margin-wide { margin: 0 0 16px 0; }
.margin-none { margin: 0; }
.show { display: block; }
.hide { display: none; }
.invisible { opacity: 0; }
.inline-block{ display:inline-block; }

.margin-none { margin: 0px !important; }
.margin-small { margin: 2px !important; }
.margin-normal { margin: 4px !important; }
.margin-large { margin: 8px !important; }
.margin-large { margin: 16px !important; }
.margin-top-none { margin-top: 0px !important; }
.margin-top-small { margin-top: 2px !important; }
.margin-top-normal { margin-top: 4px !important; }
.margin-top-large { margin-top: 8px !important; }
.margin-top-huge { margin-top: 16px !important; }
.margin-right-none { margin-right: 0px !important; }
.margin-right-small { margin-right: 2px !important; }
.margin-right-normal { margin-right: 4px !important; }
.margin-right-large { margin-right: 8px !important; }
.margin-right-huge { margin-right: 16px !important; }
.margin-bottom-none { margin-bottom: 0px !important; }
.margin-bottom-small { margin-bottom: 2px !important; }
.margin-bottom-normal { margin-bottom: 4px !important; }
.margin-bottom-large { margin-bottom: 8px !important; }
.margin-bottom-huge { margin-bottom: 16px !important; }
.margin-left-none { margin-left: 0px !important; }
.margin-left-small { margin-left: 2px !important; }
.margin-left-normal { margin-left: 4px !important; }
.margin-left-large { margin-left: 8px !important; }
.margin-left-huge { margin-left: 16px !important; }

.padding-none { padding: 0px !important; }
.padding-small { padding: 2px !important; }
.padding-normal { padding: 4px !important; }
.padding-large { padding: 8px !important; }
.padding-top-none { padding-top: 0px !important; }
.padding-top-small { padding-top: 2px !important; }
.padding-top-normal { padding-top: 4px !important; }
.padding-top-large { padding-top: 8px !important; }
.padding-right-none { padding-right: 0px !important; }
.padding-right-small { padding-right: 2px !important; }
.padding-right-normal { padding-right: 4px !important; }
.padding-right-large { padding-right: 8px !important; }
.padding-bottom-none { padding-bottom: 0px !important; }
.padding-bottom-small { padding-bottom: 2px !important; }
.padding-bottom-normal { padding-bottom: 4px !important; }
.padding-bottom-large { padding-bottom: 8px !important; }
.padding-left-none { padding-left: 0px !important; }
.padding-left-small { padding-left: 2px !important; }
.padding-left-normal { padding-left: 4px !important; }
.padding-left-large { padding-left: 8px !important; }

.border-top>li:first-child { border-top: 1px solid #999; }
.border-bottom>li {
	margin: 0 0 8px 0;
	border-bottom: 1px solid #999;
}
.border-top {border-top:1px solid #000;}
.border-bottom {border-bottom:1px solid #000;}

/* --------------------------------------------------
	Layout-Navigation
-------------------------------------------------- */
.global-nav {
	height: 96px;
}
.global-nav li {
	display: inline-block;
	vertical-align: top;
}

/*ショップボタン*/
.global-nav-shop {
	height: 100px;
	margin-top:2px;
}
.global-nav-shop li {
	display: inline-block;
	vertical-align: top;
}

.global-nav-simple {
	height: 112px;
	margin: 8px 0;
}
.global-nav-simple li {
	display: inline-block;
	vertical-align: top;
}

h1 {
	background: url(../img/bg_headline_big3.png) no-repeat top left;
	-webkit-background-size: 640px;
	background-size: 640px;
	width:640px;
	height:64px;/*36*/
	overflow:hidden;
	line-height: 64px;/*32*/
	text-shadow: -1px -1px 2px #000000, 1px -1px 2px #000000, 1px 1px 2px #000000, -1px 1px 2px #000000;
	font-weight: bold;
	font-size: 120%;
	text-align:center;
	color:#ffffff;
}

h2 {
	background: url(../img/bg_headline.png) no-repeat top left;
	-webkit-background-size: 640px;
	background-size: 640px;
	width:640px;
	height:48px;
	overflow:hidden;
	line-height: 48px;
	text-shadow: -1px -1px 2px #000000, 1px -1px 2px #000000, 1px 1px 2px #000000, -1px 1px 2px #000000;
	font-weight: bold;
	text-align:center;
	color:#ffffff;
}

h3 {
	background: url(../img/bg_headline.png) no-repeat top left;
	-webkit-background-size: 624px;
	background-size: 624px;
	height:44px;
	overflow:hidden;
	line-height: 44px;
	text-shadow: -1px -1px 2px #000000, 1px -1px 2px #000000, 1px 1px 2px #000000, -1px 1px 2px #000000;
	font-weight: bold;
	text-align:center;
	color:#ffffff;
}

/*********************
 * ヘッダ・フッタ         *
*********************/

.nonmember .icon-1,
.nonmember .icon-2,
.nonmember .icon-3,
.nonmember .icon-4,
.nonmember .icon-5 { background-image: url(../img/ui_none.png); }

.none .icon-1,
.none .icon-2,
.none .icon-3,
.none .icon-4,
.none .icon-5 {
	background-image: url(../img/ui_none.png);
	z-index:1;
}

.federal .icon-1,
.federal .icon-2,
.federal .icon-3,
.federal .icon-4,
.federal .icon-5 { background-image: url(../img/ui_federal.png); }

.zeon .icon-1,
.zeon .icon-2,
.zeon .icon-3,
.zeon .icon-4,
.zeon .icon-5 { background-image: url(../img/ui_zeon.png); }

.icon-1,
.icon-2,
.icon-3,
.icon-4,
.icon-5 {
	display: inline-block;
	background-repeat: no-repeat;
	-webkit-background-size: 640px;
	background-size: 640px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	width: 128px;
	height: 96px;
	*zoom 1;
}
.icon-1 { background-position: 0 0; }
.icon-2 { background-position: -128px 0; }
.icon-3 { background-position: -256px 0; }
.icon-4 { background-position: -384px 0; }
.icon-5 { background-position: -512px 0; }

#copyright {
	text-align:left;
	font-size: 12px;
	background:#000000;
	margin:4px 0 0 0;
}

img.title {
	width: 640px;
	height: 240px;
}

.stage-today img {
	background:#ff0000;
	width:640px;
	height:190px;
}
.stage-today p:nth-child(2){
	float:left;
	text-align:left;
	padding:4px;
	width:304px;
}
.stage-today p:nth-child(3){
	float:right;
	text-align:right;
	padding:4px ;
	width:304px;
}

.banner a img {
	width: 580px;
	margin: 4px auto;
}
.banner-full a img
{
	width:620px;
	margin-bottom:4px;
}
.item {
	display: block;
	text-align: left;
	padding: 0 8px;
}

.item .title{ padding:12px 36px 12px 12px; }

.right-bgtop {
	display: block;
	width: 640px;
	height: 14px;
	position:relative;
	top: 8px;
}

.left-bgtop {
	display: block;
	width: 640px;
	height: 14px;
	position:relative;
	top: 8px;
}
.none-bggradient,
.induction li.none-bggradient {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(107,216,181,.5)),to(rgba(17,94,72,.5)));
	border-radius: 4px;
	margin:0 auto;
}
.federal-bggradient,
.induction li.federal-bggradient {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,95,243,.7)),to(rgba(2,30,89,.7)));
	border-radius: 4px;
	margin:0 auto;
}
.zeon-bggradient ,
.induction li.zeon-bggradient {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(238,55,55,.8)),to(rgba(128,14,14,.8)));
	border-radius: 4px;
	margin:0 auto;
}
.tab-bg
{
	background:#3f3f3f;
}
.tab-bg .transform-type.exam
{
	background:#b43f3f;
}
.tab-bg .transform-type.normal
{
	background:#3f60b4;
}
.tab-bg .transform-type.exam,
.tab-bg .transform-type.normal,
.tab-bg .weapon
{
	text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000;
}
.tab-bg .weapon
{
	background: -webkit-gradient(linear, left top, left bottom, from(#49a1a5),to(#0e5c60));
	background: -moz-linear-gradient(top, #49a1a5 0%, #0e5c60 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49a1a5', endColorstr='#0e5c60');
	background: linear-gradient(to bottom, #49a1a5, #0e5c60);
	box-shadow: 0 0 5px 1px #000000 inset;
}

/* --------------------------------------------------
	Shop
-------------------------------------------------- */
.banner.shop {
	display: inline-block;
	width: 300px;
	height: 100px;
	background-repeat: no-repeat;
	-webkit-background-size: 300px;
	background-size: 300px;
	background-image: url(../img/but_shop.png);
}
.banner.shop.platinum {
	background-position: 0 0;
}
.banner.shop.normal {
	background-position: 0 -100px;
}
.shop-platinum,
.shop-normal { background-image: url(../img/but_shop.png); }
.shop-platinum,
.shop-normal {
	display: inline-block;
	background-repeat: no-repeat;
	-webkit-background-size: 300px;
	background-size: 300px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	width: 300px;
	height: 100px;
}
.shop-platinum { background-position: 0 0; }
.shop-normal{ background-position: 0 -100px; }

.button-base
 {
	cursor:pointer;
	clear:both;
	display: block;
	overflow:hidden;
	text-decoration: none;
	margin: 8px auto;
	padding: 12px 8px;
	border: 1px solid #333;
	text-shadow: 0px -1px 1px rgba(000,000,000,0.5);
	color: #ffffff;
	text-align:center;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: linear-gradient(top, #00cc75 0%, #1e8a5d 50%, #136140 75%, #144731 100%);
	background: -webkit-gradient( linear, left top, left bottom, from(rgba(52,57,87,.9)),to(rgba(19,20,30,.9)));
	background: -moz-linear-gradient(top, #00cc75 0%, #1e8a5d 50%, #136140 75%, #144731 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#392e53', endColorstr='#1e192b');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#392e53, endcolorstr=#1e192b))";
}
.button-base.simple
 {
	padding: 12px 8px 12px 4px;
	border: 1px solid #333;
	background: linear-gradient(to bottom, #484c67, #2a2b34);
	background: linear-gradient(top, #484c67 0%, #2a2b34 100%);
	background: -webkit-gradient( linear, left top, left bottom, from(#484c67),to(#2a2b34));
	background: -moz-linear-gradient(top, #484c67 0%, #2a2b34 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#484c67', endColorstr='#2a2b34');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#484c67, endcolorstr=#2a2b34))";

}
.button-base.long { width:520px;}
.button-base.middle { width:260px;}
.button-base.short { width:160px;}
.button-base.minimum {width:80px;}
.horizon.appeal.arrange .button-base.minimum{
	padding:24px 0;
	margin:0 4px;
	width:86px;
}

.button-base.simple.long.popup { width:496px;}
.button-base.simple.middle.popup { width:236px;}
.button-base.simple.short.popup { width:136px;}

.button-base.long,
.button-base.long.off { width:560px;}
.button-base.middle,
.button-base.middle.off { width:300px;}
.button-base.short,
.button-base.short.off { width:200px;}

.button-base.long.simple,
.button-base.long.simple.off { width:536px;}
.button-base.middle.simple,
.button-base.middle.simple.off { width:284px;}
.button-base.short.simple,
.button-base.short.simple.off { width:168px;}
.button-base.minimum.simple,
.button-base.minimum.simple.off { width:96px;}

.button-base.simple.long.popup,
.button-base.simple.long.popup.off { width:496px;}
.button-base.simple.middle.popup,
.button-base.simple.middle.popup.off { width:236px;}
/*
.button-base.simple.short.popup,
.button-base.simple.short.popup.off { width:184px;}
*/
.button-base.negative,
.button-base.negative { background: -webkit-gradient( linear, left top, left bottom, from(#8d8d8d),to(#414141),color-stop(0.5,#616161),color-stop(0.75,#4b4b4b));}

.button-base.simple.popup,
.button-base.simple.popup {
	padding: 12px 40px 12px 4px;
}
.button-base.simple.arrow,
.button-base.simple.arrow{
	padding: 12px 20px 12px 4px;
}

.button-base.simple.strong,
.button-base.simple.strong
{
	background: linear-gradient(to bottom, #dd1717, #940000);
	background: linear-gradient(top, #dd1717 0%, #840000 100%, #aa0000 50%, #940000 75%);
	background: -webkit-gradient( linear, left top, left bottom, from(#dd1717),to(#840000),color-stop(0.5,#aa0000),color-stop(0.75,#940000));
	background: -moz-linear-gradient(top, #dd1717 0%, #840000 100%, #aa0000 50%, #940000 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dd1717', endColorstr='#840000');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#dd1717, endcolorstr=#840000))";
	border-color: #c00;
}
.button-base.simple.arcade,
input.button-base.simple.arcade
{
	background: -webkit-gradient( linear, left top, left bottom, from(#498CA0),to(#1A6983),color-stop(0.5,#376877),color-stop(0.75,#0F4354));
	background: -moz-linear-gradient(top, #498CA0 0%, #1A6983 100%, #376877 50%, #0F4354 75%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#498CA0', endColorstr='#1A6983');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#498CA0, endcolorstr=#1A6983))";
	border-color: #0C303C;
}
.button-base.simple.negative,
.button-base.simple.negative
{
	background: -webkit-gradient( linear, left top, left bottom, from(#8d8d8d),to(#414141),color-stop(0.5,#616161),color-stop(0.75,#4b4b4b));
}
.button-base.off,
.button-base.off {
	color: #777777;
	background: -webkit-gradient( linear, left top, left bottom, from(#666666),to(#333333));
	border: 1px solid #444444;
	opacity:0.5;
	cursor:default;
}
.button-base.simple.arrow,
.button-base.simple.arrow,
.button-base.simple.popup,
.button-base.simple.popup{
	position: relative;
}

.-icon-frame{
	position: relative;
	margin:0 auto;
}
.-icon-frame.long{ width:582px;}
.-icon-frame.middle{ width:282px;}
.-icon-frame.short{ width:182px;}

.button-base.simple.arrow:after,
.-icon.arrow {
	position: absolute;
	display: block;
	height: 22px;
	width: 14px;
	right: 0;
	top: 50%;
	margin: -11px 0 0 0;
	content: " ";
	background-image: url(../img/link_arrow_right_mini.png);
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-background-size: 14px 22px;
	background-size: 14px 22px;
}

.button-base.simple.popup:after,
.-icon.popup {
	position: absolute;
	display: block;
	height: 32px;
	width: 32px;
	right: 4px;
	top: 10px;
	margin: 0px 2px 0 0;
	content: " ";
	background-image: url(../img/icon_popup.png);
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-background-size: 32px 32px;
	background-size: 32px 32px;
}

.button-base.text-right {text-align:right;}
.button-base.text-left {text-align:left;}

.button-base.voice
{
	text-align:left;
	padding-left:160px;
	width:430px;
}
.mypage-player {
	width: 640px;
	overflow:hidden;
}

.bg-mobile-user-name{width: 640px;height: 72px;}
.bg-mobile-user-name img{width: 640px;height: 72px;}
.bg-mobile-user-name span{
	font-weight: bold;
	font-size: 36px;
	position: relative;
	top: -60px;
	color:#ffffff;
}

.avatar {
	display:block;
	width: 640px;
	height: 348px;
}

.plate {
	margin:0 auto;
	background-image: url(../img/bg_plate_1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 624px 50px;
	line-height: 50px;
	width: 624px;
	height: 50px;
	text-align: left;
	text-indent: 12px;
	font-size:90%;
}
.plate.federal {
	background-image: url(../img/icon_federal.png), url(../img/bg_plate_1.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 8px 8px, 0 0;
	background-size: 32px 32px,624px 50px;
	text-indent: 44px;
}
.plate.zeon {
	background-image: url(../img/icon_zeon.png),url(../img/bg_plate_1.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 8px 8px, 0 0;
	background-size: 32px 32px,624px 50px;
	text-indent: 44px;
}
.plate.small {
	margin:0;
	background-image: url(../img/bg_plate_2.png);
	background-size: 417px 36px;
	line-height: 36px;
	width: 417px;
	height: 36px;
	font-size:80%;
}
.plate.small.federal {
	background-image: url(../img/icon_federal.png),url(../img/bg_plate_2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 6px 6px, 0 0;
	background-size: 24px 24px, 417px 36px;
	text-indent: 34px;
}
.plate.small.zeon {
	background-image: url(../img/icon_zeon.png),url(../img/bg_plate_2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 6px 6px, 0 0;
	background-size: 24px 24px, 417px 36px;
	text-indent: 34px;
}
.plate span:first-child {
	color:#ffffff;
}
.plate span:last-child {
	float:right;
	text-indent: 0;
}

.change-selecter {
	display:inline-block;
	overflow:hidden;
	margin:0 auto;
}
.change-selecter li,
.change-selecter form {
	display:inline-block;
}


/* パイロット切替画像ラベル */
.dropdown select {
	width: 300px;
	height: 72px;
	margin:0 5px;
	color: #000000;
	font: 14px Arial,san-serif;
	font-weight: normal;
}
.medal div
{
	display:inline-block;
}
.medal img{
	margin:0 auto;
}
.medal img,
.horizon.appeal .medal img,
.induction .medal img,
.medal img
{
	width:96px;
	display:block;
}
.medal img
{
	width:80px;
	border:none;
}
.medal img:nth-child(odd),
.horizon.appeal .medal img:nth-child(odd),
.induction .medal img:nth-child(odd)
{
	height:72px;
}
.medal img:nth-child(odd)
{
	height:60px;
}
.medal img:nth-child(even),
.horizon.appeal .medal img:nth-child(even),
.induction .medal img:nth-child(even)
{
	height:24px;
}
.medal img:nth-child(even)
{
	height:20px;
}
.horizon.appeal input
{
	width:96px;
}
.pilot-info-medal{
	display: inline-block;
	text-decoration: none;
	margin: 4px 8px 0px 8px;
	padding: 6px;
	border: 1px solid #ffffff;
	background-color: rgba(0, 255, 0, 0.25);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 200px;
	background-image: url(../img/link_arrow_right_mini.png);
	background-position: 210px center;
	background-repeat: no-repeat;
	-webkit-background-size: 10px 22px;
	background-size: 10px 22px;
}
.info-ms {
	width:608px;
	margin:4px auto;
	overflow:hidden;
	min-height:2em;
	padding:8px;
	background: -webkit-gradient(linear, left top, left bottom, from(#040e0d),to(#236f6d));
	background: -moz-linear-gradient(top, #040e0d 0%, #236f6d 100%);
}

.warning-sortiea {
	clear:both;
	margin:8px auto;
	width:568px;
	overflow:hidden;
	padding:8px;
}
.warning-sortiea span:nth-child(1) {
	display:block;
	float:left;
	position:relative;
	left:40px;
	top:8px;
}
.warning-sortiea a {
	display:block;
	float:right;
	width:300px;
	height:80px;
	position:relative;
	top:8px;
}
.warning-sortiea a img {
	width:300px;
	height:80px;
}
.warning-sortiea span:nth-child(2) {
	position:relative;
	top:-64px;
}

.info-1{
	clear:both;
	padding:4px;
	overflow:hidden;
	margin:1px;
	border:1px solid #000000;
}
.info-1 div:nth-child(1)  {
	float:left;
	background:#ff0000;
}
.info-1 div:nth-child(1) img {
	width:180px;
	height:180px;
}
.info-1 div:nth-child(2) {
	float:right;
	width:384px;
	overflow:hidden;
	padding:0 4px;
}
.battle-history {
	width:300px;
	overflow:hidden;
	margin:8px auto;
}
.battle-history div:nth-child(1){text-align:left;float:left;font-size:13px;line-height:1.5;margin:4px 0 0 4px;}
.battle-history div:nth-child(2){float:right;margin:38px 4px 0 0;}
.battle-history div:nth-child(2) a{width:105px;height:40px;margin:2px;display:block;}
.battle-history div:nth-child(2) a img{width:105px;height:40px;}
.battle-history div:nth-child(2) a span{position:relative;top:-31px;font-size:12px;}

.battle-history-details,
.team-detail
{
	clear:both;
	overflow:hidden;
	margin:4px 0;
	position:relative;
}
.battle-history-details-1,
.team-detail-1
{
	display:inline-block;
	vertical-align:middle;
}
.battle-history-details-1 img
{
	width:190px;
	height:190px;
}
.team-detail img
{
	width:160px;
	height:160px;
}
.battle-history-details-2,
.team-detail-2
{
	display:inline-block;
	vertical-align:middle;
}

.class-set {width:141px;height:34px;margin:4px auto;}
.class-set img:nth-child(1){width:91px;height:34px;border:none;}
.class-set img:nth-child(2){width:50px;height:34px;border:none;}
.class-set img:nth-child(3){width:34px;height:34px;position:relative;top:-35px;right:-52px;border:none;}

/*1.5倍表示*/
.class-set.large {width:212px;height:40px;}
.class-set.large img:nth-child(1){width:110px;height:40px;}
.class-set.large img:nth-child(2){width:60px;height:40px;}
.class-set.large img:nth-child(3){width:40px;height:40px;position:relative;top:-40px;right:-60px;}

.ranking {width:292px;margin:8px auto;padding:4px;overflow:hidden;}
.ranking div:nth-child(1) img:nth-child(1) {float:left;display:block;width:75px;height:75px;}
.ranking div:nth-child(1) img:nth-child(2) {display:block;float:left;width:37px;height:37px;margin:0 4px 0 2px;}
.ranking div:nth-child(1) span:nth-child(1) {display:block;float:left;}
.ranking div:nth-child(1) span:nth-child(2) {display:block;float:right;}
.ranking div:nth-child(2) {float:left;position:relative;top:10px;left:4px;}
.ranking div:nth-child(3) {float:right;width:105px;height:40px;}
.ranking div:nth-child(3) a img{width:105px;height:40px;}
.ranking div:nth-child(3) a span{position:relative;top:-31px;}

/* ------------------------------------------------------------------------- */
/* tab			                                                            */
/* ------------------------------------------------------------------------- */
.tab-2way,
.tab-3way,
.tab-4way,
.tab-5way,
.tab-6way,
.tab-7way,
.confirm-tab-2way,
.confirm-tab-3way,
.confirm-tab-4way,
.confirm-tab-5way,
.confirm-tab-6way
 {
	clear:both;
	margin:0 auto;
	padding-top:4px;
	width:100%;
	overflow:hidden;
	cursor:pointer;
	border-bottom:4px groove #888888;
}
.confirm-tab-2way,
.confirm-tab-3way,
.confirm-tab-4way,
.confirm-tab-5way,
.confirm-tab-6way
{
	width:568px;
}
.tab-2way li,
.tab-3way li,
.tab-4way li,
.tab-5way li,
.tab-6way li,
.tab-7way li,
.confirm-tab-2way li,
.confirm-tab-3way li,
.confirm-tab-4way li,
.confirm-tab-5way li,
.confirm-tab-6way li
{
	margin:0 1px;
	display:inline-block;
	-webkit-border-radius:8px 8px 0 0;
	padding:0.5em 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#818181),to(#3f3f3f));
	background: -moz-linear-gradient(center top , rgb(255, 255, 255) 0%, rgb(136, 136, 136) 5%, rgb(51, 51, 51) 95%, rgb(0, 0, 0) 100%) repeat scroll 0% 0% transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#818181', endColorstr='#3f3f3f');
	background: linear-gradient(to bottom, #818181, #3f3f3f);
	color:#cccccc;
	border-left:1px solid #3f3f3f;
	border-right:1px solid #3f3f3f;
	border-top:1px solid #3f3f3f;
}
.confirm-tab-2way li,
.confirm-tab-3way li,
.confirm-tab-4way li,
.confirm-tab-5way li,
.confirm-tab-6way li
{
	margin:0 2px;
}
.tab-2way li.selected,
.tab-3way li.selected,
.tab-4way li.selected,
.tab-5way li.selected,
.tab-6way li.selected,
.tab-7way li.selected,
.confirm-tab-2way li.selected,
.confirm-tab-3way li.selected,
.confirm-tab-4way li.selected,
.confirm-tab-5way li.selected,
.confirm-tab-6way li.selected
{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#143a46), color-stop(0.05,#009acc), color-stop(0.5,#1e6e88));
	background: -moz-linear-gradient(center top, rgb(255, 255, 255) 0%, rgb(31, 129, 204) 5%, rgb(11, 45, 72) 95%, rgb(0, 0, 0) 100%) repeat scroll 0% 0% transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#143a46');
	background: linear-gradient(to bottom, #ffffff, #143a46);
	color:#ffffff;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
}
.tab-2way li{width:316px;}
.tab-3way li{width:208px;}
.tab-4way li{width:156px;}
.tab-5way li{width:124px;}
.tab-6way li{width:102px;}
.tab-7way li{width:87px;}
.confirm-tab-2way li { width:260px;}
.confirm-tab-3way li { width:180px;}
.confirm-tab-4way li { width:128px;}
.confirm-tab-5way li { width:100px;}
.confirm-tab-6way li { width:84px;}

/* ------------------------------------------------------------------------- */
/* tab-sheet	                                                            */
/* ------------------------------------------------------------------------- */
.tab-sheet
{
	-webkit-box-sizing:border-box;
	overflow:hidden;
	background:#3f3f3f;
	padding:16px 8px;
	color:#ffffff;
}
.tab-sheet div
{
	clear:both;
}
.tab-sheet div p:nth-child(1)
{
	float:left;
	text-align:left;
}
.tab-sheet div p:nth-child(2)
{
	float:right;
	text-align:right;
}

.tab-sheet-2 {width:304px;overflow:hidden;background:#3f3f3f;padding:16px 8px;color:#ffffff;}
.tab-sheet-2 div{margin:4px auto;}
.tab-sheet-2 img{width:50px;height:50px;margin:0 4px;border:1px solid #ff0000;}

.tab-sheet-2 div{margin:4px auto;}
.tab-sheet-2 img{width:50px;height:50px;margin:0 4px;border:1px solid #ff0000;}

.text-box-link-2 {overflow:hidden;background:rgba(0,0,0,.25);border: 2px solid #000000;margin:8px auto;overflow:hidden;}
.text-box-link-2 a {display:block;background-repeat:no-repeat;-webkit-background-size:16px;background-size:16px;background-position:280px center;}
.text-box-link-2 a p {padding:4px 28px 4px 4px;}

.button-10ko {
	font-size:85%;
	margin:4px auto;
	width:640px;
}
.button-10ko div.selected {
	width:28px;
	background-color:#00ff00;
	display:inline-block;
	border-radius:4px;
	-webkit-border-radius:4px;
	padding:10px 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff),to(#000000),color-stop(0.05,#818181));
	color:#cccccc;
}
.button-10ko div.non {
	width:28px;
	color:#ff0000;
	background-color:#0044ff;
	display:inline-block;
	border-radius:4px;
	-webkit-border-radius:4px;
	padding:10px 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff),to(#000000),color-stop(0.05,#009acc),color-stop(0.95,#143a46));
	color:#ffffff;
}

.button-5ko {
	font-size:85%;
	margin:4px auto;
	width:640px;
}
.button-5ko div.selected {
	width:60px;
	background-color:#00ff00;
	display:inline-block;
	border-radius:4px;
	-webkit-border-radius:4px;
	padding:12px 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff),to(#000000),color-stop(0.05,#818181));
	color:#cccccc;
}
.button-5ko div.non {
	width:60px;
	color:#ff0000;
	background-color:#0044ff;
	display:inline-block;
	border-radius:4px;
	-webkit-border-radius:4px;
	padding:12px 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff),to(#000000),color-stop(0.05,#009acc),color-stop(0.95,#143a46));
	color:#ffffff;
}

.text-box
{
	margin:8px;
	overflow:hidden;
	text-align:left;
	background: rgba(230,230,230,.5);
	border: 1px solid #ccc;
}
.text-box span
{
	vertical-align:middle;
}

.pager {margin:8px auto;background: rgba(32,92,90,.5);border-top: 2px solid #000000;border-bottom: 2px solid #000000;font-size:12px;overflow:hidden;}
.pager a {
	display:block;
	padding:10px 0;
	width:36px;
	display:inline-block;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.pager a.selected {
	float:left;
	background-color:#00ff00;
	margin:4px 0 4px 4px;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff),to(#000000),color-stop(0.05,#818181));
	color:#cccccc;
}
.pager a.non {
	float:right;
	color:#ff0000;
	background-color:#0044ff;
	margin:4px 4px 4px 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff),to(#000000),color-stop(0.05,#009acc),color-stop(0.95,#143a46));
	color:#ffffff;
}
.pager p {font-size:14px;margin:13px 0;}
.ranking-1 {clear:both;padding:4px;overflow:hidden;margin:1px;border:1px solid #000000;}
.ranking-1 nav{clear:both;position:relative;top:8px;}
.ranking-1 span:nth-child(1){display:block;padding:2px 0 2px 2px;text-align:left;}
.ranking-1 span:nth-child(2){display:block;float:right;height:14px;padding:2px 0;text-align:right;width:80px;}
.ranking-1 span:nth-child(3){display:block;float:right;height:14px;padding:2px 0;text-align:right;width:80px;}

.icon-ranking {
	color:#ffffff;
	font-weight: bold;
	width: 72px;
	height: 72px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: 72px 72px;
	background-size: 72px 72px;
	text-align:center;
}
.icon-ranking span
{
	position:relative;
}
.icon-ranking.first span,
.icon-ranking.second span,
.icon-ranking.third span
{
	top:32px;
}
.icon-ranking.first { background-image: url(../img/icon_ranking_1st.png);}
.icon-ranking.second { background-image: url(../img/icon_ranking_2nd.png);}
.icon-ranking.third { background-image: url(../img/icon_ranking_3rd.png);}

.textarea {
	width:120px;
	color: #ffffff;
	text-decoration: none;
	margin: 5px 10px 0 10px;
	background:	-webkit-gradient(linear, left top, left bottom, from(#010101),to(#313131));
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 1px 1px #000 inset;
	line-height: 2.0;
}

.gasya {width:320px;margin:8px auto;overflow:hidden;}
.gasya a{display:inline-block;width:100px;margin:0 3px;}
.gasya img{width:100px;height:50px;}
.gasya p{width:100px;height:14px;overflow:hidden;}

.member-avatar-select {
	clear:both;
	margin:8px auto;
	overflow:hidden;
}
.member-avatar-select ul{
	position: relative;
	left: 50%;
	float:left;
}
.member-avatar-select li{
	position: relative;
	left: -50%;
	float:left;
	padding:1px;
}
.member-avatar-select li img{
	width: 36px;
	height: 36px;
	border: 1px solid #00ff00;
}

.stage-select {
	clear:both;
	margin:8px auto;
	overflow:hidden;
}
.stage-select ul{
	position: relative;
	left: 50%;
	float:left;
}
.stage-select li{
	position: relative;
	left: -50%;
	float:left;
	padding:4px 9px;
}
.stage-select li img{
	width: 140px;
	height: 32px;
	border: 1px solid #00ff00;
}

.emblem {
	display:block;
	margin:8px auto;
	width:90px;
	height:90px;
}

.emblem-supplytest {width:320px;overflow:hidden;margin:0 auto;}
.emblem-supplytest img {width:80px;height:80px;}

.emblem-supply {width:320px;overflow:hidden;margin:0 auto;}
.emblem-supply div:nth-child(1){padding:8px 0;display:inline-block;width:200px;background: rgba(255, 174, 0, 0.5);}
.emblem-supply div:nth-child(1) p:nth-child(1){padding-bottom:4px;}
.emblem-supply div:nth-child(1) img:nth-child(2){margin:0 4px;width:80px;height:80px;}
.emblem-supply div:nth-child(1) img:nth-child(3){width:80px;height:80px;}

.emblem-supply div:nth-child(2){padding:8px 0;display:inline-block;width:100px;background: rgba(255, 0, 0, 0.5);}
.emblem-supply div:nth-child(2) p:nth-child(1){padding-bottom:4px;}
.emblem-supply div:nth-child(2) img:nth-child(2){margin:0 4px;width:80px;height:80px;}
.emblem-supply p:nth-child(3){margin:8px auto;}


.match-id {clear:both;width:292px;margin:8px auto;padding:4px;overflow:hidden;border-radius:4px;}
.match-id form {float:left;width:50px;}
.match-id form input {}
.match-id div {text-align:left;line-height:1.5;}

.match-idtest div{display:inline-block;text-align:left;vertical-align:middle;width:250px;}
.match-idtest div p {line-height:1.5;}

.symbol-chat li {
	width:320px;
}
.symbol-chat p {
	line-height: 3.0;
	width: 34px;
	display:inline-block;
	text-align: center;
}
.symbol-chat a {
	display:inline-block;
}

.swing {
    -moz-animation: swingkey linear 1s infinite;
    -moz-transform-origin: 50% 50%;
    -webkit-animation: swingkey ease 1s infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: swingkey linear 1s infinite;
    -ms-transform-origin: 50% 50%;
    -o-animation: swingkey linear 1s infinite;
    -o-transform-origin:50% 50%;
    animation: swingkey linear 1s infinite;
    transform-origin: 50% 50%;
}
.swing img {
	width:50px;
	height:50px;
}
@-moz-keyframes swingkey {
    0% { -moz-transform: rotate(10deg) }
    50% { -moz-transform: rotate(-10deg); }
    100% { -moz-transform: rotate(10deg); }
}
@-webkit-keyframes swingkey {
    0% { -webkit-transform: rotate(10deg); }
    50% { -webkit-transform: rotate(-10deg); }
    100% { -webkit-transform: rotate(10deg); }
}
@-o-keyframes swingkey {
    0% { -o-transform: rotate(10deg); }
    50% { -o-transform: rotate(-10deg); }
    100% { -o-transform: rotate(10deg); }
}
@-ms-keyframes swingkey {
    0% { -ms-transform: rotate(10deg); }
    50% { -ms-transform: rotate(-10deg); }
    100% { -ms-transform: rotate(10deg); }
}
@keyframes swingkey {
    0% { transform: rotate(10deg); }
    50% { transform: rotate(-10deg); }
    100% { transform: rotate(10deg); }
}

.msdb {overflow:hidden;font-size:12px;}
.msdb p:nth-child(1) {width: 14px;padding:8px;float:left;border-radius:4px;-webkit-border-radius:4px;}
.msdb p:nth-child(2) {float:left;text-align:left; width:155px;padding:7px 0 7px 6px;}
.msdb p:nth-child(3) {float:left;text-align:left; width: 56px;padding:7px 0 7px 2px;}
.msdb p:nth-child(4) {float:left;text-align:right;width: 38px;padding:7px 2px 7px 0;}

.msdb-1 img {
	width: 162px;
	height: 48px;
	vertical-align:top;
}
.msdb-1 div {}
.msdb-1>p{
	text-align:right;
}
.msdb-list .contents {
	display: table;
	width: 95%;
}
.msdb-list .contents>.image,
.msdb-list .contents img
{
	vertical-align: middle;
	width: 236px;
	height: 96px;
}
.msdb-list .contents>.image.half,
.msdb-list .contents .half img
{
	width: 118px;
	height: 48px;
}
.msdb-list .contents div,
.msdb-list .contents p
{
	display: table-cell;
	padding:0;
}
.msdb-list .contents>.name
{
	vertical-align: middle;
	padding:0 0.5em;
	text-align:left;
	max-width:260px;
}
.msdb-list .contents>.cost,
.msdb-list .contents>.paramstitle
{
	vertical-align: middle;
	text-align:right;
}
.msdb-list .contents>.cost span,
.msdb-list .contents>.name span,
.msdb-list .contents>.paramstitle span
{
	display:block;
}
.msdb-list .contents>.cost span:nth-child(1),
.msdb-list .contents>.paramstitle span:nth-child(1),
.msdb-list .contents.weapon>.cost span:nth-child(1),
.msdb-list .contents.weapon>.paramstitle span:nth-child(1)
{
	font-size:60%;
}
.msdb-list .contents>.cost span:nth-child(2),
.msdb-list .contents>.paramstitle span:nth-child(2)
{
	font-size:100%;
}
.msdb-list .contents.weapon>.cost span:nth-child(2),
.msdb-list .contents.weapon>.paramstitle span:nth-child(2)
{
	font-size:100%;
}
.msdb-list .contents.search-results .name>.weapon
{
	padding-left:0.5em;
	border-top:1px dotted #000000;
	width:250px;
}
.bg-kakutou {background:#d70835;}
.bg-kinsetsu {background:#f29600;}
.bg-syageki {background:#006b34;}
.bg-enkaku {background:#006c93;}
.bg-sogeki {background:#1d2087;}


.database2-on-title {overflow:hidden;margin:14px auto 0;}
.database2-on-title p {width:250px;display:inline-block;text-align:left;padding-left:8px;line-height:1.3;}

.database2-on {overflow:hidden;margin:0 auto;}
.database2-on p {width:120px;display:inline-block;border: 1px solid #ffffff;line-height:1.3;}
.database2-on p:nth-child(1){text-align:left;padding-left:8px;}
.database2-on p:nth-child(2){text-align:right;padding-right:8px;}

.database2-on-next {overflow:hidden;margin:0 auto;}
.database2-on-next p {width:120px;display:inline-block;border: 1px solid #ffffff;line-height:1.3;}
.database2-on-next p:nth-child(1){background:#bbbbbb;text-align:left;padding-left:8px;}
.database2-on-next p:nth-child(2){background:#bbbbbb;text-align:right;padding-right:8px;}

.database2-off-title {color:#888888;overflow:hidden;margin:14px auto 0;}
.database2-off-title p {background:#444444;width:250px;display:inline-block;text-align:left;padding-left:8px;line-height:1.3;}

.database2-off {color:#888888;overflow:hidden;margin:0 auto;}
.database2-off p {background:#444444;width:120px;display:inline-block;border: 1px solid #888888;line-height:1.3;}
.database2-off p:nth-child(1) {text-align:left;padding-left:8px;}
.database2-off p:nth-child(2) {text-align:right;padding-right:8px;}

table.function {margin:8px auto;background:#444444;}
table.function tr td:nth-child(1){padding:4px;border:1px #ffffff solid;width:90px;vertical-align:middle;text-align:left;}
table.function tr td:nth-child(2){padding:4px;border:1px #ffffff solid;width:90px;vertical-align:middle;text-align:center;}
table.function tr td:nth-child(3){padding:4px;border:1px #ffffff solid;width:90px;vertical-align:middle;text-align:center;}

.button-base.pulse,
.button-base.submit.pulse {
-webkit-animation: effect-pulse 1s infinite;
animation: effect-pulse 1s infinite;
}

/* --------------------------------------------------
	Parts-Form
-------------------------------------------------- */

.fm-wrap-single,
.fm-wrap-multi {
	margin: 8px 0;
	padding: 0 20px;
	text-align: left;
}

.fm-wrap-multi {
	padding: 0 0 0 20px;
}

.fm-wrap-single,
.fm-wrap-multi { font-weight: bold; }

.fm-wrap-multi　label,
.fm-wrap-single label{
	display: block;
	font-weight: bold;
}

.fm-wrap-single .input-txt{ width: 100%; }
.fm-wrap-multi .input-txt{ width: 190px; }

.input-txt{
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1px 1px 1px #000 inset;
	font-size: 16px;
}

.input-select{
	height: 48px;
	font-size: 16px;
}

.select-title{
	background: url(../img/arrow_down_white.png) right center no-repeat;
	background-size: 13px;
}

.select-area{
	position:relative;
	padding: 8px;
	margin: 2px;
	background: linear-gradient(top, #ffffff 0%, #a4a3a3 0.5%, #727272 100%);
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff),to(#727272),color-stop(0.05,#a4a3a3));
	background: -moz-linear-gradient(top, #ffffff 0%, #a4a3a3 5%, #727272 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#a4a3a3', endColorstr='#727272');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#a4a3a3, endcolorstr=#727272))";
	background: linear-gradient(to bottom, #a4a3a3, #727272);
	border:1px solid #000000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-shadow: 0px -1px 1px rgba(000,000,000,0.5);
	text-decoration:none;
	font-weight: normal;
	color:#fff;
	text-align: left;
}

.select-obj{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	color:rgba(0,0,0,1.0);
}

.select-simple{
	width:310px;
	padding: 8px;
	margin: 0 5px;
	border-radius:5px;
	border:1px solid #000000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-shadow: 0px -1px 1px rgba(000,000,000,0.5);
	text-decoration:none;
	font-weight: normal;
	color:#000;
	text-align: left;
}

.horizon li{
	display:inline-block;
	vertical-align: middle;
}
.horizon.appeal {
	margin:0 auto;
	width:302px;
	text-align:left;
}
.horizon.appeal img{
	width:100px;
	height:100px;
	margin:0;
}
.horizon.appeal img.top{
	border-width:1px 1px 0px 1px;
}
.horizon.appeal img.bottom{
	border-width:0px 1px 1px 1px;
}
.horizon.appeal.all {
	width:608px;
}
.horizon.appeal.all li {
	margin:4px 10px;
}
.horizon.appeal .button-img {
	display:inline-block;
	margin:0px 6px;
	text-align:center;
}
.horizon.appeal.arrange>li{
	margin:4px auto;
}
.horizon.avatar-select {
	margin:0 auto;
	width:602px;
	text-align:left;
}
.horizon.avatar-select>li
{
	vertical-align: top;
	width:80px;
}
.horizon.avatar-select p
{
	font-size:14px;
}
.horizon.avatar-select.leader
{
	text-align: center;
}
.horizon.avatar-select  img{
	margin:4px 0;
	width: 64px;
	height: 64px;
}
.horizon.item-select {
	margin:0 auto;
	width:608px;
	text-align:left;
}
.horizon.item-select img{
	margin:2px 0;
	width: 76px;
	height: 76px;
	border: 1px solid #ff0000;
}
.horizon.emblem-select {
	margin:0 auto;
	width:494px;
	text-align:left;
}
.horizon.emblem-select li img{
	margin: 8px 4px;
	width: 128px;
	height: 128px;
}
.emblem-complete{
	width: 128px;
	height: 128px;
}
.horizon.text-box-triple div li { font-size:80%;line-height:1.0;width:200px;padding:2px 0;margin:1px auto;background:rgba(0,0,0,0.2); }
.horizon.text-box-triple div li:first-child { text-align:left; }
.horizon.text-box-twin div li { font-size:80%;width:152px;padding:2px 0;margin:1px 0;background:rgba(0,0,0,0.2); }
.horizon.text-box-twin div li:first-child { text-align:left;}

/* --------------------------------------------------
	Parts-group
-------------------------------------------------- */

.group.tab {margin: 8px 0 0 0;}
.group.tab { border-bottom: 2px solid #0b2d48;}

.tab.column-02  { width: 149px; }
.tab.column-03  { width: 98px; }
.tab.column-04  { width: 74px; }
.tab.column-05  { width: 58px; }
.tab.column-06  { width: 40px; }
.tab.column-07  { width: 30px; }

.group.tab li {
	display: inline-block;
}

.group.tab li a { margin:0 2px 0 0; }
.group.tab li:last-child { margin:0; }

.group.tab a {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.group.tab a.selected {
	background: -webkit-gradient( linear, left top, left bottom, from(#fff),to(#0b2d48),color-stop(0.05,#1f81cc));
	background: -moz-linear-gradient(top, #fff 0%, #1f81cc 5%, #0b2d48 100%);
	color:#fff;
}

/* --------------------------------------------------
	Parts-group
-------------------------------------------------- */

.group.tab {margin: 8px 0 0 0;}
.group.capsule {margin: 8px 0;}
.group.tab { border-bottom: 2px solid #0b2d48;}
.group.flat { border-bottom: 2px solid #444; }

.group.flat li { width: 70px; }
.capsule.column-02 a { width: 150px; }
.capsule.column-03 a { width: 100px; }
.capsule.column-04 a { width: 75px; }
.capsule.column-05 a { width: 60px; }
.tab.column-02 a { width: 149px; }
.tab.column-03 a { width: 98px; }
.tab.column-04 a { width: 74px; }
.tab.column-05 a { width: 58px; }

.group.flat li,
.group.capsule li,
.group.tab li {
	display: inline-block;
}

.group.capsule li a { border-right: 1px solid #333; }
.group.capsule li:last-child a { border-right: none; }
.group.tab li a { margin:0 2px 0 0; }
.group.tab li:last-child { margin:0; }

.group.tab a,
.group.capsule a {
	display: inherit;
	padding: 8px 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#fff),to(#333),color-stop(0.05,#888));
	background: -moz-linear-gradient(top, #fff 0%,#888 5%, #333 100%);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-shadow: 0px -1px 1px rgba(000,000,000,0.5);
	text-decoration:none;
	color:#ccc;
}

.group.capsule a {
	background: -webkit-gradient( linear, left top, left bottom, from(#000),to(#555),color-stop(0.05,#333));
	background: -moz-linear-gradient(top, #000 0%,#333 5%, #555 100%);
}

.group.capsule li:first-child a {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.group.capsule li:last-child a {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.group.tab a {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.group.tab a.selected {
	background: -webkit-gradient( linear, left top, left bottom, from(#fff),to(#0b2d48),color-stop(0.05,#1f81cc));
	background: -moz-linear-gradient(top, #fff 0%, #1f81cc 5%, #0b2d48 100%);
	color:#fff;
}

.group.capsule a.selected {
	background: -webkit-gradient( linear, left top, left bottom, from(#000),to(#000),color-stop(0.05,#1f81cc),color-stop(0.95,#0b2d48));
	background: -moz-linear-gradient(top, #000 0%, #1f81cc 5%, #0b2d48 95%, #000 100%);
	color:#fff;
}

.group.flat li {
	position: relative;
	color: #c5c5c5;
	text-align: center;
	padding: 6px;
	margin: 0 1px 0 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#565656),to(#666666));
	background: -moz-linear-gradient(top, #565656 0%, #666666 100%);
	border-top:1px solid #666;
	font-size: 13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.group.flat li:last-child {
	width: 71px;
	margin: 0;
}

.group.flat li.selected {
	background: #444;
	color: #fff;
}

.group.flat li.selected:after {
	position: absolute;
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-top-color: #444;
	border-width: 6px;
	bottom: -14px;
	left: 30px;
}
.flat-list>li {
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid #999;
	overflow:hidden;
}

/* --------------------------------------------------
	wrap
-------------------------------------------------- */
.txt-wrap
{
	padding: 8px;
	margin: 4px auto;
	width: 560px;
	font-weight: bold;
	background: rgba(180,180,180,.5);
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.txt-wrap.caution
{
	background:#ffcccc;
	font-weight: normal;
}
.object-wrap
{
	margin: 8px auto;
	width: 400px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, right top, from(#4d4d4d),to(#4d4d4d),color-stop(0.5,#81888e));
	box-sizing:border-box;
	border-radius: 4px;
	box-shadow: 0px 0px 20px #000000 inset;
}
.txt-wrap.strong,
.object-wrap.strong{
	background: -webkit-gradient(linear, left top, right top, from(#03386a),to(#03386a),color-stop(0.5,#6dc2fb));
	color:#ffffff;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px -1px 1px rgba(0,0,0,0.5), -1px 1px 1px rgba(0,0,0,0.5), 1px 1px 5px rgba(0,0,0,0.5);
	box-sizing:border-box;
	box-shadow: 0px 0px 10px #000000 inset;
}
.txt-wrap.metal,
.object-wrap.metal
{
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1),to(#d6d6d6),color-stop(0.5,#ebebeb),color-stop(0.55,#a0a0a0));
}
/* --------------------------------------------------
	Parts-Pager
-------------------------------------------------- */

.pager {
	display:inline-block;
	width: 48px;
	padding: 16px 0;
	color: #fff;
	border: 2px solid #333;
	background: -webkit-gradient( linear, left top, left bottom, from(#888),to(#000));
	background: -moz-linear-gradient(top, #888 0%, #000 100%);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: 0px 0px 10px rgba(000,000,000,0.5);
	text-align: center;
	text-decoration: none;
	text-shadow: 0px -1px 1px rgba(000,000,000,0.5);
}

.page-send {
	position: relative;
	overflow: hidden;
	width: 640px;
	margin: 0px auto;
	padding: 12px 0;
}

.page-send ul {
	position: relative;
	left: 50%;
	float: left;
}

.page-send ul li {
	position: relative;
	left: -50%;
	float: left;
}

.page-send li.linkon a {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 0 4px;
	text-decoration: none;
	vertical-align: middle;
	color: #fff;
	padding: 10px 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#fff),to(#000),color-stop(0.05,#888),color-stop(0.95,#333));
	background: -moz-linear-gradient(top, #fff 0%, #888 5%, #333 95%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#818181', endColorstr='#3f3f3f');
	background: linear-gradient(to bottom, #818181, #3f3f3f);
	border-radius: 6px;
	border: 4px solid #3c3c3c;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.page-send ul li.selected {
	width: 50px;
	height: 50px;
	margin: 0 4px;
	text-decoration: none;
	vertical-align: middle;
	color: #fff;
	padding: 10px 0;
	background: -webkit-gradient( linear, left top, left bottom, from(#fff),to(#000),color-stop(0.05,#1f81cc),color-stop(0.95,#0b2d48));
	background: -moz-linear-gradient(top, #fff 0%, #1f81cc 5%, #0b2d48 95%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#143a46');
	background: linear-gradient(to bottom, #ffffff, #143a46);
	border-radius: 6px;
	border: 4px solid #3c3c3c;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.page-send ul li.non:last-child,
.page-send ul li.non:first-child,
.page-send ul li.non {
	width: 82px;
	margin: 0 4px;
	text-decoration: none;
	vertical-align: middle;
	color: #666;
	padding: 20px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.page-send ul li.selected:last-child,
.page-send ul li.selected:first-child,
.page-send ul li.non:last-child,
.page-send ul li.non:first-child {
	width: 82px;
	margin: 0 2px;
	color: #888;
	font-weight: normal;
	vertical-align: middle;
	padding: 10px 0;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.icon-mailbox {
	display: none;
	position: absolute;
	width: 64px;
	height:64px;
	top: 98px;
	right: 6px;
	z-index: 20;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-background-size:64px 64px;
	background-size:64px 64px;
	background-image:url(../img/icon_mail.png);
	background-position:center;
	background-repeat: no-repeat;
}
.icon-mailbox:hover{
	cursor:pointer;
}
.icon-mailbox .count {
	position: absolute;
	display: block;
	top: -4px;
	right: -4px;
	min-width: 18px;
	height: 18px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #f00;
	border: 2px solid #fff;
	border-radius: 18px;
	-webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.8);
	box-shadow: 0px 0px 4px rgba(000,000,000,0.8);
	-webkit-animation: effect-count 4s infinite;
	animation: effect-count 4s infinite;
	color:#ffffff;
}
.point .count {
	position: absolute;
	display: block;
	z-index: 20;
	padding:0 8px;
	min-width: 32px;
	height: 18px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #f00;
	border: 2px solid #fff;
	border-radius: 16px;
	-webkit-box-shadow: 0px 0px 4px rgba(000,000,000,0.8);
	box-shadow: 0px 0px 4px rgba(000,000,000,0.8);
	-webkit-animation: effect-count 4s infinite;
	animation: effect-count 4s infinite;
	color:#ffffff;
}
#mailbox {
	display: none;
	position: absolute;
	top: 0;
	left: 20px;
	width: 600px;
	padding: 8px;
	background: #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 21;
	color:#ffffff;
}

#mailbox ul { margin: 0 0 8px 0; }
#mailbox li { background: #333; }

#mailbox li a {
	display: block;
	padding: 8px;
	margin: 0 0 2px 0;
	text-align: left;
}

#mailbox li:last-child a { margin: 0; }
#mailbox .right-arrow{ background-position: 565px center; }

.close-mailbox {
	margin: 8px auto;
}

select {
    -moz-appearance: button;
    -webkit-appearance: button;
    appearance: button;
    padding: 4px;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff),to(#727272),color-stop(0.05,#a4a3a3));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#727272');
	background: linear-gradient(to bottom, #ffffff, #727272);
    border: 1px solid #000000;
	border-radius:4px;
    color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.32) inset;
}
select option {
	color:#000000;
}

.banapass-card{
	width:640px;
	height:576px;
	-webkit-background-size:640px 576px;
	background-size:640px 576px;
	background-image:url(../img/banapass_card.png);
	background-position:center;
	background-repeat: no-repeat;
	content:" ";
}

.takeover{
	width:640px;
	height:488px;
	-webkit-background-size:640px 488px;
	background-size:640px 488px;
	background-image:url(../img/takeover.png);
	background-position:center;
	background-repeat: no-repeat;
	content:" ";
}

.sorry {
	width:640px;
	height:480px;
	-webkit-background-size:640px 480px;
	background-size:640px 480px;
	background-image:url(../img/sorry.png);
	background-position:center;
	background-repeat: no-repeat;
	content:" ";
}
.radio {
	text-align:left;
}
.radio .bg-radio-box{
	background: #ccc;
	margin:4px;
	border-radius:8px;
	-webkit-border-radius:8px;
}
.radio .bg-radio-box.active
{
/*	background: -webkit-gradient( linear, left top, left bottom, from(#127cb1),to(#0a5b83));*/
}
.radio .bg-radio-box input {
	width:35px;
	height:35px;
}
.radio .match-id div{
	padding:4px 0;
	display:inline-block;
	text-align:left;
	vertical-align:middle;
	width:560px;
}
.radio .match-id div p {
	line-height:1.5;
}
.msdb-detail-image {
	width:640px;
	height:480px;
	-webkit-background-size:640px 480px;
	background-size:640px 480px;
	background-position:center;
	background-repeat: no-repeat;
	position:relative;
}
.msdb-detail-image img {
	width:640px;
	height:480px;
}
.msdb-detail-image>.prev
{
	width:128px;
	height:54px;
	-webkit-background-size:128px 54px;
	background-size:128px 54px;
	background-position:center;
	background-repeat: no-repeat;
	background-image:url(../img/but_prev.png);
	content:" ";
	position: absolute;
	left: 0;
	top: 0;
}
.msdb-detail-image.zeon {
	background-image:url(../img/ms_detail_federal.png);
}
.msdb-detail-image.federal {
	background-image:url(../img/ms_detail_federal.png);
}
.pointer1,
.pointer2,
.pointer3,
.pointer4,
.pointer5,
.pointer6
{
	text-align: center;
}
.pointer1 span,
.pointer2 span,
.pointer3 span,
.pointer4 span,
.pointer5 span,
.pointer6 span
{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	border: 1px solid #000;
}
.pointer1 span.current,
.pointer2 span.current,
.pointer3 span.current,
.pointer4 span.current,
.pointer5 span.current,
.pointer6 span.current
{
	background: #FC0;
}

.confirm.menu {
	display: none;
	left: 12px;
	text-align: left;
}
.confirm.menu>.inner {
	width:612px;
}
.confirm.menu>.inner dt{
	text-align:center;
}
.confirm.menu>.inner a{
	margin:8px auto;
}
/* ------------------------------------------------------------------------- */
/* 緊急告知                                                             */
/* ------------------------------------------------------------------------- */
.emergency
{
	width:92%;
	border:2px solid #d00000;
	margin:4px auto;
	padding:4px;
}
.emergency p
{
	text-align:left;
	margin-bottom:16px;
}
.emergency p.title
{
	color:#cc0000;
	text-align:center;
	font-weight: bold;
}
.emergency .button-base
{
	margin:0;
}
/* ------------------------------------------------------------------------- */
/* 無料会員向け特典紹介                                                         */
/* ------------------------------------------------------------------------- */
img.amenity
{
	width:640px;
}
/* ------------------------------------------------------------------------- */
/* シンボルチャット                                                         */
/* ------------------------------------------------------------------------- */
.symbolchat-edit>span,
.symbolchat-sort>span
{
	vertical-align:middle;
}

/* ------------------------------------------------------------------------- */
/* 称号			                                                         */
/* ------------------------------------------------------------------------- */
a.symbol,
.symbol.top,
.symbol.get {
	width:512px;
	height:96px;
	display:block;
	background-repeat: no-repeat;
	-webkit-background-size:512px 96px;
	background-size:512px 96px;
	background-position:center center;
	margin:16px auto;
	content:" ";
}
a.symbol.gasya {
	background-image:url(../img/sym_gasya.png);
}
a.symbol.mobile {
	background-image:url(../img/sym_mobile_exchange.png);
}
.symbol.top,
.symbol.get{
	width:640px;
	height:210px;
	-webkit-background-size:640px 210px;
	background-size:640px 210px;
	margin:0;
}
.symbol.top{
	background-image:url(../img/sym_top.png);
}
.symbol.get{
	background-image:url(../img/sym_get.png);
}

.symbol.complete>img{
	width:640px;
	height:210px;
}
.symbol.complete>p{
	font-weight:bold;
}

/* ------------------------------------------------------------------------- */
/* 軍マーク			                                                         */
/* ------------------------------------------------------------------------- */
.force{
	display:inline-block;
	vertical-align:middle;
	width:32px !important;
	height:32px !important;
	background-repeat: no-repeat;
	-webkit-background-size:32px 32px;
	background-size:32px 32px;
	background-position:center center;
	content:" ";
}
.force.federal {
	background-image:url(../img/icon_federal.png);
}
.force.zeon {
	background-image:url(../img/icon_zeon.png);
}
/* ------------------------------------------------------------------------- */
/* point-info                                                             */
/* ------------------------------------------------------------------------- */
.point-info
{
	margin:16px auto;
	width:600px;
	border:1px solid #000000;
	border-radius:20px;
	box-shadow:0px 0px 12px rgba(50, 50, 50, 0.5);
}
.point-info>.top,
.point-info>.bottom
{
	display:table;
}
.point-info>.top
{
	border-bottom:1px solid #000000;
}
.point-info .left,
.point-info .right
{
	display:table-cell;
	width:300px;
	text-align:left;
	padding:0.5em;
}
.point-info .left{
	border-right:1px solid #000000;
}
.point-info .span{
	display:inline-block;
}

/* ------------------------------------------------------------------------- */
/* text-selecter                                                             */
/* ------------------------------------------------------------------------- */
.text-selecter{}
.text-selecter .words
{
	margin:8px auto;
	width:90%;
	padding:0.5em;
}
/* ------------------------------------------------------------------------- */
/* survey                                                             */
/* ------------------------------------------------------------------------- */
.survey li
{
	text-align:left;
	padding:8px 0 8px 16px;
}
.survey li:first-child
{
	padding-top:32px;
}
.survey li:last-child
{
	padding-bottom:32px;
}
/* ------------------------------------------------------------------------- */
/* topix                                                             */
/* ------------------------------------------------------------------------- */
.topix p
{
    padding:11px 8px;
    font-size: 22px;
    text-align: left;
}
/* ------------------------------------------------------------------------- */
/* pilot-setting                                                  */
/* ------------------------------------------------------------------------- */
.pilot-setting
{
    margin:0 auto;
    width:560px;
}
/* ------------------------------------------------------------------------- */
/* ranking_help                               			                   */
/* ------------------------------------------------------------------------- */
.ranking_help
{
	width:576px;
}
/* ------------------------------------------------------------------------- */
/* イベント                               			                   */
/* ------------------------------------------------------------------------- */
.event.force-battle
{
	width: 640px;
}
.event.force-battle.bg
{
	background: linear-gradient(to right, #112c8e, #67110c);
	background: -webkit-gradient(linear, left top, right top, from(rgba(17,44,142,1.0)),to(rgba(103,17,12,1.0)),color-stop(0.5,rgba(0,0,0,1.0)));
	background: -moz-linear-gradient(left, #112c8e 0%, #000000 50%, #67110c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#112c8e', endColorstr='#67110c');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, startcolorstr=#112c8e, endcolorstr=#67110c))";
}
.event.force-battle>.title
{
	margin:0 auto;
	padding:16px 0;
	width: 480px;
	height: 80px;
	background-repeat: no-repeat;
	-webkit-background-size:480px 80px;
	background-size:480px 80px;
	background-position:center center;
	background-image:url(../img/event_force_title.png);
	content:"";
}
.event.force-battle .meter
{
	width: 640px;
}
.event.force-battle .icon
{
	display: inline-block;
	vertical-align: middle;
	width: 74px;
	height: 88px;
	-webkit-background-size:74px 88px;
	background-repeat: no-repeat;
	background-position:center center;
	content:"";
}
.event.force-battle .icon.federal
{
	background-image:url(../img/icon_federal.png);
}
.event.force-battle .icon.zeon
{
	background-image:url(../img/icon_zeon.png);
}
.event.force-battle .progress
{
	display: inline-block;
	vertical-align: middle;
	width: 420px;
	height: 80px;
	text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000;
	background: linear-gradient(to bottom, #ff4747, #b60000);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,71,71,1.0)),to(rgba(182,0,0,1.0)),color-stop(0.63,rgba(210,0,0,1.0)),color-stop(0.54,rgba(232,30,30,1.0)),color-stop(0.43,rgba(255,194,194,1.0)));
	background: -moz-linear-gradient(top, #ff4747 0%, #ffc2c2 43%,#e81e1e 54%,#d20000 63%, #b60000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ff4747', endColorstr='#b60000');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#ff4747, endcolorstr=#b60000))";
}
.event.force-battle .progress .value
{
	font-size: 56px;
	color:#ffffff;
	line-height:80px;
	position:relative;
	top:-80px;
}
.event.force-battle .volume
{
	background: linear-gradient(to bottom, #579bff, #0b45ff);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(87,155,255,1.0)),to(rgba(11,69,255,1.0)),color-stop(0.63,rgba(29,122,255,1.0)),color-stop(0.54,rgba(18,119,255,1.0)),color-stop(0.43,rgba(188,218,255,1.0)));
	background: -moz-linear-gradient(top, #579bff 0%, #bcdaff 43%,#1277ff 54%,#1d7aff 63%, #0b45ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#579bff', endColorstr='#0b45ff');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#579bff, endcolorstr=#0b45ff))";
	height:80px;
}
.event.force-battle .volume.high
{
	width:106px;
}
.event.force-battle .volume.draw
{
	width:210px;
}
.event.force-battle .volume.low
{
	width:316px;
}
.event.force-battle .superiority
{
	padding:16px 0;
	width: 640px;
}
.event.force-battle .win
{
	width:640px;
}
.event.force-battle .get
{
	display: inline-block;
	vertical-align: middle;
	width: 640px;
	height: 150px;
	-webkit-background-size:640px 150px;
	background-repeat: no-repeat;
	background-position:center center;
	content:"";
	background-image:url(../img/sym_get.png);
}
/* ------------------------------------------------------------------------- */
/* 以降、編集禁止                                                             */
/* ------------------------------------------------------------------------- */

.text_box_link_mini {border-bottom:2px solid #000000;border-top:2px solid #000000; margin:8px 0;}
.text_box_link_mini a {text-align:left;display:block;padding:8px 0;background-repeat: no-repeat;-webkit-background-size:5px 11px;background-size:5px 11px;background-image:url(../img/link_arrow_right_mini.png);background-position:308px center;}
.text_box_link_mini p {padding:0 12px 0 8px;}
.text_box_link_mini.green{background: rgba(107,153,138,.5);}
.text_box_link_mini.brown{background: rgba(89,73,63,.5);}

/* ------------------------------------------------------------------------- */
/* リンクボタン                                                               */
/* ------------------------------------------------------------------------- */
.induction li{
	background: rgba(230,230,230,.5);
	border-bottom: 1px solid #ccc;
	text-align: left;
	margin:1px 0;
	padding:5px 0;
	overflow:hidden;
}
.induction li:first-child {
	border-top: 1px solid #ccc;
	margin:0;
}
.induction.msdb-list li {
	margin:0;
}
.induction li:last-child {
	margin-bottom: 0;
}
.induction.border-none li:first-child { border-top: none }

.induction li div.medal,
.induction li div.img-single{
	vertical-align:top;
}
.induction .medal p{
	width:500px;
	font-size:22px;
}
.induction .prev,
.induction .prev-left,
.induction .next{
	display: block;
	padding:8px 36px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align:left;
}

.induction dt{
	line-height:2.5;
	text-align:left;
	padding-left: 1em;
	border-bottom:1px dotted #000000;
	font-size:90%;
}
.induction dt:before{
	content:"▼";
}
.induction dt:after{
	content:"...";
}
.induction dd li,
.induction dd li:first-child {
	border:none;
	padding:0;
}
.induction dd li:last-child {
	border-bottom:1px dotted #000000;
}
.induction dd .paramater-name {
	padding-left:2em;
	font-size:90%;
}
.induction dd .paramater-name:before{}
.induction.area dl,
.induction.area dd,
.induction.area dt {
	background:#ffffff;
}
.induction .next{ text-align: right; }
.induction .prev-left{ padding:8px 8px;}
.induction img{
	width: 90px;
	height: 90px;
	vertical-align: top;
}
.induction.shop img,
#dialog .photo img
{
	width: 100px;
	height: 100px;
}
.induction.shop img
{
	margin-left:5px;
}
.induction img.border:first-child{
	margin-left:1px;
}
.induction div{
	display: inline-block;
}
.induction div.img-single {
	width:75%;
}
.induction div.img-twin {
	width:60%;
}
.induction li.youtube {
	padding:4px 0;
}
.induction .youtube img{
	width:74px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
}
.induction .youtube span{
	display:inline-block;
	vertical-align:middle;
}
.induction .paramater-name,
.viewport2 .paramater-name {
	display: inline-block;
	padding:8px 0 8px 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align:left;
}
.induction .paramater-value,
.viewport2 .paramater-value{
	display:inline-block;
	padding:8px 8px 0 0;
	float:right;
	text-align:right;
}
.viewport2 .paramater-name,
.viewport2 .paramater-value{
	padding:0;
}
.induction .paramater-name.off,
.induction .paramater-value.off,
.viewport2 .paramater-name.off,
.viewport2 .paramater-value.off{
	color: #aaaaaa;
}
.induction .paramater-name.notice,
.induction .paramater-value.notice,
.viewport2 .paramater-name.off,
.viewport2 .paramater-value.off{
	color: #ff0000;
}
.induction.team.member li{
	margin:0;
}
.induction.team.member .horizon li{
	border:none;
}
.induction.team.member .horizon .button-base{
	margin:0;
}
.right-arrow,
.left-arrow {
	background-image: url(../img/link_arrow.png);
	background-repeat: no-repeat;
	background-size: 48px;
}
.link-right-arrow
{
	background-image: url(../img/link_right_arrow.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 570px center;
}
.icon-popup {
	background-image: url(../img/icon_popup.png);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: 596px center;
}

.right-arrow{ background-position: 620px center; }
.left-arrow{ background-position: -30px center; }

/*-------------------------------------------*/
/*	info-window								*/
/*--------------------------------------------*/
.info-window {
	clear:both;
	padding:4px;
	margin:1px;
}

.info-window.pirot{
	text-align:left;
}
.info-window.pirot .image {
	display:inline-block;
	width: 96px;
}
.info-window.pirot .image>img{
	width: 96px;
	height: 96px;
}
.info-window.pirot .class-set{
	text-align:center;
	position:relative;
	right:-3px;
}
.info-window.pirot .list{
	float: right;
}
.info-window.pirot .list .condition{
	text-align:right;
}

.info-window.get-mp {
	text-align:left;
}
.info-window.get-mp img {
	width: 96px;
	height: 96px;
}
.info-window.get-mp .compute {
	float: right;
	width: 208px;
	text-align: left;
}
.info-window.get-mp .answer {
	color: #ff00ff;
	text-align: right;
	font-size: 150%;
}
.info-window.get-mp .total {
	clear: both;
	overflow: hidden;
	font-size: 150%;
	line-height: 2.0;
}
.info-window.get-mp .total p {
	display: inline-block;
	width: 150px;
	position: relative;
	font-weight: bold;
}
.info-window.get-mp .total p:first-child {
	text-align: left;
	left: 24px;
}
.info-window.get-mp .total p:last-child {
	text-align: right;
	right: 24px;
	color: #00ffff;
}
.info-window.item {
	text-align:left;
}
.info-window.item img {
	display:inline-block;
	vertical-align:top;
	width: 96px;
	height: 96px;
}
.info-window.item .list{
	display:inline-block;
	vertical-align:top;
	width:200px;
}

.info-window.rank{
	text-align:left;
}

.info-window.rank .image {
	display:inline-block;
	width: 114px;
}
.info-window.rank .image>img{
	width: 100px;
	height: 100px;
}
.info-window.rank .class-set{
	text-align:center;
	position:relative;
}
.info-window.rank .icon-ranking{
	display:inline-block;
	vertical-align:top;
}
.info-window.rank .icon-ranking span {}
.info-window.rank .name{
	display:inline-block;
	vertical-align:middle;
}
.info-window.rank .list {
	display:inline-block;
	vertical-align:top;
}
.info-window.rank .content p:first-child{
	display:inline-block;
	text-align:left;
}
.info-window.rank .content p:last-child {
	display:inline-block;
	text-align:right;
}
.info-window.msdb-detail{
	text-align:left;
}
.info-window.msdb-detail p{
	display:block;
}
.info-window.msdb-detail img{
	display:inline-block;
	width:160px;
	height:240px;
}
.info-window.msdb-detail div:nth-child(2){
	display:inline-block;
	width:140px;
	min-height:240px;
}
.info-window.stock
{
	-webkit-box-sizing:border-box;
	width:100%;
}
.info-window.stock img
{
	display:inline-block;
	vertical-align:top;
	width:192px;
	height:192px;
}
.info-window.stock div
{
	display:inline-block;
	vertical-align:top;
	width:400px;
}
.info-window.stock p
{
	padding:4px 0;
}
/* ------------------------------------------------------------------------- */
/* 確認用ダイアログ                                                           */
/* ------------------------------------------------------------------------- */
.confirm-outer {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	content: " ";
	z-index: 90;
}

.confirm-preloader {
	position: absolute;
	top: 0;
	left: 50%;
	margin:0 0 0 -30px;
	/*background:url(../images/icon/preloader.gif);*/
	-webkit-background-size: 60px;
	background-size: 60px;
	width: 60px;
	height:60px;
	content: " ";
	z-index: 91;
}

.preloader-02 {
	display: none;
}
.confirm-title
{
	text-align:center;
}
.confirm-body
{
	font-size:14px;
	margin: 4px;
}
.close-icon {
	position: absolute;
	display: inline-block;
	top: -20px;
	right: -6px;
	padding: 2px;
	width: 42px;
	height: 42px;
	background:url(../img/icon_close.png) center center no-repeat #000;
	-webkit-background-size: 20px;
	border: 3px solid #777777;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#dialog,
.confirm,
#general-nav,
.status-detail-frame,
.item-detail-frame {
	position: relative;
	display: inline-block;
	background: -webkit-gradient( linear, left top, left bottom, from(rgba(255,255,255,.5)),to(rgba(128,128,128,.5)),color-stop(0.1,rgba(220,220,220,.5)),color-stop(0.9,rgba(220,220,220,.5)));
	border:3px solid #000000;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#dialog-preloader {
	/*background: url(../images/icon/preloader.gif) top left no-repeat;*/
	-webkit-background-size: 60px;
	background-size: 60px;
	width: 60px;
	height: 60px;
	margin: 16px auto;
	content: " ";
}

#dialog,
.confirm,
#general-nav {
	display: none;
	position: absolute;
	top: 48px;
	left: 6px;
	z-index: 93;
	/*-webkit-animation: effect-popup 0.2s;
	animation: effect-popup 0.2s;*/
}
#dialog>.inner,
.confirm>.inner,
#general-nav>.inner,
.status-detail-frame>.inner,
.item-detail-frame>.inner {
	padding: 8px;
	width: inherit;
	height: inherit;
	width:620px;
	background: #f0f0f0;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.confirm>.inner>div{
	text-align:left;
	padding:7px 15px 0;
}
#general-nav {
	left:12px;
	text-align: left;
}
#general-nav>.inner{
	width:612px;
}
#general-nav>.inner dt{
	text-align:center;
}
#general-nav>.inner a{
	margin:8px auto;
}
.status-detail-frame.player>.inner {
	background: -webkit-gradient( linear, left top, left bottom, from(#225), to(#003));
	background: -moz-linear-gradient(top, #225, #003 100%);
}

.status-detail-frame,
.item-detail-frame { margin: 4px 0 }

.item-detail-frame>.inner .photo { text-align: center; }

#dialog dt,
.confirm dt,
#general-nav dt,
.status-detail-frame dt,
.item-detail-frame dt {
	padding: 2px 0;
	margin: 0 0 0 0;
	background: linear-gradient(top, #e8e8f0 0%, #b2b2b2 50%, ##e8e8f0 100%);
	background: -webkit-gradient( linear, left top, right bottom, from(#e8e8f0), to(#e8e8f0), color-stop(0.50, #b2b2b2));
	background: -moz-linear-gradient(left, #e8e8f0, #b2b2b2 50%, #e8e8f0);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cccccc', endColorstr='#b2b2b2');
	color:#ffffff;
	text-shadow: -1px -1px 2px #000000, 1px -1px 2px #000000, 1px 1px 2px #000000, -1px 1px 2px #000000;
	font-weight: bold;
}
.dialog-header {
	text-align:center;
	padding: 8px 0;
	margin: 0 0 0 0;
	background: -webkit-gradient( linear, left top, right bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)), color-stop(0.50, rgba(0,0,0,.3)));
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1.0) 50%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cccccc', endColorstr='#b2b2b2');
	color:#ffffff;
	text-shadow: -1px -1px 2px #000000, 1px -1px 2px #000000, 1px 1px 2px #000000, -1px 1px 2px #000000;
	font-weight: bold;
}
#dialog dd,
.confirm dd,
.status-detail-frame dd,
.item-detail-frame dd {
	display: inline-block;
	position: relative;
	width: 100%;
	padding: 5px;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #999;
	font-weight: normal;
	box-sizing:border-box;
	word-break:break-all;
}

#dialog dd.gauge-wrap,
.confirm dd.gauge-wrap,
.status-detail-frame dd.gauge-wrap,
.item-detail-frame dd.gauge-wrap { padding: 18px 0 3px 0 }

#dialog dd>.name,
.confirm dd>.name,
.status-detail-frame dd>.name,
.item-detail-frame dd>.name {
	padding: 0 8px 0 0;
}

#dialog dd.half,
.confirm dd.half,
.status-detail-frame dd.half,
.item-detail-frame dd.half { width: 50% }

#dialog dd.short,
.confirm dd.short,
.status-detail-frame dd.short,
.item-detail-frame dd.short { width: 33% }


#dialog dd.figure .photo,
.status-detail-frame dd.figure .photo,
.item-detail-frame dd.figure .photo,
#dialog dd.figure figcaption,
.status-detail-frame dd.figure figcaption,
.item-detail-frame dd.figure figcaption {
	display: inline-block;
	vertical-align: top;
}

#dialog dd.figure .photo,
.status-detail-frame dd.figure .photo,
.item-detail-frame dd.figure .photo { width: 33% }

#dialog dd.figure.ms-profile .photo,
.status-detail-frame dd.figure.ms-profile .photo,
.item-detail-frame dd.figure.ms-profile .photo { width: 50% }

#dialog dd.figure figcaption,
.status-detail-frame dd.figure figcaption,
.item-detail-frame dd.figure figcaption {
	width: 67%;
	padding: 0 0 0 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#dialog dd.figure.ms-profile figcaption,
.status-detail-frame.ms-profile dd.figure figcaption,
.item-detail-frame.ms-profile dd.figure figcaption {
	width: 50%;
}

#dialog .equipment,
.confirm .equipment,
.status-detail-frame .equipment,
.item-detail-frame .equipment {
	position: relative;
	min-height: 1.4em;
}

#dialog .equipment .name,
.confirm .equipment .name,
.status-detail-frame .equipment .name,
.item-detail-frame .equipment .name {
	position: absolute;
	min-width: 80px;
}

#dialog .equipment .equiped,
.confirm .equipment .equiped,
.status-detail-frame .equiped,
.item-detail-frame .equiped {
	margin: 0 0 0 80px;
	list-style: none;
}

#dialog .mypage-dialog-banner-area {
	margin: 8px auto 0;
}

.detail .gauge-wrap {
	padding: 20px 0 0 0;
}

.confirm .message {
	padding: 16px 0 16px 0;
}
.confirm.search .selecter
{
	width:432px;
}
.confirm.search .selecter.short
{
	width:210px;
}
.confirm.search dd div
{
	display:inline-block;
	width:128px;
	color:#000000;
}
/* ------------------------------------------------------------------------- */
/* バーストメンバー 	                                                             */
/* ------------------------------------------------------------------------- */
.burst-member.dotted
{
}
.burst-member .contents {
	display: table;
}
.burst-member .image,
.burst-member .name {
	display: table-cell;
	vertical-align: top;
}
.burst-member .image,
.burst-member img {
	width:90px;
	height:90px;
}
.burst-member .name {
	padding-left:0.5em;
}
.burst-member.horizon {
	text-align:right;
	padding:0 30px;
	border-bottom:1px solid #888888;
}
/* ------------------------------------------------------------------------- */
/* ステージ                                                                  */
/* ------------------------------------------------------------------------- */
.stage,
.stage figcaption
{
	position: relative;
	width: 640px;
	height: 170px;
}
.stage img,
.stage figcaption
{
	position: absolute;
	top: 0;
	left: 0;
}
.stage img
{
	width:100%;
	height:170px;
	position: absolute;
	top: 0;
	left: 0;
}
.stage>div.info
{
	width:100%;
	height:170px;
	background:rgba(0,0,0,0.5);
	position:relative;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#88000000', endColorstr='#88000000');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#88000000, endcolorstr=#88000000))";
}
.stage>.info p,
.stage-info
{
	color:#ffffff;
	position:relative;
	top:0.5em;
	text-align:left;
	padding-left:0.5em;
}

.stage .stage-title
{
	position: absolute;
	top: 0.5em;
	left: 0em;
	color: #fff;
	text-align:left;
	padding: 4px 32px 4px 0.5em;
	background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0.0));
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)),color-stop(0.5,rgba(0,0,0,.5)));
	background: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,.5) 80%, rgba(0,0,0,0));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#88000000', endColorstr='#00000000');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#88000000, endcolorstr=#00000000))";
}
.stage .stage-detail
{
	position: absolute;
	width: 100%;
	bottom: 4px;
	left: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0;
	color: #fff;
	background: rgba(0,0,0,.8);
	overflow:hidden;
}
.stage .stage-detail div
{
	width:100%;
	white-space:nowrap;
	-webkit-animation-duration: 20s;
	-webkit-animation-name: marquee;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-duration: 20s;
	-moz-animation-name: marquee;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}
.stage-notice
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width:640px;
	padding:7px 4px;
}
.stage-notice.day
{
	background:#000000;
	color:#ffffff;
	text-align:right;
}
.stage-notice.event
{
	background: rgba(180,180,180,.5);
	font-weight:bold;
	text-align:left;
}
.stage-notice.grade
{
	background: rgba(180,180,180,.5);
	border-top:2px solid rgba(0,0,0,1.0);
	font-weight:bold;
	text-align:right;
}
/* --------------------------------------------------
	Parts-flipsnap
-------------------------------------------------- */
.flipsnap-control {
	position: relative;
	width: inherit;
	height: 48px;
}
.flipsnap-pointer span {
	display: none;
	width:4px;
	height:4px;
	border:1px solid #ccc;
	border-radius: 4px;
	content:" ";
}
.flipsnap-button-prev,
.flipsnap-button-next {
	position: absolute;
	top: 8px;
	width:32px;
	height:32px;
	border:1px solid #444;
	background: #222;
	color:#ccc;
	text-align: center;
	line-height: 32px;
}
.flipsnap-button-prev:active,
.flipsnap-button-next:active{
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}
.flipsnap-button-prev {
	left: 8px;
}
.flipsnap-button-next {
	right: 8px;
}
.stage-select-name-frame {
	font-weight: bold;
	text-align: center;
	line-height: 48px;
}
.stage-select-visual-frame {
	position: relative;
	width: 640px;
	height: 400px;
}
.stage-select-visual{
	width: 640px;
	height: 400px;
}
.stage-select-visual-preloader{
	display: none;
	position: absolute;
	top: 248px;
	left: 50%;
	margin: 0 0 0 -22px;
}
.stage-frame {
	display: none;
	overflow: hidden;
	margin: -48px auto 8px;
	padding: 0 0 8px 0;
	width:inherit;
	background: rgba(0,0,0,.6);
	text-align: left;
	-webkit-transform: translateZ(0);
}

.stage-list-frame {
	border-top: 1px solid #c00;
	border-bottom: 1px solid #c00;
	box-shadow: 0 0 16px #f00;
}

#stage-list:after{
	display: block;
	visibility:hidden;
	clear: both;
	height: 0;
	content: ".";
}

#stage-list li {
	position: relative;
	float:left;
	width: 64px;
	text-align: center;
}

#stage-list li img {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #555;
}

#stage-list li:active {
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}

#stage-list li .name {
	width: inherit;
}

#stage-list li .use{
	position: absolute;
	top: 42px;
	width: inherit;
	color: #f00;
	text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
	font-weight: bold;
	-webkit-animation: effect-character-use  2s infinite;
	animation: effect-character-use 2s infinite;
}

#visual-list li {
	display: inline-block;
	margin: 0 4px 8px 4px;
}

.visual-none {
	border: 1px solid #666;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.right-arrow,
.left-arrow {
	background-image: url(../img/link_arrow.png);
	background-repeat: no-repeat;
	background-size: 48px;
}

/* ------------------------------------------------------------------------- */
/* 注意事項                                                                  */
/* ------------------------------------------------------------------------- */
.warning
{
	padding:4px 2px 0px 0px;
	margin-left:1em;
	text-indent:-0.5em;
}

/* ------------------------------------------------------------------------- */
/* ローディング																*/
/* ------------------------------------------------------------------------- */
#loader {
    width: 64px;
    height: 32px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -16px; /* heightの半分のマイナス値 */
    margin-left: -32px; /* widthの半分のマイナス値 */
    z-index: 100;
}

#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}
/* ------------------------------------------------------------------------- */
/* mark			                                                            */
/* ------------------------------------------------------------------------- */
.mark{
	display: inline-block;
	padding: 2px 0;
	width: 120px;
	overflow:hidden;
	border-radius: 4px;
	background: rgba(83,80,137,1.0);
	color: #ffffff;
	text-align: center;
	line-height: 1.0;
	font-size: 90%;
	margin:0 1px;
}
.mark.short{
	width: 50px;
}
.mark.minimum{
	width: 30px;
}
.mark.long {
	width: 176px;
}
.mark.max {
	width: 560px;
}
.mark.gold
{
/*	background: #ffd700;*/
	background: #daa520;
}
.mark.strong {
	background: #dd0000;
}
.mark.black {
	background: rgba(0,0,0,1.0);
}
.mark.white {
	background: rgba(255,255,255,1.0);
	color: rgba(0,0,0,1.0);
}
.mark.fight {
	background: rgba(215,8,53,1.0);
}
.mark.near {
	background: rgba(242,150,0,1.0);
}
.mark.shot {
	background: rgba(0,107,52,1.0);
}
.mark.far {
	background: rgba(0,108,147,1.0);
}
.mark.snipe {
	background: rgba(29,32,135,1.0);
}
.mark.cost-low,
.mark.cost {
	background: rgba(0,160,255,1.0);
}
.mark.cost-normal {
	background: rgba(64,128,64,1.0);
}
.mark.cost-high {
	background: rgba(255,0,128,1.0);
}
.mark.notice {
	background:#D85C5C;
}
.mark.event {
	background:#DB8840;
}
.mark.campaign {
	background:#CAB025;
}
.mark.update {
	background:#52BB5C;
}
.mark.maintenance {
	background:#3EB9C3;
}
.mark.important {
	background:#606ACC;
}
.mark.apology {
	background:#CC2B77;
}
.mark.arcade
{
	background:#696969;
}
.mark.new{
	background:rgba(255,0,0,1.0);
	font-size:70%;
}
.mark.armor{
	background:rgba(128,0,0,1.0);
}
.mark.normal{
	background:rgba(0,128,0,1.0);
}
.mark.mobile{
	background:rgba(0,0,128,1.0);
}
.mark.off {
	background: #888888;
	color: #c0c0c0;
}
.mark.warning {
	background: #dddd00;
	color: #dd4400;
	margin-left:0;
	text-indent:0;
	border:2px solid #dd4400;
	font-weight: bold;
}
.msdb-list .mark
{
	width: 80px;
	font-size: 14px;
	padding: 1px 0;
	border-radius: 2px;
}
.mark.status
{
	background: #727272;
	padding-left:2px;
	text-align:left;
	width:240px;
	color:#fff;
}
.mark.status.short
{
	background: #727272;
	padding-left:2px;
	text-align:left;
	width:150px;
	color:#fff;
}
.mark.ranking
{
	background: #727272;
	padding-left:2px;
	text-align:left;
	width:140px;
	color:#fff;
}

/* ------------------------------------------------------------------------- */
/* 表                                                                        */
/* ------------------------------------------------------------------------- */
#join table
{
	border-style:solid;
	border-width:1px;
	text-align:center;
	margin:0 auto;
}
#join th
{
	background: rgba(180,180,180,.5);
	padding:4px;
	border-style:solid;
	border-width:1px;
}
#join td
{
	padding:4px;
	border-style:solid;
	border-width:1px;
	vertical-align:middle;
}

#msdb table
{
	font-size:12px;
	text-align:center;
}
#msdb th,
#msdb td
{
	background: #ffffff;
	color:#444444;
	padding:4px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	text-align:center;
	font-weight:normal;
}
#msdb th,
#msdb .next td
{
	background: #7f7f7f;
	color:#ffffff;
}
#msdb td:nth-child(odd)
{
	text-align:left;
}
#msdb td:nth-child(even)
{
	text-align:right;
}
#msdb .unowned
{
	background: #aaaaaa;
	color:#6f6f6f;
}

/* ------------------------------------------------------------------------- */
/* table-list                                                             */
/* ------------------------------------------------------------------------- */
.table-list
{
	width: 570px;
}
.table-normal
{
	margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
    font-size: 14px;
}
.table-normal th
{
	padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
}
.table-normal td
{
	padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
}

/* ------------------------------------------------------------------------- */
/* パイロット																*/
/* ------------------------------------------------------------------------- */
.pilot-info
{
	margin:4px;
}
.pilot-info .emblem2
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .status
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .status p
{
	margin:2px 0;
}
.pilot-info .status .spot
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .status .team
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .status .symbol
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .status .burst-member
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .status .name
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .option
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .option .medal
{
	margin-top:2px;
}
.pilot-info .option .medal .image
{
	display:inline-block;
	vertical-align:middle;
}
.pilot-info .option .medal .image .top
{
	width:60px;
	height:40px;
}
.pilot-info .option .medal .image .bottom
{
	width:60px;
	height:20px;
}

/* ------------------------------------------------------------------------- */
/* 戦闘履歴                                                                  */
/* ------------------------------------------------------------------------- */
.induction.battle-history-list li
{
	margin:0;
}
.induction.battle-history-list li:nth-child(odd)
{
	background:#fafafa;
}
.graph
{
    position: relative; /* IE is dumb */
    width: 100px;
	height: 1em;
}
.graph .bar-left
{
	position: absolute;
    background: #058DC7;
    text-align: left;
    height: inherit;
	width:100%;
	top: 2px;
}
.graph .bar-left.federal
{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,95,243,.7)),to(rgba(2,30,89,.7)));
}
.graph .bar-left.zeon
{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(238,55,55,.8)),to(rgba(128,14,14,.8)));
}
.graph .bar-right
{
    position: absolute;
    background: #f7f7f7;
    height: inherit;
	top: 2px;
}
.graph .bar
{
    display: block;
    position: relative;
    background: #058DC7;
    text-align: left;
    color: #f0ffff;
    height: 1.0em;
    line-height: 1.5em;
    float: left;
    margin-right: 10px;
	top: 2px;
}
.graph .bar.federal
{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,95,243,.7)),to(rgba(2,30,89,.7)));
}
.graph .bar.zeon
{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(238,55,55,.8)),to(rgba(128,14,14,.8)));
}

/* ------------------------------------------------------------------------- */
/* ショップ                                                                  */
/* ------------------------------------------------------------------------- */
.item-name
{
	font-size:20px;
	font-weight:bold;
	margin-bottom:2px;
}
.discount-before
{
	font-size:16px;
	text-decoration:line-through;
}
.discount-after
{
	font-weight:bold;
	color:#ff0000;
}
.discount-rate
{
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
}

/* ------------------------------------------------------------------------- */
/* アバター設定                                                              */
/* ------------------------------------------------------------------------- */
.induction.avatar-list li{
	margin:0;
}
.induction.avatar-list .horizon li{
	border:none;
}
.induction.avatar-list .horizon .button-base{
	margin:0;
}

/* ------------------------------------------------------------------------- */
/* 勢力戦                                                                    */
/* ------------------------------------------------------------------------- */
.induction.forcebattle-list li
{
	margin:0;
}
.induction.forcebattle-list li:nth-child(even)
{
	background:#fafafa;
}
.forcebattle-list .symbol-name
{
	width:200px;
	padding:0px 0px 0px 4px;
	margin:0px;
}
.forcebattle-list .symbol-point
{
	width:110px;
	padding:0px 2px 0px 0px;
	margin:0px;
	text-align:right;
}
.forcebattle-list .symbol-status
{
	font-size:10px;
}
.forcebattle-list .symbol-set
{
	width:65px;
	height:20px;
	margin:0px;
	padding:4px 0px 4px 0px;
}
.gauge {
	position: relative;
	padding: 2px 8px;
	display: inline-block;
	background: -webkit-gradient( linear, left top, left bottom, from(#717171), to(#d3d3d3), color-stop(0.49,#fff), color-stop(0.50,#b3b3b3), color-stop(0.51,#717171));
	background: -moz-linear-gradient(top, #717171 0%, #fff 49%, #b3b3b3 50%, #717171 51%, #d3d3d3 100%);
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #686868;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: left;
}

.gauge.short,
.gauge.middle {
	width: 120px;
	height: 16px;
	padding: 1px 4px;
}

.gauge.middle {
	width: 280px;
}

.gauge.long {
	width: 280px;
	height: 28px;
}

.gauge .inner { background: #000; }
.gauge.short .inner { height: 12px; }
.gauge.middle .inner { height: 12px; }
.gauge.long .inner { height: 22px; }

.gauge .inner .mator {
	display: inline-block;
	vertical-align: top;
	background: #00f;
	box-shadow: inset 0 1px 0 rgba(0,0,0, .6);
	height: inherit;
	content: " ";
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.gauge>.inner .mator.hp {
	background: -webkit-gradient( linear, left top, left bottom, from(#005595),to(#002c4d), color-stop(0.30,#69d5ff));
	background: -moz-linear-gradient(top, #64d0ff 0%, #0065b6 100%);
}

.gauge>.inner .mator.exp {
	background: -webkit-gradient( linear, left top, left bottom, from(#993f00),to(#4d2000), color-stop(0.30,#ff9041));
	background: -moz-linear-gradient(top, #ffb171 0%, #b34800 100%);
}

.gauge>.inner .mator.action{
	background: -webkit-gradient( linear, left top, left bottom, from(#004376),to(#00233c), color-stop(0.30,#4ab0fd));
	background: -moz-linear-gradient(top, #4db4ff 0%, #004c8a 100%);
}

.gauge>.inner .mator.accessory{
	background: -webkit-gradient( linear, left top, left bottom, from(#306f47),to(#052211), color-stop(0.30,#47b16e));
	background: -moz-linear-gradient(top, #58be7c 0%, #0c5125 100%);
}

.gauge>.inner .mator.sp{
	background: -webkit-gradient( linear, left top, left bottom, from(#b7934f),to(#634405), color-stop(0.30,#f5de9f));
	background: -moz-linear-gradient(top, #f5dea8 0%, #b67f0b 100%);
}

.gauge>.inner .mator.cut{
	background: -webkit-gradient( linear, left top, left bottom, from(#480000),to(#480000), color-stop(0.30,#b70000));
	background: -moz-linear-gradient(top, #b60002 0%, #550000 100%);
}
.gauge .outer {
	position: absolute;
	top:-28px;
	left: 0;
	width: inherit;
	height: 12px;
	font-size: 20px;
}

/* ------------------------------------------------------------------------ */
/* チェックボックス															*/
/* ------------------------------------------------------------------------ */
.checkbox
{
	font-size: 20px;
}
label {
	display: inline;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}

/* ------------------------------------------------------------------------ */
/* 見出し																	*/
/* ------------------------------------------------------------------------ */
.subheader
{
	padding: 4px 0;
	overflow: hidden;
	width:280px;
	text-align: center;
	margin: 8px auto;
	font-weight:bold;
	border-radius: 2px;
	box-sizing:border-box;
	box-shadow:0 0 10px #ffffff inset;
	color: #ffffff;
}
.subheader.red
{
	background: #d70836;
}
.subheader.orange
{
	background: #f19600;
}
.subheader.green
{
	background: #016e35;
}
.subheader.blue
{
	background: #006f97;
}

/* ------------------------------------------------------------------------ */
/* HR																		*/
/* ------------------------------------------------------------------------ */
hr.decoration
{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
hr.decoration2
{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* ------------------------------------------------------------------------ */
/* リスト																	*/
/* ------------------------------------------------------------------------ */
.list li
{
	background: rgba(230,230,230,.5);
	border-bottom: 1px solid #ccc;
	text-align: left;
	margin: 1px 0;
	padding: 4px 4px;
	overflow: hidden;
}
.list li:first-child
{
	border-top: 1px solid #ccc;
	margin:0;
}
.list li:last-child
{
	margin-bottom: 0;
}
.list.link li:nth-child(odd)
{
	background: #fafafa;
}
.list .prev,
.list .prev-left,
.list .next
{
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: left;
}
.list .next
{
	text-align: right;
}
.list .checkbox
{
	text-align: right;
}

/* ------------------------------------------------------------------------ */
/* ブロック																	*/
/* ------------------------------------------------------------------------ */
.block
{
	display: inline-block;
	vertical-align: middle;
}
.block.top
{
	vertical-align: top;
}

/* ------------------------------------------------------------------------ */
/* アラート																	*/
/* ------------------------------------------------------------------------ */
.alert
{
	padding: 8px 35px;
	margin: 8px auto;
	width: 500px;
/*	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 18px;
}
.alert.wide
{
	padding: 8px 8px;
	margin: 8px auto;
	width: 580px;
	text-align:left;
}
.alert-info
{
	color: #3a87ad;
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
}
.alert-success
{
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
}
.alert-warning
{
	color: #c09853;
	background-color: #fcf8e3;
/*	border: 1px solid #fbeed5;*/
	border: 1px solid #f9e4bd;
}
.alert-error
{
	color: #b94a48;
	background-color: #f2dede;
	border: 1px solid #eed3d7;
}
.alert-normal
{
	color: #000;
	background-color: #eaeaea;
	border: 1px solid #e1e1e8;
}
.alert-back
{
	color: #333333;
	background-color: #f5f5f5;
	border: 1px solid #e1e1e8;
}

/* ------------------------------------------------------------------------ */
/* 画像																		*/
/* ------------------------------------------------------------------------ */
.thumbnails
{
	width: 115px;
	height: 115px;
}
.thumbnails.wide
{
	width: 100px;
	height: 100px;
}
.thumbnails-frame
{
	border-width:4px;
	border-style:ridge;
	border-color:#999999;
	display:inline-block;
	margin:0;
}
.thumbnails-frame.narrow
{
	width: 110px;
	height: 110px;
}
.thumbnails.ms
{
	width: 200px;
	height: 81px;
}
.rounded-img {
	display: inline-block;
	border: solid 1px #ccc;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}

/* ------------------------------------------------------------------------- */
/* Effect-Keyframes                                                          */
/* ------------------------------------------------------------------------- */
@-webkit-keyframes effect-feedin {
	0%{ opacity: 0; }
	100%{ opacity: 1 }
}

@keyframes effect-feedin {
	0%{ opacity: 0; }
	100%{ opacity: 1 }
}

@-webkit-keyframes effect-count {
	0% { -webkit-transform: scale(1.0); }
	4%{ -webkit-transform: scale(0.9); }
	8%{ -webkit-transform: scale(1.2); }
	16%{ -webkit-transform: scale(1.0); }
	100%{ -webkit-transform: scale(1.0); }
}

@keyframes effect-count {
	0% { transform: scale(1.0); }
	4%{ transform: scale(0.9); }
	8%{ transform: scale(1.2); }
	16%{ transform: scale(1.0); }
	100%{ transform: scale(1.0); }
}

@-webkit-keyframes effect-pulse {
	0%{ box-shadow: 0 0 0px #f00; }
	50%{ box-shadow: 0 0 20px #f00; }
	100%{ box-shadow: 0 0 0px #f00; }
}

@keyframes effect-pulse {
	0%{ box-shadow: 0 0 0px #f00; }
	50%{ box-shadow: 0 0 20px #f00; }
	100%{ box-shadow: 0 0 0px #f00; }
}

@-webkit-keyframes marquee {
	0% {margin-left: 140% }
	16% {margin-left: 16% }
	100% { margin-left: -140% }
}

@-moz-keyframes marquee {
	0% {margin-left: 140% }
	16% {margin-left: 16% }
	100% { margin-left: -140% }
}

@-webkit-keyframes effect-thunder {
	0% {
		background-position: 0 0;
		left: 0;
	}
	49% {
		background-position: 0 0;
		left: 0;
	}
	50%{
		background-position: 0 -90px;
		left: 0;
	}
	99% {
		background-position: 0 -90px;
		left: 0;
	}
	100% {
		background-position: 0 0;
		left: 0;
	}
}

@keyframes effect-thunder {
	0% {
		background-position: 0 0;
		left: 0;
	}
	49% {
		background-position: 0 0;
		left: 0;
	}
	50%{
		background-position: 0 -90px;
		left: 0;
	}
	99% {
		background-position: 0 -90px;
		left: 0;
	}
	100% {
		background-position: 0 0;
		left: 0;
	}
}

@-webkit-keyframes effect-popup {
	0% {
		-webkit-transform: scale(0.4);
	}
	100% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes effect-popup {
	0% {
		transform: scale(0.4);
	}
	100% {
		transform: scale(1.0);
	}
}

@-webkit-keyframes effect-character-use {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes effect-character-use {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes effect-nav {
	0% {
		-webkit-transform: scale(1.0);
	}
	50% {
		-webkit-transform: scale(1.04);
	}
	100% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes effect-nav {
	0% {
		transform: scale(1.0);
	}
	50%{
		-webkit-transform: scale(1.04);
	}
	100%{
		transform: scale(1.0);
	}
}

@-webkit-keyframes effect-single-check {
	0%{ background: rgba(0,0,0,.8); }
	50%{ background: rgba(32,32,64,.8); }
	100%{ background: rgba(0,0,0,.8); }
}

@keyframes effect-single-check {
	0%{ background: rgba(0,0,0,.8); }
	50%{ background: rgba(32,32,64,.8); }
	100%{ background: rgba(0,0,0,.8); }
}

@-webkit-keyframes effect-grayscale {
	0%{
		-webkit-filter: grayscale(100%);
	}
	100%{
		-webkit-filter: grayscale(0%);
	}
}

@keyframes effect-grayscale {
	0%{
		filter: grayscale(100%);
	}
	100%{
		filter: grayscale(0%);
	}
}

/* --------------------------------------------------
	Social-Buttons
-------------------------------------------------- */

.social-buttons {
	list-style: none;
	margin: 8px auto;
	padding: 0px;
	width: 100%;
	max-width: 580px;
	overflow: hidden;
}
.social-buttons:after {
	overflow: hidden;
}
.social-buttons li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

iframe.twitter-share-button {
	margin-bottom: 0;
	margin-top: 4px;
}