@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------
全体
---------------------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Helvetica;
	color:#ffffff;
	-webkit-text-size-adjust: none; /* iphone用 横画面時の文字の拡大を無効 */
	touch-callout: none; /* リンク長押しのポップアップを無効化 */
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
}

body{
	background-color: #000;
}

/* ----------------------------------------------------------------
リンク
---------------------------------------------------------------- */	
a {
	color: #FC0;
	text-decoration: underline;
	border-style: none;
}
	
li{
	list-style-type: none;
}

img{
	border-style: none;
}
	
a:active {
	color: #012c7a;
}

a:link {
	color: #ffb400;
}

a:visited {
	color: #ffb400;
}

a:hover {
	color: #ffb400;
}

/* ----------------------------------------------------------------
グローバルナビ
---------------------------------------------------------------- */
.menu_li4 {
	float: left;
	list-style: none;
	margin-bottom: 0;
	height: 55px;
}

.menu_li3 {
	float: left;
	list-style: none;
	margin-bottom: 0;
	text-align: center;
	width: 106px;
	height: 55px;
}

.menu{
	background-repeat: repeat-x;
	height: 55px;
	width: 320px;
	margin: 0 auto;
}

.g_nav{
	width: 100%;
	background-image: url(/img/sp/btn/btn_back.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: repeat-x;
}

/* ----------------------------------------------------------------
サブタイトル
---------------------------------------------------------------- */
div.subtitle {
	background-color: #1a1b25;
	line-height: 27px;
	text-align: center;
	color: #fff;
	clear: both;
	border-top: 5px solid #d8d8d8;
	border-bottom: 5px solid #d8d8d8;
}

/* ----------------------------------------------------------------
コピーライト
---------------------------------------------------------------- */
#copyright {
	background-color: #0a1b37;
	line-height: 27px;
	text-align: center;
	color: #fff;
	clear: both;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

/* ----------------------------------------------------------------
タップリンク
---------------------------------------------------------------- */
/*緑青グラデーションタップリンク*/
.box-tap-link {
	width: 100%;
	min-height: 40px;
	text-align: right;
	border-top: 1px solid #2c5d7f;
	border-bottom: 1px solid #001524;
	background: -moz-linear-gradient(top left, #19557e, #003a62);
	background: -webkit-gradient(linear, left top, right bottom, from(#19557e),  to(#003a62));
}

.box-tap-link a {
	display: block;
	color: #ffcc00;
	text-decoration:none;
	line-height: 40px;
	padding-right: 20px;
	/* 右端に矢印アイコンを設置 */
	background-image: url("/img/sp/obj/arrow.png");
	background-repeat: no-repeat;
	background-size: 19px 14px;
	background-position: right center;
	margin-right: 4px;
}

/*緑青グラデーションタップリンク　逆*/
.box-tap-link_02 {
	width: 100%;
	height: 40px;
	text-align: left;
	border-top: 1px solid #2c5d7f;
	border-bottom: 1px solid #001524;
	background: -moz-linear-gradient(top left, #003a62, #19557e);
	background: -webkit-gradient(linear, left top, right bottom, from(#003a62),  to(#19557e));
}

.box-tap-link_02 a {
	display: block;
	color: #ffcc00;
	text-decoration:none;
	line-height: 40px;
	padding-right: 20px;
	/* 右端に矢印アイコンを設置 */
	background-image: url("/img/sp/obj/arrow.png");
	background-repeat: no-repeat;
	background-size: 19px 14px;
	background-position: right center;
	margin-right: 4px;
}

/*青グラデーション*/
.box-tap-link_blue {
	width: 100%;
	height: 40px;
	text-align: right;
	border-top: 1px solid #21478b;
	border-bottom: 1px solid #001524;
	background: -moz-linear-gradient(top left, #012c7a, #001a49);
	background: -webkit-gradient(linear, left top, right bottom, from(#012c7a),  to(#001a49));
}

.box-tap-link_blue a {
	display: block;
	color: #ffcc00;
	text-decoration:none;
	line-height: 40px;
	padding-right: 20px;
	/* 右端に矢印アイコンを設置 */
	background-image: url("/img/sp/obj/arrow.png");
	background-repeat: no-repeat;
	background-size: 19px 14px;
	background-position: right center;
	margin-right: 4px;
}

/*青グラデーション逆*/
.box-tap-link_blue_02 {
	width: 100%;
	height: 40px;
	border-top: 1px solid #21478b;
	border-bottom: 1px solid #001524;
	background: -moz-linear-gradient(top left, #001a49, #012c7a);
	background: -webkit-gradient(linear, left top, right bottom, from(#001a49),  to(#012c7a));
}

.box-tap-link_blue_02 a {
	display: block;
	color: #ffcc00;
	text-decoration:none;
	line-height: 40px;
	padding-right: 20px;
	/* 右端に矢印アイコンを設置 */
	background-image: url("/img/sp/obj/arrow.png");
	background-repeat: no-repeat;
	background-size: 19px 14px;
	background-position: right center;
	margin-right: 4px;
}

/*黒グラデーションタップリンク*/
.box-tap-link_black{
	width: 100%;
/*	min-height: 40px;*/
	border-top: 1px solid #616368;
	border-bottom: 1px solid #616368;
	text-align: right;
	background: -moz-linear-gradient(top left, #494949, #212121);
	background: -webkit-gradient(linear, left top, right bottom, from(#494941),  to(#212121));
}

.box-tap-link_black a{
	display: block;
	color: #ffcc00;
/*	line-height: 40px;*/
	text-decoration:none;
    padding-top: 12px;      /* 追加 */
    padding-bottom: 12px;/* 追加 */
	padding-right: 20px;
	/* 右端に矢印アイコンを設置 */
	background-image: url("/img/sp/obj/arrow.png");
	background-repeat: no-repeat;
	background-size: 19px 14px;
	background-position: right center;
	margin-right: 4px;
}

/* ----------------------------------------------------------------
全頁共通要素
---------------------------------------------------------------- */
.cmn_frame_main {
	background-color: #012c7a;
	font-size: 16px;
	color: #fff;
}

.cmn_frame_sub1 {
	background-color: #012c7a;
	font-size: 16px;
	color: #fff;
}

.cmn_frame_sub2 {
	background-color: #01163e;
	font-size: 16px;
	color: #fff;
}

.cmn_frame_sub3 {
	background-color: #1b448c;
	font-size: 16px;
	color: #fff;
}

.cmn_frame_sub4 {
	background-color: #010a0f;
	font-size: 16px;
	color: #fff;
}

.cmn_frame_comment {
	background-color: #394149;
	font-size: 16px;
	color: #fff;
}

/* ----------------------------------------------------------------
テキスト強調
---------------------------------------------------------------- */
.emphasis_red_main { 
	color: #ff0000;
	font-size: 16px;
}

.emphasis_pink { 
color: #ff46de;
font-size: 16px;
}

.emphasis_red_sub1 { 
	color: #810000;
	font-size: 16px;
}

.emphasis_red_sub2 { 
	color: #b80000;
	font-size: 16px;
}

.emphasis_orange { 
	color: #ff9000;
	font-size: 16px;
}

.emphasis_green { 
	color: #2be138;
	font-size: 16px;
}

.emphasis_gray {
	color: #7b7b7b;
	font-size: 16px;
}

.emphasis_white {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}

.emphasis_yellow { 
	color: #ffcc00;
	font-size: 16px;
}

.emphasis_blue { 
	color: #31c7ff;
	font-size: 16px;
}

/* ----------------------------------------------------------------
罫線
---------------------------------------------------------------- */
.cmn_line_white {
	background-color: #fff;
	clear: both;
	width: 100%;
	margin: 0 auto;
	height: 1px;
}

.cmn_line_red {
	background-color: #cc0a13;
	clear: both;
	width: 100%;
	height: 2px;
	margin: 0 auto;
}

.cmn_line_gray {
	background-color: #7b7b7b;
	clear: both;
	width: 100%;
	height: 2px;
	margin: 0 auto;
}

.cmn_line_footer {
	background-color: #53678b;
	clear: both;
	width: 100%;
	height: 2px;
	margin: 0 auto;
}

.cmn_line_mbg {
	background-color: #8f8f8f;
	clear: both;
	width: 100%;
	height: 2px;
	margin: 0 auto;
}

.cmn_line_gold {
	width: 100%;
	height: 4px;
	background-image: url(/img/sp/obj/bg_cmn_11.png);
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/* ドット */
.cmn_line_dot{
	height: 1px;
	width: 100%;
	margin: 0 auto;
	border-top:1px dashed #4f6272;
}

.cmn_line_dot02{
	height: 1px;
	width: 100%;
	margin: 0 auto;
	border-top:1px dashed #b3ab8e;
}

/* 青白グラデ */
.line_blue_white {
	width: 100%;
	height: 1px;
	background: -moz-linear-gradient(top left, #7289b5, #fff 20%, #fff 80%, #7289b5);
	background: -webkit-gradient(linear, left top, right bottom, from(#7289b5),
								color-stop(0.2, #fff),
								color-stop(0.8, #fff),
								to(#7289b5));
}

/* 赤グラデ */
.line_red {
	width: 100%;
	height: 1px;
	background: -moz-linear-gradient(top left, #65020e, #cc0a13 20%, #cc0a13 80%, #65020e);
	background: -webkit-gradient(linear, left top, right bottom, from(#cc0a13),
								color-stop(0.2, #65020e),
								color-stop(0.8, #65020e),
								to(#65020e));
}

/* 青灰グラデ */
.line_blue_gray {
	width: 100%;
	height: 2px;
	background: -moz-linear-gradient(top left, #012c7a, #a4a5a6 20%, #a4a5a6 80%, #012c7a);
	background: -webkit-gradient(linear, left top, right bottom, from(#012c7a),
		color-stop(0.2, #a5a5a5),
		color-stop(0.8, #a5a5a5),
		to(#011641));
}

/* ----------------------------------------------------------------
画像付き罫線
---------------------------------------------------------------- */
/* リストページで使用 */
.img_line_01{
	background-image: url("/img/sp/obj/bg_shop_01.png");
	width: 100%;
	height: 11px;
}

.img_line_02{
	background-image: url("/img/sp/obj/bg_shop_02.png");
	width: 100%;
	height: 4px;
}

/* ----------------------------------------------------------------
スペース
---------------------------------------------------------------- */
/* 青色 */
.line_blue_spacer {
	background-color: #012c7a;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 青色 */
.line_blue_spacer_02 {
	background-color: #012c7a;
	height: 14px;
	width: 100%;
	margin: 0 auto;
}

/* 紺色 */
.line_navy_spacer {
	background-color: #01163e;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 紺色 */
.line_navy_spacer_02 {
	background-color: #01163e;
	height: 15px;
	width: 100%;
	margin: 0 auto;
}

/* 緑青 */
.line_bluegreen_spacer {
	background-color: #003a62;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 緑青 */
.line_bluegreen_spacer_02 {
	background-color: #003a62;
	height: 15px;
	width: 100%;
	margin: 0 auto;
}

/* 灰 */
.line_gray_spacer{
	background-color: #394149;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 黒 */
.line_black_spacer{
	background-color: #010a0f;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 金 */
.line_gold_spacer{
	background-color: #6f6a30;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 濃い金 */
.line_deepgold_spacer{
	background-color: #4a471f;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 銀 */
.line_silver_spacer{
	background-color: #67737d;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 濃い銀 */
.line_deepsilver_spacer{
	background-color: #394149;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* 赤 */
.line_red_spacer{
	background-color: #810000;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* ﾘｰｸﾞ昇格(赤) */
.line_up_spacer {
	background-color: #9a0000;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* ﾘｰｸﾞ変動なし(グレー) */
.line_none_spacer {
	background-color: #1f1f1f;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* ﾘｰｸﾞ降格(青) */
.line_down_spacer {
	background-color: #007489;
	height: 7px;
	width: 100%;
	margin: 0 auto;
}

/* ----------------------------------------------------------------
入力ﾌｫｰﾑ
---------------------------------------------------------------- */
textarea {
background-color: #fff;
color: #000000;
font-size: 16px;
text-align: left;
}

input, button {
background-color: #fff;
color: #000000;
font-size: 16px;
text-align: left;
}

select {
background-color: #fff;
color: #000000;
font-size: 16px;
text-align: left;
}

option {
background-color: #fff;
color: #000000;
font-size: 16px;
text-align: left;
}
/* ----------------------------------------------------------------
npcコメント
---------------------------------------------------------------- */
.comment_npc_frame {
background-color: #ffffff;
font-size: 16px;
color: #000000;
}

.comment_npc_txt_black {
font-size: 16px;
color: #1d1d1d;
}

/* ----------------------------------------------------------------
その他共通要素
---------------------------------------------------------------- */
.vmid {
vertical-align: middle;
font-size: 16px;
}

/* 縦中央揃え */
.valign *{
vertical-align: middle;
}

.center {
clear: both;
text-align: center;
width: 100%;
}

.right {
clear: both;
text-align: right;
width: 100%;
}

.left {
clear: both;
text-align: left;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}

div.zero {
clear: both;
text-align: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
line-height: 0px;
}

.menu_frame_main {
	background-color: #003a62;
	color: #ffffff;
	line-height:18px;
}

/*inputボタン*/
input[type="submit"], button{
	cursor:pointer;
	-webkit-appearance:none;
	text-decoration:none;
	display:inline-block;
	
	margin:0;
	padding:0px 10px;
	line-height: 30px;
	height: 30px;
	   	
	font-size:16px;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:1px solid #666666;
	background: -moz-linear-gradient(top, #444444 0%, #1d1d1d 50%,#444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(50%,#1d1d1d), color-stop(100%,#444444));
}

/* ﾘｰｸﾞ昇格ﾌﾚｰﾑ */
.up_frame_main {
	background-color: #9a0000;
	font-size: 16px;
	color: #fff;
}

/* ﾘｰｸﾞ変動なしﾌﾚｰﾑ */
.none_frame_main {
	background-color: #1f1f1f;
	font-size: 16px;
	color: #fff;
}

/* ﾘｰｸﾞ降格ﾌﾚｰﾑ */
.down_frame_main {
	background-color: #007489;
	font-size: 16px;
	color: #fff;
}



/* ----------------------------------------------------------------
タブ
---------------------------------------------------------------- */
/*ボタン2つ 青緑*/
.tab2{
	width:255px;
	height:30px;
	margin:0 auto;
	padding:4px 4px 6px 4px;
}
	
.tab2 li{
	float:left;
	width: 124px;
	height:30px;
	margin-right:1px;
	margin-bottom:7px;
	line-height: 31px;
	border: 1px solid #fff;
	background: -moz-linear-gradient(top, #87dce1, #4d9a9f);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#87dce1), to(#4d9a9f));/* グラデーションSafari,Google Chrome用 */
}
	
.tab2 .selected_tab{
	background: -moz-linear-gradient(top, #005a78, #005a60);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#005a78), to(#005a60));/* グラデーションSafari,Google Chrome用 */
}


/*ボタン3つ 何段でも共通*/
.tab3{
	width:309px;
	height:30px;
	margin:0 auto;
	padding:5px 5px 0 5px;
}
	
.tab3 li{
	float:left;
	width: 100px;
	height:30px;
	margin-right:1px;
	line-height: 30px;
	border: 1px solid #fff;
	background: -moz-linear-gradient(top, #8cced4, #004981);/* グラデーションFirefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#8cced4), to(#004981));/* グラデーションSafari,Google Chrome用 */
}

.tab3 li a{
	color:#ffffff;
	display:block;
	text-decoration:none;
}


/*ボタン4つ 何段でも共通*/
.tab4{
	width:308px;
	height:30px;
	margin:0 auto;
	padding:4px 6px 0px 6px;
}
	
.tab4 li{
	float:left;
	width: 74px;
	height:30px;
	margin-right:1px;
	line-height: 30px;
	border: 1px solid #fff;
	background: -moz-linear-gradient(top, #8cced4, #004981);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#8cced4), to(#004981));/* グラデーションSafari,Google Chrome用 */
}

/*ボタン5つ*/
.tab5{
	width:315px;
	height:30px;
	margin:0 auto;
	padding:4px 2px 6px 2px;
}

.tab5 li{
	float:left;
	width: 60px;
	height:30px;
	margin-right:1px;
	line-height: 31px;
	border: 1px solid #fff;
	background: -moz-linear-gradient(top, #8cced4,  
		#004981);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#8cced4),  
		to(#004981));/* グラデーションSafari,Google Chrome用 */
}

	
/*個々のタブの設定*/
.tab2 li a, .tab3 li a, .tab4 li a, .tab5 li a{
	color:#ffffff;
	display:block;
	text-decoration:none;
}

.left_tab{
	border-radius-topleft: 10px;/* ここからCSS3新機能 角を丸くします */ 
	border-radius-bottomleft: 10px;
	
	-webkit-border-top-left-radius: 10px;/* 角丸Safari,Google Chrome用 */
	-webkit-border-bottom-left-radius: 10px;
	
	-moz-border-radius-topleft: 10px; /* 角丸Firefox用 */ 
	-moz-border-radius-bottomleft: 10px; 
}

.left_tab_top{ /*左タブボタン　左上だけ角丸*/
	border-radius-topleft: 10px;/* ここからCSS3新機能 角を丸くします */ 
	
	-webkit-border-top-left-radius: 10px;/* 角丸Safari,Google Chrome用 */
	
	-moz-border-radius-topleft: 10px; /* 角丸Firefox用 */ 
}

.left_tab_bottom{ /*左タブボタン　左下だけ角丸*/
	border-radius-bottomleft: 10px;/* ここからCSS3新機能 角を丸くします */  

	-webkit-border-bottom-left-radius: 10px;/* 角丸Safari,Google Chrome用 */

	-moz-border-radius-bottomleft: 10px;/* 角丸Firefox用 */  
}

.right_tab{
	margin:0;
	border-radius-topright: 10px;/* ここからCSS3新機能 角を丸くします */ 
	border-radius-bottomright: 10px;
	
	-webkit-border-top-right-radius: 10px;/* 角丸Safari,Google Chrome用 */
	-webkit-border-bottom-right-radius: 10px;
	
	-moz-border-radius-topright: 10px; /* 角丸Firefox用 */ 
	-moz-border-radius-bottomright: 10px; 
}

.right_tab_top{ /*右タブボタン　右上だけ角丸*/
	margin:0;
	border-radius-topright: 10px;/* ここからCSS3新機能 角を丸くします */ 
	
	-webkit-border-top-right-radius: 10px;/* 角丸Safari,Google Chrome用 */
	
	-moz-border-radius-topright: 10px; /* 角丸Firefox用 */ 
}

.right_tab_bottom{ /*右タブボタン　右下だけ角丸*/
	margin:0;
	border-radius-bottomright: 10px;/* ここからCSS3新機能 角を丸くします */ 
	
	-webkit-border-bottom-right-radius: 10px;/* 角丸Safari,Google Chrome用 */
	
	-moz-border-radius-bottomright: 10px; /* 角丸Firefox用 */  
}

.tab3 .selected_tab, .tab4 .selected_tab, .tab5 .selected_tab{
	background: -moz-linear-gradient(top, #002b4c, #0064b1);/* グラデーションFirefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#002b4c), to(#0064b1));/* グラデーションSafari,Google Chrome用 */
}

/* ----------------------------------------------------------------
その他共通部分　選手情報(mypage/practice)
---------------------------------------------------------------- */
#player {
	background-color: #000000;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
}

#player table{
	width: 320px;
}
	
#player #star_big {
	padding-left: 20px;
}

#player p {
	background-color: #012c7a;
	height: 25px;
	background-repeat: no-repeat;
	background-position: 150px;
	border-bottom: 3px solid #cc0a13;
}

#player img {
	text-align: center;
}

#player #face {
	padding-left: 4px;
}

#player #player_level #power {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-collapse: collapse;
}

#player #player_level #down #ex {
	border-top: 1px solid #fff;
}

#player #spcial_plactice {
	padding-top: 7px;
}

#player #body_condition {
	padding-top: 7px;
}

#player p{
	line-height: 25px;
	background-color: #012C7A;
}

#player #player_level {	
	margin: 7px auto 0 auto;
	width: 308px;
	height: 124px;
	color: #fff;
	background-color: #012C7A;
	border: 2px solid #fff;
	border-radius-topleft: 20px;/* ここからCSS3新機能 角を丸くします */ 
	border-radius-bottomright: 20px;
	border-radius-bottomleft: 20px;
	
	-webkit-border-top-left-radius: 20px;/* 角丸Safari,Google Chrome用 */
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	
	-moz-border-radius-topleft: 20px; /* 角丸Firefox用 */ 
	-moz-border-radius-bottomright: 20px; 
	-moz-border-radius-bottomleft: 20px; 
}

/* ----------------------------------------------------------------
スコアボード(game/maypage/profile/team)
---------------------------------------------------------------- */
#score_board_wrapper  {
	background-color: #000000;
}

#score_board {
	background-color: #000;
	width: 315px;
	margin-left: auto;
	margin-right: auto;
}

#score_board p{
	padding-left: 1px;
}

#score_board table {
	width: 314px;
	background-color: #0a1b38;
	color: #fff;
	border: 1px solid #fff;
	margin-left: 1px;
}

#score_board td {
	border: 1px solid #fff;
	border-collapse: collapse;
	width: 14%;
}

#score_board .country {
	height: 25px;
	width: 44%;
	padding-left: 5px;
}

#score_board .emphasis_orange {
	color: #ff8f02;
}

/* ----------------------------------------------------------------
アワード(player/profile)
---------------------------------------------------------------- */
.award_frame_main {
background-color: #323232;
font-size: 16px;
color: #ffffff;
}

.award_frame_sub {
background-color: #101010;
font-size: 16px;
color: #ffffff;
}

/* ----------------------------------------------------------------
レコード(player/profile)
---------------------------------------------------------------- */
.record1_frame_main {
background-color: #6f6a30;
font-size: 16px;
color: #ffffff;
}

.record1_frame_sub {
background-color: #4a471f;
font-size: 16px;
color: #ffffff;
}

.record2_frame_main {
background-color: #67737d;
font-size: 16px;
color: #ffffff;
}

.record2_frame_sub {
background-color: #394149;
font-size: 16px;
color: #ffffff;
}


/* ----------------------------------------------------------------
スキル(player/profile)
---------------------------------------------------------------- */
#skill_title {
	color: #ff1b1b;
	background-color: #012c7a;
	font-weight: bold;
	font-size: 20px;
}

/* ----------------------------------------------------------------
その他共通部分　(shop/item/ranking/s_training)
---------------------------------------------------------------- */
.shop_frame_main {
	background-color: #67737d;
	color: #ffffff;
	font-size:16px;
}
.shop_frame_main td{
	color: #ffffff;
}
.shop_frame_sub1 {
	background-color: #394149;
	color: #ffffff;
}

/*順位*/
.information_frame_emphasis {
	background-color: #810000;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
}

/* ----------------------------------------------------------------
汎用ボタン
---------------------------------------------------------------- */
/*ロング 水色*/
.btn-common_l_skyblue {
	display: block;
	margin: 0 auto;
	text-align: center;
	
	width: 250px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #ecf8fd;
	color: #fff;
	
	border-radius: 10px;/* 角を丸くします */  
	-webkit-border-radius: 10px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 10px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #77c7ff 0%, #1599f7 49%, #0083e0 50%, #00508f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77c7ff), color-stop(49%,#1599f7), color-stop(50%,#0083e0), color-stop(100%,#00508f));
}

.btn-common_l_skyblue a {
	display: block;
	color: #ffffff;
	text-decoration:none;
	font-size: 16px;
	font-weight: normal;
}

/*ロング 青*/
.btn-common_l_blue {
	display: block;
	margin: 0 auto;
	text-align: center;
	
	width: 250px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #ecf8fd;
	color: #fff;
	
	border-radius: 10px;/* 角を丸くします */  
	-webkit-border-radius: 10px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 10px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #7690c4 0%, #00468f 49%, #003092 50%, #004290 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7690c4), color-stop(49%,#00468f), color-stop(50%,#003092), color-stop(100%,#004290));
}

.btn-common_l_blue a {
	display: block;
	color: #ffffff;
	text-decoration:none;
	font-size: 16px;
	font-weight: normal;
}

/*ショート 黒*/
.btn-common_l_black {
	display: block;
	margin: 0 auto;
	text-align: center;
	
	width: 250px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #ecf8fd;
	color: #fff;
	
	border-radius: 10px;/* 角を丸くします */  
	-webkit-border-radius: 10px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 10px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #444444 0%, #323131 49%, #1d1d1d 50%, #282828 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(49%,#323131), color-stop(50%,#1d1d1d), color-stop(100%,#282828));
}

.btn-common_l_black a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
}

/*ミドル 黒*/
.btn-common_m_black {
	display: block;
	margin: 0 auto;
	text-align: center;
	
	width: 120px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #ecf8fd;
	color: #fff;
	
	border-radius: 10px;/* 角を丸くします */  
	-webkit-border-radius: 10px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 10px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #444444 0%, #323131 49%, #1d1d1d 50%, #282828 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(49%,#323131), color-stop(50%,#1d1d1d), color-stop(100%,#282828));
}

.btn-common_m_black a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
}
/*ショート 水色*/
.btn-common_s_skyblue {
	display: block;
	margin: 0px 4px 4px 2px;
	text-align: center;
	
	width: 80px;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ecf8fd;
	color: #fff;
	
	border-radius: 7px;/* 角を丸くします */  
	-webkit-border-radius: 7px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 7px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #77c7ff 0%, #1599f7 49%, #0083e0 50%, #00508f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77c7ff), color-stop(49%,#1599f7), color-stop(50%,#0083e0), color-stop(100%,#00508f));
}

.btn-common_s_skyblue a {
	display: block;
	color: #ffffff;
	text-decoration:none;
	font-size: 16px;
	font-weight: normal;
}

/*ショート 青*/
.btn-common_s_blue {
	display: block;
	margin: 0px 4px 4px 2px;
	text-align: center;
	
	width: 80px;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ecf8fd;
	color: #fff;
	
	border-radius: 7px;/* 角を丸くします */  
	-webkit-border-radius: 7px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 7px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #7690c4 0%, #00468f 49%, #003092 50%, #004290 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7690c4), color-stop(49%,#00468f), color-stop(50%,#003092), color-stop(100%,#004290));
}

.btn-common_s_blue a {
	display: block;
	color: #ffffff;
	text-decoration:none;
	font-size: 16px;
	font-weight: normal;
}

/*ショート 黒*/
.btn-common_s_black {
	display: block;
	margin: 0px 4px 4px 2px;
	text-align: center;
	
	width: 80px;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #cccccc;
	color: #fff;
	
	border-radius: 7px;/* 角を丸くします */  
	-webkit-border-radius: 7px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 7px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #444444 0%, #323131 49%, #1d1d1d 50%, #282828 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(49%,#323131), color-stop(50%,#1d1d1d), color-stop(100%,#282828));
}

.btn-common_s_black a {
	display: block;
	color: #ffffff;
	text-decoration:none;
	font-size: 16px;
	font-weight: normal;
}

/*リスト　前へ次へボタン(リンク有)*/
.btn-common_list_on {
	display: block;
	margin: 0px 4px 4px 2px;
	text-align: center;
	
	width: 80px;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ecf8fd;
	color: #fff;
	
	border-radius: 7px;/* 角を丸くします */  
	-webkit-border-radius: 7px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 7px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #6f9fc1 0%, #2971a2 49%, #025591 50%, #003a62 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f9fc1), color-stop(49%,#2971a2), color-stop(50%,#025591), color-stop(100%,#003a62));
}

.btn-common_list_on a {
	display: block;
	color: #ffffff;
	text-decoration:none;
	font-size: 16px;
	font-weight: normal;
}

/*リスト　前へ次へボタン(リンク無)*/
.btn-common_list_off {
	display: block;
	margin: 0px 4px 4px 2px;
	text-align: center;
	
	width: 80px;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #636363;
	color: #fff;
	
	border-radius: 7px;/* 角を丸くします */  
	-webkit-border-radius: 7px;/* 角丸Safari,Google Chrome用 */ 
	-moz-border-radius: 7px;/* 角丸Firefox用 */ 
		
	background: -moz-linear-gradient(top, #092335 0%, #092335 50%, #092335 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#092335), color-stop(50%,#092335), color-stop(100%,#092335));
}

.btn-common_list_off a {
	display: block;
	color: #ffffff;
	text-decoration:none;
	font-size: 16px;
	font-weight: normal;
}

/* ----------------------------------------------------------------
リーグ戦スコアボード
---------------------------------------------------------------- */
.lg_frame_main {
	background-color: #012c7a;
	font-size: xx-small;
	color: #ffffff;
}

.lg_score_frame_main {
	background-color: #007f03;
	font-size: xx-small;
	color: #ffffff;
}

#lg_board_wrapper {
	background-color: #012c7a;
}

#lg_board {
	background-color: #000;
	width: 315px;
	margin-left: auto;
	margin-right: auto;
}

#lg_board table {
	width: 314px;
	background-color: #001100;
	color: #fff;
	border: 1px solid #007f03;
	margin-left: 1px;
}

#lg_board td {
	border: 1px solid #007f03;
	border-collapse: collapse;
	padding-left: 5px;
}

#lg_board .sub {
	height: 25px;
	width: 44%;
}

#lg_board .pts {
	height: 25px;
	width: 14%;
}

#lg_board .emphasis_orange {
	color: #ff8f02;
}

/* ----------------------------------------------------------------
絵文字
---------------------------------------------------------------- */
.img_emoji{
position:relative;
top:2px;
}

/* ----------------------------------------------------------------
選手名のアイコン(とテキスト)の高さ揃え
---------------------------------------------------------------- */
.img_icon{
	position: relative;
	top: 2px;
	margin: 0 3px 0 0;
}
/* ----------------------------------------------------------------
ポジション
---------------------------------------------------------------- */
.f_left {
	margin: 3px;
	float: left;
}

.f_right {
	margin: 3px;
	float: right;
}
/* ----------------------------------------------------------------
ボックスの横並び
---------------------------------------------------------------- */

.box_float {/*div素材の横並び*/
	padding: 4px 0px;
	font-size: 14px;
	color: #000000;
}

.position_adjustment {/*div素材の位置調整*/
	display: table-cell;
	vertical-align: middle;
}
/* ----------------------------------------------------------------
テーブル配色
---------------------------------------------------------------- */

.table_line_white {
	background-color: #ffffff;
}

.tr_bg_naby {
	background-color: #030028;
}

.td_bg_naby {
	background-color: #030028;
}

/* ----------------------------------------------------------------
チャレンジユナイテッドステータス背景
---------------------------------------------------------------- */
#challenge_united_status{
	width: 100%;
	height: 150px;
	clear: left;
	margin: 6px 0;
}

#challenge_united_status ul{
	background-image: url(/img/sp/obj/bg_challenge_united_01.jpg);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	width: 320px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}

.team_name {
	text-align: center;
	float: none;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 16px;
}

.team_link {
	text-align: center;
	float: none;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 1px;
}
.ranking {
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-left: 190px;
	margin-top: 22px;

}
.total_points {
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-left: 190px;
	margin-top: 3px;

}
.match_num {
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-left: 190px;
	margin-top: 2px;
}
.player_points {
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-left: 190px;
	margin-top: 3px;
}

/* ----------------------------------------------------------------
チャレンジユナイテッドランキング背景
---------------------------------------------------------------- */
#challenge_united_ranking{
	width: 100%;
	height: 150px;
	clear: left;
	margin: 6px 0;
}

#challenge_united_ranking_gold ul{
	background-image: url(/img/sp/obj/bg_challenge_united_gold.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	width: 320px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}

#challenge_united_ranking_silver ul{
	background-image: url(/img/sp/obj/bg_challenge_united_silver.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	width: 320px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}

#challenge_united_ranking_bronze ul{
	background-image: url(/img/sp/obj/bg_challenge_united_bronze.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	width: 320px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}

#challenge_united_ranking_nomal ul{
	background-image: url(/img/sp/obj/bg_challenge_united_nomal.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	width: 320px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}
.ranking_image {
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-left: 10px;
	margin-top: 2px;

}

.point_image {
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 1px;
	margin-left: 130px;
	margin-top: 0px;

}

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

.clearfix {
display: inline-table;
min-height: 1%;
}

/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}/* End hide from IE-mac */

/* ----------------------------------------------------------------
疲労度
---------------------------------------------------------------- */
/*能力2倍*/

#capacity_up{
	width: 100%;
	height: 100px;
	clear: left;
	margin: 6px 0;
}

#capacity_up ul{
	background-image: url(/img/sp/parameter/capacity_bg_up.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	width: 310px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}

/*連戦疲労*/

#capacity_down{
	width: 100%;
	height: 100px;
	clear: left;
	margin: 6px 0;
}

#capacity_down ul{
	background-image: url(/img/sp/parameter/capacity_bg_down.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	width: 310px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}

#capacity_nothing{
	width: 100%;
	height: 100px;
	clear: left;
	margin: 6px 0;
}

#capacity_nothing ul{
	background-image: url(/img/sp/parameter/capacity_bg_down.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	width: 310px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
}
.icon{
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: -5px;
	margin-left: 10px;
	margin-top: 10px;
}

.total{
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: 91px;
	padding-top: 4px;
}

.total_double{
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: 80px;
	padding-top: 4px;
}

.today{
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 27px;
}

.today_double{
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: 5px;
	padding-top: 27px;
}

.one_day_before{
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: -18px;
	padding-top: 50px;
}

.two_days_before{
	float: left;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 0px;
	margin-left: -18px;
	padding-top: 72px;
}

p.about_padding
{
	padding: 10px;
}

.about_bg_color
{
	background-color: #012c7a;
}

/* 激闘編 背景色変換 */
.background_color_012c7a {
	background-color: #a53300;
}

.line_rank_gold {
	height: 5px;
	background: -moz-linear-gradient(left top, #fd0, #ffe 50%, #fd0);
	background: -webkit-gradient(linear, left top, right bottom, from(#fd0), color-stop(0.5, #ffe), to(#fd0));
}

.line_rank_silver {
	height: 5px;
	background: -moz-linear-gradient(left top, #bbb, #fff 50%, #bbb);
	background: -webkit-gradient(linear, left top, right bottom, from(#bbb), color-stop(0.5, #fff), to(#bbb));
}

.line_rank_copper {
	height: 5px;
	background: -moz-linear-gradient(left top, #841, #fed 50%, #841);
	background: -webkit-gradient(linear, left top, right bottom, from(#841), color-stop(0.5, #fed), to(#841));
}

.line_rank_bronze {
	height: 5px;
	background: -moz-linear-gradient(left top, #08a, #efe 50%, #08a);
	background: -webkit-gradient(linear, left top, right bottom, from(#08a), color-stop(0.5, #efe), to(#08a));
}


/* NEOバトルスタジアム 詳細画面用 */
.line_nbs_description {
	width: 100%;
	height: 1px;
	background: -moz-linear-gradient(top left, #541b00, #e0e0e0 40%, #e0e0e0 60%, #541b00);
	background: -webkit-gradient(linear, left top, right bottom, from(#541b00), color-stop(0.4, #e0e0e0), color-stop(0.6, #e0e0e0), to(#541b00));
}


/* 選手能力表示テーブル */
.player_params {
	width: 320px;
/*	margin: 0 auto; */
	text-align: center;
	display: table;
}

.player_params div.row{
	display: table-row;
	width: 100%;
}

.player_params div.cell_l{
	text-align: right;
	font-size: 14px;
	display: table-cell;
	width: 80px;
}

.player_params div.cell_r{
	text-align: left;
	font-size: 14px;
	display: table-cell;
	width: 80px;
}

.player_params div.cell_l2{
	text-align: right;
	font-size: 14px;
	display: table-cell;
	width: 90px;
}

.player_params div.cell_r2{
	text-align: left;
	font-size: 14px;
	display: table-cell;
	width: 230px;
}