@charset "UTF-8";

a,
a:link,
a:visited {
	color: #dab86d;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #e6cc78;
	text-decoration: none;
}

a:link span,
a:visited span {
	text-decoration: inherit;
}
a:hover span,
a:active span {
	text-decoration: inherit;
}

.p05 { padding-left: 5px; }
.p10 { padding-left: 10px; }
.p15 { padding-left: 15px; }
.p20 { padding-left: 20px; }
.p25 { padding-left: 25px; }
.p30 { padding-left: 30px; }

/* 横幅 */
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w95 { width: 95px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w280 { width: 280px; }


/*--------------------------------------------------------------
 * テキストスタイル 
 * --------------------------------------------------------------*/
.tb { font-weight: bold; }
.tul { text-decoration: underline; }

/* Color */
.black { color: #000000; }
.white { color: #FFFFFF; }
.gray { color: #666666; }
.wgray { color: #afafaf; }
.red { color: #FF0000; }
.dred { color: #e60012; }
.pink { color: #FF9999; }
.crimson { color: #ff3399; }
.yellow { color: #ffd58e; }
.syellow { color: #FFFF66; }
.nyellow { color: #FFFF00; }
.byellow { color: #ec9d41; }
.byellow02 { color: #e0b100; }
.sblue { color: #65c2e9; }
.green { color: green; }
.sgreen { color: lime; }
.orange { color: orange; }
.blue { color: #6666FF; }
.sblue { color: #00DCFF; }
.cyan { color: cyan; }
.magenta { color: #FF00FF; }
.purple { color: #CC33FF; }
.lpurple { color: #CC33FF; }

.alpha30 { opacity: 0.3; }
.alpha50 { opacity: 0.5; }
.alpha70 { opacity: 0.7; }

/* フォントサイズ */
.fs { font-size: 10px; line-height: 1.2em; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }
.f40 { font-size: 40px; }
.hf22 { font-size: 22px; letter-spacing: 0.1em; line-height: 2em; }

/*--------------------------------------------------------------
 * リンク
 * --------------------------------------------------------------*/
.a_link {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin: 3px 0;
	padding: 0 5px;
	line-height: 30px;
	border: 1px solid #666;
	display: inline-block;
	text-decoration: none;
}
.a_link:active,
.a_link:hover {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 0px 0px 4px white;
	-webkit-box-shadow: 0px 0px 4px white;
	-moz-box-shadow: 0px 0px 4px white;
	border: 1px solid #666;
	display: inline-block;
	background:#333;
}

/* BOX型のリンク集 */
div.link_box {
	margin-left : 8px;
	margin-right : 8px;
}
.link_box a,
.link_box div,
.link_box>span {
	background-color: #080808;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	display: block;
	font-size: 18px;
	padding: 8px 10px;
	min-height: 38px;
	line-height: 38px;
}
.link_box.h20 a,
.link_box.h20 div,
.link_box.h20>span {
	font-size: 16px;
	min-height: 23px;
	line-height: 23px;
}
.link_box a {
	text-decoration: none;
	background-image: url(https://static.yama96.jp/images/common/sp/arrow01.png);
	background-size: 6px 14px;
	-webkit-background-size: 6px 14px;
	background-repeat: no-repeat;
	background-position: 97% 49%;
}
.link_box div {
	font-weight: bold;
	height: 20px;
	min-height: 20px;
	line-height: 20px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1111AA), color-stop(0.00, #000011));
	background: -webkit-linear-gradient(top, #000011 0%, #1111AA 100%);
	background: -moz-linear-gradient(top, #000011 0%, #1111AA 100%);
	background: -o-linear-gradient(top, #000011 0%, #1111AA 100%);
	background: -ms-linear-gradient(top, #000011 0%, #1111AA 100%);
	background: linear-gradient(top, #000011 0%, #1111AA 100%);
}

.link_box *:first-child {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
.link_box *:last-child {
	border-bottom: 1px solid #666;

	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}
.link_box a:nth-of-type(odd) {
	background-color: #101010;
}

.link_box a:active,
.link_box a:hover {
	background-color: #333;

	/* .link_box a と共通 */
	background-image: url(https://static.yama96.jp/images/common/sp/arrow01.png);
	background-size: 6px 14px;
	-webkit-background-size: 6px 14px;
	background-repeat: no-repeat;
	background-position: 97% 49%;
}

/* ボタン型リンク */
a.link_btn {
	background: -webkit-radial-gradient(center, #555 0%, #000 100%);
	background:    -moz-radial-gradient(center, #555 0%, #000 100%);
	background:      -o-radial-gradient(center, #555 0%, #000 100%);
	background:     -ms-radial-gradient(center, #555 0%, #000 100%);
	background:         radial-gradient(center, #555 0%, #000 100%);

	border-color: inherit;
	border-style: solid;
	border-width: 1px;
	        border-radius: 4px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;

	display: block;
	text-align: center;
	font-size: 16px;
	color: inherit;
	padding: 8px 0;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}
a.link_btn:hover {
	box-shadow: 0px 0px 10px #DDD;
}


@-webkit-keyframes pulse {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1.0;
		text-shadow: 0px 0px 10px #DDD;
	}
}

@-webkit-keyframes fadeout {
	0% {
		opacity: 1.0;
	}
	100% {
		opacity: 0;
	}
}

.blink {
	animation: 1.5s animate-blink infinite linear;
	-webkit-animation: 1.5s animate-blink infinite linear;
	-moz-animation: 1.5s animate-blink infinite linear;
}

.blink01s {
	animation: 1s animate-blink infinite linear;
	-webkit-animation: 1s animate-blink infinite linear;
	-moz-animation: 1s animate-blink infinite linear;
}

.blink06s {
	animation: 5s animate-blink infinite linear;
	-webkit-animation: 5s animate-blink infinite linear;
	-moz-animation: 5s animate-blink infinite linear;
}

.twinkle {
	-webkit-animation: 1s animate-twinkle infinite linear;
	   -moz-animation: 1s animate-twinkle infinite linear;
	        animation: 1s animate-twinkle infinite linear;
}

.twinkle2 {
	-webkit-animation: 1.3s animate-twinkle2 infinite linear;
	   -moz-animation: 1.3s animate-twinkle2 infinite linear;
	        animation: 1.3s animate-twinkle2 infinite linear;
}

.txt-twinkle {
	-webkit-animation: 1s animate-txt-twinkle infinite linear;
	   -moz-animation: 1s animate-txt-twinkle infinite linear;
	        animation: 1s animate-txt-twinkle infinite linear;
}
.txt-twinkle2 {
	-webkit-animation: 1s animate-txt-twinkle2 infinite linear;
	   -moz-animation: 1s animate-txt-twinkle2 infinite linear;
	        animation: 1s animate-txt-twinkle2 infinite linear;
}


.twinkle-sun {
	-webkit-animation: 1s animate-twinkle-sun infinite linear;
	   -moz-animation: 1s animate-twinkle-sun infinite linear;
	        animation: 1s animate-twinkle-sun infinite linear;
}


.twinkle-moon {
	-webkit-animation: 1s animate-twinkle-moon infinite linear;
	   -moz-animation: 1s animate-twinkle-moon infinite linear;
	        animation: 1s animate-twinkle-moon infinite linear;
}


.twinkle-sea {
	-webkit-animation: 1s animate-twinkle-sea infinite linear;
	   -moz-animation: 1s animate-twinkle-sea infinite linear;
	        animation: 1s animate-twinkle-sea infinite linear;
}

.rainbow {
	-webkit-animation:rainbow-box 2s ease-in-out infinite;
	-moz-animation:rainbow-box 2s ease-in-out infinite;
	animation: rainbow-box 2s ease-in-out infinite;
}


@keyframes 'animate-blink' {
    0% { opacity: 0.3 }
    50% { opacity: 1 }
    100%  { opacity: 0.3 }
}
@-webkit-keyframes 'animate-blink' {
    0% { opacity: 0.3 }
    50% { opacity: 1 }
    100%  { opacity: 0.3 }
}
@keyframes 'animate-twinkle' {
    0% {
		box-shadow: 0px 0px 10px 0px rgba(255, 30, 30, 255);
	}
    50%  {
		box-shadow: 0px 0px 10px 15px rgba(255, 30, 30, 255);
	}
    100%  {
		box-shadow: 0px 0px 10px 25px rgba(255, 30, 30, 0);
	}
}
@-webkit-keyframes 'animate-twinkle' {
    0% {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 30, 30, 255);
				box-shadow: 0px 0px 10px 0px rgba(255, 30, 30, 255);
	}
    50%  {
		-webkit-box-shadow: 0px 0px 10px 15px rgba(255, 30, 30, 255);
				box-shadow: 0px 0px 10px 15px rgba(255, 30, 30, 255);
	}
    100%  {
		-webkit-box-shadow: 0px 0px 10px 25px rgba(255, 30, 30, 0);
				box-shadow: 0px 0px 10px 25px rgba(255, 30, 30, 0);
	}
}
@keyframes 'animate-twinkle2' {
    0% {
		box-shadow: 0px 0px 5px 0px rgba(246, 44, 17, 255);
	}
    100%  {
		box-shadow: 0px 0px 5px 6px rgba(246, 44, 17, 0);
	}
}
@-webkit-keyframes 'animate-twinkle2' {
    0% {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(246, 44, 17, 255);
				box-shadow: 0px 0px 5px 0px rgba(246, 44, 17, 255);
	}
    100%  {
		-webkit-box-shadow: 0px 0px 5px 6px rgba(246, 44, 17, 0);
				box-shadow: 0px 0px 5px 6px rgba(246, 44, 17, 0);
	}
}

@keyframes 'animate-txt-twinkle' {
    0% {
		text-shadow: 0px 0px 0px rgba(255, 30, 30, 255),
				0px 0px 0px rgba(255, 30, 30, 255);
	}
    50%  {
		text-shadow: 0px 0px 15px rgba(255, 30, 30, 255),
				0px 0px 15px rgba(255, 30, 30, 255),
				0px 0px 15px rgba(255, 30, 30, 255),
				0px 0px 15px rgba(255, 30, 30, 255);
	}
    100%  {
		text-shadow: 0px 0px 25px rgba(255, 30, 30, 0),
				0px 0px 25px rgba(255, 30, 30, 0),
				0px 0px 25px rgba(255, 30, 30, 0),
				0px 0px 25px rgba(255, 30, 30, 0);
	}
}
@-webkit-keyframes 'animate-txt-twinkle' {
    0% {
		text-shadow: 0px 0px 0px rgba(255, 30, 30, 255),
				0px 0px 0px rgba(255, 30, 30, 255);
	}
    50%  {
		text-shadow: 0px 0px 15px rgba(255, 30, 30, 255),
				0px 0px 15px rgba(255, 30, 30, 255),
				0px 0px 15px rgba(255, 30, 30, 255),
				0px 0px 15px rgba(255, 30, 30, 255);
	}
    100%  {
		text-shadow: 0px 0px 25px rgba(255, 30, 30, 0),
				0px 0px 25px rgba(255, 30, 30, 0),
				0px 0px 25px rgba(255, 30, 30, 0),
				0px 0px 25px rgba(255, 30, 30, 0);
	}
}

@keyframes 'animate-txt-twinkle2' {
    0% {
		text-shadow: 0px 0px 0px rgba(255, 255, 30, 255),
				0px 0px 0px rgba(255, 255, 30, 255);
	}
    50%  {
		text-shadow: 0px 0px 15px rgba(255, 255, 30, 255),
				0px 0px 15px rgba(255, 255, 30, 255),
				0px 0px 15px rgba(255, 255, 30, 255),
				0px 0px 15px rgba(255, 255, 30, 255);
	}
    100%  {
		text-shadow: 0px 0px 25px rgba(255, 255, 30, 0),
				0px 0px 25px rgba(255, 255, 30, 0),
				0px 0px 25px rgba(255, 255, 30, 0),
				0px 0px 25px rgba(255, 255, 30, 0);
	}
}
@-webkit-keyframes 'animate-txt-twinkle2' {
    0% {
		text-shadow: 0px 0px 0px rgba(255, 255, 30, 255),
				0px 0px 0px rgba(255, 255, 30, 255);
	}
    50%  {
		text-shadow: 0px 0px 15px rgba(255, 255, 30, 255),
				0px 0px 15px rgba(255, 255, 30, 255),
				0px 0px 15px rgba(255, 255, 30, 255),
				0px 0px 15px rgba(255, 255, 30, 255);
	}
    100%  {
		text-shadow: 0px 0px 25px rgba(255, 255, 30, 0),
				0px 0px 25px rgba(255, 255, 30, 0),
				0px 0px 25px rgba(255, 255, 30, 0),
				0px 0px 25px rgba(255, 255, 30, 0);
	}
}

/* 属性色のきらきら */

/* 太陽属性 */

@keyframes 'animate-twinkle-sun' {
    0% {
		box-shadow: 0px 0px 10px 0px rgba(255, 30, 30, 255);
	}
    50%  {
		box-shadow: 0px 0px 10px 15px rgba(255, 30, 30, 255);
	}
    100%  {
		box-shadow: 0px 0px 10px 25px rgba(255, 30, 30, 0);
	}
}
@-webkit-keyframes 'animate-twinkle-sun' {
    0% {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 30, 30, 255);
				box-shadow: 0px 0px 10px 0px rgba(255, 30, 30, 255);
	}
    50%  {
		-webkit-box-shadow: 0px 0px 10px 15px rgba(255, 30, 30, 255);
				box-shadow: 0px 0px 10px 15px rgba(255, 30, 30, 255);
	}
    100%  {
		-webkit-box-shadow: 0px 0px 10px 25px rgba(255, 30, 30, 0);
				box-shadow: 0px 0px 10px 25px rgba(255, 30, 30, 0);
	}
}

/* 月属性 */

@keyframes 'animate-twinkle-moon' {
    0% {
		box-shadow: 0px 0px 10px 0px rgba(255, 255, 30, 255);
	}
    50%  {
		box-shadow: 0px 0px 10px 15px rgba(255, 255, 30, 255);
	}
    100%  {
		box-shadow: 0px 0px 10px 25px rgba(255, 255, 30, 0);
	}
}
@-webkit-keyframes 'animate-twinkle-moon' {
    0% {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 30, 255);
				box-shadow: 0px 0px 10px 0px rgba(255, 255, 30, 255);
	}
    50%  {
		-webkit-box-shadow: 0px 0px 10px 15px rgba(255, 255, 30, 255);
				box-shadow: 0px 0px 10px 15px rgba(255, 255, 30, 255);
	}
    100%  {
		-webkit-box-shadow: 0px 0px 10px 25px rgba(255, 255, 30, 0);
				box-shadow: 0px 0px 10px 25px rgba(255, 255, 30, 0);
	}
}

/* 海属性 */

@keyframes 'animate-twinkle-sea' {
    0% {
		box-shadow: 0px 0px 10px 0px rgba(30, 180, 255, 255);
	}
    50%  {
		box-shadow: 0px 0px 10px 15px rgba(30, 180, 255, 255);
	}
    100%  {
		box-shadow: 0px 0px 10px 25px rgba(30, 180, 255, 0);
	}
}
@-webkit-keyframes 'animate-twinkle-sea' {
    0% {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(30, 180, 255, 255);
				box-shadow: 0px 0px 10px 0px rgba(30, 180, 255, 255);
	}
    50%  {
		-webkit-box-shadow: 0px 0px 10px 15px rgba(30, 180, 255, 255);
				box-shadow: 0px 0px 10px 15px rgba(30, 180, 255, 255);
	}
    100%  {
		-webkit-box-shadow: 0px 0px 10px 25px rgba(30, 180, 255, 0);
				box-shadow: 0px 0px 10px 25px rgba(30, 180, 255, 0);
	}
}


@keyframes rainbow-box {
	0% {
		box-shadow: 0px 0px 10px 5px rgba(255, 0, 0, 0.2);
	}
	16.7% {
		box-shadow: 0px 0px 10px 5px rgba(255, 127, 0, 0.2);
	}
	33.3% {
		box-shadow: 0px 0px 10px 5px rgba(255, 255, 0, 0.2);
	}
	50% {
		box-shadow: 0px 0px 10px 5px rgba(0, 255, 0, 0.2);
	}
	66.7% {
		box-shadow: 0px 0px 10px 5px rgba(0, 0, 255, 0.2);
	}
	83.3% {
		box-shadow: 0px 0px 10px 5px rgba(75, 0, 130, 0.2);
	}
	100% {
		box-shadow: 0px 0px 10px 5px rgba(148, 0, 211, 0.2);
	}

}
@-webkit-keyframes rainbow-box {
	0% {
		-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 0, 0, 0.2);
				box-shadow: 0px 0px 10px 5px rgba(255, 0, 0, 0.2);
	}
	16.7% {
		-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 127, 0, 0.2);
				box-shadow: 0px 0px 10px 5px rgba(255, 127, 0, 0.2);
	}
	33.3% {
		-webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 0, 0.2);
				box-shadow: 0px 0px 10px 5px rgba(255, 255, 0, 0.2);
	}
	50% {
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 255, 0, 0.2);
				box-shadow: 0px 0px 10px 5px rgba(0, 255, 0, 0.2);
	}
	66.7% {
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 255, 0.2);
				box-shadow: 0px 0px 10px 5px rgba(0, 0, 255, 0.2);
	}
	83.3% {
		-webkit-box-shadow: 0px 0px 10px 5px rgba(75, 0, 130, 0.2);
				box-shadow: 0px 0px 10px 5px rgba(75, 0, 130, 0.2);
	}
	100% {
		-webkit-box-shadow: 0px 0px 10px 5px rgba(148, 0, 211, 0.2);
				box-shadow: 0px 0px 10px 5px rgba(148, 0, 211, 0.2);
	}
  }  

/* 注意共通 */
.alert01,
.alert02,
.alert03 {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin: 8px;
}

/* 軽度の注意 */
.alert01 {
	color : #F11;
	border: solid #F11 1px;
}

/* 普通の注意 */
.alert02 {
	color : red;
	border: solid red 1px;
	background-color: #100;
}

.alert02-orange {
	color: orange;
	border: solid orange 1px;
	background-color: #100;
}

/* 重要な注意 */
.alert03 {
	color : red;
	font-weight: bold;
	border: solid red 1px;
	background-color: #100;
}


.alert01 > h3,
.alert02 > h3,
.alert03 > h3 {
	margin: 5px 10px;
	text-align: center;
}
.alert01 > div,
.alert02 > div,
.alert03 > div {
	margin: 5px 10px;
	text-align: left;
}
.alert01 > div.tc,
.alert02 > div.tc,
.alert03 > div.tc {
	margin: 5px;
	text-align: center;
}

.alert03 > h3,
.alert03 > div {
	animation: 1.5s animate-blink infinite linear;
	-webkit-animation: 1.5s animate-blink infinite linear;
	-moz-animation: 1.5s animate-blink infinite linear;
}

.error01 {
	text-align: center;
	color: red;
	font-weight: bold;
	background-color: #200;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding: 10px;
	margin: 8px;
}

table.simple_status {
	margin: 0px auto;
}
table.simple_status th {
	padding: 0px 10px;
	text-align: right;
	color: #ff3399;
}
table.simple_status td {
	text-align: left;
}
table.simple_status td.tr {
	text-align: right;
}


div.item_box {
	margin-left : 8px;
	margin-right : 8px;
}

.item_box>div {
	border:1px solid #666;
	border-bottom: none;
}
.item_box>div .name {
	color: #99FF33;
	font-size:20px;
}

.item_box>div:first-child {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

.item_box>div:last-child {
	border-bottom: 1px solid #666;

	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}

.item_box>div:nth-of-type(odd) {
	background-color: #292929;
}

.item_box a {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color: white;
	font-weight: bold;
	margin: 3px 0;
	padding: 5px 25px 5px 10px;
	line-height: 30px;
	border: 1px solid #666;
	display: inline-block;
	text-decoration: none;
	background-color: #000;
	background-image: url(https://static.yama96.jp/images/common/sp/arrow01r.png);
	background-repeat: no-repeat;
	background-position: 95% 49%;
}

.item_box table {
	width: 100%;
	margin: 10px auto 5px auto;
	font-size: 14px;
	border-spacing: 2px;
	border-collapse: separate;
	table-layout: fixed;
}
.item_box th {
	width: 70px;
	padding: 3px;
	background: #036;
}
.item_box td {
	padding: 3px;
}

.item_box img {
	float: left;
	padding: 10px;
}
.item_box .item_box_info {
	float: right;
	padding: 10px 0;
	width: 200px;
}
.item_box .item_box_desc {
	border: none;
	background: rgba(20, 20, 20, 0.2);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5) inset;
	max-width: 300px;
	line-height: 1.3;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
	word-break: break-all;
	margin: 0px auto;
}
.item_box .item_box_btn_area {
	text-align:center;
	padding: 8px 0;
}
.clear {
	clear: both;
}

div.y_section {
	border: 1px #555555 solid;
	background-color: #222A2D;

	max-width: 310px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	word-break: break-all;
	margin-left: auto;
	margin-right: auto;
}
div.y_section.ms03 {
	max-width: 304px;
}
div.y_section.red {
	border: 1px #705050 solid;
	background-color: #2B1716;
	color: #CCCCCC;
}
div.y_section.gray {
	border: 1px #505050 solid;
	background-color: #18171C;
	color: #CCCCCC;
}

div.y_section.purple {
	border: 1px #705050 solid;
	background-color: #291d37;
	color: #CCCCCC;
}


.y_section>*:not(:first-child) {
	border-top: 1px #555555 solid;
}
.y_section.red>*:not(:first-child) {
	border-top: 1px #705050 solid;
}
.y_section.gray>*:not(:first-child) {
	border-top: 1px #505050 solid;
}

.y_section.purple>*:not(:first-child) {
	border-top: 1px #705050 solid;
}

.y_section>*:nth-child(odd) {
	background: -webkit-gradient(linear, left, right, color-stop(1.00, #222A2D), color-stop(0.00, #131B1E));
	background: -webkit-linear-gradient(left, #131B1E 0%, #222A2D 100%);
	background: -moz-linear-gradient(left, #131B1E 0%, #222A2D 100%);
	background: -o-linear-gradient(left, #131B1E 0%, #222A2D 100%);
	background: linear-gradient(left, #131B1E 0%, #222A2D 100%);
}
.y_section.red>*:nth-child(odd) {
	background: -webkit-gradient(linear, left, right, color-stop(1.00, #2B1716), color-stop(0.00, #1e0a09));
	background: -webkit-linear-gradient(left, #1e0a09 0%, #2B1716 100%);
	background: -moz-linear-gradient(left, #1e0a09 0%, #2B1716 100%);
	background: -o-linear-gradient(left, #1e0a09 0%, #2B1716 100%);
	background: linear-gradient(left, #1e0a09 0%, #2B1716 100%);
}
.y_section.gray>*:nth-child(odd) {
	background: -webkit-gradient(linear, left, right, color-stop(1.00, #18171C), color-stop(0.00, #28272C));
	background: -webkit-linear-gradient(left, #08070C 0%, #18171C 100%);
	background:    -moz-linear-gradient(left, #08070C 0%, #18171C 100%);
	background:      -o-linear-gradient(left, #08070C 0%, #18171C 100%);
	background:         linear-gradient(left, #08070C 0%, #18171C 100%);
}
.y_section.purple>*:nth-child(odd) {
	background: -webkit-gradient(linear, left, right, color-stop(1.00, #291d37), color-stop(0.00, #392d47));
	background: -webkit-linear-gradient(left, #190d27 0%, #291d37 100%);
	background:    -moz-linear-gradient(left, #190d27 0%, #291d37 100%);
	background:      -o-linear-gradient(left, #190d27 0%, #291d37 100%);
	background:         linear-gradient(left, #190d27 0%, #291d37 100%);
}


.y_section>*:first-child {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

.y_section>*:last-child {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
}


.y_section>div {
	padding: 10px;
}

.y_section>.y_title {
	background: #151d21 url(https://static.yama96.jp/images/common/sp/title_bg01.jpg) center top repeat-x;
	background-size: 24px 32px;
	-webkit-background-size: 24px 32px;

	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1em;
	padding: 8px 0;
}
.y_section.red>.y_title {
	background: #1f0a0a url(https://static.yama96.jp/images/common/sp/title_bg01r03.jpg) center top repeat-x;
}
.y_section.gray>.y_title {
	background: #18171C url(https://static.yama96.jp/images/common/sp/title_bg01dp.jpg) center top repeat-x;
}

.y_section.purple>.y_title {
	background: #18171C url(https://static.yama96.jp/images/common/sp/title_bg01p.jpg) center top repeat-x;
}

.y_section>a,
.y_section>a>span,
.y_section>span {
	display: block;
}

.y_section>a>span,
.y_section>span {
	font-size: 18px;
	line-height: 1.1em;
	padding: 15px 30px 15px 10px;
}

.y_section>a {
	text-decoration: none;
	color: #CCCCCC;
}
.y_section.red>a {
	color: #DDCCCC;
}
.y_section.gray>a {
	color: #DDCCCC;
}


.y_section>a>span {
	background-image: url(https://static.yama96.jp/images/common/sp/arrow01.png);
	background-size: 6px 14px;
	-webkit-background-size: 6px 14px;
	background-repeat: no-repeat;
	background-position: 97% 49%;
}


.y_section>.y_serif_l:after,
.y_section>.y_serif_r:after,
.y_section>.y_player:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.y_section>.y_serif_l>img,
.y_section>.y_serif_r>img,
.y_section>.y_player>img,
.y_section>.y_serif_l>video,
.y_section>.y_serif_r>video,
.y_section>.y_player>video {
	width: 65px;
}
.y_section>.y_serif_l>div.serif,
.y_section>.y_serif_r>div.serif,
.y_section>.y_player>div:first-of-type {
	width: 210px;
	max-width: 220px;
}

.y_section>.y_player>img,
.y_section>.y_player>video,
.y_section>.y_serif_r>img,
.y_section>.y_serif_r>video,
.y_section>.y_serif_l>div.serif {
	float: left;
}

.y_section>.y_player>div,
.y_section>.y_serif_r>div.serif,
.y_section>.y_serif_l>img,
.y_section>.y_serif_l>video {
	float: right;
}

.y_section>.y_player .honor_right {
	position: absolute;
    right: 0px;
	top: 18px;
}

.honor_right {
	position: absolute;
    right: 0px;
	top: 18px;
}

.y_section>.y_serif_l .message,
.y_section>.y_serif_r .message {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height: 66px;
	position: relative;
}

.y_section>.y_serif_l .message {
	background: #1f0a03;
	border: 1px #97603b solid;
}
.y_section>.y_serif_r .message {
	background: #1e1717;
	border: 1px #6b5c57 solid;
}

.y_section>.y_serif_r .message>span {
	width: 8px;
	height: 10px;
	background: url(https://static.yama96.jp/images/bushidan/sp/member_message01.png) center top repeat-x;
	background-size: 8px 10px;
	-webkit-background-size: 8px 10px;
	position: absolute;
	top: 40px;
	left: -8px;
}
.y_section>.y_serif_l .message>span {
	width: 8px;
	height: 10px;
	background: url(https://static.yama96.jp/images/bushidan/sp/member_message02.png) center top repeat-x;
	background-size: 8px 10px;
	-webkit-background-size: 8px 10px;

	position: absolute;
	top: 40px;
	right: -8px;
}

.y_section>.y_serif_r .message>p,
.y_section>.y_serif_l .message>p {
	padding: 3px;
}

.y_section>.y_tab2,
.y_section>.y_tab3 {
	padding: 0px;
}
.y_section>.y_tab2 ul,
.y_section>.y_tab3 ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;

	border-bottom: solid 5px #107C08;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #378485), color-stop(0.50, #11595a), color-stop(0.00, #378485));
	background: -webkit-linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	background: -moz-linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	background: -o-linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	background: -ms-linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	background: linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);

}

.y_section>.y_tab2 li,
.y_section>.y_tab3 li {
	border-bottom: solid 1px #555555;

	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 8px;
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
}

.y_section>.y_tab2 li:not(:first-child),
.y_section>.y_tab3 li:not(:first-child) {
	border-left: 1px #555555 solid;
/*	border-left: 1px #705050 solid; */
}

.y_section>.y_tab2 li.current,
.y_section>.y_tab3 li.current {
	background: #107C08; /* y_tabの最後の色 */
	border-style: none;
	text-align: center;
	font-size: 16px;
	padding: 8px;
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
}

.y_section>.y_tab2 li>a,
.y_section>.y_tab3 li>a {
	color: #99FF99;
	display: block;
	width: 100%;
}


table.y_section-equip-list {
	border: 1px #555555 solid;
	width: 304px;
	word-break: break-all;
	margin:10px auto;
}
table.y_section-equip-list tr td { padding: 5px;}
table.y_section-equip-list tr:nth-child(odd)  td { background: #222A2D;}
table.y_section-equip-list tr:nth-child(even) td { background: #333333;}
table.y_section-equip-list tr:not(:first-child) td { border-top: 1px #555555 solid;}
table.y_section-equip-list tr td:first-child { width: 14px; }

/* 簡易的にボタンを最大化 */
form input[type="submit"] {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;

	background: #232220;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #232220), color-stop(0.51, #1d1c1a), color-stop(0.50, #333230), color-stop(0.00, #3e3c39));
	background: -webkit-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -moz-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -o-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -ms-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	border: 1px #4c4c4c solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	height: 40px;
	line-height: 1.2em;
	padding: 10px 10px;
}

select {
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;

	background: #3e3c39; /* Old browsers */
	background: url(https://static.yama96.jp/images/common/sp/pull.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #232220), color-stop(0.51, #1d1c1a), color-stop(0.50, #333230), color-stop(0.00, #3e3c39));
	background: url(https://static.yama96.jp/images/common/sp/pull.png), -webkit-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: url(https://static.yama96.jp/images/common/sp/pull.png), -moz-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: url(https://static.yama96.jp/images/common/sp/pull.png), -o-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: url(https://static.yama96.jp/images/common/sp/pull.png), -ms-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: url(https://static.yama96.jp/images/common/sp/pull.png), linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);

	background-repeat: no-repeat;
	background-position: 97% 49%;

	border: 1px #4c4c4c solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	height: 40px;
	line-height: 1.2em;
	padding: 10px 18px 10px 5px;
	font-size: 16px;
	font-weight: bold;

}

select option {
	color: #000;
}


p.chara {
	position: relative;
}
p.chara img {
	position: absolute;
}
p.chara img:nth-of-type(2) {
	width: 31.5px;
	top: 21px;
	left: 19px;
    animation: 15s play infinite linear;
    -webkit-animation: 15s play infinite linear;
    -moz-animation: 15s play infinite linear;
}
p.chara img:nth-of-type(3) {
	width: 12px;
	left: 26.5px;
	top: 43px;
    animation: 2s mouth infinite linear;
    -webkit-animation: 2s mouth infinite linear;
    -moz-animation: 2s mouth infinite linear;
}
@keyframes 'play' {
     0% { opacity: 0 }
     5% { opacity: 0 }
     6% { opacity: 1 }
    10% { opacity: 1 }
    11% { opacity: 0 }
    20% { opacity: 0 }
    21% { opacity: 1 }
    30% { opacity: 1 }
    31% { opacity: 0 }
    39% { opacity: 0 }
    40% { opacity: 1 }
    46% { opacity: 1 }
    47% { opacity: 0 }
    55% { opacity: 0 }
    56% { opacity: 1 }
    62% { opacity: 1 }
    63% { opacity: 0 }
    73% { opacity: 1 }
    75% { opacity: 1 }
    76% { opacity: 0 }
    85% { opacity: 0 }
    86% { opacity: 1 }
    93% { opacity: 1 }
    94% { opacity: 0 }
   100% { opacity: 0 }
}
@-webkit-keyframes 'play' {
     0% { opacity: 0 }

    15% { opacity: 0 }
    16% { opacity: 1 }
    17% { opacity: 0 }

    19% { opacity: 0 }
    20% { opacity: 1 }
    21% { opacity: 0 }

    36% { opacity: 0 }
    37% { opacity: 1 }
    38% { opacity: 0 }

    50% { opacity: 0 }
    51% { opacity: 1 }
    52% { opacity: 0 }

    80% { opacity: 0 }
    81% { opacity: 1 }
    83% { opacity: 0 }
    84% { opacity: 1 }
    85% { opacity: 0 }

    98% { opacity: 0 }
    99% { opacity: 1 }
   100% { opacity: 0 }
}

@-webkit-keyframes 'mouth' {
     0% { opacity: 0 }
     5% { opacity: 0 }
     6% { opacity: 1 }
    10% { opacity: 1 }
    11% { opacity: 0 }
    20% { opacity: 0 }
    21% { opacity: 1 }
    30% { opacity: 1 }
    31% { opacity: 0 }
    39% { opacity: 0 }
    40% { opacity: 1 }
    46% { opacity: 1 }
    47% { opacity: 0 }
    55% { opacity: 0 }
    56% { opacity: 1 }
    62% { opacity: 1 }
    63% { opacity: 0 }
    73% { opacity: 1 }
    75% { opacity: 1 }
    76% { opacity: 0 }
    85% { opacity: 0 }
    86% { opacity: 1 }
    93% { opacity: 1 }
    94% { opacity: 0 }
   100% { opacity: 0 }
}


label {

	background: #192e4d; /* Old browsers */
	background: -moz-linear-gradient(top, #192e4d 0%, #162642 50%, #122236 51%, #122236 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#192e4d), color-stop(50%,#162642), color-stop(51%,#122236), color-stop(100%,#122236)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #192e4d 0%,#162642 50%,#122236 51%,#122236 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #192e4d 0%,#162642 50%,#122236 51%,#122236 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #192e4d 0%,#162642 50%,#122236 51%,#122236 100%); /* IE10+ */
	background: linear-gradient(to bottom, #192e4d 0%,#162642 50%,#122236 51%,#122236 100%); /* W3C */

	display: inline-block;

	border: 1px #4c4c4c solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	line-height: 1.2em;
	padding: 10px 18px 10px 5px;
	font-size: 16px;
	font-weight: bold;
}

input[type=checkbox]:checked + label {
	background: #660219; /* Old browsers */
	background: -moz-linear-gradient(top, #660219 0%, #590116 44%, #440010 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#660219), color-stop(44%,#590116), color-stop(100%,#440010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #660219 0%,#590116 44%,#440010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #660219 0%,#590116 44%,#440010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #660219 0%,#590116 44%,#440010 100%); /* IE10+ */
	background: linear-gradient(to bottom, #660219 0%,#590116 44%,#440010 100%); /* W3C */
}


input[type=checkbox] {
	display: none;
}

input[type=checkbox]:not(:checked) + label::before {
	zoom : 0.6;
	position: relative;
	top: 7px;
	content : url(https://static.yama96.jp/images/common/sp/check_off.png);
}
input[type=checkbox]:checked + label::before {
	zoom : 0.6;
	position: relative;
	top: 7px;
	content : url(https://static.yama96.jp/images/common/sp/check_on.png);
}

input[type=radio]:checked + label {
	background: #660219; /* old browsers */
	background: -moz-linear-gradient(top, #660219 0%, #590116 44%, #440010 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#660219), color-stop(44%,#590116), color-stop(100%,#440010)); /* chrome,safari4+ */
	background: -webkit-linear-gradient(top, #660219 0%,#590116 44%,#440010 100%); /* chrome10+,safari5.1+ */
	background: -o-linear-gradient(top, #660219 0%,#590116 44%,#440010 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(top, #660219 0%,#590116 44%,#440010 100%); /* ie10+ */
	background: linear-gradient(to bottom, #660219 0%,#590116 44%,#440010 100%); /* w3c */
}

input[type=radio] {
	display: none;
}

input[type=radio]:not(:checked) + label::before {
	zoom : 0.6;
	position: relative;
	top: 7px;
	content : url(https://static.yama96.jp/images/common/sp/check_off.png);
}

input[type=radio]:checked + label::before {
	zoom : 0.6;
	position: relative;
	top: 7px;
	content : url(https://static.yama96.jp/images/common/sp/check_on.png);
}

a, button, input[type=submit], select, div[onclick] {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.hover {
	opacity: 0.6;
}


.tab-nav01 li,
.tab-nav03>div {
	position: relative;
}

.badge {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*font-weight: bold;*/
	color: white;
	text-align: center;
	background-color: #FF3333;
	display: inline-block;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	position: absolute;
	top : -10px;
	right: -5px;
	z-index: 20;
	font-size: 14px;
	line-height: 20px;
}

.badge-raid-new {
	width: 33px;
	top: -5px;
	right: 7px;
	border: 2px solid white;
}

.y_tabs {
	border: 1px #4f5559 solid;
	background: #5f6266;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3b3b3b), color-stop(0.00, #15474b));
	background: -webkit-linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	background: -moz-linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	background: -o-linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	background: -ms-linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	background: linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
}
.y_tabs li {
	text-align: center;
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;

	margin-right: 1px;
	min-height: 36px;
	line-height: 36px;
	position: relative;
}

.y_tabs li:last-child {
	margin-right: 0px;
}

.y_tabs li:first-child > a,
.y_tabs li:first-child > p {
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.y_tabs li:last-child > a,
.y_tabs li:last-child > p {
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.y_tabs li > p {
/* background: #7e231f; */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7e231f), color-stop(0.00, #3f1b1a)); */
/* background: -webkit-linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* background: -moz-linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* background: -o-linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* background: -ms-linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* background: linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* color: #FFF; */

	background: #2a6566;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a6566), color-stop(0.00, #14373d));
	background: -webkit-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -moz-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -o-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -ms-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: linear-gradient(top, #14373d 0%, #2a6566 100%);
	color: #FFF;
}

.y_tabs li > a {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #191919), color-stop(0.00, #44474b));
	background: -webkit-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -moz-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -o-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -ms-linear-gradient(top, #44474b 0%, #191919 100%);
	background: linear-gradient(top, #44474b 0%, #191919 100%);
	display: block;
	color: #858585;
	text-decoration: none;
}

.y_tabs.y_purple li > a {
	background: #6e4f78;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6e4f78), color-stop(0.00, #241b30));
	background: -webkit-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -moz-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -o-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -ms-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: linear-gradient(top, #241b30 0%, #6e4f78 100%);
	display: block;
	color: #FFF;
	text-decoration: none;
}


.y_btns {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
}
.y_btns li {
	border: 1px solid #666;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;

	margin-left: 2px;
	margin-right: 2px;
	min-height: 36px;
	line-height: 36px;
	position: relative;
}

.y_btns li > a,
.y_btns li > p {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.y_btns li > p {
/* background: #7e231f; */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7e231f), color-stop(0.00, #3f1b1a)); */
/* background: -webkit-linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* background: -moz-linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* background: -o-linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* background: -ms-linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* background: linear-gradient(top, #3f1b1a 0%, #7e231f 100%); */
/* color: #FFF; */

	background: #2a6566;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a6566), color-stop(0.00, #14373d));
	background: -webkit-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -moz-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -o-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -ms-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: linear-gradient(top, #14373d 0%, #2a6566 100%);
	color: #FFF;
}

.y_btns li > a {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #191919), color-stop(0.00, #44474b));
	background: -webkit-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -moz-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -o-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -ms-linear-gradient(top, #44474b 0%, #191919 100%);
	background: linear-gradient(top, #44474b 0%, #191919 100%);
	display: block;
	color: #858585;
	text-decoration: none;
}

.y_btns.y_purple li > a {
	background: #6e4f78;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6e4f78), color-stop(0.00, #241b30));
	background: -webkit-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -moz-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -o-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -ms-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: linear-gradient(top, #241b30 0%, #6e4f78 100%);
	display: block;
	color: #FFF;
	text-decoration: none;
}


.y_navi {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: box;
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
}
.y_navi li {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	width: 100%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;

	margin-left: 2px;
	margin-right: 2px;
	min-height: 34px;
	line-height: 34px;
	position: relative;
}
.y_navi li a,
.y_navi li p {
	border-top: 1px #baac89 solid;
	border-left: 1px #baac89 solid;
	border-right: 1px #baac89 solid;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-size: 16px;
	line-height: 1.1em;
	padding: 10px 0 8px;
}
.y_navi li a {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #131415), color-stop(0.00, #45484c));
	background: -webkit-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -moz-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -o-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -ms-linear-gradient(top, #45484c 0%, #131415 100%);
	background: linear-gradient(top, #45484c 0%, #131415 100%);
	display: block;
	color: #c2c2c2;
	text-decoration: underline;
}
.y_navi li p,
.y_navi li a.y_on {
	background: #15474b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #23676a), color-stop(0.00, #15474b));
	background: -webkit-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -moz-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -o-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -ms-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: linear-gradient(top, #15474b 0%, #23676a 100%);
	color: #FFF;
}

.y_navi li p.off {
	border-bottom: 1px #baac89 solid;
	margin-bottom: 5px;
	border-radius: 5px 5px 5px 5px;
}



/* 賭場 */
table.casino_battle_entry {
	margin: 0px auto;
	width: 98%;
	border-collapse: separate;
	border-spacing: 2px;
}

table.casino_battle_entry caption {
	background-color: #333366;
	border: 1px solid #999999;
}

table.casino_battle_entry th {
	width: 25%;
	text-align: center;
	margin: 5px;
	background-color: #666633;
}

table.casino_battle_odds tr.casino_battle_win,
table.casino_battle_entry td.casino_battle_win,
table.casino_battle_entry th.casino_battle_win {
	background-color: #CC0000;
}
div.casino_battle_win {
	color: #CC0000;
}

table.casino_battle_entry td {
	text-align: center;
	vertical-align: top;
}

table.casino_battle_entry td img {
	margin: 3px;
}

table.casino_battle_odds {
	margin: 0px auto;
	width: 98%;
	border: 1px solid white;
}

table.casino_battle_odds th {
	border:1px solid white;
	text-align: center;
	background-color: #333333;
}

table.casino_battle_odds td {
	border:1px solid #FFFFFF;
	text-align: center;
}


table.casino_battle_entry td.casino_battle_no,
table.casino_battle_odds td.casino_battle_no {
	background-color: #888844;
}
table.casino_battle_entry td.casino_battle_name,
table.casino_battle_odds td.casino_battle_name {
	background-color: #444488;
}
table.casino_battle_entry td.casino_battle_bet,
table.casino_battle_odds tr.casino_battle_bet td.casino_battle_name {
	background-color: #660000;
}

table.casino_battle_odds tr.casino_battle_win td.casino_battle_name {
	background-color: #FF0000;
}
div.casino_battle_bet {
	color: #660000;
}
table.casino_battle_odds td.casino_battle_odds_number {
	text-align: right;
	padding-right: 10px;
}

input[type="number"] {
	width: 80px;
	height: 36px;
	line-height: 1.2em;
	font-size: 16px;
}
.ib {
	display: inline-block;
}

table.string-reader {
	width:100%;
	border: 0;
}

table.string-reader td:first-child {
	font-size: 10px;
	color: #afafaf;
	text-align: center;
}

table.string-reader td {
	font-size: 10px;
	color: #afafaf;
	text-align: left;

}