@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;
	line-height:1.5;
	list-style:none;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display:block; }
body { line-height:1; }
ul li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
img{ border:0; vertical-align:middle; }
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 #cccccc; margin:1em 0; padding:0; }
/* ========================================
	Clearfix
======================================== */
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
/*renetHeader*/
#renetTopJpBody {
	background:#000;
}
#contents section#grobalSection {
	margin:20px 180px!important;
}
/* ========================================
	Base
======================================== */
body {
	position:relative;
	background:#000;
	color:#333;
	font-size:14px;
	font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-text-size-adjust: 100%;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#fff;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
img {
	max-width:100%;
	height:auto;
}
a img {
	border: 0;
}
#mdlbg,
#langModal,
#bgmdl_guide,
#bgmdl_avatar,
#bgmdl_playstyle,
#bgmdl_decal,
#bgmdl_regal,
#bgmdl_help,
#bgmdl_loading {
	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:1200;*/
	z-index: 10000;
}
#langModal {
	filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	z-index:30000;
}
#wrapper #mdlbg {
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	z-index:10000;
}
#bgmdl_regal {
	z-index:11000;
}
#bgmdl_guide {
	display:none;
	z-index:11000;
}
#bgmdl_avatar,
#bgmdl_playstyle,
#bgmdl_decal,
#bgmdl_regal.linkPop,
#bgmdl_help {
	display:none;
}
/*loader*/
.loader {
	position:fixed;
	top:50%;
	left:50%;
	margin:-2.5em 0 0 -2.5em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;
	font-size: 10px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	z-index:15000;
}
.loader,
.loader:after {
	width: 5em;
	height: 5em;
	border-radius: 50%;
}
@-webkit-keyframes load8 {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
/* ========================================
	common
======================================== */
#wrapper {
	/*position:relative;*/
	min-width:1280px;
	background:url(../img/common/bg.jpg) no-repeat left top fixed;
}
/*globalHeader*/
#globalHeader {
	border-bottom:1px solid #2a2929;
	background:#151515;
}
#globalHeader .renetLogo {
	float:left;
	padding:14px 0 14px 30px;
}
#globalHeader .renetNav {
	float:right;
	margin:0 100px 0 0;
	padding:6px 0;
}
#globalHeader .renetNav .name {
	position:relative;
	display:table;
	float:left;
}
#globalHeader .renetNav .name img {
	display:table-cell;
	border:1px solid #555;
}
#globalHeader .renetNav .name span {
	display:table-cell;
	max-width:300px;
	padding:0 10px;
	color:#fff;
	vertical-align:middle;
}
#globalHeader .renetNav .name:hover span {
	color:#b5b5b5;
}
#globalHeader .renetNav .bady,
#globalHeader .renetNav .board {
	position:relative;
	float:left;
	margin:3px 5px 0 0;
}
#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:38px;
	left:0;
	background:url(../img/common/bg_dots_black7.png) repeat left top;
	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:5px 20px 5px 0;
}
#globalHeader .grobalNav li {
	float:left;
	margin:0 0 0 10px;
	line-height:38px;
}
#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:10px 100px 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;
	height:83px;
	margin: 0 0 44px;
	background:url(../img/common/bg_header.png) repeat-x left top;
	z-index:100;
}
#header .logo {
	position:absolute;
	top:0;
	left:0;
	padding:10px 55px 10px 20px;
	background:url(../img/common/bg_info_bk.png) no-repeat left bottom;
}
#header .ecapBnr {
	width:1200px;
	margin:0 auto;
	padding:1px 0 0 80px;
	text-align:right;
}
#header .girlsBnr {
	width:1120px;
	margin:0 auto;
	padding:1px 0 0 107px;
	text-align:right;
}
/*#header .renetNav {
	position:absolute;
	top:25px;
	right:70px;
	height:37px;
}
#header .renetNav .name {
	display:table;
	float:left;
}
#header .renetNav .name img {
	display:table-cell;
	border:1px solid #555;
}
#header .renetNav .name span {
	display:table-cell;
	max-width:300px;
	padding:0 10px;
	color:#fff;
	vertical-align:middle;
}
#header .renetNav .name:hover span {
	color:#b5b5b5;
}*/
/*popArrow*/
/*#header .platform .ptfPop dl {
	position:relative;
	background:url(../img/common/bg_dots_black7.png) repeat left top;
	border:1px solid #535353;
}
#header .platform .ptfPop dl:after, #header .platform .ptfPop dl:before {
	bottom:100%;
	left:50px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
#header .platform .ptfPop dl:after {
	border-color:rgba(0, 0, 0, 0);
	border-bottom-color:#000;
	border-width:7px;
	margin-left:-7px;
}
#header .platform .ptfPop dl:before {
	border-color: rgba(83, 83, 83, 0);
	border-bottom-color: #535353;
	border-width: 8px;
	margin-left: -8px;
}*/
/*popContents*/
/*
#header .platform .ptfPop dt {
	margin:0 0 8px 0;
	padding:0 0 0 10px;
	border-left:2px solid #fff;
	color:#fff;
	font-size:11px;
}
#header .platform .ptfPop dd li {
	float:left;
	width:79px;
	height:24px;
	margin:0 5px 0 0;
	border:1px solid #707070;
	text-align:center;
}
#header .platform .ptfPop dd li.current {
	border:1px solid #ff8400;
}
#header .renetNav .regis,
#header .renetNav .login {
	position:relative;
	float:left;
	margin:7px 0 0 5px;
}
#header .renetNav .regis a {
	color:#fff;
	font-size:12px;
}
#header .renetNav .regis a:after {
	content:'|';
	padding:0 10px;
}
#header .renetNav .login {
	margin:7px 10px 0 0;
}
#header .renetNav .login a {
	color:#fff;
	font-size:12px;
}
#header .renetNav .bady,
#header .renetNav .board,
#header .renetNav .faq {
	position:relative;
	float:left;
	margin:2px 0 0 5px;
}
#header .renetNav .bady a,
#header .renetNav .board a,
#header .renetNav .faq a {
	display:block;
	width:30px;
	height:30px;
	overflow:hidden;
}
#header .renetNav em {
	display:block;
	position:absolute;
	top:-5px;
	right:-5px;
	width:17px;
	padding:1px 0;
	border-radius:50px;
	border:1px solid #fff;
	background:#c00;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
#header .renetNav .renet {
	float:left;
	margin:5px 0 0 10px;
}
#header .renetSubNav {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	background:url(../img/common/bg_dots_black7.png) repeat left top;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index:1100;
}
#header .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;
}
#header .renetSubNav li a:hover {
	background:url(../img/common/nav_arrow_r.png) no-repeat 5px center #1a1a1a;
}*/
/*information*/
/*#header .information {
	display:table;
	width:100%;
	height:33px;
	padding:77px 0 0 0;
}
#header .information dt {
	display:table-cell;
	width:152px;
	height:29px;
	padding:0 0 0 263px;
	background:url(../img/common/bg_info_bk.png) no-repeat right top;
	vertical-align:middle;
	text-align:center;
}
#header .information dt img {
	vertical-align:baseline;
}
#header .information dd.post {
	display:table-cell;
	background:url(../img/common/bg_info_wh.png) repeat-x left top;
}
#header .information dd ul {
	position:relative;
	height:20px;
	overflow:hidden;
}
#header .information dd li {
	position:relative;
}
#header .information dd li .date {
	padding:0 20px 0 10px;
	color:#f0861e;
}
#header .information dd li p {
	color:#fff;
}
#header .information dd.more {
	display:table-cell;
	width:53px;
	padding:0 230px 0 20px;
	background:url(../img/common/bg_info_wh.png) repeat-x left top;
	line-height:29px;
	vertical-align:text-top;
}*/
/*share*/
/*#header .share {
	position:absolute;
	top:77px;
	right:0;
	width:195px;
	height:29px;
	padding:0 0 0 35px;
	background:url(../img/common/bg_share.png) no-repeat left top;
}
#header .share dt {
	float:left;
	margin:6px 15px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #aaa;
	line-height:13px;
}
#header .share dd {
	float:left;
}
#header .share dd li {
	float:left;
	margin:2px 20px 0 0;
}*/
/*gNav*/
#gnav {
	position:absolute;
	/*top:106px;*/
	/*top:130px;*/
	/*top: 80px;*/
	top: 170px;
	left:0;
	height:100%;
	background:url(../img/common/bg_nav.png) repeat left top;
	box-shadow:rgba(0, 0, 0, 0.341176) 4px 0px 6px -2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.341176) 4px 0px 6px -2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.341176) 4px 0px 6px -2px;
	/*z-index:1100;*/
	z-index: 9900;
}
#nav-common-toggle:checked ~ #gnav {
	z-index: 8000;
}
#gnav ul {
	margin:32px 0 0 0;
}
#gnav li {
	position:relative;
	margin:0 0 2px 0;
	background:url(../img/common/bg_navdefault.png) repeat left top;
	transition:background 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#gnav li#nav06 {
	background:url(../img/common/bg_nav06.png) repeat left top;
}
#gnav li div.effect {
	position:absolute;
	top:0;
}
#gnav li:hover {
	background:url(../img/common/bg_navover.png) repeat left top;
	box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	transition:background 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#gnav li#nav06:hover {
	background:url(../img/common/bg_nav06over.png) repeat left top;
	box-shadow:rgba(197, 0, 0, 0.3) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(197, 0, 0, 0.3) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(197, 0, 0, 0.3) 0px 0px 24px 0px inset;
	transition:background 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#gnav li.current,
#gnav li.current:hover {
	background:url(../img/common/bg_navcurrent.png) repeat left top;
	box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
}
#gnav li#nav06.current,
#gnav li#nav06.current:hover {
	background:rgba(197,0,0,0.5);
	box-shadow:rgba(197, 0, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(197, 0, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(197, 0, 0, 0.85098) 0px 0px 24px 0px inset;
}
#gnav li a {
	display:block;
	width:0;
	height:54px;
	padding:0 0 0 60px;
	border:1px solid rgba(0,0,0,0);
	color:#aabfbd;
	font-size:14px;
	font-weight:bold;
	text-shadow:0px 0px 20px rgba(64, 134, 133, 1);
	line-height:54px;
	overflow:hidden;
}
#gnav li.current a,
#gnav li.current a:hover {
	border:1px solid #ffd99a;
	color:#fff;
	text-shadow: 0px 0px 10px rgba(238, 119, 0, 1);
}
#gnav li#nav06.current a,
#gnav li#nav06.current a:hover {
	border:1px solid #ff0000;
}
#gnav li a:hover {
	color:#fff;
	text-shadow: 0px 0px 10px rgba(238, 119, 0, 1);
}
#gnav #nav00 a {
	background:url(../img/common/icon_nav00.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav00.current a,
#gnav #nav00 a:hover {
	background:url(../img/common/icon_nav00_on.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav01 a {
	position:relative;
	background:url(../img/common/icon_nav01.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav01.current a,
#gnav #nav01 a:hover {
	background:url(../img/common/icon_nav01_on.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav01 div {
	display:none;
	position:absolute;
	top:0;
	right:-192px;
}
#gnav #nav01 div p {
	padding:5px;
	background:url(../img/common/bg_navdefault.png) repeat left top rgba(0,0,0,0.8);
	box-shadow:rgba(0, 0, 0, 0.341176) 4px 0px 6px -2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.341176) 4px 0px 6px -2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.341176) 4px 0px 6px -2px;
	transition:background 0.5s,box-shadow 0.5s;
}
#gnav #nav01 div  a {
	display:block;
	width:180px;
	height:auto;
	padding:0;
	border:1px solid #535353;
	background:#000!important;
	line-height:45px!important;
	text-align:center;
	transition:border 0.5s,box-shadow 0.5s;
}
#gnav #nav01 div .active  a {
	border:1px solid #fff;
}
#gnav #nav01 div p.active img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#gnav #nav01 div  a img {
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
#gnav #nav01 div p:hover {
	background:url(../img/common/bg_navover.png) repeat left top rgba(0,0,0,0.8);
	box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	transition:background 0.5s,box-shadow 0.5s;
}
#gnav #nav01 div p:hover a {
	border:1px solid #c4823b;
	transition:border 0.5s box-shadow 0.5s;
}
#gnav #nav01 div p.active:hover a {
	box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	transition:border 0.5s,box-shadow 0.5s;
}
/*#gnav #nav01.ps4 a {
	background:url(../img/common/icon_nav01_ps4.png) no-repeat left center;
	background-size:60px 53px;
	line-height:25px;
}
#gnav #nav01.steam a {
	background:url(../img/common/icon_nav01_steam.png) no-repeat left center;
	background-size:60px 53px;
	line-height:25px;
}
#gnav #nav01.ps4.current a,
#gnav #nav01.ps4 a:hover {
	background:url(../img/common/icon_nav01_ps4_on.png) no-repeat left center;
	background-size:60px 53px;
}
#gnav #nav01.steam.current a,
#gnav #nav01.steam a:hover {
	background:url(../img/common/icon_nav01_steam_on.png) no-repeat left center;
	background-size:60px 53px;
}
#gnav li#nav01 .ps4 {
	display:block;
	position:absolute;
	top:25px;
	left:63px;
	height:22px;
	overflow:hidden;
}
#gnav li#nav01 .steam {
	display:block;
	position:absolute;
	top:25px;
	left:145px;
	height:22px;
	overflow:hidden;
}
#gnav li#nav01 .ps4 a,
#gnav li#nav01 .steam a {
	display:inline-block;
	width:75px;
	height:auto;
	padding:3px 0;
	border:1px solid #535353;
	background:#000!important;
	line-height:1;
	text-align:center;
}
#gnav li.current#nav01 .ps4 a,
#gnav li.current#nav01 .steam a:hover {
	border:1px solid #535353;
}
#gnav li#nav01 .ps4.current a,
#gnav li#nav01 .steam.current a {
	border:1px solid #f8be83;
}
#gnav #nav01 .ps4 a,
#gnav #nav01 .steam a {
	background:none;
}
#gnav #nav01.current .ps4 a,
#gnav #nav01 .steam a:hover {
	background:#000;
}*/
#gnav #nav02 a {
	background:url(../img/common/icon_nav02.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav02.current a,
#gnav #nav02 a:hover {
	background:url(../img/common/icon_nav02_on.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav03 a {
	background:url(../img/common/icon_nav03.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav03.current a,
#gnav #nav03 a:hover {
	background:url(../img/common/icon_nav03_on.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav04 a {
	background:url(../img/common/icon_nav04.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav04.current a,
#gnav #nav04 a:hover {
	background:url(../img/common/icon_nav04_on.png) no-repeat 15px center;
	background-size:30px;
}
/*#gnav #nav05,
#gnav #nav05:hover {
	background:none;
	box-shadow:none;
	cursor:pointer;
}
#gnav #nav05 span {
	display:block;
	width:0;
	height:54px;
	padding:0 0 0 60px;
	border:1px solid rgba(0,0,0,0);
	background:url(../img/common/icon_nav05.png) no-repeat 15px center;
	background-size:30px;
	color:#aabfbd;
	font-size:14px;
	font-weight:bold;
	text-shadow:0px 0px 20px rgba(64, 134, 133, 1);
	line-height:54px;
	overflow:hidden;
}
#gnav #nav05 span:hover {
	border:1px solid rgba(0,0,0,0);
	background:url(../img/common/icon_nav05_on.png) no-repeat 15px center;
	background-size:30px;
}*/
#gnav #nav06 a {
	background:url(../img/common/icon_nav06.png) no-repeat 15px center;
	background-size:30px;
}
#gnav #nav06.current a,
#gnav #nav06 a:hover {
	background:url(../img/common/icon_nav06.png) no-repeat 15px center;
	background-size:30px;
}
/*totop*/
.totop {
	position:absolute;
	top:0;
	left:0;
	width:36px;
	height:36px;
	border-radius:50px;
	overflow:hidden;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.totop .default,
.totop .topOver {
	position:absolute;
	top:0;
	left:0;
}
.totop .topOver {
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.totop span {
	display:block;
	position:relative;
	margin:0;
}
/*contents*/
#contents {
	position:relative;
	width:1200px;
	min-height:800px;
	margin:0 auto;
	padding:0 0 50px 80px;
}
#bread {
	width:1200px;
	margin:6px 0 0 0;
	color:#fff;
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.8;
}
#bread li {
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	background:url(../img/common/arrow_bread.png) no-repeat left center;
	font-size:11px;
}
#bread li:nth-of-type(1) {
	margin:0;
	padding:0;
	background:none;
}
#bread li a {
	position:relative;
	display:inline-block;
	color:#fff;
}
#bread li a:hover {
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
/*animation*/
#bread li a:before {
	content:'';
	display:inline-block;
	position:absolute;
	top:1.3em;
	left:0;
	width:0;
	height:2px;
	background:#fff;
	transition:0.3s;

}
#bread li a:hover:before {
	width:100%;
}
#contents h1.pageTitle {
	width:1205px;
	margin:6px 0 10px -15px;
}
#contents h1 .mainTitle {
	float:right;
	width:280px;
	margin:-10px 0 0 0;
}
#contents h1 .mainTitle a {
	display:block;
	width:278px;
	border-radius:4px;
	border:1px solid #1e89bb;
	background:url(../img/common/bg_bdr_black_6.png) repeat left top;
	box-shadow:rgba(30, 137, 187, 0.2) 0px 0px 18px 0px inset;
	-webkit-box-shadow:rgba(30, 137, 187, 0.2) 0px 0px 18px 0px inset;
	-moz-box-shadow:rgba(30, 137, 187, 0.2) 0px 0px 18px 0px inset;
	line-height:45px;
	text-align:center;
}
#contents h1 .mainTitle a:hover {
	box-shadow:rgba(30, 137, 187, 0.4) 0px 0px 40px 6px inset;
	-webkit-box-shadow:rgba(30, 137, 187, 0.4) 0px 0px 40px 6px inset;
	-moz-box-shadow:rgba(30, 137, 187, 0.4) 0px 0px 40px 6px inset;
	text-shadow: 0px 0px 10px rgba(30, 137, 187, 1);
}
#contents h1 .mainTitle a span {
	padding:5px 0 5px 30px;
	background:url(../img/common/arrow_blue.png) no-repeat left center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#contents h1 .mainTitle a:hover span {
	background:url(../img/common/arrow_blue_on.png) no-repeat left center;
}
/* ========================================
	tab
======================================== */
#tab {
	width:1200px;
	margin:0 0 20px 0;
}
#tab ul {
	border-bottom:1px solid rgba(255,255,255,0.2);
}
#tab li {
	position:relative;
	float:left;
	width:198px;
	padding:2px 0;
	border:1px solid rgba(0,0,0,0);
	background:url(../img/common/bg_tabdefault.png) repeat left top;
	transition:background 0.5s,border 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#tab li.current,
#tab li.current:hover {
	border:1px solid #ffd99a;
}
#tab li:hover {
	border:1px solid #ee7700;
	background:url(../img/common/bg_navover.png) repeat left top;
	box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	transition:background 0.5s,border 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s;
}
#tab li.current,
#tab li.current:hover {
	background:url(../img/common/bg_navcurrent.png) repeat left top;
	box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.85098) 0px 0px 24px 0px inset;
}
#tab li a {
	display:block;
	width:198px;
	height:50px;
	border-right:1px solid #484545;
	color:#fff;
	font-size:11px;
	text-shadow:0px 0px 20px rgba(64, 134, 133, 1);
}
#tab li:last-child a {
	border:none;
}
#tab li.current a,
#tab li:hover a {
	border-right:1px solid rgba(0,0,0,0);
	text-shadow: 0px 0px 20px rgba(238, 119, 0, 1);
}
#tab li span.txt {
	display:block;
	margin:0 auto;
	font-size:10px;
	text-align:center;
}
.en #tab li span.txt {
	text-indent:-9999px;
}
#tab li span.badge {
	display:block;
	position:absolute;
	top:-5px;
	right:10px;
	width:22px;
	height:22px;
	border-radius:50px;
	border:1px solid #d30e0e;
	background:#910000;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
}
p.new {
	position:absolute;
	top:-3px;
	left:5px;
	padding:0 11px 0 0;
	background:url(../img/common/bg_new_right.png) no-repeat right top;
}
p.new span {
	display:block;
	padding:1px 5px;
	border-top:1px solid #d30e0e;
	border-bottom:1px solid #d30e0e;
	border-left:1px solid #d30e0e;
	background:#910000;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
}
#tab01 a {
	background:url(../img/common/tab_icon01.png) no-repeat 10px center;
}
#tab01 span.txt {
	padding:33px 0 0 35px;
	background:url(../img/common/tab_name01.png) no-repeat 50px 3px;
}
#tab01.current a,
#tab01:hover a {
	background:url(../img/common/tab_icon01_on.png) no-repeat 10px center;
}
#tab01.current span.txt,
#tab01:hover span.txt {
	background:url(../img/common/tab_name01_on.png) no-repeat 50px 3px;
}

#tab02 a {
	background:url(../img/common/tab_icon02.png) no-repeat 30px center;
}
#tab02 span.txt {
	padding:33px 0 0 40px;
	background:url(../img/common/tab_name02.png) no-repeat 75px 3px;
}
#tab02.current a,
#tab02:hover a {
	background:url(../img/common/tab_icon02_on.png) no-repeat 30px center;
}
#tab02.current span.txt,
#tab02:hover span.txt {
	background:url(../img/common/tab_name02_on.png) no-repeat 75px 3px;
}

#tab03 a {
	background:url(../img/common/tab_icon03.png) no-repeat 15px center;
}
#tab03 span.txt {
	padding:33px 0 0 50px;
	background:url(../img/common/tab_name03.png) no-repeat 60px 3px;
}
#tab03.current a,
#tab03:hover a {
	background:url(../img/common/tab_icon03_on.png) no-repeat 15px center;
}
#tab03.current span.txt,
#tab03:hover span.txt {
	background:url(../img/common/tab_name03_on.png) no-repeat 60px 3px;
}

#tab04 a {
	background:url(../img/common/tab_icon04.png) no-repeat 25px center;
}
#tab04 span.txt {
	padding:33px 0 0 45px;
	background:url(../img/common/tab_name04.png) no-repeat 70px 3px;
}
#tab04.current a,
#tab04:hover a {
	background:url(../img/common/tab_icon04_on.png) no-repeat 25px center;
}
#tab04.current span.txt,
#tab04:hover span.txt {
	background:url(../img/common/tab_name04_on.png) no-repeat 70px 3px;
}

#tab05 a {
	background:url(../img/common/tab_icon05.png) no-repeat 15px center;
}
#tab05 span.txt {
	padding:33px 0 0 40px;
	background:url(../img/common/tab_name05.png) no-repeat 60px 3px;
}
#tab05.current a,
#tab05:hover a {
	background:url(../img/common/tab_icon05_on.png) no-repeat 15px center;
}
#tab05.current span.txt,
#tab05:hover span.txt {
	background:url(../img/common/tab_name05_on.png) no-repeat 60px 3px;
}

#tab06 a {
	background:url(../img/common/tab_icon06.png) no-repeat 30px center;
}
#tab06 span.txt {
	padding:33px 0 0 40px;
	background:url(../img/common/tab_name06.png) no-repeat 75px 5px;
}
#tab06.current a,
#tab06:hover a {
	background:url(../img/common/tab_icon06_on.png) no-repeat 30px center;
}
#tab06.current span.txt,
#tab06:hover span.txt {
	background:url(../img/common/tab_name06_on.png) no-repeat 75px 5px;
}
/*en*/
.en #tab01 span.txt {
	padding:35px 0 0 35px;
	background:url(../img/common/tab_name01.png) no-repeat 50px 10px;
}
.en #tab01.current span.txt,
.en #tab01:hover span.txt {
	background:url(../img/common/tab_name01_on.png) no-repeat 50px 10px;
}

.en #tab02 span.txt {
	padding:35px 0 0 40px;
	background:url(../img/common/tab_name02.png) no-repeat 75px 10px;
}
.en #tab02.current span.txt,
.en #tab02:hover span.txt {
	background:url(../img/common/tab_name02_on.png) no-repeat 75px 10px;
}

.en #tab03 span.txt {
	padding:35px 0 0 50px;
	background:url(../img/common/tab_name03.png) no-repeat 60px 10px;
}
.en #tab03.current span.txt,
.en #tab03:hover span.txt {
	background:url(../img/common/tab_name03_on.png) no-repeat 60px 10px;
}

.en #tab04 span.txt {
	padding:35px 0 0 45px;
	background:url(../img/common/tab_name04.png) no-repeat 70px 10px;
}
.en #tab04.current span.txt,
.en #tab04:hover span.txt {
	background:url(../img/common/tab_name04_on.png) no-repeat 70px 10px;
}

.en #tab05 span.txt {
	padding:35px 0 0 40px;
	background:url(../img/common/tab_name05.png) no-repeat 60px 10px;
}
.en #tab05.current span.txt,
.en #tab05:hover span.txt {
	background:url(../img/common/tab_name05_on.png) no-repeat 60px 10px;
}

.en #tab06 span.txt {
	padding:35px 0 0 40px;
	background:url(../img/common/tab_name06.png) no-repeat 75px 10px;
}
.en #tab06.current span.txt,
.en #tab06:hover span.txt {
	background:url(../img/common/tab_name06_on.png) no-repeat 75px 10px;
}
/* ========================================
	guide
======================================== */
#guide {
	display:none;
	position:absolute;
	top:100px;
	left:50%;
	width:1198px;
	margin:0 0 0 -599px;
	padding:0 0 80px 0;
	border:2px solid #235958;
	background:url(../img/common/bg_guide.gif) repeat left top;
	z-index:11000;
}
#guide .closeGuide {
	position:absolute;
	top:-30px;
	right:-30px;
	cursor:pointer;
}
#guide h2 {
	margin:0 0 60px 0;
}
/*confirm*/
#guide .confirm {
	position:relative;
	min-height:724px;
	margin:0 0 80px 0;
	background:url(../img/common/bg_gude01.jpg) no-repeat 0 118px,url(../img/common/line_guide.png) no-repeat center bottom;
}
#guide .confirm h3 {
	min-height:55px;
	padding:28px 0 0 308px;
	background:url(../img/common/tit_confirm.png) no-repeat left top;
	color:#fff;
	font-size:17px;
}
#guide .confirmGl h3 {
	padding:28px 0 0 238px;
	background:url(../img/common/tit_confirm_gl.png) no-repeat 50px top;
}
/*ov*/
#guide .confirm dl.ov {
	position:absolute;
	top:100px;
	left:72px;
}
#guide .confirm dl.ov dt {
	padding:0 0 0 40px;
	background:url(../img/common/icon_guide01.png) no-repeat left top;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-shadow:0px 0px 10px rgba(64, 134, 133, 1);
}
#guide .confirm dl.ov dd.txt {
	padding:2px 0 0 30px;
	color:#fff;
	font-size:14px;
}
#guide .confirm dl.ov dd.img {
	width:478px;
	height:276px;
	margin:27px 0 0 18px;
}
/*stats*/
#guide .confirm dl.stats {
	position:absolute;
	top:287px;
	left:608px;
}
#guide .confirm dl.stats dt {
	padding:0 0 0 50px;
	background:url(../img/common/icon_guide02.png) no-repeat left top;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-shadow:0px 0px 10px rgba(64, 134, 133, 1);
}
#guide .confirm dl.stats dd.txt {
	padding:2px 0 0 30px;
	color:#fff;
	font-size:14px;
}
#guide .confirm dl.stats dd.img {
	width:478px;
	height:276px;
	margin:23px 0 0 18px;
}
/*analysis*/
#guide .contentsCol.analysis {
	position:relative;
	min-height:724px;
	margin:0 0 80px 0;
	background:url(../img/common/bg_gude02.jpg) no-repeat 0 118px,url(../img/common/line_guide.png) no-repeat center bottom;
}
#guide .analysis h3 {
	min-height:55px;
	padding:28px 0 0 308px;
	background:url(../img/common/tit_analysis.png) no-repeat left top;
	color:#fff;
	font-size:17px;
}
#guide .analysisGl h3 {
	padding:38px 0 0 288px;
	background:url(../img/common/tit_analysis_gl.png) no-repeat 50px top;
}
/*analysis*/
#guide .analysis dl.analysis {
	position:absolute;
	top:162px;
	left:72px;
}
#guide .analysis dl.analysis dt {
	padding:0 0 0 45px;
	background:url(../img/common/icon_guide03.png) no-repeat left top;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-shadow:0px 0px 10px rgba(255, 162, 0, 1);
}
#guide .analysis dl.analysis dd.txt01 {
	padding:2px 0 0 30px;
	color:#fff;
	font-size:14px;
}
#guide .analysis dl.analysis dd.txt02 {
	padding:330px 0 0 280px;
	color:#fff;
	font-size:14px;
	text-align:right;
}
#guide .analysis dl.analysis dd.img01 {
	position:absolute;
	top:110px;
	left:17px;
	width:478px;
	height:276px;
}
#guide .analysis dl.analysis dd.img02 {
	position:absolute;
	top:210px;
	left:554px;
	width:478px;
	height:276px;
}
/*customize*/
#guide .customize {
	position:relative;
	min-height:724px;
	background:url(../img/common/bg_gude03.jpg) no-repeat right 118px;
}
#guide .customize h3 {
	min-height:45px;
	padding:28px 0 0 470px;
	background:url(../img/common/tit_customize.png) no-repeat left top;
	color:#fff;
	font-size:17px;
}
#guide .customizeGl h3 {
	padding:28px 0 0 340px;
	background:url(../img/common/tit_customize_gl.png) no-repeat 50px top;
}
/*edit*/
#guide .customize dl.edit {
	position:absolute;
	top:124px;
	left:72px;
}
#guide .customize dl.edit dt {
	padding:4px 0 0 45px;
	background:url(../img/common/icon_guide04.png) no-repeat left top;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-shadow:0px 0px 10px rgba(64, 134, 133, 1);
}
#guide .customize dl.edit dd.txt {
	margin:-2px 0 0 0;
	padding:0 0 0 30px;
	color:#fff;
	font-size:14px;
}
#guide .customize dl.edit dd.img {
	width:478px;
	height:276px;
	margin:27px 0 0 22px;
}
/*style*/
#guide .customize dl.style {
	position:absolute;
	top:311px;
	left:608px;
}
#guide .customize dl.style dt {
	padding:4px 0 0 45px;
	background:url(../img/common/icon_guide05.png) no-repeat left top;
	color:#fff;
	font-size:26px;
	font-weight:bold;
	text-shadow:0px 0px 10px rgba(64, 134, 133, 1);
}
#guide .customize dl.style dd.txt {
	margin:-2px 0 0 0;
	padding:0 0 0 30px;
	color:#fff;
	font-size:14px;
}
#guide .customize dl.style dd.img {
	width:478px;
	height:276px;
	margin:23px 0 0 22px;
}
.totopGuide {
	position:absolute;
	bottom:0;
	right:15px;
	cursor:pointer;
}
/* ========================================
	dataStatus
======================================== */
#dataStatus {
	margin:0 0 10px 0;
}
#dataStatus .dataBox {
	padding:10px 20px;
	background:url(../img/common/bg_dots_black6.png) repeat left top;
}
#dataStatus .dataBox h2 {
	margin:0 0 10px 0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}
#dataStatus .dataBox h2 span {
	display:block;
	padding:0 0 0 40px;
	background:url(../img/common/icon_datastatus.png) no-repeat 10px center;
	color:#f29905;
	font-size:18px;
	font-weight:bold;
	line-height:38px;
}
#dataStatus .dataBox dt {
	float:left;
	width:780px;
	margin:0 0 21px 10px;
	color:#c9c9c9;
	font-size:14px;
	font-weight:bold;
}
#dataStatus .dataBox dl.allPtf dt {
	width:550px;
}
#dataStatus .dataBox dl dd {
	float:right;
}
#dataStatus .dataBox dl dd li {
	float:left;
	width:240px;
	margin:0 0 0 10px;
}
#dataStatus .dataBox dl dd li a {
	display:block;
	width:238px;
	border-radius:4px;
	border:1px solid #ff9000;
	background:url(../img/common/bg_bdr_orange_2.png) repeat left top;
	text-align:center;
	line-height:48px;
}
#dataStatus .dataBox dl dd li a:hover {
	border:1px solid #e69521;
	box-shadow:rgba(233, 167, 35, 0.498039) 0px 0px 16px 6px inset;
	-webkit-box-shadow:rgba(233, 167, 35, 0.498039) 0px 0px 16px 6px inset;
	-moz-box-shadow:rgba(233, 167, 35, 0.498039) 0px 0px 16px 6px inset;
	text-shadow: 0px 0px 10px rgba(238, 119, 0, 1);
}
#dataStatus .dataBox dl dd li span {
	padding:5px 0 5px 30px;
	background:url(../img/common/arrow_orange.png) no-repeat left center;
	color:#c9c9c9;
	font-size:14px;
	font-weight:bold;
}
#dataStatus .dataBox dl dd li:hover span {
	background:url(../img/common/arrow_orange_on.png) no-repeat left center;
}
#dataStatus .dataBox ul.attention {
	padding:15px 10px;
	border-radius:4px;
	background:url(../img/common/bg_dots_wh1.png) repeat left top;
	color:#a0a0a0;
	font-size:11px;
	font-weight:bold;
}
#dataStatus .dataBox ul.attention li {
	padding:0 0 0 1em;
	text-indent:-1em;
}
#dataStatus .dataBox ul.attention li a {
	color:#408685;
}
/* ========================================
	update
======================================== */
.upType01,
.upType01_txt {
	padding:0 0 0 20px;
	background:url(../img/common/icon_update01.png) no-repeat left center;
	color:#1582b5!important;
	line-height:16px;
}
.upType02,
.upType02_txt {
	padding:0 0 0 20px;
	background:url(../img/common/icon_update02.png) no-repeat left center;
	color:#830000!important;
	line-height:16px;
}
.upType03,
.upType03_txt {
	padding:0 0 0 20px;
	background:url(../img/common/icon_update03.png) no-repeat left center;
	color:#b66718!important;
	line-height:16px;
}
.upType01 span,
.upType02 span,
.upType03 span {
	color:#898989;
}
.updatePop {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:248px;
	padding:0 0 12px 0;
	background:url(../img/common/bg_update_pop.png) no-repeat center bottom;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	z-index:100;
}
.updatePop dl {
	padding:15px 10px;
	border:1px solid #707070;
	border-bottom:none;
	background:#000;
	background:rgba(0,0,0,0.9);
}
.updatePop dt {
	margin:0 0 10px 0;
	color:#85a7a5;
	font-size:14px;
	font-weight:bold;
}
.updatePop li {
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	color:#fff!important;
	font-size:12px;
}
.updatePop .attention {
	margin:15px 0 0 0;
	color:#898989;
	font-size:10px;
}
.updatePop .attention a {
	color:#408685;
}
/* ========================================
	pager
======================================== */
.pager {
	float:right;
	width:500px;
	margin:-5px 0 15px 0;
}
.pager dt {
	float:right;
	margin:10px 0 0 0;
	color:#a0a0a0;
	font-size:14px;
	font-weight:bold;
}
.pager:nth-of-type(2) dt {
	margin:0;
}
.pager dd {
	float:right;
}
.pager ul {
	float:left;
}
.pager .prev,
.pager .next,
.pager li {
	float:left;
	margin:0 0 0 5px;
	padding:6px 8px;
	border-radius:4px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_gray1.png) repeat left top;
	color:#fff;
	cursor:pointer;
	transition:border 0.5s,box-shadow 0.5s;
}
.pager li a {
	display:block;
	color:#fff;
}
.pager .prev:hover,
.pager .next:hover,
.pager li:hover {
	border:1px solid #ee7700;
	box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.498039) 0px 0px 13px 0px inset;
	transition:border 0.5s,box-shadow 0.5s;
}
.pager li.current,
.pager li.current:hover {
	border:1px solid #535353;
	color:#555;
	cursor:default;
	box-shadow:none;
}
.pager li.current a,
.pager li.current:hover a {
	color:#555;
}
.pager .prev,
.pager .next {
	cursor:pointer;
}
.pager .prev img {
	transform:rotate(180deg);
}
/* ========================================
	main
======================================== */
#contents .contentsMid {
	padding:0 20px;
	background:url(../img/common/bg_contents.png) repeat left top;
}
#contents .contentsTop {
	width:1200px;
	padding:25px 0 0 0;
	background:url(../img/common/bg_contentstop.png) no-repeat left top;
}
#contents .contentsBtm {
	padding:0 0 25px 0;
	background:url(../img/common/bg_contentsbtm.png) no-repeat left bottom;
}
#contents #main {
	width:1160px;
	min-height:200px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_green3.png) repeat left top;
}
/*btnNav*/
#bottom__Nav {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	border-top: 1px solid #202020;
	background: #000;
}
#bottom__Nav li a {
	display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 40px;
  margin: 20px;
  border: 1px solid #4d4d4d;
  background: #222;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  font-weight: 300;
	transition: background 0.3s, opacity 0.3s;
}
#bottom__Nav li a:hover,
#bottom__Nav li a:active {
  border: 1px solid #ac1818;
  background: rgba(255,255,255,0.08);
}
#bottom__Nav li a.disabled {
  background: rgba(255,255,255,0.5);
  color: #434343;
  pointer-events: none;
}
/*footer*/
#footer {
	padding:35px 45px 75px 45px;
	background:#000;
	z-index:1000;
}
#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 .ptf {
	display:table;
	margin:0 auto 15px auto;
}
#footer .ptf li {
	display:table-cell;
	padding:0 15px;
}
#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:80px;
	height:61px;
	*/
	position: relative;
	top:-20px;
	width: 144px;
	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;
}
/* ========================================
	ageGate
======================================== */
.hidden, .hiddenTab, .hidden_mb {
	display: none;
}
#langModalCenter {
	position:fixed;
	left:50%;
	margin:0 0 0 -331px;
}
#cntCenterPanel {
	margin:0 auto;
	padding:20px 0 0 0;
}
#cntLangBox {
	width:600px;
	margin:20px 0 0 0;
	padding:30px 30px;
	border:1px solid #535353;
}
#cntLangBox h1 {
	display:block;
	height:60px;
	margin:0 auto 10px auto;
	text-indent:-99999px;
	background: url(../../../pc/img_common/logo_renet.png) no-repeat center top;
}
#cntLangBtBox h2, #cntAgeBtBox h2 {
	padding-bottom:7px;
	color:#a9a9a9;
	font-size:85%;
	font-family:"Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal;
	text-align:center;
	text-shadow:1px 1px 2px #000000;
}
#cntLangBtBox h2 span, #cntAgeBtBox h2 span {
	color:#8b0000;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:bold;
}
#cntAgeBtBox select {
	float:left;
	width:180px;
	margin:3px 10px 15px 10px;
	border:solid 1px #333333;
	background:#0d0d0d;
	color:#c0c0c0;
	font-size:14px;
	font-weight:bold;
}
#cntAgeBtBox input[type="button"].navGleamKeyBtn {
	display:inline;
	width:100%;
	margin:0 0 10px 0;
	border:none;
	border-radius:4px;
	background: url(../../../pc/img_common/nav_btn_gleam_key_r.jpg) repeat-x left center;
	color: #ffffff;
	font-size:16px;
	line-height:45px;
	vertical-align:middle;
	cursor:pointer;
}
#ageErr,#ageInv,#ageEmp {
	clear:both;
	margin:0 0 5px 0;
}
/* ========================================
	smoke
======================================== */
.preserve-3d {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}
.infiniteslide1,.infiniteslide2,.infiniteslide3{
	position:absolute;
	bottom:0;
	opacity:1.0;
}
.infiniteslide1 img,.infiniteslide2 img{
	transform:rotate(45deg)
		opacity: 0.7;
    -webkit-animation: spin 150s linear infinite;
    -moz-animation: spin 150s linear infinite;
    -ms-animation: spin 150s linear infinite;
    -o-animation: spin 150s linear infinite;
    animation: spin 150s linear infinite;
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);
		opacity: 0.7;
	}
	100% {-webkit-transform: rotate(360deg);
		opacity: 0;
	}
}
@-moz-keyframes spin {
	0% {-webkit-transform: rotate(0deg);
		opacity: 0.7;
	}
	100% {-webkit-transform: rotate(360deg);
		opacity: 0;
	}
}
@-ms-keyframes spin {
	0% {-webkit-transform: rotate(0deg);
		opacity: 0.7;
	}
	100% {-webkit-transform: rotate(360deg);
		opacity: 0;
	}
}
@-o-keyframes spin {
	0% {-webkit-transform: rotate(0deg);
		opacity: 0.7;
	}
	100% {-webkit-transform: rotate(360deg);
		opacity: 0;
	}
}
@keyframes spin {
	0% {-webkit-transform: rotate(0deg);
		opacity: 0.7;
	}
	100% {-webkit-transform: rotate(360deg);
		opacity: 0;
	}
}
.infiniteslide3 img{
	transform:rotate(45deg)
    -webkit-animation: spin2 300s linear infinite;
    -moz-animation: spin2 300s linear infinite;
    -ms-animation: spin2 300s linear infinite;
    -o-animation: spin2 300s linear infinite;
    animation: spin2 300s linear infinite;
}
@-webkit-keyframes spin2 {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin2 {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin2 {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin2 {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin2 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}


@media screen and (max-width: 800px) {

}