/* Page Title Style
------------------------------------------------------------------ */
#basic .page-title {
    background:-webkit-gradient(linear, left top, left bottom,
    from(rgb(209,120,240)),
    to(rgb(0,77,160)));
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    padding:12px;
    margin-bottom:10px;
}

#special .page-title {
    background:-webkit-gradient(linear, left top, left bottom,
    from(rgb(209,120,240)),
    to(rgb(0,77,160)));
    color:#ffffff;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    padding:12px;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

/* HD Style
------------------------------------------------------------------ */

/* Baisc */
.hd-style {
    font-weight:bold;
    padding:12px 0 12px 34px;
    margin-bottom:10px;
    position:relative;
}

.hd-style img {
    width:24px;
    height:auto;
    position:absolute;
    top:7px;
    left:5px;
}

.hd-style-child {
    font-weight:bold;
    border-radius:4px;
    padding:10px 0 10px 32px;
    margin:0 10px 10px 10px;
    position:relative;
}

.hd-style-child img {
    width:20px;
    height:auto;
    position:absolute;
    top:7px;
    left:6px;
}

/* Radius */
.hd-style-radius {
    border-radius:4px;
    padding:8px;
}

/* List Style A
------------------------------------------------------------------ */
.list-style {
    margin:0 10px 10px 10px;
}

#basic .list-style ul {
    border-radius:4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .list-style ul {
    border-radius:4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.list-style ul li {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    border-bottom:1px solid #cccccc;
}

.list-style ul li a {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
    background-size:20px 20px;
    display:block;
    padding:14px;
}

.list-style ul li span {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    display:block;
    padding:14px;
}

.list-style ul li:first-child {
    border-radius:2px 2px 0 0;
}

.list-style ul li:last-child {
    border-radius:0 0 2px 2px;
    border:none;
}

.list-style ul li div.nolink {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background-size:20px 20px;
    display:block;
    padding:14px;
}
.list-style ul li a.list-del {
    float:left;
    color:#202020;
    text-shadow:1px 1px 1px #ffffff;
    display:block;
    border-radius:4px;
    border:1px solid #cccccc;
    padding: 0;
    background: #ffffff;
    margin: 8px 10px 8px 4px;
}

.list-style ul li a.list-del span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(180, 180, 180)),
    color-stop(0.5,rgb(160, 160, 160)),
    color-stop(0.5,rgb(140, 140, 140)),
    color-stop(1,rgb(180, 180, 180)));
    color:#ffffff;
    text-shadow:1px 1px 1px #666666;
    /*
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    */
    border-radius:2px;
    padding:4px 7px;
    margin:1px;
    display:inline-block;
}

/* List Style 2colmuns
------------------------------------------------------------------ */
.list-style-LR {
    margin:0 10px 10px 10px;
}

.list-style-LR .list-R {
    border-radius:4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

.list-style-LR dl dd:first-child {
    border-radius:2px 2px 0 0;
}

.list-style-LR dl dd:last-child {
    border-radius:0 0 2px 2px;
    border:none;
}

.list-style-LR dl dt {
    float:left;
}

.list-style-LR dl dd {
    float:right;

    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    border-bottom:1px solid #cccccc;
}
.list-style-LR dl dd a {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
    background-size:20px 20px;
    display:block;
    padding:14px;
}

/* Simple List Style
------------------------------------------------------------------ */
div.simple-LR-list {

}

div.simple-LR-list dl {
    border-bottom:1px dotted #cccccc;
    padding-bottom:10px;
    margin-bottom:10px;
}

div.simple-LR-list dl:last-child {
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
}

div.simple-LR-list dl dt {
    float:left;
}

div.simple-LR-list dl dd {
    float:right;
}

/* Unit List Style A
------------------------------------------------------------------ */
.unit-list-style {
    margin:0 10px 10px 10px;
}

#basic .unit-list-style ul li {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    border-radius:4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .unit-list-style ul li {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    border-radius:4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.unit-list-style ul li a {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
    background-size:20px 20px;
    display:block;
    padding:14px;
}

.unit-list-style ul li span {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    display:block;
    padding:14px;
}

/* HD List Style A
------------------------------------------------------------------ */
.hd-list-style {
    margin:0 10px 10px 10px;
}

.hd-list-style .hd {
    font-weight:bold;
    border-radius:4px 4px 0 0;
    padding:10px;
}

#basic .hd-list-style ul {
    border-radius:0 0 4px 4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .hd-list-style ul {
    border-radius:0 0 4px 4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.hd-list-style ul li {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(250,250,250)),
    color-stop(1,rgb(220,220,220)));
    border-bottom:1px solid #cccccc;
}

.hd-list-style ul li a {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
    background-size:20px 20px;
    display:block;
    padding:14px;
}

.hd-list-style ul li span {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    display:block;
    padding:14px;
}

.hd-list-style ul li:last-child {
    border-radius:0 0 2px 2px;
    border:none;
}

/* Thum List Style A
------------------------------------------------------------------ */
.thum-list-style {
    margin:0 10px 10px 10px;
}

#basic .thum-list-style .inner {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
    border-radius:4px;
    border:1px solid #ffffff;
}

#special .thum-list-style .inner {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
    border-radius:4px;
    border:1px solid #ffffff;
}

.thum-list-style a,.thum-list-style span.no-link {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    display:block;
}

.thum-list-style a dl {
    background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
    background-size:20px 20px;
}


.thum-list-style a dl dt,.thum-list-style span.no-link dl dt {
    float:left;
    margin:10px 10px 8px 10px;
}

.thum-list-style a dl dt img,.thum-list-style span.no-link dl dt img {
    border:1px solid #ffffff;
}

.thum-list-style a dl dd,.thum-list-style span.no-link dl dd {
    padding:10px 20px 10px 10px;
}

/* Unit Thum List Style A
------------------------------------------------------------------ */
.unit-thum-list-style {
    margin:0 10px 10px 10px;
}

#basic .unit-thum-list-style a,
#basic .unit-thum-list-style span.no-link {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    display:block;
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
    border-radius:4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
}

#special .unit-thum-list-style a,
#special .unit-thum-list-style span.no-link {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    display:block;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
    border-radius:4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
}


.unit-thum-list-style a dl {
    background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
    background-size:20px 20px;
}


.unit-thum-list-style a dl dt,.unit-thum-list-style span.no-link dl dt {
    float:left;
    margin:10px 10px 8px 10px;
}

.unit-thum-list-style a dl dt img,.unit-thum-list-style span.no-link dl dt img {
    border:1px solid #ffffff;
}

.unit-thum-list-style a dl dd,.unit-thum-list-style span.no-link dl dd {
    padding:10px 20px 10px 10px;
}

/* Ranking */
.rank-unit-thum-list-style {
    margin:0 10px 10px 10px;
}

.rank-unit-thum-list-style a {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    display:block;
    border-radius:4px;
    border:1px solid #ffffff;
    margin-bottom:10px;
}

#basic .rank-unit-thum-list-style a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .rank-unit-thum-list-style a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.rank-unit-thum-list-style a.one {
    background:-webkit-gradient(linear, left top, right bottom,
    color-stop(0,rgb(251,201,38)),
    color-stop(0.2,rgb(255,251,204)),
    color-stop(0.5,rgb(238,214,136)),
    color-stop(0.5,rgb(255,251,204)),
    color-stop(0.8,rgb(195,146,46)),
    color-stop(1,rgb(255,251,204)));
}

.rank-unit-thum-list-style a.two {
    background:-webkit-gradient(linear, left top, right bottom,
    color-stop(0,rgb(191,189,190)),
    color-stop(0.2,rgb(248,247,248)),
    color-stop(0.5,rgb(200,200,200)),
    color-stop(0.5,rgb(248,247,248)),
    color-stop(0.8,rgb(170,170,170)),
    color-stop(1,rgb(230,230,230)));
}

.rank-unit-thum-list-style a.three {
    background:-webkit-gradient(linear, left top, right bottom,
    color-stop(0,rgb(129,79,47)),
    color-stop(0.2,rgb(165,138,85)),
    color-stop(0.5,rgb(229,212,181)),
    color-stop(0.5,rgb(165,138,85)),
    color-stop(1,rgb(229,212,181)));
}

.rank-unit-thum-list-style a.other {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
}

.rank-unit-thum-list-style a dl {
    background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
    background-size:20px 20px;
}


.rank-unit-thum-list-style a dl dt,.rank-unit-thum-list-style span.no-link dl dt {
    float:left;
    margin:10px 10px 8px 10px;
}

.rank-unit-thum-list-style a dl dt img,.rank-unit-thum-list-style span.no-link dl dt img {
    border:1px solid #ffffff;
}

.rank-unit-thum-list-style a dl dd,.rank-unit-thum-list-style span.no-link dl dd {
    padding:10px 20px 10px 10px;
}


/* User-List Style A
------------------------------------------------------------------ */
.user-thum-list-style {
	margin:0 10px 10px 10px;
}

#basic .user-thum-list-style a,
#basic .user-thum-list-style span.no-link {
	color:#303030;
	text-shadow:1px 1px 1px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom,
	color-stop(0,rgb(245,245,245)),
	color-stop(1,rgb(220,220,220)));
	display:block;
	-webkit-box-shadow:0 2px 3px #a6a6a6;
	box-shadow:0 2px 3px #a6a6a6;
	border-radius:4px;
	border:1px solid #ffffff;
	margin-bottom:10px;
}

#special .user-thum-list-style a,
#special .user-thum-list-style span.no-link {
	color:#303030;
	text-shadow:1px 1px 1px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom,
	color-stop(0,rgb(245,245,245)),
	color-stop(1,rgb(220,220,220)));
	display:block;
	-webkit-box-shadow:0 2px 3px #202020;
	box-shadow:0 2px 3px #202020;
	border-radius:4px;
	border:1px solid #ffffff;
	margin-bottom:10px;
}

.user-thum-list-style a .mecha-name {
	font-size:15px;
	font-weight:bold;
	padding:10px 10px 0 10px;
}

.user-thum-list-style a .uname {
	font-weight:bold;
}

.user-thum-list-style a .uname span {
	margin-left:5px;
}

.user-thum-list-style a dl {
	background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
	background-size:20px 20px;
}


.user-thum-list-style a dl dt,.user-thum-list-style span.no-link dl dt {
	float:left;
	margin:10px 10px 8px 10px;
}

.user-thum-list-style a dl dt img,.user-thum-list-style span.no-link dl dt img {
	border:1px solid #ffffff;
}

.user-thum-list-style a dl dd,.user-thum-list-style span.no-link dl dd {
	padding:10px 20px 10px 10px;
}

.user-thum-list-style .mod-relative .premium {
    position:absolute;
    margin-top:-10px;
    left:10px;
}

.user-thum-list-style .mod-relative .premium img {
    width:80px;
}

/* HD Thum List Style A
------------------------------------------------------------------ */
.hd-thum-list-style {
    margin:0 10px 10px 10px;
}

.hd-thum-list-style .hd {
    border-radius:4px 4px 0 0;
    padding:10px;
}

#basic .hd-thum-list-style .inner {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
    border-radius:0 0 4px 4px;
    border:1px solid #ffffff;
}

#special .hd-thum-list-style .inner {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
    border-radius:0 0 4px 4px;
    border:1px solid #ffffff;
}

.hd-thum-list-style a,.hd-thum-list-style span.no-link {
    color:#303030;
    text-shadow:1px 1px 1px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    display:block;
}

.hd-thum-list-style a dl {
    background:url(../../images/sp/prepachi/arrow-list.png) no-repeat  right 50%;
    background-size:20px 20px;
}


.hd-thum-list-style a dl dt,.hd-thum-list-style span.no-link dl dt {
    float:left;
    margin:10px 10px 8px 10px;
}

.hd-thum-list-style a dl dt img,.hd-thum-list-style span.no-link dl dt img {
    width:80px;
    height:auto;
    border:1px solid #ffffff;
}

.hd-thum-list-style a dl dd,.hd-thum-list-style span.no-link dl dd {
    padding:10px 25px 10px 0;
}

.hd-thum-list-style a dl dd p,.hd-thum-list-style span.no-link dl dd p {
    line-height:1.4em;
}


/* Vip List Style
------------------------------------------------------------------ */
.vip-list-style{
	width:94%;
	margin:0 auto;
	margin-bottom:10px;
	padding:1px;
	border-radius:4px;
	text-align:left;
	box-shadow:0 1px 2px rgba(0,0,0,0.7);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #edc640), color-stop(0.63, #fff7bd), color-stop(0.32, #fde685), color-stop(0.00, #fcd245));
	background: -webkit-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -moz-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -o-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -ms-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: linear-gradient(to bottom, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
}

.vip-list-style p{
	margin:1px;
	display:block;
	/*height:35px;*/
	line-height:42px;
	border-radius:2px;
	background:url(../../images/sp/y2.gif) no-repeat 97.5% 50%,-webkit-linear-gradient(rgba(101,101,101,1) 0%,rgba(69,69,69,1) 50%,rgba(28,28,28,1) 50%, rgba(10,10,10,1) 100%);
	background:url(../../images/sp/y2.gif) no-repeat 97.5% 50%,linear-gradient(rgba(101,101,101,1) 0%,rgba(69,69,69,1) 50%,rgba(28,28,28,1) 50%, rgba(10,10,10,1) 100%);
	font-weight:bold;
}

.vip-list-style a{
	font-size:14px;
	font-weight:bold;
	background:-webkit-linear-gradient(#fcd245, #fde685, #fff7bd ,#eedc9e);
	/*background:-webkit-linear-gradient(#b9b10a, #eff507, #716c04);*/
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:block;
}

.vip-list-style img{
	vertical-align:middle;
	margin-right:8px;
	margin-bottom:2px;
	width:16px;
}

/* Box Style
------------------------------------------------------------------ */
.box-style {
    margin:0 10px 10px 10px;
}

#basic .box-style div.inner {
    background:#ffffff;
    border-radius:4px;
    border:1px solid #ffffff;
    padding:10px;
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .box-style div.inner {
    background:#ffffff;
    border-radius:4px;
    border:1px solid #ffffff;
    padding:10px;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

#basic .box-style div.mylst_inner {
    background:#ffffff;
    border-radius:4px;
    border:1px solid #ffffff;
    padding:10px;
}

.box-style div p {
    line-height:1.45em;
}

.simple-border-box {
    background:#ffffff;
    border-radius:4px;
    border:1px solid #dfdfdf;
    padding:10px;
}

/* Gd Box Style
------------------------------------------------------------------ */
.gd-box-style {
    margin:0 10px 10px 10px;
}

#basic .gd-box-style div.inner {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    border:1px solid #ffffff;
    border-radius:4px;
    padding:10px;
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .gd-box-style div.inner {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    border:1px solid #ffffff;
    border-radius:4px;
    padding:10px;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.gd-box-style div p {
    line-height:1.45em;
}
.gd-box-style div p.btn-style-regist,
.gd-box-style div p.btn-style-cancel,
.gd-box-style div p.btn-style-login,
.gd-box-style div p.btn-style-regist,
.gd-box-style div p.btn-style-search,
.gd-box-style div p.btn-style-a,
.gd-box-style div p.btn-style-active {
    line-height:1em;
}

.gd-box-style div p img {
    border:1px solid #ffffff;
}

/* Black Box Style
------------------------------------------------------------------ */
.bk-box-style {
    margin:0 10px 10px 10px;
}

#basic .bk-box-style div.inner {
    color:#ffffff;
    background:#000000;
    border-radius:4px;
    border:2px solid #ffffff;
    padding:10px;
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .bk-box-style div.inner {
    color:#ffffff;
    background:#000000;
    border-radius:4px;
    border:2px solid #ffffff;
    padding:10px;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.bk-box-style div p {
    line-height:1.45em;
}

/* Hd Box Style
------------------------------------------------------------------ */
.hd-box-style {
    margin:0 10px 10px 10px;
}

.hd-box-style dl dt {
    font-weight:bold;
    border-radius:4px 4px 0 0;
    padding:10px;
}

.hd-box-style dl dd {
    background:#ffffff;
    border-radius:0 0 4px 4px;
    border:1px solid #ffffff;
    padding:10px;
}

#basic .hd-box-style dl dd {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .hd-box-style dl dd {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.hd-box-style dl dd p {
    line-height:1.45em;
}

.hd-box-style dl dd p.btn-style-regist,
.hd-box-style dl dd p.btn-style-cancel,
.hd-box-style dl dd p.btn-style-login,
.hd-box-style dl dd p.btn-style-regist,
.hd-box-style dl dd p.btn-style-search,
.hd-box-style dl dd p.btn-style-a,
.hd-box-style dl dd p.btn-style-active {
    line-height:1em;
}
/* Tab Style
------------------------------------------------------------------ */

/* Style A */
.tab-style-a {
    display:table;
    table-layout:fixed;
    width:100%;
}

.tab-style-a li {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(100,100,100)),
    color-stop(0.5,rgb(80,80,80)),
    color-stop(0.5,rgb(60,60,60)),
    color-stop(1,rgb(40,40,40)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:0px -1px 1px #000;
    text-align:center;
    padding:12px 0;
    display:table-cell;
    border-right:1px solid #202020;
    border-left:1px solid #666666;
}

.tab-style-a li:first-child {
    border-left:none;
}

.tab-style-a li:last-child {
    border-right:none;
}

.tab-style-a li a {
    color:#ffffff;
    display:inline-block;
    outline:none;
    text-decoration:none;
    vertical-align:middle;
}

.tab-style-a li.active {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #6c6c6c), color-stop(1.00, #8f8f8f));
}

/* Style B */
.tab-style-b {
    display:table;
    table-layout:fixed;
    width:100%;
}

.tab-style-b li {
    display:table-cell;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #dfdfdf;
    border-right:1px solid #cccccc;
    border-left:1px solid #ffffff;
}

.tab-style-b li:first-child {
    border-left:none;
}

.tab-style-b li:last-child {
    border-right:none;
}

.tab-style-b li a {
    color:#202020;
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(250,250,250)),
    color-stop(0.5,rgb(230,230,230)),
    color-stop(0.5,rgb(210,210,210)),
    color-stop(1,rgb(245,245,245)));
    text-align:center;
    padding:12px 0;
    display:block;
    outline:none;
    text-decoration:none;
    text-shadow:1px 1px 1px #ffffff;
    vertical-align:middle;
}

.tab-style-b li.active {
    border-top:1px solid #bfbfbf;
}

.tab-style-b li.active a {
    text-shadow:0 0 0 #000000;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #bfbfbf), color-stop(0.80, #efefef),color-stop(1.00, #efefef));
}

/* Style Data */
.tab-style-data {
    display:table;
    table-layout:fixed;
    width:100%;
    border-top:2px solid #dfdfdf;
}

.tab-style-data li {
    display:table-cell;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #dfdfdf;
    border-right:1px solid #cccccc;
    border-left:1px solid #ffffff;
    vertical-align: middle;
    height: 40px;
    background:#efefef;
}

.tab-style-data li:first-child {
    border-left:none;
}

.tab-style-data li:last-child {
    border-right:none;
}

.tab-style-data li a {
    color:#202020;
    background:#efefef;
    text-align:center;
    display:block;
    outline:none;
    text-decoration:none;
    text-shadow:1px 1px 1px #ffffff;
    vertical-align:middle;
}
.tab-style-data li.active  {
    background:#dfdfdf;
}
.tab-style-data li.active a {
    background:#dfdfdf;
}

/* jTabs */
.area {
    display: none;
}

/* Table Style
------------------------------------------------------------------ */
.tb-style {
    margin:0 10px 10px 10px;
}

#basic .tb-style table {
    font-size:13px;
    width:100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background:#ffffff;
    table-layout:fixed;
}

#special .tb-style table {
    font-size:13px;
    width:100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background:#ffffff;
    table-layout:fixed;
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.tb-style th {
    border:1px solid #cccccc;
}

.tb-style th span {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(250,250,250)),
    color-stop(1,rgb(220,220,220)));
    padding:6px 0px;
    border:1px solid #ffffff;
    vertical-align:middle;
    display:block;
}

.tb-style td {
    padding:6px;
    border:1px solid #cccccc;
    vertical-align:middle;
}

/* Cell Style
------------------------------------------------------------------ */
.cell-style {
    margin:0 8px 10px 8px;
}

.cell-style-parent {
    display:table;
    table-layout:fixed;
    width:100%;
}

.cell-style-child {
    display:table-cell;
}

/* Form Style
------------------------------------------------------------------ */
.form-box-size-full {
    font-size:16px;
    border-radius:4px;
    border:1px solid #bfbfbf;
    padding:6px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-box-size-cell {
    font-size:16px;
    border-radius:4px;
    border:1px solid #bfbfbf;
    padding:6px;
}

.form-box-size-cell-w6em {
    font-size:16px;
    border-radius:4px;
    border:1px solid #bfbfbf;
    padding:6px;
    width:6em;
}

/* Text
------------------------------------------------------------------ */
.text {
    margin:0 10px 10px 10px;
}

.text p {
    line-height:1.45em;
}

/* Button
------------------------------------------------------------------ */
.btn-style {
    text-align:center;
}

.btn-style-regist a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-regist a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-regist a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-regist span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(233,197,52)),
    color-stop(0.5,rgb(207,185,56)),
    color-stop(0.5,rgb(187,165,8)),
    color-stop(1,rgb(149,152,13)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:1px 1px 1px #666666;
    text-align:center;
    padding:12px 0;
    display:block;
}

.btn-style-regist-disable a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-regist-disable a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-regist-disable a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-regist-disable span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(180, 180, 180)),
    color-stop(0.5,rgb(40, 40, 40)),
    color-stop(0.5,rgb(40, 40, 40)),
    color-stop(1,rgb(128, 128, 128)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:1px 1px 1px #666666;
    text-align:center;
    padding:12px 0;
    display:block;
}

/* cancel button */
.btn-style-cancel a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-cancel a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-cancel a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-cancel span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(180, 180, 180)),
    color-stop(0.5,rgb(160, 160, 160)),
    color-stop(0.5,rgb(140, 140, 140)),
    color-stop(1,rgb(180, 180, 180)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:1px 1px 1px #666666;
    text-align:center;
    padding:12px 0;
    display:block;
}

/* login button */
.btn-style-login a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-login a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-login a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-login span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(182,59,57)),
    color-stop(0.5,rgb(166,61,57)),
    color-stop(0.5,rgb(141,13,6)),
    color-stop(1,rgb(117,25,14)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:0px -1px 1px #000;
    text-align:center;
    padding:12px 0;
    display:block;
}

/* Search */
.btn-style-search a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-search a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#speacial .btn-style-search a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-search span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(83,105,156)),
    color-stop(0.5,rgb(87,114,171)),
    color-stop(0.5,rgb(45,80,151)),
    color-stop(1,rgb(71,84,143)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:0px -1px 1px #000;
    text-align:center;
    padding:10px 0;
    display:block;
}

/* Basic */
.btn-style-a a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    -webkit-box-shadow:0 2px 3px #000000;
    box-shadow:0 2px 3px #000000;
    display:block;
}

#basic .btn-style-a a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-a a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-a span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(100,100,100)),
    color-stop(0.5,rgb(80,80,80)),
    color-stop(0.5,rgb(60,60,60)),
    color-stop(1,rgb(40,40,40)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:0px -1px 1px #000;
    text-align:center;
    padding:12px 0;
    display:block;
}

/* Btn Active */
.btn-style-active a {
	background: -webkit-gradient(linear, left top, left bottom,
	color-stop(0,rgb(253,253,253)),
	color-stop(0.45,rgb(131,131,131)),
	color-stop(0.6,rgb(3,2,2)),
	color-stop(0.6,rgb(3,2,2)),
	color-stop(0.7,rgb(131,131,131)),
	color-stop(1,rgb(253,253,253)));
	padding:2px;
	border-radius:2px;
	-webkit-box-shadow:0 2px 3px #000000;
	box-shadow:0 2px 3px #000000;
	display:block;
}

#special .btn-style-active a {
	-webkit-box-shadow:0 2px 3px #202020;
	box-shadow:0 2px 3px #202020;
}

.btn-style-active span {
	background: -webkit-gradient(linear, left top, left bottom,
	color-stop(1,rgb(100,100,100)),
	color-stop(0,rgb(30,30,30)));
	color:#ffffff;
	font-weight:bold;
	text-shadow:0px -1px 1px #000;
	text-align:center;
	padding:12px 0;
	display:block;
}

/* top button */
.btn-style-top a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-top a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-top a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-top span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(209,120,240)),
    color-stop(0.5,rgb(166,80,200)),
    color-stop(0.5,rgb(141,13,150)),
    color-stop(1,rgb(117,25,170)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:0px -1px 1px #000;
    text-align:center;
    padding:12px 0;
    display:block;
}

/* Simple */
.btn-style-simple {

}

.btn-style-simple a {
    color:#202020;
    text-shadow:1px 1px 1px #ffffff;
    display:inline-block;
    border-radius:4px;
    border:1px solid #cccccc;
}

.btn-style-simple span {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    border-radius:2px;
    padding:8px 14px;
    margin:1px;
    display:inline-block;
}

.btn-style-simple-disable {

}

.btn-style-simple-disable a {
    color:#707070;
    text-shadow:1px 1px 1px #ffffff;
    display:inline-block;
    border-radius:4px;
    border:1px solid #707070;
}

.btn-style-simple-disable span {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(195,195,195)),
    color-stop(1,rgb(170,170,170)));
    border-radius:2px;
    padding:8px 14px;
    margin:1px;
    display:inline-block;
}


/* Small */
.btn-style-small {

}

.btn-style-small a {
    color:#202020;
    text-shadow:1px 1px 1px #ffffff;
    display:inline-block;
    border-radius:4px;
    border:1px solid #cccccc;
}

.btn-style-small span {
    background:-webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(245,245,245)),
    color-stop(1,rgb(220,220,220)));
    border-radius:2px;
    padding:5px 1px;
    margin:1px;
    display:inline-block;
    font-size:13px;
}

.sel-style-small-ooatarilist {
	float:left;text-shadow:1px 1px 1px #ffffff;
	border-radius:4px;
	border:1px solid #cccccc;
	margin-left:5px;
}

.sel-style-small-ooatarilist select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 2px;
    appearance: none;

    width:85px;
    height:24px;
    font-size:13px;
    margin:1px;
    border:1px;
    padding:2px 3px 5px 3px;
    text-shadow:1px 1px 1px #FFFFFF;

    background: linear-gradient(45deg, transparent 50%, rgba(0,0,0,0.4) 50%),
                linear-gradient(135deg, rgba(0,0,0,0.4) 50%, transparent 50%),
                -webkit-gradient(linear, left top, left bottom,color-stop(0,rgb(245,245,245)),color-stop(1,rgb(220,220,220)));
    background-size: 5px 5px,
                     5px 5px,
                     100% 100%;
    background-position: calc(100% - 9px) 50%,
                         calc(100% - 4px) 50%,
                         0 0;
    background-repeat: no-repeat,
                       no-repeat,
                       no-repeat;
}
.sel-style-small-ooatarilist select:focus {
	outline:none;
}

/* Small-Vip */
.btn-style-small-vip{
	margin:0 auto;
	margin-bottom:10px;
	padding:1px;
	border-radius:4px;
	text-align:left;
	box-shadow:0 1px 2px rgba(0,0,0,0.7);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #edc640), color-stop(0.63, #fff7bd), color-stop(0.32, #fde685), color-stop(0.00, #fcd245));
	background: -webkit-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -moz-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -o-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -ms-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: linear-gradient(to bottom, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
}

.btn-style-small-vip a{
	margin:1px;
	display:block;
	/*height:35px;*/
	/*line-height:42px;*/
	border-radius:2px;
	background:-webkit-linear-gradient(rgba(101,101,101,1) 0%,rgba(69,69,69,1) 50%,rgba(28,28,28,1) 50%, rgba(10,10,10,1) 100%);
	background:linear-gradient(rgba(101,101,101,1) 0%,rgba(69,69,69,1) 50%,rgba(28,28,28,1) 50%, rgba(10,10,10,1) 100%);
	font-weight:bold;
}

.btn-style-small-vip span{
	font-size:14px;
	font-weight:bold;
	background:-webkit-linear-gradient(#fcd245, #fde685, #fff7bd ,#eedc9e);
	/*background:-webkit-linear-gradient(#b9b10a, #eff507, #716c04);*/
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
    padding:5px 1px;
	display:block;
}

/* Small-Vip-Komoku */
.btn-style-small-vip-komoku{
	margin:0 auto;
	margin-bottom:0px;
	padding:1px;
	border-radius:4px;
	text-align:left;
    float:left;
    transform: translate(0px,-3px);
	box-shadow:0 1px 2px rgba(0,0,0,0.7);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #edc640), color-stop(0.63, #fff7bd), color-stop(0.32, #fde685), color-stop(0.00, #fcd245));
	background: -webkit-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -moz-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -o-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -ms-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: linear-gradient(to bottom, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
}

.btn-style-small-vip-komoku a{
	margin:1px;
	display:block;
	/*height:35px;*/
	/*line-height:42px;*/
	border-radius:2px;
	background:-webkit-linear-gradient(rgba(101,101,101,1) 0%,rgba(69,69,69,1) 50%,rgba(28,28,28,1) 50%, rgba(10,10,10,1) 100%);
	background:linear-gradient(rgba(101,101,101,1) 0%,rgba(69,69,69,1) 50%,rgba(28,28,28,1) 50%, rgba(10,10,10,1) 100%);
	font-weight:bold;
}

.btn-style-small-vip-komoku span{
	font-size:12px;
	font-weight:bold;
	background:-webkit-linear-gradient(#fcd245, #fde685, #fff7bd ,#eedc9e);
	/*background:-webkit-linear-gradient(#b9b10a, #eff507, #716c04);*/
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
    padding:6px 10px;
	display:block;
}
/* Next-Rev */
.playtime {
    text-align:center;
    padding-top:12px;
}

#basic .btn-style-next-rev a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-next-rev a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-next-rev .rev {
    float:left;
}

.btn-style-next-rev .mid {
    text-align:center;
}

.btn-style-next-rev .next {
    float:right;
}

.btn-style-next-rev .rev a {
    color:#202020;
    border-radius:4px;
    border:1px solid #ffffff;
    display:inline-block;
    margin:0 0 10px 10px;
}

.btn-style-next-rev .mid a {
    color:#202020;
    border-radius:4px;
    border:1px solid #ffffff;
    display:inline-block;
    margin:0;
}

.btn-style-next-rev .next a {
    color:#202020;
    border-radius:4px;
    border:1px solid #ffffff;
    display:inline-block;
    margin:0 10px 10px 0;
}

.btn-style-next-rev .rev a span,.btn-style-next-rev .mid a span,.btn-style-next-rev .next a span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(250,250,250)),
    color-stop(0.5,rgb(230,230,230)),
    color-stop(0.5,rgb(210,210,210)),
    color-stop(1,rgb(245,245,245)));
    border-radius:2px;
    text-shadow:1px 1px 1px #ffffff;
    display:inline-block;
    padding:10px;
}

/* my hall regist */
.btn-style-myhall a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-myhall a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-myhall a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-myhall span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(136,46,37)),
    color-stop(0.5,rgb(136,46,37)),
    color-stop(0.5,rgb(123,22,12)),
    color-stop(1,rgb(123,22,12)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:1px 1px 1px #666666;
    text-align:center;
    padding:12px 0;
    display:block;
}

/* hall mail regist */
.btn-style-mailregist a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-mailregist a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-mailregist a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-mailregist span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(67,69,156)),
    color-stop(0.5,rgb(67,69,156)),
    color-stop(0.5,rgb(46,48,145)),
    color-stop(1,rgb(46,48,145)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:1px 1px 1px #666666;
    text-align:center;
    padding:12px 0;
    display:block;
}

/*smartphone rendo */
.btn-style-rendo a {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(253,253,253)),
    color-stop(0.45,rgb(131,131,131)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.6,rgb(3,2,2)),
    color-stop(0.7,rgb(131,131,131)),
    color-stop(1,rgb(253,253,253)));
    padding:2px;
    border-radius:2px;
    display:block;
}

#basic .btn-style-rendo a {
    -webkit-box-shadow:0 2px 3px #a6a6a6;
    box-shadow:0 2px 3px #a6a6a6;
}

#special .btn-style-rendo a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.btn-style-rendo span {
    background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(251,198,68)),
    color-stop(0.5,rgb(251,198,68)),
    color-stop(0.5,rgb(250,179,6)),
    color-stop(1,rgb(250,179,6)));
    color:#ffffff;
    font-weight:bold;
    text-shadow:1px 1px 1px #666666;
    text-align:center;
    padding:12px 0;
    display:block;
}
/* Param Style
------------------------------------------------------------------ */
.param-style {

}

.param-style .param-inner {
    width:320px;
    height:470px;
    margin:0 auto;
    position:relative;
    padding:5px 0;
}

.param-style .param-inner a {
    color:#ffffff;
}

.param-inner .premium {
    width:90px;
    height:24px;
    position:absolute;
    top:0px;
    left:116px;
    z-index:14;
}

.param-inner .premium img {
    width:90px;
    height:24px;
}

.param-inner .mecha-name {
    width:311px;
    height:65px;
    position:absolute;
    top:10px;
    left:5px;
    z-index:13;
}

.param-inner .mecha-name p {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    margin-top:25px;
    margin-left:20px;
    margin-right:20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.param-inner .num01 {
    width:99px;
    height:54px;
    position:absolute;
    top:75px;
    left:5px;
    z-index:12;
}

.param-inner .num02 {
    width:99px;
    height:54px;
    position:absolute;
    top:75px;
    left:111px;
    z-index:11;
}

.param-inner .num03 {
    width:99px;
    height:54px;
    position:absolute;
    top:75px;
    right:5px;
    z-index:10;
}


.param-inner .num01-dai {
    width:99px;
    height:54px;
    position:absolute;
    top:75px;
    left:57px;
    z-index:12;
}

.param-inner .num02-dai {
    width:99px;
    height:54px;
    position:absolute;
    top:75px;
    right:58px;
    z-index:11;
}

.param-inner .num01-dai dt,
.param-inner .num02-dai dt
{
    font-size:10px;
    text-align:center;
    margin-top:6px;
}

.param-inner .num01-dai dd,
.param-inner .num02-dai dd
{
    font-size:16px;
    text-align:center;
    margin-top:12px;
}

.param-inner .num01 dt,
.param-inner .num02 dt,
.param-inner .num03 dt
{
    font-size:10px;
    text-align:center;
    margin-top:6px;
}

.param-inner .num01 dd,
.param-inner .num02 dd,
.param-inner .num03 dd
{
    font-size:16px;
    text-align:center;
    margin-top:12px;
}

.param-inner .fukidashi {
    background:url(../../images/sp/prepachi/cardparts/cardparts-fukidashi.png) no-repeat 0 0;
    background-size:95px 80px;
    width:95px;
    height:80px;
    position:absolute;
    top:160px;
    left:5px;
    z-index:9;
}

.param-inner .fukidashi p {
    margin:11px 0 0 12px;
}

.param-inner .fukidashi img {
    width:55px;
    height:auto;
}

.param-inner .avatar {
    position:absolute;
    top:125px;
    left:34px;
    z-index:1;
}

.param-inner .avatar img {
    width:250px;
    height:auto;

}

.param-inner .stamp {
    width:115px;
    height:32px;
    position:absolute;
    top:310px;
    right:5px;
    z-index:8;
}

.param-inner .stamp p {
    font-size:18px;
    text-align:right;
    margin:6px 12px 0 0;
}

.param-inner .level {
    width:54px;
    height:68px;
    position:absolute;
    top:330px;
    left:5px;
    z-index:7;
}

.param-inner .level p {
    font-size:18px;
    text-align:center;
    text-shadow:1px 1px 1px #303030;
    margin-top:29px;
}

.param-inner .user-name {
    width:252px;
    height:40px;
    position:absolute;
    top:346px;
    right:5px;
    z-index:6;
}

.param-inner .user-name p {
    font-size:16px;
    text-align:center;
    margin-top:12px;
}

.param-inner .user-name p a {
	background:url(../../images/sp/prepachi/disk-arrow.png) no-repeat 225px 0;
	background-size:15px 15px;
	display:block;
}

.param-inner .yosou {
    width:150px;
    height:34px;
    position:absolute;
    bottom:50px;
    left:5px;
    z-index:3;
}

.param-inner .manzoku {
    width:150px;
    height:34px;
    position:absolute;
    bottom:50px;
    right:5px;
    z-index:2;
}

.param-inner .toukou {
    width:150px;
    height:34px;
    position:absolute;
    bottom:10px;
    left:5px;
    z-index:3;
}

.param-inner .yugitime {
    width:150px;
    height:34px;
    position:absolute;
    bottom:10px;
    right:5px;
    z-index:2;
}

.param-inner .yosou dt,
.param-inner .manzoku dt,
.param-inner .toukou dt,
.param-inner .yugitime dt
 {
    font-size:12px;
    margin:11px 0 0 11px;
    float:left;
}

.param-inner .yosou dd,
.param-inner .manzoku dd,
.param-inner .toukou dd,
.param-inner .yugitime dd
 {
    font-size:12px;
    font-weight:bold;
    margin:11px 11px 0 0;
    float:right;
}

/* card Style
------------------------------------------------------------------ */
.card-style {
    text-align:center;
}

.card-style .bg-img {
    width:280px;
    height:370px;
    margin:0 auto;
}

.card-style .card-inner {
    position:relative;
    width:280px;
    height:365px;
}

.card-style .card-inner a {
    color:#ffffff;
}

.card-inner .premium {
    width:90px;
    height:24px;
    position:absolute;
    top:4px;
    left:94px;
    z-index:14;
}

.card-inner .premium img {
    width:90px;
    height:24px;
}

.card-inner .mecha-name {
    width:272px;
    height:65px;
    position:absolute;
    top:10px;
    left:5px;
    z-index:13;
}

.card-inner .mecha-name p {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    margin-top:22px;
    margin-left:20px;
    margin-right:20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.card-inner .num01 {
    width:88px;
    height:54px;
    position:absolute;
    top:65px;
    left:3px;
    z-index:12;
}

.card-inner .num02 {
    width:88px;
    height:54px;
    position:absolute;
    top:65px;
    left:96px;
    z-index:11;
}

.card-inner .num03 {
    width:88px;
    height:54px;
    position:absolute;
    top:65px;
    right:3px;
    z-index:10;
}

.card-inner .num01-dai {
    width:88px;
    height:54px;
    position:absolute;
    top:65px;
    left:50px;
    z-index:12;
}

.card-inner .num02-dai {
    width:88px;
    height:54px;
    position:absolute;
    top:65px;
    right:49px;
    z-index:11;
}

.card-inner .num01-dai dt,
.card-inner .num02-dai dt
{
    font-size:10px;
    text-align:center;
    margin-top:6px;
}

.card-inner .num01-dai dd,
.card-inner .num02-dai dd
{
    font-size:16px;
    text-align:center;
    margin-top:12px;
}

.card-inner .num01 dt,
.card-inner .num02 dt,
.card-inner .num03 dt
{
    font-size:10px;
    text-align:center;
    margin-top:6px;
}

.card-inner .num01 dd,
.card-inner .num02 dd,
.card-inner .num03 dd
{
    font-size:16px;
    text-align:center;
    margin-top:12px;
}

.card-inner .fukidashi {
    background:url(../../images/sp/prepachi/cardparts/cardparts-fukidashi.png) no-repeat 0 0;
    background-size:90px 75px;
    width:90px;
    height:75px;
    position:absolute;
    top:160px;
    left:5px;
    z-index:9;
}

.card-inner .fukidashi p {
    margin:12px 14px 0 0px;
}

.card-inner .fukidashi img {
    width:50px;
    height:auto;
}

.card-inner .avatar {
    position:absolute;
    top:110px;
    left:34px;
    z-index:1;
}

.card-inner .avatar img {
    width:210px;
    height:auto;
}

.card-inner .stamp {
    width:115px;
    height:32px;
    position:absolute;
    bottom:55px;
    right:5px;
    z-index:8;
}

.card-inner .stamp p {
    font-size:20px;
    text-align:right;
    margin:6px 12px 0 0;
}

.card-inner .level {
    width:54px;
    height:68px;
    position:absolute;
    top:298px;
    left:5px;
    z-index:7;
}

.card-inner .level p {
    font-size:18px;
    text-align:center;
    text-shadow:1px 1px 1px #303030;
    margin-top:29px;
}

.card-inner .user-name {
    width:210px;
    height:40px;
    position:absolute;
    top:314px;
    right:5px;
    z-index:6;
}

.card-inner .user-name p {
    font-size:16px;
    text-align:center;
    margin-top:12px;
}

.card-inner .yosou {
    width:132px;
    height:34px;
    position:absolute;
    bottom:42px;
    left:5px;
    z-index:3;
}

.card-inner .manzoku {
    width:132px;
    height:34px;
    position:absolute;
    bottom:42px;
    right:5px;
    z-index:2;
}

.card-inner .toukou {
    width:132px;
    height:34px;
    position:absolute;
    bottom:5px;
    left:5px;
    z-index:3;
}

.card-inner .yugitime {
    width:132px;
    height:34px;
    position:absolute;
    bottom:5px;
    right:5px;
    z-index:2;
}

.card-inner .yosou dt,
.card-inner .manzoku dt,
.card-inner .toukou dt,
.card-inner .yugitime dt
 {
    font-size:12px;
    margin:11px 0 0 11px;
    float:left;
}

.card-inner .yosou dd,
.card-inner .manzoku dd,
.card-inner .toukou dd,
.card-inner .yugitime dd
 {
    font-size:12px;
    font-weight:bold;
    margin:11px 11px 0 0;
    float:right;
}

/* Pager
------------------------------------------------------------------ */
.pager-style {
    margin:0 auto;
    display:table;
}

.pager-style li {
    display:table-cell;
}

.pager-style li a {
    color:#202020;
    background:-webkit-gradient(linear, left top, left bottom,
    from(rgb(250,250,250)),
    to(rgb(230,230,230)));
    border-radius:4px;
    text-shadow:1px 1px 1px #ffffff;
    padding:10px;
    margin:0 5px;
    display:inline-block;
}

.pager-style li a.active {
    color:#ffffff;
    background:#999;
    text-shadow:none;
}

#basic .pager-style li a {
    -webkit-box-shadow:0 2px 3px #a9a9a9a;
    box-shadow:0 2px 3px #a9a9a9;
}

#special .pager-style li a {
    -webkit-box-shadow:0 2px 3px #202020;
    box-shadow:0 2px 3px #202020;
}

.pager-style li a span {
    font-size:11px;
}

/* Param&Card
------------------------------------------------------------------ */
.param-style .p01 {background:#000000;}
.param-style .p01 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p01.jpg) no-repeat 0 0;background-size:100% auto;}
.param-style .p02 {background:#7a0300;}
.param-style .p02 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p02.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .p03 {background:#3a260f;}
.param-style .p03 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p03.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .p04 {background:#dbcb44;}
.param-style .p04 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p04.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .p05 {background:#4b88e3;}
.param-style .p05 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p05.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .p06 {background:#c97a0e;}
.param-style .p06 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p06.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .p07 {background:#e0cc48;}
.param-style .p07 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p07.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .p08 {background:#5fb530;}
.param-style .p08 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p08.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .p09 {background:#a0110a;}
.param-style .p09 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p09.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .p10 {background:#dddcdb;}
.param-style .p10 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p10.jpg) no-repeat 0 0;background-size:100% auto;}

.param-style .mecha-name {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-mecha-name.png) no-repeat 0 0;background-size:311px 65px;}
.param-style .num01,.param-style .num02,.param-style .num03 {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-num.png) no-repeat 0 0;background-size:99px 54px;}
.param-style .num01-dai,.param-style .num02-dai {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-num.png) no-repeat 0 0;background-size:99px 54px;}
.param-style .stamp {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-stamp.png) no-repeat 0 0;background-size:115px 32px;}
.param-style .level {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-level.png) no-repeat 0 0;background-size:54px 68px;}
.param-style .user-name {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-user-name.png) no-repeat 0 0;background-size:252px 40px;}
.param-style .yosou {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-bar.png) no-repeat 0 0;background-size:150px 34px;}
.param-style .manzoku {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-bar.png) no-repeat 0 0;background-size:150px 34px;}
.param-style .toukou {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-bar.png) no-repeat 0 0;background-size:150px 34px;}
.param-style .yugitime {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-bar.png) no-repeat 0 0;background-size:150px 34px;}

.card-style .mecha-name {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-mecha-name.png) no-repeat 0 0;background-size:272px 58px;}
.card-style .num01,.card-style .num02,.card-style .num03 {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-num.png) no-repeat 0 0;background-size:88px 54px;}
.card-style .num01-dai,.card-style .num02-dai {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-num.png) no-repeat 0 0;background-size:88px 54px;}
.card-style .stamp {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-stamp.png) no-repeat 0 0;background-size:115px 32px;}
.card-style .level {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-level.png) no-repeat 0 0;background-size:54px 68px;}
.card-style .user-name {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-user-name.png) no-repeat 0 0;background-size:210px 40px;}
.card-style .yosou {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-bar.png) no-repeat 0 0;background-size:132px 34px;}
.card-style .manzoku {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-bar.png) no-repeat 0 0;background-size:132px 34px;}
.card-style .toukou {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-bar.png) no-repeat 0 0;background-size:132px 34px;}
.card-style .yugitime {color:#fff;background:url(../../images/sp/prepachi/cardparts/p01-cardparts-bar.png) no-repeat 0 0;background-size:132px 34px;}

#basic .card-style .outline {
	padding:4px;
	display:inline-block;
	-webkit-box-shadow:0 2px 3px #a6a6a6;
	box-shadow:0 2px 3px #a6a6a6;
}

#special .card-style .outline {
	padding:4px;
	display:inline-block;
	-webkit-box-shadow:0 2px 3px #202020;
	box-shadow:0 2px 3px #202020;
}

.card-style .p01 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(30,30,30)),
		color-stop(0.2,rgb(60,60,60)),
		color-stop(0.4,rgb(120,120,120)),
		color-stop(0.6,rgb(100,100,100)),
		color-stop(0.8,rgb(150,150,150)),
		color-stop(1,rgb(40,40,40)));
}
.card-style .p01 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p01.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p02 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(241,185,163)),
		color-stop(0.5,rgb(71,33,0)),
		color-stop(0.5,rgb(71,33,0)),
		color-stop(1,rgb(241,185,163)));
}
.card-style .p02 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p02.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p03 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(141,125,77)),
		color-stop(0.5,rgb(34,62,11)),
		color-stop(0.5,rgb(26,15,11)),
		color-stop(1,rgb(141,125,77)));
}
.card-style .p03 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p03.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p04 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(235,230,125)),
		color-stop(0.5,rgb(158,89,49)),
		color-stop(0.5,rgb(158,89,49)),
		color-stop(1,rgb(235,230,125)));
}
.card-style .p04 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p04.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p05 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(165,194,224)),
		color-stop(0.5,rgb(48,124,155)),
		color-stop(0.5,rgb(48,124,155)),
		color-stop(1,rgb(165,194,224)));
}
.card-style .p05 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p05.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p06 {
	background:#00dafc;
}
.card-style .p06 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p06.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p07 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(235,230,125)),
		color-stop(0.5,rgb(158,89,49)),
		color-stop(0.5,rgb(158,89,49)),
		color-stop(1,rgb(235,230,125)));
}
.card-style .p07 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p07.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p08 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(141,125,77)),
		color-stop(0.5,rgb(34,62,11)),
		color-stop(0.5,rgb(26,15,11)),
		color-stop(1,rgb(141,125,77)));
}
.card-style .p08 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p08.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p09 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(241,185,163)),
		color-stop(0.5,rgb(140,51,16)),
		color-stop(0.5,rgb(71,33,0)),
		color-stop(1,rgb(241,185,163)));
}
.card-style .p09 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p09.jpg) no-repeat 0 0;background-size:280px 370px;}

.card-style .p10 {
	background:-webkit-gradient(linear,left top,right bottom,
		color-stop(0,rgb(228,2,3)),
		color-stop(0.2,rgb(255,140,0)),
		color-stop(0.4,rgb(255,237,0)),
		color-stop(0.6,rgb(0,128,37)),
		color-stop(0.8,rgb(0,77,255)),
		color-stop(1,rgb(117,6,135)));
}
.card-style .p10 .bg-img {background:url(../../images/sp/prepachi/cardparts/card-p10.jpg) no-repeat 0 0;background-size:280px 370px;}

/* SNS LIST */
#sns-list {
    width:320px;
    margin-left:auto;
    margin-right:auto;
}

/* Modules
------------------------------------------------------------------ */

/* Font Size */
.mod-fs10px {font-size:10px;}
.mod-fs11px {font-size:11px;}
.mod-fs12px {font-size:12px;}
.mod-fs13px {font-size:13px;}
.mod-fs14px {font-size:14px;}
.mod-fs15px {font-size:15px;}
.mod-fs16px {font-size:16px;}
.mod-fs17px {font-size:17px;}
.mod-fs18px {font-size:18px;}
.mod-fs19px {font-size:19px;}
.mod-fs20px {font-size:20px;}

/* Font Color */
.mod-fc-white {color:#ffffff;}
.mod-fc-black {color:#000000;}
.mod-fc-blue {color:#33ccff;}
.mod-fc-red {color:#b20008;}
.mod-fc-yellow {color:#ffff00;}
.mod-fc-069 {color:#006699;}

/* Font Style */
.mod-fs-normal {font-weight:normal;}
.mod-fs-bold {font-weight:bold;}
.mod-fs-lh14em {line-height:1.4em;}

/* Text Align */
.mod-center {text-align:center;}
.mod-right {text-align:right;}
.mod-left {text-align:left;}

/* Background */
.mod-bg-pachi {background:#26a9e1;}
.mod-bg-slot {background:#d979a7;}

.mod-bg-333 {background:#333;}
.mod-bg-666 {background:#666;}
.mod-bg-999 {background:#999;}
.mod-bg-333 {background:#333;}
.mod-bg-6f9 {background:#66ff99;}
.mod-bg-9f9 {background:#99ff99;}
.mod-bg-9f6 {background:#99ff66;}
.mod-bg-cfc {background:#ccffcc;}


.mod-bg-63c {background:#6633cc;}
.mod-bg-09f {background:#0099ff;} /* Blue */

.mod-bg-red {background:#cc0000;}
.mod-bg-madderred {background:#b20008;}
.mod-bg-winered {background:#a8002f;}

.mod-bg-orenge {background:#ffa500;}
.mod-bg-dark-orenge {background:#ff8c00;}
.mod-bg-orenge-red {background:#ff4500;}

.mod-bg-limegreen {background:#32cd32;}
.mod-bg-forestgreen {background:#228b22;}
.mod-bg-green {background:#008000;}

.mod-bg-special {background:-webkit-gradient(linear, left top, left bottom,color-stop(0,rgb(30,58,7)),  color-stop(0.9,rgb(99,125,77)));}
.mod-bg-basic {background:-webkit-gradient(linear, left top, left bottom,from(rgb(241,241,241)),to(rgb(184,184,184)));}

.mod-bg-white {background:#ffffff;}

/* Box Shadow */
.mod-shadow-basic {-webkit-box-shadow:0 2px 3px #a6a6a6;box-shadow:0 2px 3px #a6a6a6;}
.mod-shadow-special {-webkit-box-shadow:0 2px 3px #202020;box-shadow:0 2px 3px #202020;}

/* Padding */
.mod-prl2px {padding:0 2px;}
.mod-p10px {padding:10px;}
.mod-pr15px {padding-right:15px;}
.mod-pt10px {padding-top:10px;}

/* Ellipsis */
.mod-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

/* Margin */
.mod-m2px {margin:2px;}
.mod-m3px {margin:3px;}
.mod-m4px {margin:4px;}
.mod-m5px {margin:5px;}
.mod-m10px {margin:10px;}
.mod-m15px {margin:15px;}
.mod-m20px {margin:20px;}

.mod-mt5px {margin-top:5px;}
.mod-mt10px {margin-top:10px;}
.mod-mt15px {margin-top:15px;}
.mod-mt20px {margin-top:20px;}

.mod-mt-10px {margin-top:-10px;}

.mod-mb2px {margin-bottom:2px;}
.mod-mb3px {margin-bottom:3px;}
.mod-mb4px {margin-bottom:4px;}
.mod-mb5px {margin-bottom:5px;}
.mod-mb6px {margin-bottom:6px;}
.mod-mb7px {margin-bottom:7px;}
.mod-mb8px {margin-bottom:8px;}
.mod-mb9px {margin-bottom:9px;}
.mod-mb10px {margin-bottom:10px;}
.mod-mb15px {margin-bottom:15px;}
.mod-mb20px {margin-bottom:20px;}

.mod-mr5px {margin-right:5px;}
.mod-mr10px {margin-right:10px;}
.mod-mr15px {margin-right:15px;}
.mod-mr20px {margin-right:20px;}

.mod-ml5px {margin-left:5px;}
.mod-ml10px {margin-left:10px;}
.mod-ml15px {margin-left:15px;}
.mod-ml20px {margin-left:20px;}

.mod-mrl5px {margin:0 5px;}
.mod-mrl10px {margin:0 10px;}
.mod-mrl15px {margin:0 15px;}
.mod-mrl20px {margin:0 20px;}
.mod-mrl25px {margin:0 25px;}
.mod-mrl30px {margin:0 30px;}

.mod-mrlb5px {margin:0 5px 5px 5px;}
.mod-mrlb10px {margin:0 10px 10px 10px;}
.mod-mrlb15px {margin:0 15px 15px 15px;}
.mod-mrlb20px {margin:0 20px 20px 20px;}
.mod-mrlb25px {margin:0 25px 25px 5px;}
.mod-mrlb30px {margin:0 30px 30px 30px;}

.mod-mbtn {margin:0 30px 10px 30px;}

/* Display */
.mod-display-block {display:block;}
.mod-display-inline {display:inline;}
.mod-display-inline-block {display:inline-block;}
.mod-display-box {display: -webkit-box;}

/* Float */
.mod-float-left {float:left;}
.mod-float-right {float:right;}

/* Position */
.mod-relative {position:relative;}
.mod-abso-rb10px {position:absolute;bottom:10px;right:10px;}

/* Height */
.mod-h2em {height:2em;}
.mod-h3em {height:3em;}

/* Text Decoration */
.mod-txdeco-ul {text-decoration:underline;}

/* flick area */
.flickable {position:relative;}


/* ユーザーのリスト */
h2.hd-style-a {
	color:#ffffff;
	font-weight:bold;
	background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(70,70,70)),
    color-stop(1,rgb(30,30,30)));
	padding:10px 12px;
	position:relative;
}

.user-param-list {
	background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(250,250,250)),
    color-stop(1,rgb(230,230,230)));
	position:relative;
	border-bottom:1px solid #ffffff;
}

.user-param-list a {
	color:#403F41;

}

.user-param-list .left {
	width:75px;
	float:left;
	position:relative;
	padding:5px 0 0 0;
}

.user-param-list .right {
	background:url(../../images/sp/prepachi/list-arrow.png) no-repeat center right;
	background-size:12px 12px;
	padding:12px 0 12px 0;
}

.user-param-list .left .avatar {
	display:inline-block;
	margin:3px 0 5px 3px;
}

.user-param-list .avatar img {
	width:40px;
	height:auto;
}

.user-param-list .left .stamp {
	width:30px;
	height:auto;
	margin:-35px 0 3px 40px;
}

.user-param-list .left .stamp img {
	width:28px;
	height:auto;
}

.user-param-list .stamp span {
	position: relative;
	border-radius:4px;
	background: #ffffff;
	box-shadow:0px 1px 4px #999;
	display:block;
	width:29px;
	height:29px;
	padding-top:1px;
	padding-left:1px;
}
.user-param-list .stamp span:after {
	right: 100%;
	top: 70%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 4px;
	margin-top: -4px;
}


.user-param-list .user {
	font-size:10px;
	text-align:center;
}

.user-param-list .user span {
	display:block;
}

.user-param-list .mecha-name {
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:0 10px 0 0;
	margin:0 0 5px 0;
}

.user-param-list .num {
	margin:0 0 7px 0;
}

.user-param-list .num li {
	display:inline-block;
	width:80px;
	color:#666666;
	font-size:12px;
}

.user-param-list .num li span {
	color:#403F41;
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 3px;
}


.user-param-list .comment {
	color:#666666;
	font-size:12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding:5px 40px 0 0;
	height: 1em;
}

.user-param-list .icon-mydata {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.user-param-list .icon-mydata img {
	width:60px;
	height:auto;
}

.user-param-list .reaction {
	position:absolute;
	bottom:5px;
	right:8px;
}

.user-param-list .reaction span {
	color:#ffffff;
	font-size:11px;
	position: relative;
	background: #68B8D1;
	border-radius:3px;
	padding:6px;
	display:block;
}
.user-param-list .reaction span:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(104, 184, 209, 0);
	border-left-color: #68B8D1;
	border-width: 4px;
	margin-top: -4px;
}



/* Tab-C */
.tab-style-c {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.tab-style-c li {
	background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(250,250,250)),
    color-stop(0.5,rgb(230,230,230)),
    color-stop(0.5,rgb(210,210,210)),
    color-stop(1,rgb(230,230,230)));
    text-align:center;
    border-left:1px solid #ffffff;
    border-right:1px solid #cccccc;
    display: table-cell;
}

.tab-style-c li.active {
	background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(40,40,40)),
    color-stop(1,rgb(120,120,120)));

    border-left:1px solid #606060;
    border-right:1px solid #606060;
}

.tab-style-c li:first-child {
	border-left:0;
}

.tab-style-c li:last-child {
	border-right:0;
}

.tab-style-c li a {
	color:#202020;
    display:block;
    outline:none;
    text-decoration:none;
    vertical-align:middle;
    padding:14px 0;

}

.tab-style-c li.active a {
	color:#ffffff;
}

/* ソーシャルリンク */
#social-link {

}

#social-link ul {
	text-align:center;
	display:table;
	table-layout:fixed;
	width:100%;
	padding:20px 0;
}

#social-link li {
	display:table-cell;
	margin:0 3px;
}

#social-link li span {
	color:#ffffff;
	font-size:11px;
	display:block;
	text-shadow:0 1px 2px #000000;
	margin:5px 0 0 0;
}

#social-link li img {
	width:50px;
	height:auto;
	box-shadow:0px 2px 6px #202020;
	border-radius:6px;
}

/* Load */
.load-btn a {
	color:#202020;
	background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(220,220,220)),
    color-stop(1,rgb(250,250,250)));
	display:block;
	padding:14px 0;
	text-align:center;
}

/* こちらボタン */
.pagelink {
	padding:10px 15px 15px 15px;
}

.pagelink p {
	background: -webkit-gradient(linear, left top, left bottom,
    color-stop(0,rgb(250,250,250)),color-stop(0.5,rgb(230,230,230)));
	border-radius:4px;
	text-align:center;
}

.pagelink p a {
	color:#202020;
	background:url(../images/list-arrow.png) no-repeat center right;
	background-size:12px 12px;
	display:block;
	padding:12px 0;
}

/* VIP用追加ボタン [マイリスト、マイメモリー]*/
.vip03{
	padding:10px 0;
	width:256px;
	margin:0 auto;
	margin-bottom:10px;
	padding:1px;
	border-radius:4px;
	text-align:center;
	box-shadow:0 1px 2px rgba(0,0,0,0.7);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #edc640), color-stop(0.63, #fff7bd), color-stop(0.32, #fde685), color-stop(0.00, #fcd245));
	background: -webkit-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -moz-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -o-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: -ms-linear-gradient(top, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
	background: linear-gradient(to bottom, #fcd245 0%, #fde685 32%, #fff7bd 63%, #edc640 100%);
}

.vip03 p{
	margin:1px;
	display:block;
	/*height:35px;*/
	line-height:36px;
	border-radius:2px;
	background:-webkit-linear-gradient(rgba(101,101,101,1) 0%,rgba(69,69,69,1) 50%,rgba(28,28,28,1) 50%, rgba(10,10,10,1) 100%);
	background:linear-gradient(rgba(101,101,101,1) 0%,rgba(69,69,69,1) 50%,rgba(28,28,28,1) 50%, rgba(10,10,10,1) 100%);
	font-weight:bold;
}

.vip03 a{
	font-size:14px;
	font-weight:bold;
	background:-webkit-linear-gradient(#fcd245, #fde685, #fff7bd ,#eedc9e);
	/*background:-webkit-linear-gradient(#b9b10a, #eff507, #716c04);*/
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	display:block;
}

.vip03 img{
	vertical-align:middle;
	margin-right:8px;
	margin-bottom:2px;
	width:16px;
}

/* ダイアログ */

.dialog {
	display:none;
}

.dialog .dialog_content {
	position:absolute;
	top:50%;
	left:50%;
	z-index:500;
	margin:-20% 0 0 -45%;
	width: 90%;
	background:rgba(243,243,243,1);
	border-radius:6px;
    -webkit-transform: translate3d(0,0,0);
}

.dialog .dialog_content .msg {
	padding:15px;
}

.dialog .dialog_content .msg h1 {
	margin:0 0 10px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.dialog .dialog_content .msg p {
	font-size:14px;
	text-align:center;
	line-height:1.2;
}

.dialog .dialog_content ul.alert {
	border-top:1px solid rgba(195,195,195,1);
	display: table;
	table-layout: fixed;
	width: 100%;
}

.dialog .dialog_content ul.alert li {
	display:table-cell;
	padding:15px 0;
	color:rgba(63,84,163,1);
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.dialog .dialog_content ul.alert li:first-child {
	border-top:1px solid rgba(255,255,255,1);
	border-right:1px solid rgba(195,195,195,1);
}

.dialog .dialog_content ul.alert li:last-child {
	border-top:1px solid rgba(255,255,255,1);
	border-left:1px solid rgba(255,255,255,1);
}


.overlay {
    background:rgba(0,0,0,0.4);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:100;
}