@charset "UTF-8";
/*---------------------------------
	Reset
---------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:none; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display:block; }
body { line-height:1.5; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
img,a img{ border:none; vertical-align:bottom; }
input, select { vertical-align:middle; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
iframe { border: 0; }
/*---------------------------------
	clearfix
---------------------------------*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
/*---------------------------------
	base
---------------------------------*/
::selection {
	background:#d4dcd6;
}
::-moz-selection {
	background:#d4dcd6;
}
body {
	background:#000!important;
	color:#333;
	font-family:"Century Gothic","Futura","Avenir-Light",sans-serif;
	font-size:14px;
	font-size:0.9rem;
	-webkit-text-size-adjust: 100%;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#fff;
}
#mdlbg,
#bgmdl_error,
#bgmdl_loading,
#bgmdl_guide,
#bgmdl_reward,
#bgmdl_gallery,
#bgmdl_eoz {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	z-index:10000;
}
#bgmdl_guide {
	opacity:0.9;
}
#bgmdl_error,
#bgmdl_guide,
#bgmdl_reward,
#bgmdl_gallery,
#bgmdl_eoz {
	display:none;
}
.mdl {
	display:none;
	position:fixed;
	left:50%;
	margin:0 0 0 -362px;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top #000;
	background-size:100%;
	z-index:20000;
}
.mdl dl {
	width:705px;
	padding:70px 0 60px 0;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
}
.mdl dt {
	margin:0 0 30px 0;
	color:#fff5eb;
	font-size:25px;
	text-align:center;
}
.mdl dd {
	margin:0 0 30px 0;
	color:#a0968c;
	font-size:20px;
	text-align:center;
}
.mdl dd.lightBtn {
	margin:0 auto;
}
/*loader*/
.loader {
	position:fixed;
	top:50%;
	left:50%;
	width:72px;
	height:72px;
	margin:-36px 0 0 -36px;
	background:url(../img/common/loader.png) no-repeat;
	background-position:0;
	-webkit-animation:loader .5s steps(28) infinite;
	animation:loader .5s steps(28) infinite;
	z-index:15000;
}
@-webkit-keyframes loader {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-2016px 0;
	}
}
@keyframes loader {
	0% {
		background-position:0 0;
	}
	100% {
		background-position:-2016px 0;
	}
}
/*---------------------------------
	parts
---------------------------------*/
.fontReset {
	 font-family:sans-serif;
}
.btn a {
	display:block;
	border:1px solid #3c3732;
	background:rgba(60,55,50,0.4);
	box-shadow:0px 0px 20px 2px #000 inset;
	-moz-box-shadow:0px 0px 20px 2px #000 inset;
	-webkit-box-shadow:0px 0px 20px 2px #000 inset;
	color:#fff5eb;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height: 42px;
	transition:0.25s ease all;
}
.btn a:hover {
	color:#bdb6af;
	border:1px solid #a0968c;
	background:rgba(80,75,71,0.7);
	transition:0.25s ease all;
}
.btn a span {
	display:block;
	padding:0 40px 0 65px;
	background:url("../img/common/arrow_btn_wh.png") no-repeat 25px center;
	transition:0.2s all;
}
.btn:hover a span {
	background:url("../img/common/arrow_btn_wh.png") no-repeat 28px center;
}
/*or*/
.btn_or {
	position:relative;
	height:20px;
	border:1px solid #ffa019;
	text-align:center;
	line-height:20px;
	transition:0.25s ease all;

}
.btn_or:hover {
	background:rgba(225,160,25,0.2);
}
.btn_or a {
	display:block;
	padding:0 5px 0 10px;
	color:#ffa019;
	font-size:12px;
	font-weight:bold;
}
.btn_or a span {
	display:block;
	background:url("../img/common/arrow_btn_or.png") no-repeat 98% center;
	background-size:5px;
	padding:0 10px 0 0;
}
.btn_or:hover a span {
	background:url("../img/common/arrow_btn_or.png") no-repeat 100% center;
	background-size:5px;
}
/*Min*/
.btnMin {
	position:relative;
	height:30px;
	border:1px solid #a0968c;
	background:rgba(60,55,50,0.3);
	text-align:center;
	line-height:30px;
	transition:0.25s ease all;
}
.btnMin:hover {
	background:rgba(60,55,50,0.7);
}
.btnMin a {
	display:block;
	padding:0 5px 0 10px;
	color:#a0968c;
	font-size:13px;
	font-weight:normal;
}
.btnMin a span {
	display:block;
	background:url("../img/common/arrow_btn_min.png") no-repeat 98% center;
	padding:0 14px 0 0;
}
.btnMin:hover a span {
	background:url("../img/common/arrow_btn_min.png") no-repeat 100% center;
}
/*closeBtn*/
.lightBtn {
	width:300px;
	transition:all 0.5s;
}
.lightBtn a,
.lightBtn span {
	display:block;
	background:#fff5eb;
	box-shadow:0px 0px 20px 2px #3c3732 inset;
	-moz-box-shadow:0px 0px 20px 2px #3c3732 inset;
	-webkit-box-shadow:0px 0px 20px 2px #3c3732 inset;
	color:#3c3732;
	font-size:18px;
	font-weight:bold;
	line-height:60px;
	text-align:center;
	cursor:pointer;
}
.lightBtn:hover {
	box-shadow:0px 0px 25px 1px rgba(255,255,255,0.7);
	-moz-box-shadow:0px 0px 25px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:0px 0px 25px 1px rgba(255,255,255,0.7);
	transition:all 0.5s;
}

/*page-exp*/
.page-exp {
	position:absolute;
	top:220px;
	left:50%;
	width:1000px;
	margin:0 0 0 -500px;
	border-radius:4px;
	background:rgba(160,150,140,0.5);
	color:#fff5eb;
	font-size:14px;
	text-align:center;
	line-height:50px;
	transition:all 0.5s;
}
.page-exp span {
	position:absolute;
	right:10px;
}
.page-exp span img {
	vertical-align:middle;
}
/*listUi*/
/*---------------------------------
	listUi
---------------------------------*/
#listUi {
	width:1242px;
	margin:10px auto;
}
#listUi > div {
	position:relative;
	float:left;
	min-width:195px;
	margin:0 8px 0 0;
	padding:0 25px 0 0;
	border:1px solid #a0968c;
	background:url(../img/ranking/icon_open.png) no-repeat 96% center;
}
#listUi > div.open {
	background:url(../img/ranking/icon_close.png) no-repeat 96% center,rgba(0,0,0,0.4);
}
#listUi > div p {
	padding:0 0 0 20px;
	color:#777370;
	font-size:14px;
	line-height:38px;
	cursor:pointer;
}
#listUi > div p span {
	display:inline-block;
	min-width:115px;
	padding:0 10px;
	color:#fff5eb;
	text-align:center;
}
#listUi > div ul {
	display:none;
	position:absolute;
	top:38px;
	left:-1px;
	width:calc(100% + 2px);
	padding:2px;
	border:1px solid #a0968c;
	background:rgba(0,0,0,0.8);
	box-sizing:border-box;
	text-align:center;
	z-index:10;
}
#listUi > div ul li {
	padding:11.5px 0;
	cursor:pointer;
}
#listUi > div ul li:hover {
	background:rgba(60,55,50,0.7);
}
/*pager*/
.pager {
	float:right;
	min-width:100px;
}
.pager dt {
	float:left;
	margin:0 20px 0 0;
	color:#a0968c;
	font-size:18px;
	line-height:40px;
}
.pager dd {
	float:right;
}
.pager dd ul {
	float:left;
}
.pager dd p,
.pager dd li {
	float:left;
	min-width:24px;
	margin:0 0 0 5px;
	padding:0 2px;
	border:1px solid #3c3732;
	color:#a0968c;
	font-size:18px;
	line-height:38px;
	text-align:center;
	cursor:pointer;
}
.pager dd li:hover {
	background:rgba(160,150,140,0.2);
}
.pager dd li.current {
	border:1px solid #a0968c;
	background:rgba(160,150,140,0.2);
	cursor:default;
}
.pager dd p img {
	vertical-align:middle;
}
/*animation*/
@-webkit-keyframes show {
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
@keyframes show {
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
@-webkit-keyframes hide {
	from{
		opacity:1;
	}
	to{
		opacity:0;
	}
}
@keyframes hide {
	from{
		opacity:1;
	}
	to{
		opacity:0;
		display:none;
	}
}

/*---------------------------------
	accountLink
---------------------------------*/
#dataStatus {
	width:1140px;
	margin:20px auto 30px auto;
	padding:25px;
	border:1px solid #3c3732;
	background:rgba(0,0,0,0.5);
	text-align:center;
}
#dataStatus h2 {
	margin:0 0 15px 0;
	color:#ffa019;
	font-size:22px;
}
#dataStatus dt {
	margin:0 0 10px 0;
	color:#bdb6af;
	font-size:14px!important;
	font-weight:bold;
}
#dataStatus dd.attention {
	margin:0 0 15px 0;
	color:#a0968c;
	font-size:12px;
}
#dataStatus dd.attention a {
	color:#ffa019;
	text-decoration:underline;
}
#dataStatus dd.attention a:hover {
	text-decoration:none;
}
#dataStatus dd.btnArea {
	margin:0;
	text-align:center;
}
#dataStatus dd.btnArea a {
	display:inline-block;
	width:27.8%;
	margin:10px 10px 0 10px;
	border:1px solid #ffa019;
	background:url(../img/common/arrow_btn_or.png) no-repeat 94% center rgba(0,0,0,0.4);
	color:#ffa019;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:50px;
}
/*---------------------------------
	common
---------------------------------*/
#wrapper {
	/*position:relative;*/
	min-width:1240px;	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAI0lEQVQIW2NkYGDYzMDAcIYBChgZGBjqYRwQjSxgAlKJoQIAnPQEARvsWbgAAAAASUVORK5CYII=) repeat,url(../img/top/bg_top.jpg) no-repeat center top fixed;
	background-size:auto,100%;
}
#noise {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/common/noise.gif) repeat left top;
	opacity:0.3;
	z-index:1;
}
#contents {
	position:relative;
	z-index:3;
}
#footer {
	position:relative;
	z-index:2;
}
/*globalHeader*/
#globalHeader {
	position:relative;
	border-bottom:1px solid #2a2929;
	/*background:#151515;*/
	background:rgba(0,0,0,1);
	/*font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-family:"Century Gothic",sans-serif;
	z-index:5;
}
#globalHeader .inner {
	width:1240px;
	height:50px;
	margin:0 auto;
}
#globalHeader .renetLogo {
	float:left;
	padding:2px 0 2px 0;
}
#globalHeader .renetNav {
	float:right;
	padding:0 0 0 15px;
	border-left:1px solid #222;
}
#globalHeader .renetNav .name {
	position:relative;
	display:table;
	float:left;
}
#globalHeader .renetNav .name img {
	float:left;
	width:34px;
	margin:7px 5px;
	border:1px solid #2f2f2f;
}
#globalHeader .renetNav .name span {
	float:left;
	max-width:125px;
	max-height:40px;
	margin:0 5px 0 0;
	padding:5px 0;
	color:#fff;
	font-size:14px;
	line-height:40px;
	word-break:break-all;
	overflow:hidden;
}
#globalHeader .renetNav .name:hover span {
	color:#b5b5b5;
}
#globalHeader .renetNav .bady,
#globalHeader .renetNav .board {
	position:relative;
	float:left;
	margin:15px 7px 0 7px;
}
#globalHeader .renetNav .bady span,
#globalHeader .renetNav .board span {
	display:none;
}
#globalHeader .renetNav em {
	position:absolute;
	top:-5px;
	right:-2px;
	padding:1px 5px;
	border-radius: 10px;
	border: solid 1px #c0c0c0;
	background:#8b0000;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	-o-box-shadow: 1px 1px 1px #000;
	-ms-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
}
#gNavBtGiSb em, #gNavBtGiMb em {
	font-size:10px;
	line-height:1.2;
}
#globalHeader .renetNav .renetSubNav {
	display:none;
}
#globalHeader .renetSubNav {
	display:none;
	position:absolute;
	top:51px;
	left:-15px;
	background:rgba(0,0,0,0.7);
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index:1100;
}
#globalHeader .renetSubNav li a {
	display:block;
	width:128px;
	padding:10px 4px 10px 25px;
	border-top:1px dotted #1a1a1a;
	background:url(../img/common/nav_arrow_r.png) no-repeat -15px center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	color:#c0c0c0;
	font-size:11px;
}
#globalHeader .renetSubNav li a:hover {
	background:url(../img/common/nav_arrow_r.png) no-repeat 5px center #1a1a1a;
}
#globalHeader .grobalNav {
	float:right;
	padding:0 20px 0 0;
}
#globalHeader .grobalNav li {
	float:left;
	margin:0 0 0 10px;
	line-height:50px;
}
#globalHeader .grobalNav li a {
	padding:0 0 0 20px;
	color:#fff;
	font-size:12px;
}
#globalHeader .grobalNav li a:hover {
	text-decoration:underline;
}
#globalHeader .grobalNav li.start a {
	background:url(../img/common/icon_start.png) no-repeat left center;
}
#globalHeader .grobalNav li.games a {
	background:url(../img/common/icon_games.png) no-repeat left center;
}
#globalHeader .grobalNav li.faq a {
	background:url(../img/common/icon_faq.png) no-repeat left center;
}
#globalHeader .grobalNav li.lang a {
	background:url(../img/common/icon_lang.png) no-repeat left center;
}
#globalHeader p.login {
	float:right;
	margin:13px 10px 0 0;
}
#globalHeader p.login a {
	display:block;
	padding:5px 10px;
	border-radius:4px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background: #475868; /* Old browsers */
	background: -moz-linear-gradient(top,  #475868 0%, #304153 51%, #304153 51%, #304153 51%, #1d2a3a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #475868 0%,#304153 51%,#304153 51%,#304153 51%,#1d2a3a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #475868 0%,#304153 51%,#304153 51%,#304153 51%,#1d2a3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475868', endColorstr='#1d2a3a',GradientType=0 ); /* IE6-9 */
}
/*---------------------------------
	header
---------------------------------*/
#header {
	position:relative;
	padding:17px 0;
	background:rgba(0,0,0,0.5);
	z-index:4;
}
#header .inner {
	width:1260px;
	margin:0 auto;
	padding:0 20px 0 0;
}
#header .logo {
	float:left;
	margin:0 0 0 30px;
}
/*gnav*/
#header #gnav {
	float:right;
}
#gnav li {
	position:relative;
	float:left;
	height:26px;
	margin:15px 0 15px 50px;
	padding:0 5px;
	text-align:center;
}
.ja #gnav li {
	height:36px;
	margin:8px 0 0 50px;
	padding:0 0 8px 0;
	cursor:pointer;
}
#gnav li .sub {
	display:block;
	font-size:10px;
}
#gnav li a {
	color:#bdb6af;
}
#gnav li.noLogin a,
#gnav li a.linkInactive{
	padding:0 0 0 26px;
	background:url(../img/common/icon_ovlock.png) no-repeat left center;
	color:#504b47!important;
}
#gnav li.current a,
#gnav li:hover a {
	color:#ffa019;
}
#gnav li.noLogin:hover a,
#gnav li:hover a.linkInactive {
	background:url(../img/common/icon_ovlock_on.png) no-repeat left center;
	color:#777370!important;
}
#gnav li span.update {
	display:block;
	position:absolute;
	top:2px;
	right:-21px;
	width:17px;
	border-radius:50px;
	background:#ffa019;
	color:#3c3732;
	font-size:14px;
	text-align:center;
	line-height:17px;
}
#gnav li a:before {
	content:'';
	display:block;
	position:absolute;
	background:#ffa019;
	top:20px;
	left:50%;
	height:1px;
	width:0;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#gnav li.noLogin a:before,
#gnav li a.linkInactive:before {
	background:#504b47;
}
#gnav li.current a:before,
#gnav li:hover a:before {
	left:0;
	width:100%;
}
#gnav li#nav01:after,
#gnav li#nav02:after,
#gnav li#nav03:after {
	display: block;
	content: '';
	position: absolute;
	top: -16px;
	left: -5px;
	width: 32px;
	height: 22px;
}
#gnav li#nav01.noLogin:after {
	left: 3px;
}
/*
#gnav li a:before,
#gnav li:hover a:before {
	display:none;
}
*/
#header .ptfSelect {
	display:none;
	position:absolute;
	top:40px;
	left:-215px;
	padding:8px 0 0 0;
	background:url(../img/common/arrow_ptfselect.png) no-repeat center top;
	opacity:0;
}
#header .ptfSelect .inner {
	width:500px;
	padding:2px;
	border:1px solid #56514a;
	background:rgba(0,0,0,0.8);
}
#header .ptfSelect p {
	display:table-cell;
	width:124px;
	text-align:center;
	vertical-align:middle;
	transition:background 0.5s;
}
#header .ptfSelect p span {
	display:table;
	width:100%;
	height:44px;
}
#header .ptfSelect p a {
	display:table-cell;
	vertical-align:middle;
}
#header .ptfSelect p a:before {
	content:none;
}
#header .ptfSelect p img {
	vertical-align:middle;
	opacity:0.5;
}
#header .ptfSelect p.active img {
	opacity:1;
}
#header .ptfSelect p:hover {
	background:rgba(60,55,50,0.7);
	transition:background 0.5s;
}
/*nologin*/
#header .noLogin .ptfSelect {
	display:none;
	position:absolute;
	top:40px;
	left:-65px;
	padding:8px 0 0 0;
	background:url(../img/common/arrow_ptfselect.png) no-repeat center top;
	cursor:default;
	opacity:0;
}
#header .noLogin .ptfSelect .inner {
	width:auto;
	min-width:236px;
	border:1px solid #56514a;
	background:rgba(0,0,0,0.8);
}
#header .noLogin .ptfSelect p {
	display:block;
	width:auto;
	color:#504b47;
	font-size:14px;
	line-height:50px;
}
#header .noLogin .ptfSelect p:hover {
	background:rgba(0,0,0,0.8);
}
#header .noLogin .ptfSelect p a {
	display:inline;
	background:none;
	padding:0;
	color:#ffa019;
	text-decoration:underline;
}
#header .noLogin .ptfSelect p a:hover {
	text-decoration:none;
}
/*---------------------------------
	coming
---------------------------------*/
.coming {
	width:1220px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/common/table_line_tb.png) no-repeat center top,url(../img/common/table_line_tb.png) no-repeat center bottom,url(../img/common/table_line_mid.png) repeat-y center top;
	background-size:100%;
}
.coming p {
	padding:180px 0 120px 0;
	border-top:1px solid #3c3732;
	border-bottom:1px solid #3c3732;
	background:url(../img/common/icon_lock.png) no-repeat center 100px;
	color:#a0968c;
	font-size:18px;
	text-align:center;
}


/*---------------------------------
	scrollTop
---------------------------------*/
.totop {
	position:fixed;
	right:60px;
	bottom:-100px;
	opacity:0;
	z-index:100;
	transition:bottom 0.7s,opacity 0.8s;
}
.totop.show {
	bottom:50px;
	opacity:1;
	transition:bottom 0.7s,opacity 0.8s;
}
/*---------------------------------
	footer
---------------------------------*/
#footer {
	padding:35px 45px;
	background:#000;
	font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#footer .inner {
	color:#aaa;
}
#footer .inner dl {
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	border-bottom:1px solid #555;
}
#footer .inner dt {
	margin:0 0 25px 0;
	text-align:center;
}
#footer .inner dd ul {
	display:table;
	margin:0 auto;
}
#footer .inner dd li {
	display:table-cell;
	padding:0 10px;
	font-size:12px;
}
#footer .inner dd li a {
	color:#aaa;
}
#footer .caption {
	margin:0 0 25px 0;
	font-size:10px;
	line-height:2;
	text-align:center;
}
#footer .caption img {
	vertical-align:middle;
}
#footer .ptf {
	display:table;
	margin:0 auto 15px auto;
}
#footer .ptf li {
	display:table-cell;
	padding:0 15px;
	vertical-align:middle;
}
#footer .ptf li:nth-of-type(1) img {
	margin:0 0 5px 0;
}
#footer .ptf li:nth-of-type(1) span img {
	margin:-20px 0 0 0;
	padding:12px 12px 0 0;
}
#footer .copy {
	font-size:10px;
	text-align:center;
}
#footer .navGleamBlkBtn a {
	display:block;
	width:92%;
	margin:10px auto;
	padding:2%;
	border-radius:4px;
	border:1px solid #000;
	color: #f5f5f5;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
	box-shadow:0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 #000000;
}
.ratingCero {
	width:80px;
	height:50px;
	background: url(../../../pc/img_common/rating_cero.gif) no-repeat center top;
	background-size:auto 100%;
}
.ratingEsrb {
	width:143px;
	height:83px;
	background: url(../../../pc/img_common/icon_esrb.png) no-repeat center top;
	background-size:100%;
}
.ratingPegi {
	width:80px;
	height:50px;
	background: url(../../../pc/img_common/rating_pegi.gif) no-repeat center top;
	background-size:auto 100%;
}
.ratingUsk {
	width:80px;
	height:50px;
	background: url(../../../pc/img_common/rating_usk.gif) no-repeat center top;
	background-size:auto 100%;
}
.ratingMa {
	width:80px;
	height:50px;
	background: url(../../../pc/img_common/rating_ma.gif) no-repeat center top;
	background-size:100% auto;
}
/*---------------------------------
	layout -minSize-
---------------------------------*/
@media screen  and (min-width:1000px) and (max-width: 1200px) {
	#dataStatus,
	.coming {
		width:94%;
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#listUi {
		width:96%;
	}
	.page-exp {
		left:0;
		width:96%;
		margin:0 2%;
	}
}
/*最低幅固定*/
@media screen  and (max-width:1000px){
	#dataStatus,
	.coming {
		width:940px;
	}
	#listUi {
		width:960px;
	}
	.page-exp {
		width:960px;
		margin:0 0 0 -480px;
	}
}
