html , body , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol, dl , li , dt , dd , p , header , hgroup , section , article , aside , hgroup , footer , figure , figcaption , nav{
	margin:0;
	padding:0;
	font-size:100%;
        word-break: break-all;
}

body{
	line-height:1.0;
	-webkit-text-size-adjust:nune;
	background-color:#000000;
	color:#FFFFFF;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 100);
}

a{
	color:#FFF000;
	font-size:1.3em;
}

article , aside , canvas , details , figcaption , figure , footer , header,  hgroup , menu , nav , section , summary{
	display:block;
}

img {
	border:0;
	vertical-align:bottom;
}

ul,ol{
	list-style:none;
}

table{
	border-spacing:0;
	empty-cells:show;
}

hr{
	border-color: #967800;
}
marquee{
	display: inline-block;
	overflow: -webkit-marquee;
}

#header_menu{
	top:0;
	width:320px;
	background-color:#CCCCCC;
	overflow:hidden;

}
#header_menu .header_menu_button{
	margin-top:3px;
	padding:0px;
}

#header_menu a{
	padding:0px;
}

#header_menu .header_menu_button img{
	width:24%;
	margin-left:2px;
}

#header_menu .header_menu_button_mypage img{
	width:24%;
	margin-left:2px;
}

#menu_list{
	display:none;
	background-color:#FFFFFF;
	color:#000000;
	width:100%;
	clear:both;
	text-align:center;
}

#menu_list .menu_list_bottun img{
	width:48%;
	float:left;
	margin:1%;

}

#header_menu_space{
	//height:50px;
	height:0px;
	margin:0px;
	padding:0px;
	clear:both;
}

div#all_display_wrapper{
    width: 320px;
    margin: 0 auto;
    text-align: left;
}

/* common
----------------------------------*/

#title {
	width: 100%;
	text-align: center;
	background: #FFF;
	padding: 10px 0;
	color: #0E218A;
	margin-bottom: 10px;
}

.common-title{
	text-align:center;
	background-color:#414141;
	color:#FFFFFF;
	border-top:solid 1px #967800;
	border-bottom:solid 1px #967800;
	margin-top:2px;
	margin-bottom:2px;
	padding:0px;
}
.common-title:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;

}

.title-covor, .title-covor-yellow{
    padding: 2px 0;
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(50%, #FFD700), color-stop(100%, #000000));
    background: -webkit-linear-gradient(left top, #000000 0%, #FFD700 50%, #000000 100%);
    background: -o-linear-gradient(left top, #000000 0%, #FFD700 50%, #000000 100%);
    background: linear-gradient(to right, #000000 0%, #FFD700 50%, #000000 100%);
}.title-inner{
    text-align: center;
    padding: 3px;
    color: #FFFFFF;
		background-color: #2D2D2D;
}.title-covor > .title-inner {
	background-color: #414141;
}

/**
label pattern
**/
.title-covor-1{
    padding: 1px 0;
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(50%, #C0C0C0), color-stop(100%, #000000));
    background: -webkit-linear-gradient(left top, #000000 0%, #C0C0C0 50%, #000000 100%);
    background: -o-linear-gradient(left top, #000000 0%, #C0C0C0 50%, #000000 100%);
    background: linear-gradient(to right, #000000 0%, #C0C0C0 50%, #000000 100%);
}

.title-covor-2, .title-covor-red{
    padding: 2px 0;
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(50%, #F00000), color-stop(100%, #000000));
    background: -webkit-linear-gradient(left top, #000000 0%, #F00000 50%, #000000 100%);
    background: -o-linear-gradient(left top, #000000 0%, #F00000 50%, #000000 100%);
    background: linear-gradient(to right, #000000 0%, #F00000 50%, #000000 100%);
}.title-covor-blue{
	padding: 2px 0;
	display: block;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(50%, #0f43ff), color-stop(100%, #000000));
	background: -webkit-linear-gradient(left top, #000000 0%, #0f43ff 50%, #000000 100%);
	background: -o-linear-gradient(left top, #000000 0%, #0f43ff 50%, #000000 100%);
	background: linear-gradient(to right, #000000 0%, #0f43ff 50%, #000000 100%);
}.title-covor-green{
	padding: 2px 0;
	display: block;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(50%, #00bb42), color-stop(100%, #000000));
	background: -webkit-linear-gradient(left top, #000000 0%, #00bb42 50%, #000000 100%);
	background: -o-linear-gradient(left top, #000000 0%, #00bb42 50%, #000000 100%);
	background: linear-gradient(to right, #000000 0%, #00bb42 50%, #000000 100%);
}

hr.gold{
    border: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(50%, #FFD700), color-stop(100%, #000000));
    background: -webkit-linear-gradient(left top, #000000 0%, #FFD700 50%, #000000 100%);
    background: -o-linear-gradient(left top, #000000 0%, #FFD700 50%, #000000 100%);
    background: linear-gradient(to right, #000000 0%, #FFD700 50%, #000000 100%);
}

hr.silver{
    border: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(50%, #C0C0C0), color-stop(100%, #000000));
    background: -webkit-linear-gradient(left top, #000000 0%, #C0C0C0 50%, #000000 100%);
    background: -o-linear-gradient(left top, #000000 0%, #C0C0C0 50%, #000000 100%);
    background: linear-gradient(to right, #000000 0%, #C0C0C0 50%, #000000 100%);
}

hr.light{
    border: 0;
    height: 1px;
    margin: 2px 0;
    background-color: #666666;
}

hr.normal{
    border: 0;
    height: 1px;
    margin: 2px 0;
    background-color: #967800;
}

hr.red{
    border: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #000000), color-stop(50%, #F00000), color-stop(100%, #000000));
    background: -webkit-linear-gradient(left top, #000000 0%, #F00000 50%, #000000 100%);
    background: -o-linear-gradient(left top, #000000 0%, #F00000 50%, #000000 100%);
    background: linear-gradient(to right, #000000 0%, #F00000 50%, #000000 100%);
}

.common {
	margin-bottom: 15px;
	padding: 0 10px;
}

.fontwhite{
	color:#FFFFFF;
}
.fontred{
	color:#FF0000;
}
.fontblue{
	color:#00BFFF;
}
.fontgreen{
	color:#008000;
}
.fontgray{
	color:#808080;
}
.fontyellow{
	color:#FFF000;
}
.fontorange{
	color:#FF7800;
}
.fontpink{
	color:#FFC0CB;
}
.font-deepgreen{
	color:#00A800;
}

.aligncenter{
	text-align: center;
	margin: 0 auto;
}

.alignright{
	text-align:right;
	margin: 0 auto;
}

.alignleft{
	text-align:left;
	margin: 0 auto;
}


a.common-button {
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	height:25px;
	line-height:25px;
	margin: 10px auto;
	padding: 2px 10px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}

span.common-button {
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555555), color-stop(0.5, #303030), color-stop(0.51, #303030), to(#000000));
	height:25px;
	line-height:25px;
	margin: 10px auto;
	padding: 2px 10px;
	text-decoration: none;
	color: #FFF;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}

.common-pager{
	text-align:center;
	color:#FFFFFF;
	border-top:solid 1px #967800;
	border-bottom:solid 1px #967800;
	margin-bottom:2px;
	padding:6px;
}


.common-pager1{
	text-align:center;
	color:#FFFFFF;
	/*border-top:solid 1px #967800;*/
	margin-bottom:2px;
	padding:6px;
}

.common-pager2{
	text-align:center;
	color:#FFFFFF;
	/*border-bottom:solid 1px #967800;*/
	margin-bottom:2px;
	padding:6px;
}


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

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


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


.common-pager-title{
	border-top:solid 1px #967800;
	border-bottom:solid 1px #967800;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1em;
}


.common-pager-title-top{
	border-top:solid 1px #967800;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1em;
}


a.common-page-button-prev {
	display: inline-block;
	float:left;
	width:47%;
	padding:0px;
	margin:0px;
	font-size:1em;
}

a.common-page-button-prev img {
	width:100%;
	margin:0px;
}


a.common-page-button-next {
	display: inline-block;
	float:right;
	width:47%;
	padding:0px;
	margin:0px;

}
a.common-page-button-next img{
	width:100%;
	margin:0px;
}

.common-max-width{
	width:100%;
}
.common-half-width{
	width:50%;
}


input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] {
	height: 30px;
	line-height:30px;
}

input[type="checkbox"]{
	padding:2px;
}
input[type="submit"] {
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	height:27px;
	line-height:25px;
	margin: 10px 0px;
	padding: 1px 10px;
	color: #333;
	font-size: 17px;
}


select {
	height:30px;
	margin: 2px auto;
	padding: 2px 10px;
}

.Odd {
	background: #e3f3f6;
}

.prt {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: 0px;
}

.c-left {
	float:left;
}

.c-right {
	float:right;
}

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

.title-image{
	width:100%;
}

.bike-fullsize{
	width:100%;
}
.common-list{
	margin-top:2px;
	margin-bottom:2px;
    color: #000000;
}
.common-list li{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	border-bottom: 1px solid #A3A3A3;
	padding-left:16px;
	overflow: hidden;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
}
.common-list li.attention{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF7F7F), color-stop(0.5, #FF4B4B), color-stop(0.51, #FF3333), to(#E40000));
	border-bottom: 1px solid #A3A3A3;
	padding-left:16px;
	overflow: hidden;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
}
.common-list li.care{
    background: black;
	border-bottom: 1px solid #A3A3A3;
	padding-left:16px;
	overflow: hidden;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
}

.common-list a{
	text-decoration:none;
	color: #ff0000;
	display: block;
	font-weight: bold;
	font-size:1em;
}
.common-list li.attention a{
	text-decoration:underline;
	color: #ffff00;
	display: block;
	font-weight: bold;
	font-size:1em;
}
.common-list li.care span{
	color: #ff0000;
	display: block;
	font-weight: bold;
	font-size:1em;
}

.common-list-help{
	margin-top:2px;
	margin-bottom:2px;
}
.common-list-help li{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	border-bottom: 1px solid #A3A3A3;
	padding-left:16px;
	overflow: hidden;
	padding-top:7px;
	padding-bottom:7px;
        text-align:left;
}
.common-list-help a{
	text-decoration:none;
	color: #000000;
	display: block;
	font-weight: bold;
	font-size:1em;
}

.common-list2{
	margin-top:2px;
	margin-bottom:2px;
}

.common-list2 li{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	border-bottom: 1px solid #A3A3A3;
	padding-left:16px;
	padding-top:7px;
	padding-bottom:7px;
	overflow: hidden;
	color:#000000;
}
.common-list2 a{
	text-decoration:none;
	color: #333;
	display: block;
	font-weight: bold;
	font-size:1em;
}


.common-marquee{
	overflow: -webkit-marquee;
	white-space: nowrap;
	width: 100%;
}


.common-blink{
	text-decoration: blink;
}



.common-info-bg1{
	background-color:#000000;
	padding:10px;
}

.common-info-bg2{
	background-color:#1a1a1a;
	padding:10px;
}

table.player-status-table{
	width:100%;
	margin-top:2px;
	margin-bottom:5px;
}

.common-chara-img{
	text-align:left;
	float:left;
	width:20%;
	margin:2px;
}

/* ��2� */
.common-tab2 {
  padding-top: 10px;
  border-bottom: 2px solid #FFF;
  height: 32px;
}.common-tab2 ul{
}.common-tab2 ul li.select{
  margin: 0px 5px;
  float: left;
  position: relative;
  border-style: solid solid none solid;
  border-width: 2px 2px 0px 2px;
  border-color: #FFFFFF;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  background: -moz-linear-gradient(top,  rgba(193,193,193,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,193,193,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
}.common-tab2 ul li.link{
  margin: 0px 5px;
  float: left;
  position: relative;
  border-style: solid solid none solid;
  border-width: 2px 2px 0px 2px;
  border-color: #8f8f8f;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  background: rgb(43,43,43);
  background: -moz-linear-gradient(top,  rgba(43,43,43,1) 0%, rgba(72,72,72,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,43,43,1)), color-stop(50%,rgba(72,72,72,1)), color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(43,43,43,1) 0%,rgba(72,72,72,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(43,43,43,1) 0%,rgba(72,72,72,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
}.common-tab2 ul li a{
  width: 146px;
  text-align: center;
  display: block;
  height: 30px;
  text-decoration: none;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 30px;
}.common-tab2 ul li p{
  text-align: center;
  display: block;
  width: 146px;
  height: 30px;
  text-decoration: none;
  color: #000;
  font-size: 1.2rem;
  line-height: 30px;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: -14px 2px;
  position: relative;
}

.common-tab3 {
  padding-top: 10px;
  border-bottom: 2px solid #FFF;
  height: 32px;
}.common-tab3 ul{
}.common-tab3 ul li.select{
  margin: 0px 5px;
  float: left;
  position: relative;
  border-style: solid solid none solid;
  border-width: 2px 2px 0px 2px;
  border-color: #FFFFFF;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  background: -moz-linear-gradient(top,  rgba(193,193,193,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,193,193,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top,  rgba(193,193,193,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
  }.common-tab3 ul li.link{
  margin: 0px 5px;
  float: left;
  position: relative;
  border-style: solid solid none solid;
  border-width: 2px 2px 0px 2px;
  border-color: #8f8f8f;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  background: rgb(43,43,43);
  background: -moz-linear-gradient(top,  rgba(43,43,43,1) 0%, rgba(72,72,72,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(43,43,43,1)), color-stop(50%,rgba(72,72,72,1)), color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(43,43,43,1) 0%,rgba(72,72,72,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(43,43,43,1) 0%,rgba(72,72,72,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
}.common-tab3 ul li.select_yellow{
  margin: 0px 5px;
  float: left;
  position: relative;
  border-style: solid solid none solid;
  border-width: 2px 2px 0px 2px;
  border-color: #FFFFFF;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  background: -moz-linear-gradient(top,  rgb(200, 200, 100) 0%, rgba(255, 255, 150) 50%, rgba(255, 255, 150,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,193,193,1)), color-stop(50%,rgba(255,255,150,1)), color-stop(100%,rgba(200,200,255,1)));
  background: -webkit-linear-gradient(top,  rgba(200,200,100,1) 0%,rgba(255,255,150,1) 50%,rgba(255,255,150,1) 100%);
  background: -o-linear-gradient(top,  rgba(200,200,100,1) 0%,rgba(255,255,150,1) 50%,rgba(255,255,150,1) 100%);
}.common-tab3 ul li a{
  width: 92px;
  text-align: center;
  display: block;
  height: 30px;
  text-decoration: none;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 30px;
}.common-tab3 ul li p{
  text-align: center;
  display: block;
  width: 92px;
  height: 30px;
  text-decoration: none;
  color: #000;
  font-size: 1.2rem;
  line-height: 30px;
  background-repeat: no-repeat;
  background-size: 35px 35px;
  background-position: -14px 2px;
  position: relative;
}

.morelink {
  width: 290px;
  margin: 0px auto;
  border: 1px solid #888;
  border-radius: 10px;
  background-color: #333;
  margin-top: 20px;
  margin-bottom: 20px;
}.morelink a {
  position: relative;
  display: block;
  color: #FFF;
  line-height: 40px;
  font-size: 1.0rem;
  padding: 0px 30px 0px 10px;
  text-decoration: none;
}.morelink a:after {
  content: "";
  position: absolute;
  color: #e07878;
  width: 12px;
  height: 17px;
  top: 11px;
  right: 10px;
  background-image: url('/sp_st/img/common/arrow.png');
  background-size: 12px 17px;
}

/* --------------------------------------
  �����N�{�^��
----------------------------------------- */
/* �t�b�^���j���[ */

#menu-list a.foot-button{
  width: 298px;
  position: relative;
  line-height: 25px;
  margin: 5px auto;
  display:block;
  text-decoration: none;
  padding: 0px 10px;
  color: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #5e5f7c;
  box-sizing : border-box;

  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(89, 89, 95, 1)), color-stop(50%,rgba(40, 40, 43, 1)));
  background: -webkit-linear-gradient(top,  rgba(89, 89, 95, 1) 50%,rgba(40, 40, 43, 1) 50%);
  background: -o-linear-gradient(top,  rgba(89, 89, 95, 1) 50%,rgba(40, 40, 43, 1) 50%);
  background: inear-gradient(to bottom, rgba(89, 89, 95, 1) 50%,rgba(40, 40, 43, 1) 50%)
}

#menu-list a.colorB{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(122, 77, 98, 1)), color-stop(50%,rgba(66, 11, 46, 1)));
  background: -webkit-linear-gradient(top,  rgba(122, 77, 98, 1) 50%,rgba(66, 11, 46, 1) 50%);
  background: -o-linear-gradient(top,  rgba(122, 77, 98, 1) 50%,rgba(66, 11, 46, 1) 50%);
  background: inear-gradient(to bottom, rgba(122, 77, 98, 1) 50%,rgba(66, 11, 46, 1) 50%)
}
#menu-list a.colorC{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(71, 97, 83, 1)), color-stop(50%,rgba(36, 56, 46, 1)));
  background: -webkit-linear-gradient(top,  rgba(71, 97, 83, 1) 50%,rgba(36, 56, 46, 1) 50%);
  background: -o-linear-gradient(top,  rgba(71, 97, 83, 1) 50%,rgba(36, 56, 46, 1) 50%);
  background: inear-gradient(to bottom, rgba(71, 97, 83, 1) 50%,rgba(36, 56, 46, 1) 50%)
}
#menu-list a.colorD{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(86, 86, 116, 1)), color-stop(50%,rgba(46, 46, 66, 1)));
  background: -webkit-linear-gradient(top,  rgba(86, 86, 116, 1) 50%,rgba(46, 46, 66, 1) 50%);
  background: -o-linear-gradient(top,  rgba(86, 86, 116, 1) 50%,rgba(46, 46, 66, 1) 50%);
  background: inear-gradient(to bottom, rgba(86, 86, 116, 1) 50%,rgba(46, 46, 66, 1) 50%)
}

#menu-list a.foot-button span.title{
display: table-cell;
width:120px;
font-size:0.8em;
color:rgb(255, 245, 11);
}

#menu-list a.foot-button span.caption{
text-align:right;
font-size:small;
display: table-cell;
}



.common-button-2-on{
	width:49%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.common-button-2-off{
	width:49%;
	display: inline-block;
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}

.common-button-3-on{
	width:32%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.common-button-3-off{
	width:32%;
	display: inline-block;
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}
.common-button-3-disable{
	width:32%;
	display: inline-block;
	border: 1px solid #888888;
    background: #D8D8D8;
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	color: #999999;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}



.common-button-4-on{
	width:18%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.common-button-4-off{
	width:24%;
	display: inline-block;
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}





.common-button-5-on{
	width:20%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.common-button-5-off{
	width:20%;
	display: inline-block;
	#height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}





.common-button-6-on{
	width:16%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	#height:25px;
	line-height:25px;
	margin: 2px -3px;
	padding: 2px 0px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.common-button-6-off{
	width:16%;
	display: inline-block;
	#height:25px;
	line-height:25px;
	margin: 2px -3px;
	padding: 2px 0px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}



.reload_button{
	width:20%;
}

.blink {
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: blink;
	-webkit-animation-duration: .7s;
	-webkit-animation-direction: alternate;
}

.myAttentionButton{
  background: #8B0000;
  border: 2px solid #DD3333;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 10px;
  font-size: 1.1em;
}

/* ????t?b?^?[
------------------------------------ */
footer {
	background: #0F218D;
	color: #FFF;
	text-align: center;
	padding: 10px 0 5px;
}

nav#footer-menu ul {
	-webkit-border-radius: 10px;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	margin: 0 10px 10px;
}

nav#footer-menu ul li {
	border-bottom: 1px solid #A3A3A3;
	height:30px;
	line-height:30px;
	overflow: hidden;
}

nav#footer-menu ul li a {
	color: #333;
	text-decoration:none;
	background: url('/image/smartphone/user/mypage/arrow.png') no-repeat 100% 50%;
	display: block;
	font-weight: bold;
}

nav#footer-menu ul li:first-child {
	border: 0;
}

#footer_menu_table tr{
	height:1.9em;
}

/* TOP
------------------------------------ */

.top-game-start{
	width:50%;
	text-align:center;
	margin:10px;
}

.top-howto-table{
	width:100%;
}
.top-howto-table img{
	width:100%;
}
.top-howto-table td{
	vertical-align:top;
}

/* ?K???[?W
------------------------------------ */

#garage_body{
	display:block;
}

#garage_parts:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;

}

.garage_part{
	float:left;
	width:30%;
	height:90px;
	margin:1%;
	margin-bottom:2em;
}


#garage_select_parts{
	width:100%;
	background-color:#000000;
	display:none;
}

.garage_select_part{
	margin:10px;
}


.garage_select_part img{
	float:left;
}
.garage_select_part_armed{
	color:#FF0000;
}
.garage_select_part_name{
	font-size:1.2em;
	margin:1px;
	float:left;
}


.garage_select_part_status{
	width:68%;
	margin:1px;
	float:left;
}


.garage_select_part_select_color{
	font-size:1.5em;
	height:2em;
	margin:1px;
}

.garage_parts_row{
	border-top:solid 1px #967800;
}
.garage_parts_row:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


/* ?A?W?g
------------------------------------ */
#ajito_table{
	width:100%;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
#ajito_table tr{
	width:100%;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#ajito_table .ajito_header_name{
	height: 26px;
}
#ajito_table .ajito_left_name{
	width: 24px;
}
#ajito_item_list{
	display:none;
}

.seted_ajito_item{
	background-color:#313131;
	display:none;
}

#ajito_item_order_defense{
	display:none;
}

#ajito_description{
	text-align:center;
  color: #FF0000;
  font-weight: bold;
	font-size:1.1em;
}


/* ?`?[??
------------------------------------ */
.team_menu{
	width:100%;
	text-align:center;
	paddin:3%;
}

.team_menu_max_button img{
	width:99%;
	margin: auto;
}
.team_menu_half_button{
	padding:0px;
}
.team_menu_half_button img{
	width:49%;
	margin: auto;
}


/* PCP
------------------------------------ */
.pcp_battle_menu{
	padding:0px;
}
.pcp_battle_menu img{
	width:49%;
	margin: auto;
	margin-top:10px;
	margin-bottom:10px;
}



/* ?????
------------------------------------ */
.shop_item_type_on{
	width:18%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 10px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.shop_item_type_off{
	width:18%;
	display: inline-block;
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 10px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}


.shop_bike_type_on{
	width:25%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 10px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.shop_bike_type_off{
	width:25%;
	display: inline-block;
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 10px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}

.shop_order_on{
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 10px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.shop_order_off{
	display: inline-block;
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 10px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}

.shop_order2_on{
	width:49%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}
.shop_order2_off{
	width:49%;
	display: inline-block;
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}





/* btl
------------------------------------ */


.btl-waza{
	width: 67%;
	padding-left: 30%;
	display: inline-block;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	line-height: 2.6em;
	background-repeat: no-repeat;
	text-align: left;
	color: black;
	text-decoration: none;
	margin-top:4px;
	margin-left:3px;
	font-size:1em;
}


/* start
------------------------------------ */
.start-body{
	text-align:center;
	padding:10px;
}


/* tutorial
------------------------------------ */
.tutorial-body{
	text-align:center;
	padding:10px;
}


/* rule
------------------------------------ */
.rule-img-box{
	padding:5px;
}


#login_content div.halfSize{
    width: 160px;
    float: left;
    text-align: center;
}

#login_content input.halfSize{
    width: 40%;
    height: auto;
}

#login_content img.button{
    width: 85%;
    height: auto;
}

#login_content #loginSection{
    margin: 25px 0;
}

#login_content #loginSection form{
    text-align: left;
    width: 250px;
    margin-bottom: 15px;
}

#login_content #loginSection p{
    margin: 0 0 20px 0;
}

#login_content #loginSection form label{
    color: yellow;
    width: 200px;
    line-height: 1.5;
}

#login_content #loginSection form input[type="email"],
#login_content #loginSection form input[type="password"],
#login_content #loginSection form input[type="text"] {
    height: 16px;
    line-height:16px;
}

#login_content .title{
    margin-bottom: 3px;
}

#login_content .icons_group{
    margin: 5px;
}

#login_content .icons_group a{
    font-size: 1.0em;
}

#login_content .icons_group img{
    width:4em;
}

#alertBox {
    position:absolute;
    height:20px;
    width:200px;
    top:50%;
    left:38%;
    margin-top:-75px;
    margin-left:-80px;
    border:1px solid #000;
    background-color: black;
    text-align: center;
    padding: 10px 0;
    opacity: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 3px 3px 5px #000;
}

div.upload_header{
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(103,126,174,1) 5%, rgba(51,80,140,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(5%,rgba(103,126,174,1)), color-stop(100%,rgba(51,80,140,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(103,126,174,1) 5%,rgba(51,80,140,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(103,126,174,1) 5%,rgba(51,80,140,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(103,126,174,1) 5%,rgba(51,80,140,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(103,126,174,1) 5%,rgba(51,80,140,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#33508c',GradientType=0 ); /* IE6-9 */
    height: 39px; line-height: 39px; font-weight: bold; text-align: center; font-size: 20px;
}

.upload_footer_gradient{
    background: rgb(249,250,254); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,250,254,1) 0%, rgba(228,231,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,250,254,1)), color-stop(100%,rgba(228,231,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,250,254,1) 0%,rgba(228,231,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,250,254,1) 0%,rgba(228,231,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,250,254,1) 0%,rgba(228,231,238,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(249,250,254,1) 0%,rgba(228,231,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafe', endColorstr='#e4e7ee',GradientType=0 ); /* IE6-9 */
}

.upload_footer{
    height:85px;
    border: solid 1px #BDBDBD;
}

.upload_button{
    width: 150px;
    height: 45px!important;
    color: rgb(80, 92, 119)!important;
    font-weight: bold;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.category_on{
	width:16%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	height:25px;
	line-height:25px;
	margin: 2px -2px;
	padding: 2px 0px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}

.category_off{
	width:15%;
	display: inline-block;
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}

.question_type_on{
	width:100%;
	display: inline-block;
	border: 1px solid #888888;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), color-stop(0.5, #F0F0F0), color-stop(0.51, #E2E2E2), to(#DDD));
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
	font-size:1em;
}

.question_type_off{
	width:100%;
	display: inline-block;
	height:25px;
	line-height:25px;
	margin: 2px auto;
	padding: 2px 0px;
	text-decoration: none;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}

/* item
------------------------------------ */
li.itemIconView{
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
}li.itemIconView img{
	max-width: 200px;
	height: auto;
}li.itemIconView .itemNum{
	font-size: smaller;
  white-space: nowrap;
  background: black;
}

li.itemIconView.col2{
	width: 160px;
}li.itemIconView.col2 a>img{
	max-width: 160px;
	height: auto;
}li.itemIconView.col3{
	width: 100px;
	margin-right: 10px;
}li.itemIconView.col3:nth-child(3n){
	margin-right: 0px;
}li.itemIconView.col3 a>img{
	max-width: 100px;
	height: auto;
}li.itemIconView.col4{
	width: 80px;
}li.itemIconView.col4 a>img{
	max-width: 80px;
	height: auto;
}li.itemIconView.col5{
	width: 64px;
}li.itemIconView.col5 a>img{
	max-width: 64px;
	height: auto;
}

.itemIconView .wrapper-node{
		position:relative;
		padding-bottom:20px
}.itemIconView .target-image img{
		zoom: 1.0;
}

.itemIconView.parts .wrapper-node span{
		position:absolute;
		top:-5px;
		right:2px;
}

.itemIconView.avatar .wrapper-node span{
		position:absolute;
		top:0px;
		right:2px;
}.itemIconView.avatar .target-image img{
		zoom: 1.5;
}

.itemIconView.figure .wrapper-node span{
		position:absolute;
		top:-5px;
		right:2px;
}

.byword-text-on-bg-image{
	text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;
}

.vm {
  vertical-align: middle!important;
}.vt {
  vertical-align: top!important;
}.vb {
	vertical-align: bottom!important;
}
/* HPバー改修 */
.hpBarTable
{
    display: table;
    height: 30px;
    font-size: 16px;
}
.hpBarRow
{
    display: table-row;
}
.hpBarTextCell
{
    display: table-cell;
    width: 25%;
    vertical-align: middle;
}
.hpBarIndicatorCell
{
    display: table-cell;
    width: 75%;
    vertical-align: middle;
}
.hpBarIndicatorGraph
{
    position: relative;
}
.hpBarIndicatorText{
    position: absolute;
    left: 0;
    top: 0;
    text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000,
                -1px 1px 0 #000000,  1px -1px 0 #000000,
                 0px 1px 0 #000000,    0 -1px 0 #000000,
                -1px 0   0 #000000,  1px    0 0 #000000;
}